@dignite-ng/expand.cms 3.1.6 → 3.1.9

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

@@ -15,8 +15,6 @@ import { ColumnMode, NgxDatatableModule } from '@swimlane/ngx-datatable';
 import { finalize, of, map, tap } from 'rxjs';
 import * as i4 from '@dignite-ng/expand.core';
 import { UpdateListService, ValidatorsService, LocationBackService, DigniteValidatorsService } from '@dignite-ng/expand.core';
-import * as i7 from '@angular/cdk/drag-drop';
-import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i2 from '@angular/common';
 import { Location, DatePipe } from '@angular/common';
 import * as i6$1 from '@ngx-validate/core';
@@ -26,6 +24,10 @@ import * as i14 from '@abp/ng.components/page';
 import { PageModule } from '@abp/ng.components/page';
 import * as i6$2 from '@dignite-ng/expand.dynamic-form';
 import { DynamicFormModule } from '@dignite-ng/expand.dynamic-form';
+import * as i7 from '@angular/cdk/drag-drop';
+import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
+import * as i5 from 'ng-zorro-antd/tree-select';
+import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
 import * as i4$1 from 'ng-zorro-antd/select';
 import { NzSelectModule } from 'ng-zorro-antd/select';
 import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
@@ -510,6 +512,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 }]
         }] });
 
+class GetSlugByIdPipe {
+    transform(parentId, items) {
+        return items?.find(item => item.id === parentId)?.slug || '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: GetSlugByIdPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: GetSlugByIdPipe, isStandalone: true, name: "getSlugById" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: GetSlugByIdPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'getSlugById',
+                    standalone: true
+                }]
+        }] });
+
 /* eslint-disable no-constant-condition */
 /* eslint-disable no-async-promise-executor */
 /* eslint-disable @angular-eslint/component-selector */
@@ -567,6 +584,18 @@ class EntriesComponent {
         };
         this.filters = {};
         this.maxResultCount = 10;
+        this.copylistItem = [];
+        this.shouldScrollToTop = true;
+        /** 当前拖拽目标节点的ID */
+        this.dropTargetId = null;
+        /** 拖拽位置：above-上方, below-下方, inside-内部 */
+        this.dropPosition = null;
+        /** 当前被拖拽的节点 */
+        this.draggedItem = null;
+        /** 是否正在拖拽 */
+        this.isDragging = false;
+        /** 是否为无效拖拽目标（拖拽到自身或子节点） */
+        this.isInvalidDropTarget = false;
         this.isexpanded = false;
     }
     ngOnInit() {
@@ -604,6 +633,7 @@ class EntriesComponent {
             })
                 .subscribe(async (res) => {
                 this.SiteOfSectionList = res.items.filter(el => el.isActive);
+                // this.filters.sectionId = res.items[res.items.length-1]?.id || '';
                 this.filters.sectionId = res.items[0]?.id || '';
                 await this.getSectionOfEntryType();
                 resolve(res.items);
@@ -789,17 +819,19 @@ class EntriesComponent {
         const setData = (list) => {
             this.data.items = [];
             this.data.totalCount = 0;
-            if (this.SiteOfSectionType == SectionType.Structure) {
-                list.items = list.items.sort((a, b) => {
-                    return new Date(b.creationTime).getTime() - new Date(a.creationTime).getTime();
-                });
-            }
             for (const element of list.items) {
                 const sectionItem = this.SiteOfSectionList.find(el => el.id == element.sectionId);
                 element.sectionType = sectionItem.type;
             }
+            if (this.SiteOfSectionType == SectionType.Structure) {
+                this.copylistItem = list.items;
+                list.items = this.buildTree(list.items);
+            }
             this.data = list;
-            this.scrollToTop();
+            if (this.shouldScrollToTop) {
+                this.scrollToTop();
+            }
+            this.shouldScrollToTop = true;
         };
         this.list.hookToQuery(getData).subscribe(setData);
     }
@@ -827,33 +859,241 @@ class EntriesComponent {
             }
         });
     }
+    /**
+     * CDK拖拽开始事件
+     */
+    onDragStarted(event) {
+        this.isDragging = true;
+        this.draggedItem = event.source.data?.item;
+    }
+    /**
+     * CDK拖拽结束事件
+     */
+    onDragEnded(event) {
+        // 不立即清除状态,让drop方法先执行
+        setTimeout(() => {
+            this.isDragging = false;
+            this.draggedItem = null;
+            this.isInvalidDropTarget = false;
+        }, 100);
+    }
+    /**
+     * CDK拖拽进入事件
+     */
+    onDragEntered(event, targetItem) {
+        if (!this.isDragging)
+            return;
+        this.dropTargetId = targetItem.id;
+    }
+    /**
+     * 鼠标移动事件,判断位置
+     */
+    onMouseMove(event, targetItem) {
+        if (!this.isDragging || !this.draggedItem)
+            return;
+        const target = event.currentTarget.closest('tr');
+        if (!target)
+            return;
+        this.dropTargetId = targetItem.id;
+        const rect = target.getBoundingClientRect();
+        const y = event.clientY - rect.top;
+        const height = rect.height;
+        if (y < height * 0.25) {
+            this.dropPosition = 'above';
+        }
+        else if (y > height * 0.75) {
+            this.dropPosition = 'below';
+        }
+        else {
+            this.dropPosition = 'inside';
+        }
+        // 检查是否为无效拖拽目标
+        this.isInvalidDropTarget = this.isDescendantOrSelf(this.draggedItem.id, targetItem.id);
+        // console.log('拖拽节点ID:', this.draggedItem.id, '目标节点ID:', targetItem.id, '是否无效:', this.isInvalidDropTarget);
+    }
+    /**
+     * 拖拽离开事件处理
+     * 清除拖拽目标和位置标识
+     */
+    onDragLeave(event) {
+        // 不立即清除状态，让drop事件能够获取到dropTargetId和dropPosition
+        // 状态会在drop事件中清除
+    }
+    /**
+     * 拖拽释放事件处理
+     * 根据拖拽位置调用后端API移动节点
+     * @param event CDK拖拽事件
+     */
     drop(event) {
-        const previousId = this.data.items[event.previousIndex].id;
-        const previousIndexOrder = this.data.items[event.previousIndex].order;
-        const currentIndexOrder = this.data.items[event.currentIndex].order;
-        let moveorder = currentIndexOrder;
-        if (event.previousIndex == event.currentIndex)
+        // 获取被拖拽的节点数据
+        const draggedData = event.item.data;
+        if (!draggedData) {
+            console.log('无draggedData');
+            this.clearDropState();
+            return;
+        }
+        const draggedItem = draggedData.item;
+        // 验证拖拽目标和位置是否有效
+        if (!this.dropTargetId || !this.dropPosition) {
+            console.log('无拖拽目标或位置');
+            this.clearDropState();
+            return;
+        }
+        // 在原始平铺数据中查找目标节点
+        const targetItem = this.findItemById(this.copylistItem, this.dropTargetId);
+        // 验证目标节点存在且不是自己或子节点
+        if (!targetItem || this.isDescendantOrSelf(draggedItem.id, targetItem.id)) {
+            this.toaster.warn(this._LocalizationService.instant('Cms::CannotDragToSelfOrDescendant'));
+            this.clearDropState();
             return;
-        if (previousIndexOrder < currentIndexOrder) {
-            moveorder = currentIndexOrder + 1;
         }
-        moveItemInArray(this.data.items, event.previousIndex, event.currentIndex);
+        console.log('拖拽节点:', draggedItem);
+        /*
+         拖拽位置：above-上方, below-下方, inside-内部
+          dropPosition: 'above' | 'below' | 'inside' | null = null;
+        */
+        console.log('目标节点:', targetItem);
+        console.log('位置:', this.dropPosition);
+        // 构建移动参数
+        const moveParams = {};
+        // 如果是放置到内部，设置parentId为目标节点ID
+        if (this.dropPosition === 'inside') {
+            moveParams.parentId = targetItem.id;
+        }
+        // 如果是放置在上方或下方，使用目标节点的parentId和order
+        else {
+            moveParams.parentId = targetItem.parentId;
+            // 上方使用目标节点的order，下方使用order+1
+            moveParams.order = this.dropPosition === 'above' ? targetItem.order : targetItem.order + 1;
+        }
+        console.log('移动参数:', moveParams);
+        // 立即更新本地数据
+        this.updateLocalData(draggedItem, moveParams);
+        this.clearDropState();
+        // 调用后端API
         this._EntryAdminService
-            .move(previousId, {
-            order: moveorder,
-            // order: event.currentIndex,
-        })
-            .pipe(finalize(() => {
+            .move(draggedItem.id, moveParams)
+            .subscribe(() => {
+            this.toaster.success(this._LocalizationService.instant('AbpUi::SavedSuccessfully'));
+            this.shouldScrollToTop = false;
             this.list.get();
-        }))
-            .subscribe(res => { }, err => { });
-        // moveItemInArray(this.rows, event.previousIndex, event.currentIndex);
-        // this.rows = [...this.rows];
+        }, () => {
+            this.shouldScrollToTop = false;
+            this.list.get();
+        });
+    }
+    /**
+     * 清除拖拽状态
+     */
+    clearDropState() {
+        this.dropTargetId = null;
+        this.dropPosition = null;
+        this.isDragging = false;
+        this.draggedItem = null;
+        this.isInvalidDropTarget = false;
+    }
+    /**
+     * 检查目标节点是否是拖拽节点的后代或自身
+     */
+    isDescendantOrSelf(draggedId, targetId) {
+        if (draggedId === targetId) {
+            // console.log('目标是自身');
+            return true;
+        }
+        const result = this.isDescendant(draggedId, targetId);
+        // console.log('目标是子节点:', result);
+        return result;
+    }
+    /**
+     * 递归检查目标节点是否是拖拽节点的子节点
+     */
+    isDescendant(parentId, childId) {
+        const parent = this.findItemById(this.data.items, parentId);
+        if (!parent)
+            return false;
+        const checkChildren = (node) => {
+            if (!node.children || node.children.length === 0)
+                return false;
+            for (const child of node.children) {
+                if (child.id === childId)
+                    return true;
+                if (checkChildren(child))
+                    return true;
+            }
+            return false;
+        };
+        return checkChildren(parent);
+    }
+    /**
+     * 在树形结构或平铺数组中递归查找指定ID的节点
+     * @param items 节点数组
+     * @param id 要查找的节点ID
+     * @returns 找到的节点或null
+     */
+    findItemById(items, id) {
+        for (const item of items) {
+            if (item.id === id)
+                return item;
+            // 如果有子节点，递归查找
+            if (item.children) {
+                const found = this.findItemById(item.children, id);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    /**
+     * 更新本地数据
+     */
+    updateLocalData(draggedItem, moveParams) {
+        const flatItem = this.copylistItem.find(item => item.id === draggedItem.id);
+        if (!flatItem)
+            return;
+        flatItem.parentId = moveParams.parentId;
+        if (moveParams.order !== undefined) {
+            flatItem.order = moveParams.order;
+        }
+        else {
+            // 拖拽到内部时，设置为0（子节点开头）
+            flatItem.order = 0;
+        }
+        this.data.items = this.buildTree(this.copylistItem);
     }
     /**高级筛选切换 */
     expandedChange(event) {
         this.isexpanded = event;
     }
+    /**将平铺数据转换为树形结构并排序 */
+    buildTree(items) {
+        const map = new Map();
+        const roots = [];
+        items.forEach(item => {
+            map.set(item.id, { ...item, children: [] });
+        });
+        items.forEach(item => {
+            const node = map.get(item.id);
+            if (item.parentId === null || item.parentId === undefined) {
+                roots.push(node);
+            }
+            else {
+                const parent = map.get(item.parentId);
+                if (parent) {
+                    parent.children.push(node);
+                }
+            }
+        });
+        const sortByOrder = (nodes) => {
+            nodes.sort((a, b) => a.order - b.order);
+            nodes.forEach(node => {
+                if (node.children && node.children.length > 0) {
+                    sortByOrder(node.children);
+                }
+            });
+        };
+        sortByOrder(roots);
+        return roots;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntriesComponent, deps: [{ token: EntryAdminService }, { token: SectionAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.ConfigStateService }, { token: i6.Router }, { token: i1.LocalizationService }, { token: FormAdminService }, { token: FieldAdminService }, { token: i0.ChangeDetectorRef }, { token: FormControlsService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: EntriesComponent, selector: "cms-entries", providers: [
             ListService,
@@ -864,7 +1104,7 @@ class EntriesComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Entries,
             },
-        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length === 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i> {{'Cms::NewEntry'|abpLocalization}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::NewEntry' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single&&isEntryTypeExist(item.id)\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3  col-md-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-md-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3  col-md-6\">\r\n                        <!-- <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div> -->\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-md-3 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary \" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        \r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"row?.extraProperties[item.field.name]\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        @if\r\n                                        (((row|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                        {\r\n                                        <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        }\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'Cms::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                      <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <!-- <th>{{'Cms::Title' | abpLocalization}}</th> -->\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr *ngFor=\"let item of data.items\" cdkDrag>\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            @if\r\n                                            (((item|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                            {\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            }\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\r\n                                            <button ngbDropdownItem (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <!-- <td class=\"white-space-normal\">{{item.title}}</td> -->\r\n                                <td class=\"white-space-normal\">{{item.slug}}</td>\r\n                                <td>\r\n                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                    abpLocalization }}\r\n                                </td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                \r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\"\r\n                                        [fields]=\"item1\"\r\n                                        [value]=\"item?.extraProperties[item1.field.name]\"></df-dynamic-view>\r\n\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "component", type: i11.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i11.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i11.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i14.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { kind: "component", type: i6$2.DynamicViewComponent, selector: "df-dynamic-view", inputs: ["showInList", "fields", "type", "value"] }, { kind: "component", type: i6$2.DynamicSearchComponent, selector: "df-dynamic-search", inputs: ["culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i1.ShortDateTimePipe, name: "shortDateTime" }, { kind: "pipe", type: GetLocalizedEntriesBySlugPipe, name: "getLocalizedEntriesBySlug" }] }); }
+        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length === 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i> {{'Cms::NewEntry'|abpLocalization}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::NewEntry' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single&&isEntryTypeExist(item.id)\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3  col-md-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-md-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3  col-md-6\">\r\n                        <!-- <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div> -->\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-md-3 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary \" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"row?.extraProperties[item.field.name]\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        @if\r\n                                        (((row|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                        {\r\n                                        <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        }\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'Cms::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList [cdkDropListSortingDisabled]=\"true\" (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <th>{{'Cms::ParentEntry' | abpLocalization}}</th>\r\n                                <!-- <th>{{'Cms::Title' | abpLocalization}}</th> -->\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <ng-container *ngFor=\"let item of data.items\">\r\n                                <ng-container *ngTemplateOutlet=\"treeRow; context: {item: item, level: 0}\"></ng-container>\r\n                            </ng-container>\r\n                        </tbody>\r\n                        \r\n                        <ng-template #treeRow let-item=\"item\" let-level=\"level\">\r\n                            <tr cdkDrag [cdkDragData]=\"{item: item, level: level}\"\r\n                                [class.drop-above]=\"dropPosition === 'above' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-below]=\"dropPosition === 'below' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-inside]=\"dropPosition === 'inside' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-invalid]=\"dropTargetId === item.id && isInvalidDropTarget\"\r\n                                [style.cursor]=\"dropTargetId === item.id && isInvalidDropTarget ? 'not-allowed' : ''\"\r\n                                (cdkDragStarted)=\"onDragStarted($event)\"\r\n                                (cdkDragEnded)=\"onDragEnded($event)\"\r\n                                (cdkDragEntered)=\"onDragEntered($event, item)\"\r\n                                (mousemove)=\"onMouseMove($event, item)\">\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            @if\r\n                                            (((item|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                            {\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            }\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\r\n                                            <button ngbDropdownItem (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"white-space-normal\" (mousemove)=\"onMouseMove($event, item)\">\r\n                                    <span [style.padding-left.px]=\"level * 20\">{{item.slug}}</span>\r\n                                </td>\r\n                                <td class=\"white-space-normal\">{{(item.parentId|getSlugById:copylistItem)||'---'}}</td>\r\n                                <td>\r\n                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                    abpLocalization }}\r\n                                </td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\"\r\n                                        [fields]=\"item1\"\r\n                                        [value]=\"item?.extraProperties[item1.field.name]\"></df-dynamic-view>\r\n\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                            <ng-container *ngIf=\"item.children && item.children.length > 0\">\r\n                                <ng-container *ngFor=\"let child of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"treeRow; context: {item: child, level: level + 1}\"></ng-container>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-template>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .table .drag-handle{cursor:move;cursor:grab}::ng-deep .sites-page .table .drag-handle:active{cursor:grabbing}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}.drop-above{border-top:3px solid #28a745!important}.drop-below{border-bottom:3px solid #28a745!important}.drop-inside{background-color:#28a7451a!important}.drop-invalid{background-color:#dc35451a!important}tr[cdkDrag] td{vertical-align:middle}.drag-handle{cursor:move;cursor:grab}.drag-handle:active{cursor:grabbing}\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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "component", type: i11.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i11.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i11.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i14.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { kind: "component", type: i6$2.DynamicViewComponent, selector: "df-dynamic-view", inputs: ["showInList", "fields", "type", "value"] }, { kind: "component", type: i6$2.DynamicSearchComponent, selector: "df-dynamic-search", inputs: ["culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i1.ShortDateTimePipe, name: "shortDateTime" }, { kind: "pipe", type: GetLocalizedEntriesBySlugPipe, name: "getLocalizedEntriesBySlug" }, { kind: "pipe", type: GetSlugByIdPipe, name: "getSlugById" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntriesComponent, decorators: [{
             type: Component,
@@ -877,7 +1117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Entries,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length === 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i> {{'Cms::NewEntry'|abpLocalization}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::NewEntry' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single&&isEntryTypeExist(item.id)\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3  col-md-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-md-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3  col-md-6\">\r\n                        <!-- <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div> -->\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-md-3 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary \" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        \r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"row?.extraProperties[item.field.name]\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        @if\r\n                                        (((row|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                        {\r\n                                        <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        }\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'Cms::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                      <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <!-- <th>{{'Cms::Title' | abpLocalization}}</th> -->\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr *ngFor=\"let item of data.items\" cdkDrag>\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            @if\r\n                                            (((item|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                            {\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            }\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\r\n                                            <button ngbDropdownItem (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <!-- <td class=\"white-space-normal\">{{item.title}}</td> -->\r\n                                <td class=\"white-space-normal\">{{item.slug}}</td>\r\n                                <td>\r\n                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                    abpLocalization }}\r\n                                </td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                \r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\"\r\n                                        [fields]=\"item1\"\r\n                                        [value]=\"item?.extraProperties[item1.field.name]\"></df-dynamic-view>\r\n\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}\n"] }]
+                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length === 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i> {{'Cms::NewEntry'|abpLocalization}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::NewEntry' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single&&isEntryTypeExist(item.id)\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3  col-md-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-md-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3  col-md-6\">\r\n                        <!-- <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div> -->\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-md-3 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary \" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"row?.extraProperties[item.field.name]\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        @if\r\n                                        (((row|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                        {\r\n                                        <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        }\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'Cms::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList [cdkDropListSortingDisabled]=\"true\" (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <th>{{'Cms::ParentEntry' | abpLocalization}}</th>\r\n                                <!-- <th>{{'Cms::Title' | abpLocalization}}</th> -->\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <ng-container *ngFor=\"let item of data.items\">\r\n                                <ng-container *ngTemplateOutlet=\"treeRow; context: {item: item, level: 0}\"></ng-container>\r\n                            </ng-container>\r\n                        </tbody>\r\n                        \r\n                        <ng-template #treeRow let-item=\"item\" let-level=\"level\">\r\n                            <tr cdkDrag [cdkDragData]=\"{item: item, level: level}\"\r\n                                [class.drop-above]=\"dropPosition === 'above' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-below]=\"dropPosition === 'below' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-inside]=\"dropPosition === 'inside' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-invalid]=\"dropTargetId === item.id && isInvalidDropTarget\"\r\n                                [style.cursor]=\"dropTargetId === item.id && isInvalidDropTarget ? 'not-allowed' : ''\"\r\n                                (cdkDragStarted)=\"onDragStarted($event)\"\r\n                                (cdkDragEnded)=\"onDragEnded($event)\"\r\n                                (cdkDragEntered)=\"onDragEntered($event, item)\"\r\n                                (mousemove)=\"onMouseMove($event, item)\">\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            @if\r\n                                            (((item|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                            {\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            }\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\r\n                                            <button ngbDropdownItem (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"white-space-normal\" (mousemove)=\"onMouseMove($event, item)\">\r\n                                    <span [style.padding-left.px]=\"level * 20\">{{item.slug}}</span>\r\n                                </td>\r\n                                <td class=\"white-space-normal\">{{(item.parentId|getSlugById:copylistItem)||'---'}}</td>\r\n                                <td>\r\n                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                    abpLocalization }}\r\n                                </td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\"\r\n                                        [fields]=\"item1\"\r\n                                        [value]=\"item?.extraProperties[item1.field.name]\"></df-dynamic-view>\r\n\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                            <ng-container *ngIf=\"item.children && item.children.length > 0\">\r\n                                <ng-container *ngFor=\"let child of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"treeRow; context: {item: child, level: level + 1}\"></ng-container>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-template>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .table .drag-handle{cursor:move;cursor:grab}::ng-deep .sites-page .table .drag-handle:active{cursor:grabbing}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}.drop-above{border-top:3px solid #28a745!important}.drop-below{border-bottom:3px solid #28a745!important}.drop-inside{background-color:#28a7451a!important}.drop-invalid{background-color:#dc35451a!important}tr[cdkDrag] td{vertical-align:middle}.drag-handle{cursor:move;cursor:grab}.drag-handle:active{cursor:grabbing}\n"] }]
         }], ctorParameters: () => [{ type: EntryAdminService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.ConfigStateService }, { type: i6.Router }, { type: i1.LocalizationService }, { type: FormAdminService }, { type: FieldAdminService }, { type: i0.ChangeDetectorRef }, { type: FormControlsService }] });
 
 class CreateOrUpdateEntryInputBase {
@@ -1148,17 +1388,34 @@ class CreateOrEditEntriesComponent {
             })
                 .subscribe((res) => {
                 const entryList = res.items.filter(el => el.id !== this.entryInfo?.id);
+                console.log(entryList, 'entryList');
+                entryList.forEach(el => {
+                    el.title = el.slug;
+                    el.key = el.id;
+                });
                 const parentList = entryList.filter(el => !el.parentId);
                 parentList.forEach(el => {
                     const layer = 0;
                     el.layer = new Array(layer);
                     el.children = this.groupByParentId(entryList, el.id, layer + 1);
+                    el.isLeaf = !el.children || el.children.length === 0;
                 });
+                console.log(parentList, 'parentList');
                 this.entryList = parentList;
                 resolve(res);
             });
         });
     }
+    //  nodes: any[] = [
+    //   {
+    //       title: 'parent 1',
+    //       key: '100',
+    //       children:[]
+    //   }
+    //  ];
+    onChange($event) {
+        console.log($event);
+    }
     /**对数组按照父子关系进行分组 */
     groupByParentId(arr, id = '', layer) {
         let result = [];
@@ -1166,6 +1423,7 @@ class CreateOrEditEntriesComponent {
         result.forEach(el => {
             el.layer = new Array(layer);
             el.children = this.groupByParentId(arr, el.id, layer + 1);
+            el.isLeaf = !el.children || el.children.length === 0;
         });
         return result;
     }
@@ -1215,11 +1473,11 @@ class CreateOrEditEntriesComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditEntriesComponent, deps: [{ token: i4.ToPinyinService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: { isEdit: "isEdit", isCreateVersion: "isCreateVersion", sectionId: "sectionId", entryTypeId: "entryTypeId", select: "select", entity: "entity", isOther: "isOther" }, outputs: { feedbackChildInfo: "feedbackChildInfo" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<div [formGroup]=\"formEntity\">\r\n    <div class=\"row create-or-edit-entries-page\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body py-0\">\r\n                    <!-- <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Title' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\"\r\n                            (blur)=\"setTitleToSlugBlur($event)\">\r\n                    </div> -->\r\n\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"tabActive\" [destroyOnHide]=\"false\" class=\"nav-tabs mb-0\">\r\n                            <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                                <li [ngbNavItem]=\"i\" [destroyOnHide]=\"false\">\r\n                                    <button ngbNavLink *ngIf=\"showEntryType?.fieldTabs.length>1\">{{item.name}}</button>\r\n                                    <ng-template ngbNavContent>\r\n                                        <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                            <ng-container *ngIf=\"el&&formEntity\">\r\n                                                <df-dynamic-control [fields]=\"el\"\r\n                                                    [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureInput.value\"\r\n                                                    [entity]=\"formEntity\"></df-dynamic-control>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n\r\n                        <div [ngbNavOutlet]=\"nav\" class=\"\"></div>\r\n                    </ng-container>\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Slug' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\"  (change)=\"slugChange($event)\">\r\n                        <div class=\"text-danger\" *ngIf=\"slugInput.dirty\">\r\n                            {{slugInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}</div>\r\n                        <select class=\"form-select form-select-multiple\" formControlName=\"culture\">\r\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                        <div class=\"text-danger\" *ngIf=\"cultureInput.dirty\">\r\n                            {{cultureInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</div>\r\n                        <input type=\"text\" disabled [value]=\"showEntryType?.displayName||''\" class=\"form-select\" />\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"sectionInfo.type===1\">\r\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\r\n                        <select class=\"form-select \" formControlName=\"parentId\">\r\n                            <option value=\"\"></option>\r\n                            <ng-container *ngFor=\"let item of entryList;let i =index\">\r\n                                <option [value]=\"item.id\">{{item.title}}</option>\r\n                                <ng-container *ngFor=\"let el of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                        $implicit: {\r\n                                        value: el,\r\n                                        }\r\n                                    }\"></ng-container>\r\n                                    <ng-template #childTemplate let-data>\r\n                                        <option [value]=\"data.value.id\">\r\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\r\n                                            {{data.value.title}}\r\n                                        </option>\r\n                                        <ng-container *ngFor=\"let el of data.value.children\">\r\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                                $implicit: {\r\n                                                value: el,\r\n                                                }\r\n                                            }\"></ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\r\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"isEdit\">\r\n                        <label class=\"form-label\" for=\"Version\">{{'Cms::Version' | abpLocalization}}</label>\r\n                        <ul class=\"list-group\">\r\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\r\n                                <li\r\n                                    class=\"list-group-item flex-between d-flex align-items-center justify-content-between\">\r\n                                    <div>\r\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd\r\n                                        HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\r\n                                        <span class=\"badge text-bg-success ms-1\"\r\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\r\n                                        <span class=\"badge text-bg-primary ms-1\"\r\n                                            *ngIf=\"item.id === entryVersionId\">{{'Cms::Editing' |\r\n                                            abpLocalization}}</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div ngbDropdown class=\"d-inline-block\">\r\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\r\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                                            </button>\r\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\r\n                                                    (click)=\"ActivatedVersion(item.id)\">\r\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    routerLink=\"/cms/admin/entries/create\"\r\n                                                    [queryParams]=\"{entryVersionId:item.id}\">\r\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\r\n                                                    *ngIf=\"item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    (click.stop)=\"delectVersion(item.id)\"\r\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"entryInfo\">\r\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\r\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</div>", styles: ["::ng-deep .create-or-edit-entries-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i11$1.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i11$1.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i11$1.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i11$1.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i11$1.NgbNavLinkButton, selector: "button[ngbNavLink]" }, { kind: "directive", type: i11$1.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i11$1.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i6$2.DynamicControlComponent, selector: "df-dynamic-control", inputs: ["selected", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: { isEdit: "isEdit", isCreateVersion: "isCreateVersion", sectionId: "sectionId", entryTypeId: "entryTypeId", select: "select", entity: "entity", isOther: "isOther" }, outputs: { feedbackChildInfo: "feedbackChildInfo" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<div [formGroup]=\"formEntity\">\r\n    <div class=\"row create-or-edit-entries-page\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body py-0\">\r\n                    <!-- <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Title' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\"\r\n                            (blur)=\"setTitleToSlugBlur($event)\">\r\n                    </div> -->\r\n\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"tabActive\" [destroyOnHide]=\"false\" class=\"nav-tabs mb-0\">\r\n                            <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                                <li [ngbNavItem]=\"i\" [destroyOnHide]=\"false\">\r\n                                    <button ngbNavLink *ngIf=\"showEntryType?.fieldTabs.length>1\">{{item.name}}</button>\r\n                                    <ng-template ngbNavContent>\r\n                                        <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                            <ng-container *ngIf=\"el&&formEntity\">\r\n                                                <df-dynamic-control [fields]=\"el\"\r\n                                                    [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureInput.value\"\r\n                                                    [entity]=\"formEntity\"></df-dynamic-control>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n\r\n                        <div [ngbNavOutlet]=\"nav\" class=\"\"></div>\r\n                    </ng-container>\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Slug' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\" (change)=\"slugChange($event)\">\r\n                        <div class=\"text-danger\" *ngIf=\"slugInput.dirty\">\r\n                            {{slugInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}</div>\r\n                        <select class=\"form-select form-select-multiple\" formControlName=\"culture\">\r\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                        <div class=\"text-danger\" *ngIf=\"cultureInput.dirty\">\r\n                            {{cultureInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</div>\r\n                        <input type=\"text\" disabled [value]=\"showEntryType?.displayName||''\" class=\"form-select\" />\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"sectionInfo.type===1\">\r\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\r\n                        <!-- <select class=\"form-select \" formControlName=\"parentId\">\r\n                            <option value=\"\"></option>\r\n                            <ng-container *ngFor=\"let item of entryList;let i =index\">\r\n                                <option [value]=\"item.id\">{{item.slug}}</option>\r\n                                <ng-container *ngFor=\"let el of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                        $implicit: {\r\n                                        value: el,\r\n                                        }\r\n                                    }\"></ng-container>\r\n                                    <ng-template #childTemplate let-data>\r\n                                        <option [value]=\"data.value.id\">\r\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\r\n                                            {{data.value.slug}}\r\n                                        </option>\r\n                                        <ng-container *ngFor=\"let el of data.value.children\">\r\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                                $implicit: {\r\n                                                value: el,\r\n                                                }\r\n                                            }\"></ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </select> -->\r\n                        <nz-tree-select class=\"form-select dignite-form-tree-select \" [nzMaxTagCount]=\"1\" nzShowSearch\r\n                            formControlName=\"parentId\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                            [nzDropdownClassName]=\"'dignite-form-tree-select-dropdown'\" [nzNodes]=\"entryList\"\r\n                            nzDefaultExpandAll (ngModelChange)=\"onChange($event)\"></nz-tree-select>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\r\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"isEdit\">\r\n                        <label class=\"form-label\" for=\"Version\">{{'Cms::Version' | abpLocalization}}</label>\r\n                        <ul class=\"list-group\">\r\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\r\n                                <li\r\n                                    class=\"list-group-item flex-between d-flex align-items-center justify-content-between\">\r\n                                    <div>\r\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd\r\n                                        HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\r\n                                        <span class=\"badge text-bg-success ms-1\"\r\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\r\n                                        <span class=\"badge text-bg-primary ms-1\"\r\n                                            *ngIf=\"item.id === entryVersionId\">{{'Cms::Editing' |\r\n                                            abpLocalization}}</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div ngbDropdown class=\"d-inline-block\">\r\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\r\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                                            </button>\r\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\r\n                                                    (click)=\"ActivatedVersion(item.id)\">\r\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    routerLink=\"/cms/admin/entries/create\"\r\n                                                    [queryParams]=\"{entryVersionId:item.id}\">\r\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\r\n                                                    *ngIf=\"item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    (click.stop)=\"delectVersion(item.id)\"\r\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"entryInfo\">\r\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\r\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</div>", styles: ["::ng-deep .create-or-edit-entries-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}::ng-deep .dignite-form-tree-select.ant-select{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector{background:transparent!important;border:none!important;padding:.475rem 1.25rem!important;box-shadow:none!important;height:auto!important;display:flex!important;align-items:center!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search{margin-inline-start:0!important;display:flex;align-items:center;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input{background-color:transparent!important;color:var(--bs-body-color)!important;caret-color:var(--bs-body-color)!important;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item{display:flex;align-items:center;color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .anticon-search,::ng-deep .dignite-form-tree-select.ant-select .anticon-down{display:none}::ng-deep .dignite-form-tree-select.ant-select .ant-select-arrow,::ng-deep .dignite-form-tree-select.ant-select .ant-select-clear{right:36px!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-placeholder{color:var(--bs-body-color)!important;opacity:.6}::ng-deep .dignite-form-tree-select.ant-select.ant-select-multiple .ant-select-selection-item{max-width:60%!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item-remove{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select-dropdown{max-height:256px;overflow-y:auto;background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-dropdown{background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree-switcher{color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree{background:transparent!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode{padding:4px 0}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{padding:5px 8px;border-radius:4px;transition:all .3s;color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper:hover{background-color:var(--bs-primary)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected .ant-select-tree-node-content-wrapper{background-color:var(--lpx-brand)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox{margin-right:8px}\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: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i11$1.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i11$1.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i11$1.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i11$1.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i11$1.NgbNavLinkButton, selector: "button[ngbNavLink]" }, { kind: "directive", type: i11$1.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i11$1.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i6$2.DynamicControlComponent, selector: "df-dynamic-control", inputs: ["selected", "culture", "parentFiledName", "fields", "entity"] }, { kind: "component", type: i5.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditEntriesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cms-create-or-edit-entries', template: "<div [formGroup]=\"formEntity\">\r\n    <div class=\"row create-or-edit-entries-page\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body py-0\">\r\n                    <!-- <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Title' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\"\r\n                            (blur)=\"setTitleToSlugBlur($event)\">\r\n                    </div> -->\r\n\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"tabActive\" [destroyOnHide]=\"false\" class=\"nav-tabs mb-0\">\r\n                            <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                                <li [ngbNavItem]=\"i\" [destroyOnHide]=\"false\">\r\n                                    <button ngbNavLink *ngIf=\"showEntryType?.fieldTabs.length>1\">{{item.name}}</button>\r\n                                    <ng-template ngbNavContent>\r\n                                        <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                            <ng-container *ngIf=\"el&&formEntity\">\r\n                                                <df-dynamic-control [fields]=\"el\"\r\n                                                    [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureInput.value\"\r\n                                                    [entity]=\"formEntity\"></df-dynamic-control>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n\r\n                        <div [ngbNavOutlet]=\"nav\" class=\"\"></div>\r\n                    </ng-container>\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Slug' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\"  (change)=\"slugChange($event)\">\r\n                        <div class=\"text-danger\" *ngIf=\"slugInput.dirty\">\r\n                            {{slugInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}</div>\r\n                        <select class=\"form-select form-select-multiple\" formControlName=\"culture\">\r\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                        <div class=\"text-danger\" *ngIf=\"cultureInput.dirty\">\r\n                            {{cultureInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</div>\r\n                        <input type=\"text\" disabled [value]=\"showEntryType?.displayName||''\" class=\"form-select\" />\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"sectionInfo.type===1\">\r\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\r\n                        <select class=\"form-select \" formControlName=\"parentId\">\r\n                            <option value=\"\"></option>\r\n                            <ng-container *ngFor=\"let item of entryList;let i =index\">\r\n                                <option [value]=\"item.id\">{{item.title}}</option>\r\n                                <ng-container *ngFor=\"let el of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                        $implicit: {\r\n                                        value: el,\r\n                                        }\r\n                                    }\"></ng-container>\r\n                                    <ng-template #childTemplate let-data>\r\n                                        <option [value]=\"data.value.id\">\r\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\r\n                                            {{data.value.title}}\r\n                                        </option>\r\n                                        <ng-container *ngFor=\"let el of data.value.children\">\r\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                                $implicit: {\r\n                                                value: el,\r\n                                                }\r\n                                            }\"></ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\r\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"isEdit\">\r\n                        <label class=\"form-label\" for=\"Version\">{{'Cms::Version' | abpLocalization}}</label>\r\n                        <ul class=\"list-group\">\r\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\r\n                                <li\r\n                                    class=\"list-group-item flex-between d-flex align-items-center justify-content-between\">\r\n                                    <div>\r\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd\r\n                                        HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\r\n                                        <span class=\"badge text-bg-success ms-1\"\r\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\r\n                                        <span class=\"badge text-bg-primary ms-1\"\r\n                                            *ngIf=\"item.id === entryVersionId\">{{'Cms::Editing' |\r\n                                            abpLocalization}}</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div ngbDropdown class=\"d-inline-block\">\r\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\r\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                                            </button>\r\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\r\n                                                    (click)=\"ActivatedVersion(item.id)\">\r\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    routerLink=\"/cms/admin/entries/create\"\r\n                                                    [queryParams]=\"{entryVersionId:item.id}\">\r\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\r\n                                                    *ngIf=\"item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    (click.stop)=\"delectVersion(item.id)\"\r\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"entryInfo\">\r\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\r\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</div>", styles: ["::ng-deep .create-or-edit-entries-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\n"] }]
+            args: [{ selector: 'cms-create-or-edit-entries', template: "<div [formGroup]=\"formEntity\">\r\n    <div class=\"row create-or-edit-entries-page\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body py-0\">\r\n                    <!-- <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Title' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\"\r\n                            (blur)=\"setTitleToSlugBlur($event)\">\r\n                    </div> -->\r\n\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"tabActive\" [destroyOnHide]=\"false\" class=\"nav-tabs mb-0\">\r\n                            <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                                <li [ngbNavItem]=\"i\" [destroyOnHide]=\"false\">\r\n                                    <button ngbNavLink *ngIf=\"showEntryType?.fieldTabs.length>1\">{{item.name}}</button>\r\n                                    <ng-template ngbNavContent>\r\n                                        <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                            <ng-container *ngIf=\"el&&formEntity\">\r\n                                                <df-dynamic-control [fields]=\"el\"\r\n                                                    [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureInput.value\"\r\n                                                    [entity]=\"formEntity\"></df-dynamic-control>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n\r\n                        <div [ngbNavOutlet]=\"nav\" class=\"\"></div>\r\n                    </ng-container>\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Slug' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\" (change)=\"slugChange($event)\">\r\n                        <div class=\"text-danger\" *ngIf=\"slugInput.dirty\">\r\n                            {{slugInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}</div>\r\n                        <select class=\"form-select form-select-multiple\" formControlName=\"culture\">\r\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                        <div class=\"text-danger\" *ngIf=\"cultureInput.dirty\">\r\n                            {{cultureInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</div>\r\n                        <input type=\"text\" disabled [value]=\"showEntryType?.displayName||''\" class=\"form-select\" />\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"sectionInfo.type===1\">\r\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\r\n                        <!-- <select class=\"form-select \" formControlName=\"parentId\">\r\n                            <option value=\"\"></option>\r\n                            <ng-container *ngFor=\"let item of entryList;let i =index\">\r\n                                <option [value]=\"item.id\">{{item.slug}}</option>\r\n                                <ng-container *ngFor=\"let el of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                        $implicit: {\r\n                                        value: el,\r\n                                        }\r\n                                    }\"></ng-container>\r\n                                    <ng-template #childTemplate let-data>\r\n                                        <option [value]=\"data.value.id\">\r\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\r\n                                            {{data.value.slug}}\r\n                                        </option>\r\n                                        <ng-container *ngFor=\"let el of data.value.children\">\r\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                                $implicit: {\r\n                                                value: el,\r\n                                                }\r\n                                            }\"></ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </select> -->\r\n                        <nz-tree-select class=\"form-select dignite-form-tree-select \" [nzMaxTagCount]=\"1\" nzShowSearch\r\n                            formControlName=\"parentId\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                            [nzDropdownClassName]=\"'dignite-form-tree-select-dropdown'\" [nzNodes]=\"entryList\"\r\n                            nzDefaultExpandAll (ngModelChange)=\"onChange($event)\"></nz-tree-select>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\r\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"isEdit\">\r\n                        <label class=\"form-label\" for=\"Version\">{{'Cms::Version' | abpLocalization}}</label>\r\n                        <ul class=\"list-group\">\r\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\r\n                                <li\r\n                                    class=\"list-group-item flex-between d-flex align-items-center justify-content-between\">\r\n                                    <div>\r\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd\r\n                                        HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\r\n                                        <span class=\"badge text-bg-success ms-1\"\r\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\r\n                                        <span class=\"badge text-bg-primary ms-1\"\r\n                                            *ngIf=\"item.id === entryVersionId\">{{'Cms::Editing' |\r\n                                            abpLocalization}}</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div ngbDropdown class=\"d-inline-block\">\r\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\r\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                                            </button>\r\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\r\n                                                    (click)=\"ActivatedVersion(item.id)\">\r\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    routerLink=\"/cms/admin/entries/create\"\r\n                                                    [queryParams]=\"{entryVersionId:item.id}\">\r\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\r\n                                                    *ngIf=\"item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    (click.stop)=\"delectVersion(item.id)\"\r\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"entryInfo\">\r\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\r\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</div>", styles: ["::ng-deep .create-or-edit-entries-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}::ng-deep .dignite-form-tree-select.ant-select{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector{background:transparent!important;border:none!important;padding:.475rem 1.25rem!important;box-shadow:none!important;height:auto!important;display:flex!important;align-items:center!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search{margin-inline-start:0!important;display:flex;align-items:center;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input{background-color:transparent!important;color:var(--bs-body-color)!important;caret-color:var(--bs-body-color)!important;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item{display:flex;align-items:center;color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .anticon-search,::ng-deep .dignite-form-tree-select.ant-select .anticon-down{display:none}::ng-deep .dignite-form-tree-select.ant-select .ant-select-arrow,::ng-deep .dignite-form-tree-select.ant-select .ant-select-clear{right:36px!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-placeholder{color:var(--bs-body-color)!important;opacity:.6}::ng-deep .dignite-form-tree-select.ant-select.ant-select-multiple .ant-select-selection-item{max-width:60%!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item-remove{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select-dropdown{max-height:256px;overflow-y:auto;background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-dropdown{background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree-switcher{color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree{background:transparent!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode{padding:4px 0}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{padding:5px 8px;border-radius:4px;transition:all .3s;color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper:hover{background-color:var(--bs-primary)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected .ant-select-tree-node-content-wrapper{background-color:var(--lpx-brand)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox{margin-right:8px}\n"] }]
         }], ctorParameters: () => [{ type: i4.ToPinyinService }], propDecorators: { isEdit: [{
                 type: Input
             }], isCreateVersion: [{
@@ -1319,7 +1577,7 @@ class CreateComponent {
         input.publishTime = new Date(new Date(input.publishTime).getTime() + 8 * 60 * 60 * 1000).toISOString();
         this.formEntity.markAllAsTouched();
         this.formValidation = true;
-        // console.log(input,'提交',this.formEntity)
+        console.log(input, '提交', this.formEntity);
         if (!this.formEntity.valid) {
             for (const item of this.showEntryTypeInfo.fieldTabs) {
                 for (const el of item.fields) {
@@ -1469,7 +1727,7 @@ class EditComponent {
         //     //检查form是否为FormGroup还是formArray,如果是FormGroup则继续遍历,如果是FormArray则遍历FormArray
         //     if (form instanceof FormGroup) {
         //     } else if (form instanceof FormArray) {
-        //     } 
+        //     }
         //   }
         //   traverseForm(formEntity);
         //   return validationStatus
@@ -1573,6 +1831,7 @@ class EditComponent {
         // }
         // this.formValidation = this.getFormValidationStatus(this.formEntity);
         // return this.isSubmit=false;
+        console.log('保存', input);
         this.formValidation = true;
         if (!this.formEntity.valid) {
             for (const item of this.showEntryTypeInfo.fieldTabs) {
@@ -1598,7 +1857,7 @@ class EditComponent {
             this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
             this._LocationBackService.backTo({
                 url: `/cms/admin/entries`,
-                replenish: '/edit'
+                replenish: '/edit',
             });
             this._updateListService.updateList();
         });
@@ -3223,13 +3482,18 @@ class EntryControlComponent {
     constructor() {
         this.fb = inject(FormBuilder);
         this._EntryAdminService = inject(EntryAdminService);
+        this._SectionAdminService = inject(SectionAdminService);
         this._LocalizationService = inject(LocalizationService);
+        this.SectionType = SectionType;
         /**字段配置列表 */
         this._fields = '';
+        /**板块信息 */
+        this.sectionInfo = null;
         /** */
         this.listOfOption = [];
+        /**树形节点 */
+        this.treeNodes = [];
         this.cdr = inject(ChangeDetectorRef);
-        this.listOfSelectedValue = '';
     }
     set entity(v) {
         this._entity = v;
@@ -3254,8 +3518,15 @@ class EntryControlComponent {
     async dataLoaded() {
         if (this._fields && this._entity && this._parentFiledName && this._culture) {
             await this.AfterInit();
+            await this.getSectionById();
             await this.getEntryAssignList();
-            this.cdr.detectChanges(); // 手动触发变更检测
+            if (this.isStructureType()) {
+                this.treeSelectValue = this._fields.field.formConfiguration['Entry.Multiple'] ? this._selected : this._selected?.[0];
+            }
+            else {
+                this.selectValue = this._fields.field.formConfiguration['Entry.Multiple'] ? this._selected : this._selected?.[0];
+            }
+            this.cdr.detectChanges();
             this.submitclick?.nativeElement?.click();
         }
     }
@@ -3265,9 +3536,12 @@ class EntryControlComponent {
             if (this._fields.required) {
                 ValidatorsArray.push(Validators.required);
             }
-            if (!this._fields.field.formConfiguration['Entry.Multiple']) {
-                this.listOfSelectedValue = this._selected[0];
-            }
+            const isMultiple = this._fields.field.formConfiguration['Entry.Multiple'];
+            // let selectValue=isMultiple?this._selected:this._selected;
+            // if(!this._fields.field.formConfiguration['Entry.Multiple']){
+            //   this.listOfSelectedValue = this._selected[0];
+            // }
+            // this._selected=selectValue;
             const newControl = this.fb.control(this._selected, ValidatorsArray);
             // newControl.addValidators(this.arrpanduan())
             const extraProperties = this._entity.get(this._parentFiledName);
@@ -3278,8 +3552,9 @@ class EntryControlComponent {
     get selectInput() {
         return this._entity?.get(this._parentFiledName)?.get(this._fields.field.name);
     }
-    ModelChange(event) {
-        this.selectInput.patchValue(event ? [event] : []);
+    onSelectChange(value) {
+        const arrayValue = this._fields.field.formConfiguration['Entry.Multiple'] ? value : (value ? [value] : []);
+        this.selectInput?.setValue(arrayValue, { emitEvent: false });
     }
     /**获取对应的条目 */
     getEntryAssignList(filter = '') {
@@ -3295,20 +3570,74 @@ class EntryControlComponent {
             })
                 .subscribe((res) => {
                 this.listOfOption = res.items;
+                if (this.isStructureType()) {
+                    this.treeNodes = this.convertToTreeNodes(res.items);
+                }
                 resolve(true);
             });
         });
     }
+    /**判断是否为结构类型 */
+    isStructureType() {
+        return this.sectionInfo?.type === 1 || this.sectionInfo?.type === SectionType.Structure;
+    }
+    /**转换为树形节点 */
+    convertToTreeNodes(items) {
+        const map = new Map();
+        const roots = [];
+        items.forEach(item => {
+            map.set(item.id, { title: item.slug, key: item.id, isLeaf: true, children: [], order: item.order || 0 });
+        });
+        items.forEach(item => {
+            const node = map.get(item.id);
+            if (item.parentId) {
+                const parent = map.get(item.parentId);
+                if (parent) {
+                    parent.children.push(node);
+                    parent.isLeaf = false;
+                }
+                else {
+                    roots.push(node);
+                }
+            }
+            else {
+                roots.push(node);
+            }
+        });
+        const sortNodes = (nodes) => {
+            nodes.sort((a, b) => a.order - b.order);
+            nodes.forEach(node => {
+                if (node.children.length > 0) {
+                    sortNodes(node.children);
+                }
+            });
+        };
+        sortNodes(roots);
+        return roots;
+    }
+    onTreeSelectChange(value) {
+        const arrayValue = this._fields.field.formConfiguration['Entry.Multiple'] ? value : (value ? [value] : []);
+        this.selectInput?.setValue(arrayValue, { emitEvent: false });
+    }
     /** */
     async SelectChange(event) {
         await this.getEntryAssignList(event);
     }
+    /**获取对应的板块 */
+    getSectionById() {
+        return new Promise((resolve, rejects) => {
+            this._SectionAdminService.get(this._fields.field.formConfiguration['Entry.SectionId']).subscribe((res) => {
+                this.sectionInfo = res;
+                resolve(true);
+            });
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EntryControlComponent, selector: "cms-entry-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                <nz-select class=\"form-select dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                     nzMode=\"multiple\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <nz-select class=\"form-select dignite-form-select form-select-multiple\" \r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n            </ng-template>\r\n            <small class=\"form-text text-muted d-block\"\r\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EntryControlComponent, selector: "cms-entry-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"isStructureType(); else normalSelect\">\r\n                <nz-tree-select\r\n                    class=\"form-select dignite-form-tree-select\"\r\n                    [nzMaxTagCount]=\"1\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    [(ngModel)]=\"treeSelectValue\"\r\n                    [ngModelOptions]=\"{standalone: true}\"\r\n                    [nzNodes]=\"treeNodes\"\r\n                    [nzMultiple]=\"_fields.field.formConfiguration['Entry.Multiple'] || false\"\r\n                    [nzShowSearch]=\"true\"\r\n                    [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-tree-select-dropdown'\"\r\n                    (ngModelChange)=\"onSelectChange($event)\"\r\n                    nzDefaultExpandAll>\r\n                </nz-tree-select>\r\n            </ng-container>\r\n            \r\n            <ng-template #normalSelect>\r\n                <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                    <nz-select class=\"form-select dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                         nzMode=\"multiple\"\r\n                        [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                        [(ngModel)]=\"selectValue\" nzAllowClear\r\n                        [ngModelOptions]=\"{standalone: true}\"\r\n                        (ngModelChange)=\"onSelectChange($event)\"\r\n                        [nzDropdownMatchSelectWidth]=\"true\"\r\n                        [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </ng-container>\r\n                <ng-template #elseTemplate>\r\n                    <nz-select class=\"form-select dignite-form-select form-select-multiple\"\r\n                        [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                        [(ngModel)]=\"selectValue\" nzAllowClear\r\n                        [ngModelOptions]=\"{standalone: true}\"\r\n                        (ngModelChange)=\"onSelectChange($event)\"\r\n                        [nzDropdownMatchSelectWidth]=\"true\"\r\n                        [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </ng-template>\r\n            </ng-template>\r\n            \r\n            <small class=\"form-text text-muted d-block\"\r\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .dignite-form-tree-select.ant-select{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector{background:transparent!important;border:none!important;padding:.475rem 1.25rem!important;box-shadow:none!important;height:auto!important;display:flex!important;align-items:center!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search{margin-inline-start:0!important;display:flex;align-items:center;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input{background-color:transparent!important;color:var(--bs-body-color)!important;caret-color:var(--bs-body-color)!important;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item{display:flex;align-items:center;color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .anticon-search,::ng-deep .dignite-form-tree-select.ant-select .anticon-down{display:none}::ng-deep .dignite-form-tree-select.ant-select .ant-select-arrow,::ng-deep .dignite-form-tree-select.ant-select .ant-select-clear{right:36px!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-placeholder{color:var(--bs-body-color)!important;opacity:.6}::ng-deep .dignite-form-tree-select.ant-select.ant-select-multiple .ant-select-selection-item{max-width:60%!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item-remove{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select-dropdown{max-height:256px;overflow-y:auto;background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-dropdown{background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree-switcher{color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree{background:transparent!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode{padding:4px 0}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{padding:5px 8px;border-radius:4px;transition:all .3s;color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper:hover{background-color:var(--bs-primary)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected .ant-select-tree-node-content-wrapper{background-color:var(--lpx-brand)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox{margin-right:8px}\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.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.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i5.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cms-entry-control', template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                <nz-select class=\"form-select dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                     nzMode=\"multiple\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <nz-select class=\"form-select dignite-form-select form-select-multiple\" \r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n            </ng-template>\r\n            <small class=\"form-text text-muted d-block\"\r\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>" }]
+            args: [{ selector: 'cms-entry-control', template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"isStructureType(); else normalSelect\">\r\n                <nz-tree-select\r\n                    class=\"form-select dignite-form-tree-select\"\r\n                    [nzMaxTagCount]=\"1\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    [(ngModel)]=\"treeSelectValue\"\r\n                    [ngModelOptions]=\"{standalone: true}\"\r\n                    [nzNodes]=\"treeNodes\"\r\n                    [nzMultiple]=\"_fields.field.formConfiguration['Entry.Multiple'] || false\"\r\n                    [nzShowSearch]=\"true\"\r\n                    [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-tree-select-dropdown'\"\r\n                    (ngModelChange)=\"onSelectChange($event)\"\r\n                    nzDefaultExpandAll>\r\n                </nz-tree-select>\r\n            </ng-container>\r\n            \r\n            <ng-template #normalSelect>\r\n                <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                    <nz-select class=\"form-select dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                         nzMode=\"multiple\"\r\n                        [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                        [(ngModel)]=\"selectValue\" nzAllowClear\r\n                        [ngModelOptions]=\"{standalone: true}\"\r\n                        (ngModelChange)=\"onSelectChange($event)\"\r\n                        [nzDropdownMatchSelectWidth]=\"true\"\r\n                        [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </ng-container>\r\n                <ng-template #elseTemplate>\r\n                    <nz-select class=\"form-select dignite-form-select form-select-multiple\"\r\n                        [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                        [(ngModel)]=\"selectValue\" nzAllowClear\r\n                        [ngModelOptions]=\"{standalone: true}\"\r\n                        (ngModelChange)=\"onSelectChange($event)\"\r\n                        [nzDropdownMatchSelectWidth]=\"true\"\r\n                        [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </ng-template>\r\n            </ng-template>\r\n            \r\n            <small class=\"form-text text-muted d-block\"\r\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .dignite-form-tree-select.ant-select{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector{background:transparent!important;border:none!important;padding:.475rem 1.25rem!important;box-shadow:none!important;height:auto!important;display:flex!important;align-items:center!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search{margin-inline-start:0!important;display:flex;align-items:center;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input{background-color:transparent!important;color:var(--bs-body-color)!important;caret-color:var(--bs-body-color)!important;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item{display:flex;align-items:center;color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .anticon-search,::ng-deep .dignite-form-tree-select.ant-select .anticon-down{display:none}::ng-deep .dignite-form-tree-select.ant-select .ant-select-arrow,::ng-deep .dignite-form-tree-select.ant-select .ant-select-clear{right:36px!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-placeholder{color:var(--bs-body-color)!important;opacity:.6}::ng-deep .dignite-form-tree-select.ant-select.ant-select-multiple .ant-select-selection-item{max-width:60%!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item-remove{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select-dropdown{max-height:256px;overflow-y:auto;background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-dropdown{background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree-switcher{color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree{background:transparent!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode{padding:4px 0}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{padding:5px 8px;border-radius:4px;transition:all .3s;color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper:hover{background-color:var(--bs-primary)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected .ant-select-tree-node-content-wrapper{background-color:var(--lpx-brand)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox{margin-right:8px}\n"] }]
         }], propDecorators: { entity: [{
                 type: Input
             }], fields: [{
@@ -3400,12 +3729,17 @@ class EntrySearchComponent {
     constructor() {
         this.fb = inject(FormBuilder);
         this._EntryAdminService = inject(EntryAdminService);
+        this._SectionAdminService = inject(SectionAdminService);
+        this.SectionType = SectionType;
         /**字段配置列表 */
         this._fields = '';
+        /**板块信息 */
+        this.sectionInfo = null;
         /** */
         this.listOfOption = [];
+        /**树形节点 */
+        this.treeNodes = [];
         this.cdr = inject(ChangeDetectorRef);
-        this.listOfSelectedValue = '';
     }
     set entity(v) {
         this._entity = v;
@@ -3427,8 +3761,9 @@ class EntrySearchComponent {
     async dataLoaded() {
         if (this._fields && this._entity && this._parentFiledName && this._culture) {
             await this.AfterInit();
+            await this.getSectionById();
             await this.getEntryAssignList();
-            this.cdr.detectChanges(); // 手动触发变更检测
+            this.cdr.detectChanges();
             this.submitclick?.nativeElement?.click();
         }
     }
@@ -3450,8 +3785,13 @@ class EntrySearchComponent {
     get selectInput() {
         return this._entity?.get(this._parentFiledName)?.get(this._fields.field.name);
     }
-    ModelChange(event) {
-        this.selectInput.patchValue(event ? [event] : '');
+    onSelectChange(value) {
+        const arrayValue = this._fields.field.formConfiguration['Entry.Multiple'] ? value : (value ? [value] : []);
+        this.selectInput?.setValue(arrayValue, { emitEvent: false });
+    }
+    onTreeSelectChange(value) {
+        const arrayValue = this._fields.field.formConfiguration['Entry.Multiple'] ? value : (value ? [value] : []);
+        this.selectInput?.setValue(arrayValue, { emitEvent: false });
     }
     /**获取对应的条目 */
     getEntryAssignList(filter = '') {
@@ -3467,6 +3807,47 @@ class EntrySearchComponent {
             })
                 .subscribe((res) => {
                 this.listOfOption = res.items;
+                if (this.isStructureType()) {
+                    this.treeNodes = this.convertToTreeNodes(res.items);
+                }
+                resolve(true);
+            });
+        });
+    }
+    /**判断是否为结构类型 */
+    isStructureType() {
+        return this.sectionInfo?.type === 1 || this.sectionInfo?.type === SectionType.Structure;
+    }
+    /**转换为树形节点 */
+    convertToTreeNodes(items) {
+        const map = new Map();
+        const roots = [];
+        items.forEach(item => {
+            map.set(item.id, { title: item.slug, key: item.id, isLeaf: true, children: [] });
+        });
+        items.forEach(item => {
+            const node = map.get(item.id);
+            if (item.parentId) {
+                const parent = map.get(item.parentId);
+                if (parent) {
+                    parent.children.push(node);
+                    parent.isLeaf = false;
+                }
+                else {
+                    roots.push(node);
+                }
+            }
+            else {
+                roots.push(node);
+            }
+        });
+        return roots;
+    }
+    /**获取对应的板块 */
+    getSectionById() {
+        return new Promise((resolve, rejects) => {
+            this._SectionAdminService.get(this._fields.field.formConfiguration['Entry.SectionId']).subscribe((res) => {
+                this.sectionInfo = res;
                 resolve(true);
             });
         });
@@ -3476,11 +3857,11 @@ class EntrySearchComponent {
         await this.getEntryAssignList(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntrySearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EntrySearchComponent, selector: "cms-entry-search", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                <nz-select class=\"form-select dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                    nzMode=\"multiple\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <nz-select class=\"form-select dignite-form-select form-select-multiple\" \r\n                    \r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n            </ng-template>\r\n            <!-- <small class=\"form-text text-muted d-block\"\r\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small> -->\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EntrySearchComponent, selector: "cms-entry-search", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"isStructureType(); else normalSelect\">\r\n                <nz-tree-select\r\n                    class=\"form-select dignite-form-tree-select\"\r\n                    [nzMaxTagCount]=\"1\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    [(ngModel)]=\"treeSelectValue\"\r\n                    [ngModelOptions]=\"{standalone: true}\"\r\n                    [nzNodes]=\"treeNodes\"\r\n                    [nzMultiple]=\"_fields.field.formConfiguration['Entry.Multiple'] || false\"\r\n                    [nzShowSearch]=\"true\"\r\n                    [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-tree-select-dropdown'\"\r\n                    (ngModelChange)=\"onTreeSelectChange($event)\"\r\n                    nzDefaultExpandAll>\r\n                </nz-tree-select>\r\n            </ng-container>\r\n            \r\n            <ng-template #normalSelect>\r\n                <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                    <nz-select class=\"form-select dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                        nzMode=\"multiple\"\r\n                        [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                        [(ngModel)]=\"selectValue\"\r\n                        [ngModelOptions]=\"{standalone: true}\"\r\n                        (ngModelChange)=\"onSelectChange($event)\"\r\n                        [nzDropdownMatchSelectWidth]=\"true\"\r\n                        [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </ng-container>\r\n                <ng-template #elseTemplate>\r\n                    <nz-select class=\"form-select dignite-form-select form-select-multiple\"\r\n                        [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                        [(ngModel)]=\"selectValue\"\r\n                        [ngModelOptions]=\"{standalone: true}\"\r\n                        (ngModelChange)=\"onSelectChange($event)\"\r\n                        [nzDropdownMatchSelectWidth]=\"true\"\r\n                        [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </ng-template>\r\n            </ng-template>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .dignite-form-tree-select.ant-select{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector{background:transparent!important;border:none!important;padding:.475rem 1.25rem!important;box-shadow:none!important;height:auto!important;display:flex!important;align-items:center!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search{margin-inline-start:0!important;display:flex;align-items:center;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input{background-color:transparent!important;color:var(--bs-body-color)!important;caret-color:var(--bs-body-color)!important;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item{display:flex;align-items:center;color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .anticon-search,::ng-deep .dignite-form-tree-select.ant-select .anticon-down{display:none}::ng-deep .dignite-form-tree-select.ant-select .ant-select-arrow,::ng-deep .dignite-form-tree-select.ant-select .ant-select-clear{right:36px!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-placeholder{color:var(--bs-body-color)!important;opacity:.6}::ng-deep .dignite-form-tree-select.ant-select.ant-select-multiple .ant-select-selection-item{max-width:60%!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item-remove{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select-dropdown{max-height:256px;overflow-y:auto;background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-dropdown{background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree-switcher{color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree{background:transparent!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode{padding:4px 0}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{padding:5px 8px;border-radius:4px;transition:all .3s;color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper:hover{background-color:var(--bs-primary)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected .ant-select-tree-node-content-wrapper{background-color:var(--lpx-brand)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox{margin-right:8px}\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.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.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i5.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntrySearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cms-entry-search', template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                <nz-select class=\"form-select dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                    nzMode=\"multiple\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <nz-select class=\"form-select dignite-form-select form-select-multiple\" \r\n                    \r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n            </ng-template>\r\n            <!-- <small class=\"form-text text-muted d-block\"\r\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small> -->\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>" }]
+            args: [{ selector: 'cms-entry-search', template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"isStructureType(); else normalSelect\">\r\n                <nz-tree-select\r\n                    class=\"form-select dignite-form-tree-select\"\r\n                    [nzMaxTagCount]=\"1\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    [(ngModel)]=\"treeSelectValue\"\r\n                    [ngModelOptions]=\"{standalone: true}\"\r\n                    [nzNodes]=\"treeNodes\"\r\n                    [nzMultiple]=\"_fields.field.formConfiguration['Entry.Multiple'] || false\"\r\n                    [nzShowSearch]=\"true\"\r\n                    [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-tree-select-dropdown'\"\r\n                    (ngModelChange)=\"onTreeSelectChange($event)\"\r\n                    nzDefaultExpandAll>\r\n                </nz-tree-select>\r\n            </ng-container>\r\n            \r\n            <ng-template #normalSelect>\r\n                <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                    <nz-select class=\"form-select dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                        nzMode=\"multiple\"\r\n                        [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                        [(ngModel)]=\"selectValue\"\r\n                        [ngModelOptions]=\"{standalone: true}\"\r\n                        (ngModelChange)=\"onSelectChange($event)\"\r\n                        [nzDropdownMatchSelectWidth]=\"true\"\r\n                        [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </ng-container>\r\n                <ng-template #elseTemplate>\r\n                    <nz-select class=\"form-select dignite-form-select form-select-multiple\"\r\n                        [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                        [(ngModel)]=\"selectValue\"\r\n                        [ngModelOptions]=\"{standalone: true}\"\r\n                        (ngModelChange)=\"onSelectChange($event)\"\r\n                        [nzDropdownMatchSelectWidth]=\"true\"\r\n                        [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </ng-template>\r\n            </ng-template>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .dignite-form-tree-select.ant-select{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector{background:transparent!important;border:none!important;padding:.475rem 1.25rem!important;box-shadow:none!important;height:auto!important;display:flex!important;align-items:center!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search{margin-inline-start:0!important;display:flex;align-items:center;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input{background-color:transparent!important;color:var(--bs-body-color)!important;caret-color:var(--bs-body-color)!important;height:100%}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item{display:flex;align-items:center}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item{display:flex;align-items:center;color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .anticon-search,::ng-deep .dignite-form-tree-select.ant-select .anticon-down{display:none}::ng-deep .dignite-form-tree-select.ant-select .ant-select-arrow,::ng-deep .dignite-form-tree-select.ant-select .ant-select-clear{right:36px!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-placeholder{color:var(--bs-body-color)!important;opacity:.6}::ng-deep .dignite-form-tree-select.ant-select.ant-select-multiple .ant-select-selection-item{max-width:60%!important}::ng-deep .dignite-form-tree-select.ant-select .ant-select-selection-item-remove{color:var(--bs-body-color)!important}::ng-deep .dignite-form-tree-select-dropdown{max-height:256px;overflow-y:auto;background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-dropdown{background:var(--bs-light)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree-switcher{color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree{background:transparent!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode{padding:4px 0}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{padding:5px 8px;border-radius:4px;transition:all .3s;color:var(--bs-body-color)}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode .ant-select-tree-node-content-wrapper:hover{background-color:var(--bs-primary)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected .ant-select-tree-node-content-wrapper{background-color:var(--lpx-brand)!important;color:var(--bs-white)!important}::ng-deep .dignite-form-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox{margin-right:8px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { entity: [{
                 type: Input
             }], fields: [{
@@ -4966,7 +5347,9 @@ class CmsModule {
             CKEditorModule,
             FormsModule,
             // CommercialUiModule,
-            GetLocalizedEntriesBySlugPipe], exports: [TableConfigComponent,
+            GetLocalizedEntriesBySlugPipe,
+            GetSlugByIdPipe,
+            NzTreeSelectModule], exports: [TableConfigComponent,
             TableControlComponent,
             MatrixConfigComponent,
             MatrixControlComponent,
@@ -4989,7 +5372,8 @@ class CmsModule {
             DragDropModule,
             NgxDatatableModule,
             CKEditorModule,
-            FormsModule] }); }
+            FormsModule,
+            NzTreeSelectModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsModule, decorators: [{
             type: NgModule,
@@ -5035,6 +5419,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                         FormsModule,
                         // CommercialUiModule,
                         GetLocalizedEntriesBySlugPipe,
+                        GetSlugByIdPipe,
+                        NzTreeSelectModule,
                     ],
                     exports: [
                         TableConfigComponent,