@dignite-ng/expand.cms 0.0.32 → 0.0.33

package/src/lib/components/admin/fields/create-or-update-field-input-base.ts

@@ -0,0 +1,33 @@
+import { FormGroup, Validators } from "@angular/forms";
+
+export class CreateOrUpdateFieldInputBase {
+    /**分组id */
+    groupId: any = ['', []];
+
+    /**字段名称 Display name of this field */
+    displayName: any = ['', [Validators.required]];
+
+    /**字段唯一名称 Unique Name*/
+    name: any = ['', [Validators.required]];
+
+    /**描述 说明 */
+    description: any = ['', []];
+
+    /**FieldType字段类型 表单控件名称 */
+    formControlName: any = [undefined, [Validators.required]];
+
+    /**动态表单配置 */
+    formConfiguration: FormGroup | undefined = new FormGroup({})
+
+
+    constructor(data?: CreateOrUpdateFieldInputBase) {
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+
+    }
+}

package/src/lib/components/admin/fields/edit-field.component.html

@@ -0,0 +1,13 @@
+<form class="row g-3 needs-validation" [formGroup]="newEntity" (ngSubmit)="save()">
+    <abp-page [title]="'Cms::EditField' | abpLocalization" [toolbar]="true">
+        <div class="create-field-page">
+            <button type="submit" style="display: none;" #submitclick></button>
+            <!-- <div class="p-3 bg-white rounded-1"> -->
+            <div class="card">
+                <div class="card-body">
+                    <cms-create-or-edit-field [Entity]="newEntity" [selected]="fieldDetails"></cms-create-or-edit-field>
+                </div>
+            </div>
+        </div>
+    </abp-page>
+</form>

package/src/lib/components/admin/fields/edit-field.component.spec.ts

@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EditFieldComponent } from './edit-field.component';
+
+describe('EditFieldComponent', () => {
+  let component: EditFieldComponent;
+  let fixture: ComponentFixture<EditFieldComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [EditFieldComponent]
+    });
+    fixture = TestBed.createComponent(EditFieldComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/admin/fields/edit-field.component.ts

@@ -0,0 +1,100 @@
+import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { FieldAbstractsService } from '../../../services/field-abstracts.service';
+import { CreateOrUpdateFieldInputBase } from './create-or-update-field-input-base';
+import { ActivatedRoute, Router } from '@angular/router';
+import { FieldAdminService } from '../../../proxy/admin/fields';
+import { ToasterService } from '@abp/ng.theme.shared';
+import { Location } from '@angular/common';
+import { LocalizationService } from '@abp/ng.core';
+import { EXTENSIONS_IDENTIFIER } from '@abp/ng.theme.shared/extensions';
+import { ECmsComponent } from '../../../enums';
+import { CmsApiService } from '../../../services';
+import { UpdateListService } from '../../../services/update-list.service';
+
+@Component({
+  selector: 'cms-edit-field',
+  templateUrl: './edit-field.component.html',
+  styleUrls: ['./edit-field.component.scss'],
+  providers: [
+    {
+      provide: EXTENSIONS_IDENTIFIER,
+      useValue: ECmsComponent.FieldsEdit,
+    },
+  ]
+})
+export class EditFieldComponent implements OnInit {
+
+  constructor(
+    private fb: FormBuilder,
+    public _FieldAbstractsService: FieldAbstractsService,
+    public _FieldAdminService: FieldAdminService,
+    private route: ActivatedRoute,
+    private toaster: ToasterService,
+    public _location: Location,
+    public _LocalizationService: LocalizationService,
+    public _CmsApiService: CmsApiService,
+    private router: Router,
+  ) { }
+
+  /**表单实体 */
+  newEntity: FormGroup | undefined
+
+  /**字段id */
+  fieldId: string = '';
+
+  /**字段详情 */
+  fieldDetails: any;
+
+  /**获取提交按钮替身，用于真实触发表单提交 */
+  @ViewChild('submitclick', { static: true }) submitclick: ElementRef;
+
+
+  async ngOnInit(): Promise<void> {
+    const _fieldId = this.route.snapshot.params.id;
+    if (_fieldId) {
+      this.fieldId = _fieldId;
+      this.newEntity = this.fb.group(new CreateOrUpdateFieldInputBase());
+      await Promise.all([
+        this._FieldAbstractsService.getFromControlList(),
+        this.getFieldEdit(),
+      ]);
+      this.newEntity.patchValue({
+        ...this.fieldDetails,
+      });
+    }
+  }
+
+  /**获取字段详情 */
+  getFieldEdit() {
+    return new Promise((resolve, reject) => {
+      this._FieldAdminService.get(this.fieldId).subscribe(res => {
+        res.groupId = res.groupId ? res.groupId : ''
+        this.fieldDetails = res
+        resolve(res)
+      })
+    })
+  }
+
+  /**触发提交按钮 */
+  submitclickBtn() {
+    this.submitclick.nativeElement.click()
+  }
+  private _UpdateListService=inject(UpdateListService)
+
+  /**保存表单 */
+  save() {
+    let input = this.newEntity.value
+    if (!this.newEntity.valid) return
+    this._FieldAdminService.update(this.fieldId, input).subscribe((res => {
+      this.toaster.success(this._LocalizationService.instant(`CmsKit::SavedSuccessfully`));
+      this.router.navigateByUrl('', { skipLocationChange: true }).then(() => {
+        this.router.navigate([`/cms/admin/fields`]);
+        this._UpdateListService.updateList();
+      });
+    }))
+  }
+
+  
+
+}

package/src/lib/components/admin/fields/field-group.component.html

@@ -0,0 +1,69 @@
+<div class="card-header px-2 py-sm-2 d-flex justify-content-between align-items-center">
+    <h6 class="h6 mb-0">{{'Cms::FieldGroup' | abpLocalization}}</h6>
+    <button type="button" class="btn btn-link btn-sm ms-2"><i class="fas fa-plus-circle" aria-hidden="true"
+            (click)="createGroupBtn()"></i></button>
+</div>
+<div class="card-body p-0">
+    <div class="container-height overflow-auto">
+        <ul class="list-group list-group-flush">
+            <li class="list-group-item list-group-item-action active" [class.active]="fieldGroupId===''"
+                (click)="fieldGroupChange('')">{{'Cms::AllFields' | abpLocalization}}</li>
+            <ng-container *ngFor="let item of _FieldAbstractsService.fieldGroupList">
+                <li class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
+                    [class.active]="fieldGroupId===item.id" (click)="fieldGroupChange(item.id)">
+                    <div>{{item.name}}</div>
+                    <div *ngIf="fieldGroupId===item.id">
+                        <i class="fas fa-trash px-1" role="button" (click.stop)="deleteGroupbtn(item)"></i>
+                        <i class="fas fa-edit px-1" role="button" (click.stop)="editGroupBtn(item.name)"></i>
+                    </div>
+                </li>
+            </ng-container>
+        </ul>
+    </div>
+</div>
+
+<abp-modal [(visible)]="createGroupOpen" [busy]="modalBusy" (visibleChange)="createGroupVisibleChange($event)">
+    <ng-template #abpHeader>
+        <h3>{{'Cms::New' | abpLocalization}}</h3>
+    </ng-template>
+    <ng-template #abpBody>
+        <ng-template #loaderRef>
+            <div class="text-center"><i class="fa fa-pulse fa-spinner" aria-hidden="true"></i></div>
+        </ng-template>
+        <form *ngIf="createForm; else loaderRef" [formGroup]="createForm" (ngSubmit)="createSave()">
+            <div class="mb-3">
+                <label for="exampleFormControlInput1" class="form-label">{{'Cms::Name' | abpLocalization}}</label>
+                <input type="text" class="form-control" id="exampleFormControlInput1" formControlName="name"
+                    placeholder="">
+            </div>
+        </form>
+    </ng-template>
+
+    <ng-template #abpFooter>
+        <button type="button" class="btn btn-secondary" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>
+        <abp-button iconClass="fa fa-check" [disabled]="createForm?.invalid" (click)="createSave()">{{'AbpUi::Save' | abpLocalization}}</abp-button>
+    </ng-template>
+</abp-modal>
+
+<abp-modal [(visible)]="editGroupOpen" [busy]="modalBusy" (visibleChange)="editGroupVisibleChange($event)">
+    <ng-template #abpHeader>
+        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>
+    </ng-template>
+    <ng-template #abpBody>
+        <ng-template #loaderRef>
+            <div class="text-center"><i class="fa fa-pulse fa-spinner" aria-hidden="true"></i></div>
+        </ng-template>
+        <form *ngIf="editGroupForm; else loaderRef" [formGroup]="editGroupForm" (ngSubmit)="editSave()">
+            <div class="mb-3">
+                <label for="exampleFormControlInput1" class="form-label">{{'Cms::Name' | abpLocalization}}</label>
+                <input type="text" class="form-control" id="exampleFormControlInput1" formControlName="name"
+                    placeholder="">
+            </div>
+        </form>
+    </ng-template>
+
+    <ng-template #abpFooter>
+        <button type="button" class="btn btn-secondary" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>
+        <abp-button iconClass="fa fa-check" [disabled]="editGroupForm?.invalid" (click)="editSave()">{{'AbpUi::Save' | abpLocalization}}</abp-button>
+    </ng-template>
+</abp-modal>

package/src/lib/components/admin/fields/field-group.component.spec.ts

@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FieldGroupComponent } from './field-group.component';
+
+describe('FieldGroupComponent', () => {
+  let component: FieldGroupComponent;
+  let fixture: ComponentFixture<FieldGroupComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [FieldGroupComponent]
+    });
+    fixture = TestBed.createComponent(FieldGroupComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/admin/fields/field-group.component.ts

@@ -0,0 +1,132 @@
+import { Component, EventEmitter, OnInit, Output } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { FieldGroupAdminService } from '../../../proxy/admin/fields';
+import { Confirmation, ConfirmationService, ToasterService } from '@abp/ng.theme.shared';
+import { finalize} from 'rxjs/operators';
+import { FieldAbstractsService } from '../../../services/field-abstracts.service';
+import { LocalizationService } from '@abp/ng.core';
+
+@Component({
+  selector: 'cms-field-group',
+  templateUrl: './field-group.component.html',
+  styleUrls: ['./field-group.component.scss']
+})
+export class FieldGroupComponent implements OnInit {
+  constructor(
+    private fb: FormBuilder,
+    private _FieldGroupAdminService: FieldGroupAdminService,
+    private toaster: ToasterService,
+    private confirmation: ConfirmationService,
+    public _FieldAbstractsService: FieldAbstractsService,
+    public _LocalizationService: LocalizationService,
+  ) { }
+
+
+  /**创建分组表单 */
+  createForm: FormGroup | undefined;
+
+  /** 编辑分组表单*/
+  editGroupForm: FormGroup | undefined;
+
+  /**表单已存在的值 */
+  selected = {} as any;
+
+  /**选择的字段分组id */
+  fieldGroupId: string | undefined = ''
+
+  /**创建分组模态框状态 */
+  createGroupOpen = false
+
+  /**用于确定模态的繁忙状态是否为真 */
+  modalBusy: boolean = false
+
+  /**编辑分组模态框状态 */
+  editGroupOpen: boolean = false
+
+  /**点击分组回调 */
+  @Output() OnGroupClickBack = new EventEmitter();
+
+  ngOnInit(): void {
+    this._FieldAbstractsService.getfieldGroupList()
+  }
+
+  /**创建字段分组 */
+  createGroupBtn() {
+    this.createGroupOpen = true
+    this.createForm = this.fb.group({
+      name: ['', [Validators.required]],
+    })
+  }
+
+  /**创建分组模态框状态改变 */
+  createGroupVisibleChange(event) {
+    if (!event) {
+      return
+    }
+  }
+
+  /**编辑字段分组 */
+  editGroupBtn(itemName: string) {
+    this.editGroupOpen = true
+    this.editGroupForm = this.fb.group({
+      name: [itemName, [Validators.required]],
+    })
+  }
+
+  /**编辑分组模态框状态改变 */
+  editGroupVisibleChange(event) {
+    if (!event) {
+      return
+    }
+  }
+
+  /**创建字段分组保存 */
+  createSave() {
+    let input = this.createForm.value
+    this.modalBusy = true
+    this._FieldGroupAdminService.create(input).pipe(finalize(() => {
+      this.modalBusy = false
+      this.createGroupOpen = false
+    })).subscribe(res => {
+      this.toaster.success(this._LocalizationService.instant(`CmsKit::SavedSuccessfully`));
+      this._FieldAbstractsService.getfieldGroupList()
+    })
+  }
+
+  /**编辑字段分组保存 */
+  editSave() {
+    let input = this.editGroupForm.value
+    this.modalBusy = true
+    this._FieldGroupAdminService.update(this.fieldGroupId, input).pipe(finalize(() => {
+      this.modalBusy = false
+      this.editGroupOpen = false
+    })).subscribe(res => {
+      this.toaster.success(this._LocalizationService.instant(`CmsKit::SavedSuccessfully`));
+      this._FieldAbstractsService.getfieldGroupList()
+    })
+  }
+
+  /**删除字段分组1 */
+  deleteGroupbtn(fieldGroupitem: any) {
+    this.confirmation.warn(
+      fieldGroupitem.name,
+      this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`),
+    ).subscribe((status: Confirmation.Status) => {
+      if (status == 'confirm') {
+        this._FieldGroupAdminService.delete(this.fieldGroupId).pipe(finalize(() => {
+        })).subscribe(res => {
+          this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+          this.fieldGroupId = ''
+          this._FieldAbstractsService.getfieldGroupList()
+        })
+      }
+    });
+  }
+
+  /**字段分组改变 */
+  fieldGroupChange(event) {
+    this.fieldGroupId = event
+    this.OnGroupClickBack.emit(event)
+  }
+
+}

package/src/lib/components/admin/fields/fields.component.html

@@ -0,0 +1,74 @@
+<abp-page [title]="'Cms::Fields' | abpLocalization" [toolbar]="true">
+    <div class="fields-page">
+        <div class="row ">
+            <div class="col-3">
+                <div class="card mb-0" style="height: 100%;">
+                    <cms-field-group (OnGroupClickBack)="fieldGroupChange($event)"></cms-field-group>
+                </div>
+            </div>
+            <div class="col-9">
+                <div class="card mb-0">
+                    <div class="card-header px-2 py-sm-2   border-bottom">
+                        <div class="input-group">
+                            <input type="text" class="form-control" [(ngModel)]="filters.filter"
+                                [placeholder]="'AbpUi::Search' | abpLocalization">
+                            <button class="btn btn-primary px-3" type="button" id="button-addon2"
+                                (click)="list.get()"><i class="fa fa-search"></i></button>
+                        </div>
+                    </div>
+                    <div class="card-body p-0">
+                        <div class="table-responsive table-fixed-header">
+                            <ngx-datatable class="material " [rows]="data.items" [list]="list"
+                                [columnMode]="ColumnMode.force" [headerHeight]="50" [footerHeight]="50" rowHeight="auto"
+                                [virtualization]="false" [externalPaging]="true"
+                                [count]="data.totalCount" [scrollbarH]="true">
+                                <ngx-datatable-column [name]="'Cms::DisplayName' | abpLocalization" prop="displayName">
+                                    <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
+                                        {{ value }}
+                                    </ng-template>
+                                </ngx-datatable-column>
+                                <ngx-datatable-column [name]="'Cms::Name' | abpLocalization" prop="name">
+                                    <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
+                                        {{ value }}
+                                    </ng-template>
+                                </ngx-datatable-column>
+                                <ngx-datatable-column [name]="'Cms::FormControlName' | abpLocalization"
+                                    prop="formControlName">
+                                    <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
+                                        {{ value }}
+                                    </ng-template>
+                                </ngx-datatable-column>
+                                <ngx-datatable-column [name]="'Cms::Group' | abpLocalization" prop="groupId">
+                                    <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
+                                        {{row.groupName}}
+                                    </ng-template>
+                                </ngx-datatable-column>
+                                <ngx-datatable-column [name]="'Cms::CreationTime' | abpLocalization" prop="creationTime" [width]="190">
+                                    <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
+                                        {{ value|date:'YYYY/MM/dd HH:mm:ss' }}
+                                    </ng-template>
+                                </ngx-datatable-column>
+                                <ngx-datatable-column [sortable]="false" [name]="'AbpUi::Actions' | abpLocalization"
+                                cellClass="cellClassRight" [frozenRight]="true" [width]="110">
+                                    <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
+                                        <div ngbDropdown container="body">
+                                            <button type="button" class="btn btn-primary btn-sm"
+                                                ngbDropdownToggle> <i class="me-1 fa fa-cog"></i> {{'AbpUi::Actions' | abpLocalization}}</button>
+                                            <div ngbDropdownMenu>
+                                                <button ngbDropdownItem
+                                                    routerLink="/cms/admin/fields/{{row.id}}/edit">{{'AbpUi::Edit' | abpLocalization}}</button>
+                                                <button ngbDropdownItem
+                                                    (click.stop)="deletefield(row)">{{'AbpUi::Delete' | abpLocalization}}</button>
+                                            </div>
+                                        </div>
+                                    </ng-template>
+                                </ngx-datatable-column>
+                            </ngx-datatable>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</abp-page>

package/src/lib/components/admin/fields/fields.component.scss

@@ -0,0 +1 @@
+::ng-deep.fields-page{.dignite_page{background:transparent}.list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}.container-height{height:calc(100vh - 200px)}}

package/src/lib/components/admin/fields/fields.component.spec.ts

@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FieldsComponent } from './fields.component';
+
+describe('FieldsComponent', () => {
+  let component: FieldsComponent;
+  let fixture: ComponentFixture<FieldsComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [FieldsComponent]
+    });
+    fixture = TestBed.createComponent(FieldsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/admin/fields/fields.component.ts

@@ -0,0 +1,111 @@
+
+import { ABP, LIST_QUERY_DEBOUNCE_TIME, ListService, LocalizationService, PagedResultDto } from '@abp/ng.core';
+import { ToasterService, ConfirmationService, Confirmation } from '@abp/ng.theme.shared';
+import { Component, OnInit, inject } from '@angular/core';
+import { Router } from '@angular/router';
+import { FieldAdminService, FieldDto, GetFieldsInput } from '../../../proxy/admin/fields';
+import { ColumnMode } from "@swimlane/ngx-datatable";
+import { finalize } from 'rxjs/operators';
+import { EXTENSIONS_IDENTIFIER } from '@abp/ng.theme.shared/extensions';
+import { ECmsComponent } from '../../../enums';
+import { CmsApiService } from '../../../services';
+import { UpdateListService } from '../../../services/update-list.service';
+
+@Component({
+  selector: 'cms-fields',
+  templateUrl: './fields.component.html',
+  styleUrls: ['./fields.component.scss'],
+  providers: [
+    // [Required]
+    ListService,
+    // [Optional]
+    // Provide this token if you want a different debounce time.
+    // Default is 300. Cannot be 0. Any value below 100 is not recommended.
+    { provide: LIST_QUERY_DEBOUNCE_TIME, useValue: 500 },
+    {
+      provide: EXTENSIONS_IDENTIFIER,
+      useValue: ECmsComponent.Fields,
+    },
+  ]
+})
+export class FieldsComponent implements OnInit {
+
+  constructor(
+    public readonly list: ListService,
+    private _FieldAdminService: FieldAdminService,
+    private toaster: ToasterService,
+    private confirmation: ConfirmationService,
+    private _LocalizationService: LocalizationService,
+    private router: Router,
+    private _CmsApiService: CmsApiService,
+  ) {
+    
+  }
+  private _UpdateListService=inject(UpdateListService)
+  /**表格单元格布局类型 */
+  ColumnMode = ColumnMode;
+
+  /**表格数据 */
+  data: PagedResultDto<FieldDto> = {
+    items: [],
+    totalCount: 0,
+  };
+
+  /**过滤器 */
+  filters = {} as GetFieldsInput;
+
+  ngOnInit(): void {
+    this.hookToQuery()
+    this._UpdateListService.updateListEvent.subscribe(() => {
+      this.list.get()
+    });
+  }
+  getData(){
+    this.list.get()
+  }
+
+
+  /**字段分组选择回调 */
+  fieldGroupChange(event) {
+    this.filters.groupId = event
+    this.list.page=0
+    this.list.get()
+  }
+
+
+
+  /**使用abp的list获取表格的字段数据列表 */
+  hookToQuery() {
+    const getData = (query: ABP.PageQueryParams) => this._FieldAdminService.getList({
+      ...query,
+      ...this.filters,
+    });
+    const setData = (list: PagedResultDto<FieldDto>) => (this.data = list);
+    this.list.hookToQuery(getData).subscribe(setData);
+  }
+
+  /**新建字段按钮 */
+  toFieldsCreateBtn() {
+    this.router.navigate(['/cms/admin/fields/create'],
+      {
+        queryParams: {}
+      }
+    )
+  }
+
+  /**删除字段 */
+  deletefield(row: any) {
+    this.confirmation.warn(
+      row.displayName,
+      this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`),
+    ).subscribe((status: Confirmation.Status) => {
+      if (status == 'confirm') {
+        this._FieldAdminService.delete(row.id).pipe(finalize(() => {
+        })).subscribe(res => {
+          this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+          this.list.get()
+        })
+      }
+    });
+  }
+}

package/src/lib/components/admin/fields/index.ts

@@ -0,0 +1,6 @@
+export * from './fields.component'
+export * from './field-group.component'
+export * from './create-field.component'
+export * from './create-or-edit-field.component'
+export * from './edit-field.component'
+export * from './create-or-update-field-input-base'

package/src/lib/components/admin/index.ts

@@ -0,0 +1,5 @@
+export * from './entries'
+export * from './fields'
+export * from './sites'
+export * from './sections'
+export * from './domains'

package/src/lib/components/admin/sections/create-or-update-sections-input-base.ts

@@ -0,0 +1,36 @@
+
+import {Validators } from "@angular/forms";
+
+export class CreateOrUpdateSectionsInputBase {
+    /**版块类型 */
+    type: any = [0, [Validators.required]];
+
+
+    /**字段名称 Display name of this field */
+    displayName: any = ['', [Validators.required]];
+
+    /**字段唯一名称 Unique Name*/
+    name: any = ['', [Validators.required]];
+
+    /**条目路由 */
+    route: any = ['', [Validators.required]];
+    /**页面模板 */
+    template: any = ['', [Validators.required]];
+    /**是否默认 */
+    isDefault: any = [false, []];
+    /**是否激活 */
+    isActive: any = [true, []];
+   
+
+
+    constructor(data?: CreateOrUpdateSectionsInputBase) {
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+
+    }
+}