@ebuilding/biz-design 2.0.0

package/fesm2022/survey.mjs

@@ -0,0 +1,2290 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component, Injectable, ChangeDetectionStrategy, ViewContainerRef, ViewChild, Inject, Directive, Pipe, forwardRef, ViewChildren, NgModule } from '@angular/core';
+import moment from 'moment';
+import * as i1 from 'ng-zorro-antd/message';
+import * as i2$1 from '@angular/cdk/drag-drop';
+import { DragDropModule, moveItemInArray, CdkDropList } from '@angular/cdk/drag-drop';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i5 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i6 from 'ng-zorro-antd/input-number';
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import * as i7 from 'ng-zorro-antd/checkbox';
+import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
+import * as i3 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import * as i8 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import { IndicatorType, EvalType } from '@ebuilding/base/shared.util/comm.kpi';
+import { Guid } from '@ebuilding/base/shared.util/guid';
+import * as i1$2 from '@angular/platform-browser';
+import * as i2$2 from '@kre-form/core';
+import { FormlyModule } from '@kre-form/core';
+import { OverlayModule } from '@angular/cdk/overlay';
+import * as i7$1 from 'ng-zorro-antd/tabs';
+import { NzTabsModule } from 'ng-zorro-antd/tabs';
+import { NzGridModule } from 'ng-zorro-antd/grid';
+import { NzTableModule } from 'ng-zorro-antd/table';
+import { NzPopoverModule } from 'ng-zorro-antd/popover';
+import { asapScheduler } from 'rxjs';
+import _ from 'lodash';
+import * as i1$3 from 'ng-zorro-antd/modal';
+import * as i4 from '@ebuilding/base/shared.srv/deon.util';
+
+class SettingBasic {
+    message;
+    sourceField = {
+        key: '',
+        type: '',
+        editor: true,
+        show: true,
+        props: {
+            type: null,
+            label: '', //Title
+            hideLabel: false, //隐藏Title
+            placeholder: null,
+            required: false, //必填
+            minLength: null, //最小长度
+            maxLength: null, //最大长度
+            min: null, //最小值
+            max: null, //最大值
+            precision: null, //精度
+            pattern: null, //
+            options: [],
+            rows: null,
+            cols: 24,
+            className: '',
+            isButintin: false,
+            more: false,
+            labelPosition: null,
+            hideJson: null,
+            sysType: null, //系统字段类型
+            izSysName: false, //系统字段名称显示
+        },
+        fieldGroup: [],
+    };
+    minLength = null;
+    maxLength = null;
+    min = null;
+    max = null;
+    dialogPageData = null;
+    dialogFormData = [];
+    sourceType = null;
+    set field(value) {
+        if (value != null && value != undefined) {
+            this.sourceField = value;
+            if (this.sourceField.props && this.sourceField.props.minLength) {
+                this.minLength = this.sourceField.props.minLength;
+            }
+            if (this.sourceField.props && this.sourceField.props.maxLength) {
+                this.maxLength = this.sourceField.props.maxLength;
+            }
+        }
+    }
+    deleteButton(i, value) {
+        if (i < 1) {
+            return false;
+        }
+        let result = true;
+        if (value &&
+            value !== null &&
+            value.props &&
+            value.props !== null &&
+            value.props.isButintin &&
+            value.props.isButintin !== null) {
+            result = value.props.isButintin;
+        }
+        return result;
+    }
+    fieldSetUpAction = new EventEmitter();
+    typeChangeAction = new EventEmitter();
+    repeatAction = new EventEmitter();
+    constructor(message) {
+        this.message = message;
+    }
+    ngOnChanges(e) { }
+    maxLengthChange() {
+        let msg = '最大长度必须大于最小长度!';
+        if (this.sourceField.type == 'repeat') {
+            msg = '最大条数必须大于最小条数!';
+        }
+        if (this.minLength == null) {
+            this.sourceField.props.maxLength = this.maxLength;
+        }
+        else if (this.maxLength <= this.minLength) {
+            this.message.warning(msg);
+            return;
+        }
+        else {
+            this.sourceField.props.maxLength = this.maxLength;
+        }
+        this.valueChange();
+    }
+    minLengthChange() {
+        let msg = '最小长度必须大于最大长度!';
+        if (this.sourceField.type == 'repeat') {
+            msg = '最小条数必须大于最大条数!';
+        }
+        if (this.maxLength == null) {
+            this.sourceField.props.minLength = this.minLength;
+        }
+        else if (this.maxLength <= this.minLength) {
+            this.message.warning(msg);
+            return;
+        }
+        else {
+            this.sourceField.props.minLength = this.minLength;
+        }
+        this.valueChange();
+    }
+    maxChange() {
+        let msg = '最大长度必须大于最小长度!';
+        if (this.min == null) {
+            this.sourceField.props.max = this.max;
+        }
+        else if (this.max <= this.min) {
+            this.message.warning(msg);
+            return;
+        }
+        else {
+            this.sourceField.props.max = this.max;
+        }
+        this.valueChange();
+    }
+    minChange() {
+        let msg = '最小长度必须大于最大长度!';
+        if (this.max == null) {
+            this.sourceField.props.min = this.min;
+        }
+        else if (this.max <= this.min) {
+            this.message.warning(msg);
+            return;
+        }
+        else {
+            this.sourceField.props.min = this.min;
+        }
+        this.valueChange();
+    }
+    valueChange() {
+        this.fieldSetUpAction.emit(this.sourceField);
+    }
+    fieldTypeChange() {
+        this.typeChangeAction.emit(this.sourceField);
+    }
+    datetimeString() {
+        return `${moment().format('YYYYMMDDHHmmssSSS')}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SettingBasic, deps: [{ token: i1.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SettingBasic, isStandalone: true, selector: "ng-component", inputs: { dialogPageData: "dialogPageData", dialogFormData: "dialogFormData", sourceType: "sourceType", field: "field" }, outputs: { fieldSetUpAction: "fieldSetUpAction", typeChangeAction: "typeChangeAction", repeatAction: "repeatAction" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SettingBasic, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                }]
+        }], ctorParameters: () => [{ type: i1.NzMessageService }], propDecorators: { dialogPageData: [{
+                type: Input
+            }], dialogFormData: [{
+                type: Input
+            }], sourceType: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }], fieldSetUpAction: [{
+                type: Output
+            }], typeChangeAction: [{
+                type: Output
+            }], repeatAction: [{
+                type: Output
+            }] } });
+
+class SettingService {
+    tableField = null;
+    isEditor = true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SettingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SettingService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SettingService, decorators: [{
+            type: Injectable
+        }] });
+
+class SettingCommon extends SettingBasic {
+    message;
+    settingSrv;
+    constructor(message, settingSrv) {
+        super(message);
+        this.message = message;
+        this.settingSrv = settingSrv;
+    }
+    ngOnInit() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SettingCommon, deps: [{ token: i1.NzMessageService }, { token: SettingService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SettingCommon, isStandalone: true, selector: "setting-common", usesInheritance: true, ngImport: i0, template: `
+     
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "ngmodule", type: NzInputModule }, { kind: "ngmodule", type: NzInputNumberModule }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "ngmodule", type: NzRadioModule }, { kind: "ngmodule", type: NzSelectModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SettingCommon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'setting-common',
+                    template: `
+     
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        DragDropModule,
+                        NzInputModule,
+                        NzInputNumberModule,
+                        NzCheckboxModule,
+                        NzRadioModule,
+                        NzSelectModule
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1.NzMessageService }, { type: SettingService }] });
+
+class SettingRadioGroup extends SettingBasic {
+    message;
+    settingSrv;
+    constructor(message, settingSrv) {
+        super(message);
+        this.message = message;
+        this.settingSrv = settingSrv;
+    }
+    ngOnInit() { }
+    btnUp(i) {
+        if (i != 0) {
+            moveItemInArray(this.sourceField.props.options, i, i - 1);
+        }
+    }
+    btnDown(i) {
+        if (i != this.sourceField.props.options.length - 1) {
+            moveItemInArray(this.sourceField.props.options, i, i + 1);
+        }
+    }
+    btnDel(i) {
+        this.sourceField.props.options = this.sourceField.props.options.filter((item, index) => { return index != i; });
+    }
+    btnAddItem() {
+        if (this.sourceField.props?.options == undefined || this.sourceField.props?.options == null) {
+            this.sourceField.props["options"] = [];
+        }
+        this.sourceField.props["options"].push({
+            label: "选项",
+            score: 0
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SettingRadioGroup, deps: [{ token: i1.NzMessageService }, { token: SettingService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SettingRadioGroup, isStandalone: true, selector: "setting-radiogroup", usesInheritance: true, ngImport: i0, template: `
+    <div class="paragraph">
+      <label>标题</label>
+      <input
+        nz-input
+        [disabled]="settingSrv?.isEditor == false"
+        [(ngModel)]="sourceField.props.label"
+        maxLength="80"
+        placeholder="请输入标题"
+        (blur)="valueChange()"
+      />
+    </div>
+
+    <div class="paragraph">
+        <label
+            nz-checkbox
+            [nzDisabled]="settingSrv?.isEditor == false"
+            [(ngModel)]="sourceField.props.required"
+            (ngModelChange)="valueChange()">
+            必填
+        </label> 
+    </div>
+ 
+    <div class="paragraph paragraph-options">
+        <ul>
+            <li>选项</li>
+            <li>分数</li>
+            <li>操作</li>
+        </ul>
+        <ul *ngFor="let item of sourceField.props.options;let index=index">
+            <li>
+                <input nz-input [(ngModel)]="item.label" maxLength="80" placeholder="请输入选项" (blur)="valueChange()" /> 
+            </li>
+            <li>
+                <nz-input-number [(ngModel)]="item.score" [nzStep]="1"></nz-input-number> 
+            </li> 
+            <li>
+                <a (click)="btnUp(index)"><i nz-icon nzType="arrow-up"></i></a>
+                <a (click)="btnDown(index)"><i nz-icon nzType="arrow-down"></i></a>
+                <a (click)="btnDel(index)"><i nz-icon nzType="close-circle"></i></a>
+            </li>
+        </ul>
+        <div class="add-item"><a (click)="btnAddItem()">添加选项</a></div>
+    </div> 
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i5.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i6.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "ngmodule", type: NzSelectModule }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "component", type: i7.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SettingRadioGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'setting-radiogroup',
+                    template: `
+    <div class="paragraph">
+      <label>标题</label>
+      <input
+        nz-input
+        [disabled]="settingSrv?.isEditor == false"
+        [(ngModel)]="sourceField.props.label"
+        maxLength="80"
+        placeholder="请输入标题"
+        (blur)="valueChange()"
+      />
+    </div>
+
+    <div class="paragraph">
+        <label
+            nz-checkbox
+            [nzDisabled]="settingSrv?.isEditor == false"
+            [(ngModel)]="sourceField.props.required"
+            (ngModelChange)="valueChange()">
+            必填
+        </label> 
+    </div>
+ 
+    <div class="paragraph paragraph-options">
+        <ul>
+            <li>选项</li>
+            <li>分数</li>
+            <li>操作</li>
+        </ul>
+        <ul *ngFor="let item of sourceField.props.options;let index=index">
+            <li>
+                <input nz-input [(ngModel)]="item.label" maxLength="80" placeholder="请输入选项" (blur)="valueChange()" /> 
+            </li>
+            <li>
+                <nz-input-number [(ngModel)]="item.score" [nzStep]="1"></nz-input-number> 
+            </li> 
+            <li>
+                <a (click)="btnUp(index)"><i nz-icon nzType="arrow-up"></i></a>
+                <a (click)="btnDown(index)"><i nz-icon nzType="arrow-down"></i></a>
+                <a (click)="btnDel(index)"><i nz-icon nzType="close-circle"></i></a>
+            </li>
+        </ul>
+        <div class="add-item"><a (click)="btnAddItem()">添加选项</a></div>
+    </div> 
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        DragDropModule,
+                        NzInputModule,
+                        NzInputNumberModule,
+                        NzRadioModule,
+                        NzSelectModule,
+                        NzCheckboxModule,
+                        NzIconModule
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1.NzMessageService }, { type: SettingService }] });
+
+class SettingTemplate {
+    componentFactoryResolver;
+    changeDetectorRef;
+    settingSrv;
+    _tableField = null;
+    dynamicComponents = {
+        radiogroup: SettingRadioGroup,
+    };
+    component;
+    componentHost;
+    questionField = {
+        key: '',
+        type: 'text',
+        props: {
+            label: '',
+            description: '',
+            maxLength: 500,
+            minLength: 0,
+            max: 0,
+            min: 0,
+            precision: 0,
+            placeholder: '',
+            required: false,
+            pattern: '',
+            options: [],
+            hideJson: null,
+        },
+    };
+    dialogPageData = null;
+    dialogFormData = [];
+    sourceType = {};
+    set tableField(value) {
+        this.settingSrv.tableField = value;
+    }
+    set isEditor(value) {
+        if (value == null) {
+            this.settingSrv.isEditor = true;
+        }
+        else {
+            this.settingSrv.isEditor = value;
+        }
+    }
+    set field(value) {
+        if (value != null && value != undefined) {
+            this.questionField = value;
+        }
+        if (this.componentHost) {
+            this.componentHost.clear();
+            if (this.questionField != undefined &&
+                this.questionField != null &&
+                this.questionField.type != undefined &&
+                this.questionField.type != null &&
+                this.questionField.type != 'list') {
+                const compFactory = this.componentFactoryResolver.resolveComponentFactory(this.dynamicComponents[this.questionField.type]);
+                this.component = this.componentHost.createComponent(compFactory);
+                this.component.instance.dialogPageData = this.dialogPageData;
+                this.component.instance.dialogFormData = this.dialogFormData;
+                this.component.instance.sourceType = this.sourceType;
+                this.component.instance.field = this.questionField;
+                this.component.instance.fieldSetUpAction.subscribe((res) => {
+                    this.fieldChange.emit(res);
+                });
+                this.component.instance.typeChangeAction.subscribe((res) => {
+                    this.fieldTypeChange.emit(res);
+                });
+                this.component.instance.repeatAction.subscribe((res) => {
+                    this.repeatChange.emit(res);
+                });
+                this.component.instance?.delGridCell?.subscribe((res) => {
+                    this.delGridCell.emit(res);
+                });
+            }
+            else {
+                const compFactory = this.componentFactoryResolver.resolveComponentFactory(this.dynamicComponents['empty']);
+                this.component = this.componentHost.createComponent(compFactory);
+            }
+        }
+    }
+    fieldChange = new EventEmitter();
+    fieldTypeChange = new EventEmitter();
+    repeatChange = new EventEmitter();
+    delGridCell = new EventEmitter();
+    constructor(componentFactoryResolver, changeDetectorRef, settingSrv) {
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.changeDetectorRef = changeDetectorRef;
+        this.settingSrv = settingSrv;
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SettingTemplate, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ChangeDetectorRef }, { token: SettingService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SettingTemplate, isStandalone: true, selector: "setting-template", inputs: { dialogPageData: "dialogPageData", dialogFormData: "dialogFormData", sourceType: "sourceType", tableField: "tableField", isEditor: "isEditor", field: "field" }, outputs: { fieldChange: "fieldChange", fieldTypeChange: "fieldTypeChange", repeatChange: "repeatChange", delGridCell: "delGridCell" }, providers: [SettingService], viewQueries: [{ propertyName: "componentHost", first: true, predicate: ["componentHost"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: ` <ng-container #componentHost></ng-container> `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SettingTemplate, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'setting-template',
+                    template: ` <ng-container #componentHost></ng-container> `,
+                    providers: [SettingService],
+                }]
+        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }, { type: SettingService }], propDecorators: { componentHost: [{
+                type: ViewChild,
+                args: ['componentHost', { read: ViewContainerRef, static: true }]
+            }], dialogPageData: [{
+                type: Input
+            }], dialogFormData: [{
+                type: Input
+            }], sourceType: [{
+                type: Input
+            }], tableField: [{
+                type: Input
+            }], isEditor: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }], fieldChange: [{
+                type: Output
+            }], fieldTypeChange: [{
+                type: Output
+            }], repeatChange: [{
+                type: Output
+            }], delGridCell: [{
+                type: Output
+            }] } });
+
+class FieldTypeBasic {
+    typeList = [
+        {
+            "type": "radiogroup",
+            "label": "单 选 题"
+        },
+        {
+            "type": "checkbox",
+            "label": "多 选 题"
+        },
+        {
+            "type": "radio",
+            "label": "文字投票"
+        },
+        {
+            "type": "dropdown",
+            "label": "下 拉 题"
+        },
+        {
+            "type": "cascader",
+            "label": "级 联 题"
+        },
+        {
+            "type": "scaler",
+            "label": "量 表 题"
+        },
+        {
+            "type": "input",
+            "label": "填 空 题"
+        },
+        {
+            "type": "input_group",
+            "label": "多项填空"
+        },
+        {
+            "type": "input",
+            "label": "多行文本"
+        },
+        {
+            "type": "score",
+            "label": "打 分 题"
+        },
+        {
+            "type": "evaluation",
+            "label": "评 价 题"
+        },
+        {
+            "type": "nps",
+            "label": "NPS 题"
+        },
+        {
+            "type": "proportion",
+            "label": "比 重 题"
+        },
+        {
+            "type": "line",
+            "label": "分 割 线"
+        },
+        {
+            "type": "remark",
+            "label": "备注说明"
+        },
+        {
+            "type": "other_upload",
+            "label": "文件上传"
+        },
+        {
+            "type": "input",
+            "label": "姓 名"
+        },
+        {
+            "type": "input",
+            "label": "手 机"
+        },
+        {
+            "type": "input",
+            "label": "邮 箱"
+        },
+        {
+            "type": "radio",
+            "label": "性 别"
+        },
+        {
+            "type": "date",
+            "label": "日 期"
+        },
+        {
+            "type": "time",
+            "label": "时 间"
+        },
+        {
+            "type": "radio",
+            "label": "年 龄"
+        },
+        {
+            "type": "radio",
+            "label": "学 历"
+        },
+        {
+            "type": "cascader",
+            "label": "专 业"
+        },
+        {
+            "type": "cascader",
+            "label": "院 校"
+        },
+        {
+            "type": "cascader",
+            "label": "行 业"
+        },
+        {
+            "type": "radio",
+            "label": "职 业"
+        },
+        {
+            "type": "emp_address",
+            "label": "城市地址"
+        },
+        {
+            "type": "emp_geography",
+            "label": "地理位置"
+        },
+        {
+            "type": "matrix_radio",
+            "label": "矩阵单选"
+        },
+        {
+            "type": "matrix_checkbox",
+            "label": "矩阵多选"
+        },
+        {
+            "type": "matrix_score",
+            "label": "矩阵打分"
+        },
+        {
+            "type": "matrix_input",
+            "label": "矩阵填空"
+        },
+        {
+            "type": "matrix_scale",
+            "label": "矩阵量表"
+        }
+    ];
+    list = [
+        {
+            label: "选择题",
+            child: [
+                {
+                    type: "radio",
+                    label: "单 选 题",
+                    tag: "default",
+                    isUse: true
+                },
+                {
+                    type: "checkbox",
+                    label: "多 选 题",
+                    isUse: false
+                },
+                {
+                    type: "radio",
+                    label: "文字投票",
+                    tag: "votefont",
+                    isUse: false
+                },
+                {
+                    type: "dropdown",
+                    label: "下 拉 题",
+                    isUse: false
+                },
+                {
+                    type: "cascader",
+                    label: "级 联 题",
+                    tag: "default",
+                    isUse: false
+                },
+                {
+                    type: "scaler",
+                    label: "量 表 题",
+                    tag: "default"
+                },
+            ]
+        },
+        {
+            label: "填空题",
+            child: [
+                {
+                    type: "input",
+                    label: "填 空 题",
+                    tag: "default",
+                    isUse: false
+                },
+                {
+                    type: "input_group",
+                    label: "多项填空",
+                    isUse: false
+                },
+                {
+                    type: "input",
+                    label: "多行文本",
+                    tag: "remark",
+                    isUse: false
+                }
+            ]
+        },
+        {
+            label: "打分排序",
+            child: [
+                {
+                    type: "score",
+                    label: "打 分 题",
+                    isUse: false
+                },
+                {
+                    type: "evaluation",
+                    label: "评 价 题",
+                    isUse: false
+                },
+                {
+                    type: "nps",
+                    label: "NPS 题",
+                    isUse: false
+                },
+                {
+                    type: "proportion",
+                    label: "比 重 题",
+                    isUse: false
+                }
+            ]
+        },
+        {
+            label: "备注说明",
+            child: [
+                {
+                    type: "line",
+                    label: "分 割 线",
+                    isUse: false
+                },
+                {
+                    type: "remark",
+                    label: "备注说明",
+                    isUse: false
+                },
+                {
+                    type: "other_upload",
+                    label: "文件上传",
+                    isUse: false
+                }
+            ]
+        },
+        {
+            label: "个人信息",
+            child: [
+                {
+                    type: "input",
+                    label: "姓 名",
+                    tag: "name",
+                    isUse: false
+                },
+                {
+                    type: "input",
+                    label: "手 机",
+                    tag: "mobile",
+                    isUse: false
+                },
+                {
+                    type: "input",
+                    label: "邮 箱",
+                    tag: "email",
+                    isUse: false
+                },
+                {
+                    type: "radio",
+                    label: "性 别",
+                    tag: "gender",
+                    isUse: false
+                },
+                {
+                    type: "date",
+                    label: "日 期",
+                    isUse: false
+                },
+                {
+                    type: "time",
+                    label: "时 间",
+                    isUse: false
+                },
+                {
+                    type: "radio",
+                    label: "年 龄",
+                    tag: "age",
+                    isUse: false
+                },
+                {
+                    type: "radio",
+                    label: "学 历",
+                    tag: "education",
+                    isUse: false
+                },
+                {
+                    type: "cascader",
+                    label: "专 业",
+                    tag: "major",
+                    isUse: false
+                },
+                {
+                    type: "cascader",
+                    label: "院 校",
+                    tag: "university",
+                    isUse: false
+                },
+                {
+                    type: "cascader",
+                    label: "行 业",
+                    tag: "industry",
+                    isUse: false
+                },
+                {
+                    type: "radio",
+                    label: "职 业",
+                    tag: "occupation",
+                    isUse: false
+                },
+                {
+                    type: "emp_address",
+                    label: "城市地址",
+                    isUse: false
+                },
+                {
+                    type: "emp_geography",
+                    label: "地理位置",
+                    isUse: false
+                }
+            ]
+        },
+        {
+            label: "其他题型",
+            child: [
+                {
+                    type: "matrix_radio",
+                    label: "矩阵单选",
+                    isUse: false
+                },
+                {
+                    type: "matrix_checkbox",
+                    label: "矩阵多选",
+                    isUse: false
+                },
+                {
+                    type: "matrix_score",
+                    label: "矩阵打分",
+                    isUse: false
+                },
+                {
+                    type: "matrix_input",
+                    label: "矩阵填空",
+                    isUse: false
+                },
+                {
+                    type: "matrix_scale",
+                    label: "矩阵量表",
+                    isUse: false
+                }
+            ]
+        }
+    ];
+    dls;
+    constructor() {
+        let arr = [];
+        this.list.forEach((item) => {
+            item.child.forEach((data) => {
+                arr.push({
+                    type: data.type,
+                    label: data.label,
+                });
+            });
+        });
+    }
+    ngOnInit() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldTypeBasic, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FieldTypeBasic, isStandalone: true, selector: "field-type-basic", inputs: { dls: "dls" }, ngImport: i0, template: "<div cdkDropList [cdkDropListData]=\"{ type_base: typeList }\" cdkDropListSortingDisabled [cdkDropListConnectedTo]=\"dls\">\n  <ul class=\"list\">\n    <ng-container *ngFor=\"let item of list\">\n      <li class=\"title\">\n        <label>{{item.label}}</label>\n      </li>\n      <ng-container *ngFor=\"let data of item?.child\">\n        <li class=\"field\" [ngClass]=\"{'field-disable':!data.isUse}\" [cdkDragDisabled]=\"!data.isUse\" cdkDrag>\n          <label>{{ data.label }}</label>\n        </li>\n      </ng-container>\n    </ng-container>\n\n  </ul>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldTypeBasic, decorators: [{
+            type: Component,
+            args: [{ selector: 'field-type-basic', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        DragDropModule
+                    ], template: "<div cdkDropList [cdkDropListData]=\"{ type_base: typeList }\" cdkDropListSortingDisabled [cdkDropListConnectedTo]=\"dls\">\n  <ul class=\"list\">\n    <ng-container *ngFor=\"let item of list\">\n      <li class=\"title\">\n        <label>{{item.label}}</label>\n      </li>\n      <ng-container *ngFor=\"let data of item?.child\">\n        <li class=\"field\" [ngClass]=\"{'field-disable':!data.isUse}\" [cdkDragDisabled]=\"!data.isUse\" cdkDrag>\n          <label>{{ data.label }}</label>\n        </li>\n      </ng-container>\n    </ng-container>\n\n  </ul>\n</div>" }]
+        }], ctorParameters: () => [], propDecorators: { dls: [{
+                type: Input
+            }] } });
+
+class DeonDesignSimpleLabel {
+    field;
+    get to() {
+        return this.field.props || {};
+    }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnDestroy() { }
+    ngOnChanges(e) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonDesignSimpleLabel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonDesignSimpleLabel, isStandalone: true, selector: "deon-design-simple-label", inputs: { field: "field" }, host: { properties: { "class": "to.required==true?'required':''" } }, usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonDesignSimpleLabel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'deon-design-simple-label',
+                    template: ` <ng-content></ng-content> `,
+                    host: {
+                        '[class]': "to.required==true?'required':''",
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule
+                    ]
+                }]
+        }], propDecorators: { field: [{
+                type: Input
+            }] } });
+
+class FieldTypeService {
+    /**
+     * 获取默认字段
+     * @param type
+     * @returns
+     */
+    fieldBasicType(type) {
+        let field = {};
+        switch (type) {
+            case 'radiogroup':
+                field = this.radiogGroup();
+                break;
+            case 'label':
+                field = this.label();
+                break;
+            case 'desc':
+                field = this.desc();
+                break;
+            case 'line':
+                field = this.line();
+                break;
+            case 'grid':
+                field = this.grid();
+                break;
+            case 'children':
+                field = this.children();
+                break;
+            case 'reform':
+                field = this.reform();
+                break;
+            case 'tabs':
+                field = this.tabs();
+                break;
+            default:
+                break;
+        }
+        return field;
+    }
+    datetimeString(type) {
+        if (type !== undefined && type !== null) {
+            return `${type}_${moment().format('YYMMDDHHmmssSSS')}`;
+        }
+        else {
+            return `${moment().format('YYMMDDHHmmssSSS')}`;
+        }
+    }
+    radiogGroup() {
+        let config = {
+            type: 'radiogroup',
+            key: this.datetimeString('rg'),
+            defaultValue: null,
+            props: {
+                label: '请选择一个选项',
+                options: [{
+                        label: "选项1",
+                        value: "1",
+                        score: 0
+                    },
+                    {
+                        label: "选项2",
+                        value: "2",
+                        score: 0
+                    }]
+            },
+        };
+        return config;
+    }
+    label() {
+        let config = {
+            type: 'label',
+            key: this.datetimeString('label'),
+            defaultValue: null,
+            props: {
+                label: '标签',
+            },
+        };
+        return config;
+    }
+    desc() {
+        let config = {
+            type: 'desc',
+            key: this.datetimeString('label'),
+            defaultValue: null,
+            props: {
+                label: '文本描述',
+            },
+        };
+        return config;
+    }
+    line() {
+        let config = {
+            type: 'line',
+            key: this.datetimeString('line'),
+            props: {
+                label: '分割线',
+                type: 'horizontal',
+                hideLabel: true,
+                line: 'dotted',
+                orientation: 'left',
+            },
+        };
+        return config;
+    }
+    grid() {
+        let config = {
+            type: 'grid',
+            props: {
+                hideLabel: true,
+            },
+            fieldGroup: [
+                {
+                    type: 'list',
+                    props: {
+                        hideLabel: true,
+                        cols: 8,
+                    },
+                    fieldGroup: [],
+                },
+                {
+                    type: 'list',
+                    props: {
+                        hideLabel: true,
+                        cols: 8,
+                    },
+                    fieldGroup: [],
+                },
+                {
+                    type: 'list',
+                    props: {
+                        hideLabel: true,
+                        cols: 8,
+                    },
+                    fieldGroup: [],
+                },
+            ],
+        };
+        return config;
+    }
+    children() {
+        let config = {
+            type: 'children',
+            key: this.datetimeString('children'),
+            props: {
+                label: '子表单',
+            },
+            fieldArray: {
+                fieldGroup: [],
+            },
+        };
+        return config;
+    }
+    reform() {
+        let config = {
+            type: 'reform',
+            props: {
+                label: '引用表单',
+            },
+            fieldGroup: [],
+        };
+        return config;
+    }
+    tabs() {
+        let config = {
+            type: 'tabs',
+            props: {
+                label: '多页签',
+            },
+            fieldGroup: [],
+        };
+        return config;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldTypeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldTypeService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldTypeService, decorators: [{
+            type: Injectable
+        }] });
+
+class FieldSourceService {
+    /**
+     * 获取默认字段
+     * @param type
+     * @returns
+     */
+    fieldSourceType(source) {
+        let field = {};
+        switch (source.type) {
+            case 'TEXT':
+                field = this.text(source);
+                break;
+            case 'COLOR':
+                field = this.color(source);
+                break;
+            case 'ICON':
+                field = this.icon(source);
+                break;
+            case 'TEXTAREA':
+                field = this.textArea(source);
+                break;
+            case 'INT':
+                field = this.number(source, 0);
+                break;
+            case 'FLOAT':
+                field = this.number(source, source.precision);
+                break;
+            case 'DATETIME':
+                field = this.datetime(source);
+                break;
+            case 'BOOLEAN':
+                field = this.fieldBoolean(source);
+                break;
+            case 'ITEM':
+                field = this.select(source);
+                break;
+            case 'MULTIPLE':
+                field = this.repeat(source);
+                break;
+            case 'TREE':
+                field = this.tree(source);
+                break;
+            case 'REF':
+                field = this.lookup(source);
+                break;
+            case 'ONETOMANY':
+                field = this.lookupMany(source);
+                break;
+            case 'ATTACHMENT':
+                field = this.upload(source);
+                break;
+            case 'INDICATOR':
+                field = this.indicator(source);
+                break;
+            default:
+                break;
+        }
+        return field;
+    }
+    /**
+     * 单行文本
+     * @param field
+     * @returns
+     */
+    text(field) {
+        let sysType = null;
+        if (field.code == 'create_user' || field.code == 'modify_user') {
+            sysType = field.code.toUpperCase();
+        }
+        let config = {
+            type: 'text',
+            key: field.id,
+            defaultValue: null,
+            props: {
+                type: null,
+                sysType: sysType,
+                izSysName: false,
+                label: field.name,
+                required: field?.required == true ? true : false,
+                maxLength: field.maxLength,
+                minLength: null,
+                placeholder: `请输入${field.name}`,
+                layout: 'default',
+            },
+        };
+        if (field.izCodeRule && field.codeRuleId) {
+            config = {
+                type: 'textcode',
+                key: field.id,
+                defaultValue: null,
+                props: {
+                    label: field.name,
+                    required: field?.required == true ? true : false,
+                    maxLength: field.maxLength,
+                    minLength: null,
+                    placeholder: `请输入${field.name}`,
+                    layout: 'default',
+                },
+            };
+        }
+        return config;
+    }
+    color(field) {
+        let config = {
+            type: 'color',
+            key: field.id,
+            defaultValue: null,
+            props: {
+                label: field.name,
+                required: field?.required == true ? true : false,
+                layout: 'default',
+            },
+        };
+        return config;
+    }
+    icon(field) {
+        let config = {
+            type: 'icon',
+            key: field.id,
+            defaultValue: null,
+            props: {
+                label: field.name,
+                required: field?.required == true ? true : false,
+                layout: 'default',
+            },
+        };
+        return config;
+    }
+    /**
+     * 多行文本
+     * @param field
+     * @returns
+     */
+    textArea(field) {
+        let config = {
+            type: 'textarea',
+            key: field.id,
+            defaultValue: null,
+            props: {
+                label: field.name,
+                required: field?.required == true ? true : false,
+                maxLength: field.maxLength,
+                minLength: field.minLength,
+                placeholder: `请输入${field.name}`,
+                rows: 3,
+                layout: 'default',
+            },
+        };
+        return config;
+    }
+    /**
+     * 整数、小数 类型
+     * @param field
+     * @param precision
+     * @returns
+     */
+    number(field, precision) {
+        let config = {
+            type: 'number',
+            key: field.id,
+            defaultValue: null,
+            props: {
+                label: field.name,
+                required: field?.required == true ? true : false,
+                max: field.max,
+                min: field.min,
+                placeholder: `请输入${field.name}`,
+                precision: precision,
+                layout: 'default',
+            },
+        };
+        return config;
+    }
+    /**
+     * 日期型
+     * @param field
+     * @returns
+     */
+    datetime(field) {
+        let config = {
+            type: 'datetime',
+            key: field.id,
+            defaultValue: null,
+            props: {
+                type: 'datetime',
+                label: field.name,
+                required: field?.required == true ? true : false,
+                layout: 'default',
+            },
+        };
+        return config;
+    }
+    /**
+     * 布尔值
+     * @param field
+     * @returns
+     */
+    fieldBoolean(field) {
+        let config = {
+            type: 'radiogroup',
+            key: field.id,
+            defaultValue: true,
+            props: {
+                type: 'default',
+                label: field.name,
+                options: [
+                    { label: '是', value: true },
+                    { label: '否', value: false },
+                ],
+                required: field?.required == true ? true : false,
+                layout: 'default',
+                sourceType: 'boolean',
+            },
+        };
+        return config;
+    }
+    /**
+     * 选择
+     * @param field
+     * @returns
+     */
+    select(field) {
+        let config = {
+            type: 'select',
+            key: field.id,
+            defaultValue: null,
+            props: {
+                label: field.name,
+                required: field?.required == true ? true : false,
+                options: [],
+                placeholder: `请选择${field.name}`,
+                layout: 'default',
+                selectType: field?.multiple == true ? 'multiple' : 'single',
+            },
+        };
+        return config;
+    }
+    /**
+     * 子表单
+     * @param field
+     * @returns
+     */
+    repeat(field) {
+        let config = {
+            type: 'repeat',
+            key: field.id,
+            props: {
+                type: 'default',
+                label: field.name,
+            },
+            fieldArray: {
+                fieldGroup: [],
+            },
+        };
+        return config;
+    }
+    tree(field) {
+        let config = {
+            type: 'tree',
+            key: field.id,
+            defaultValue: null,
+            props: {
+                label: field.name,
+                treeId: field.refId,
+                required: field?.required == true ? true : false,
+                placeholder: `请选择${field.name}`,
+                layout: 'default',
+                selectType: field?.multiple == true ? 'multiple' : 'single',
+            },
+        };
+        return config;
+    }
+    lookup(field) {
+        let config = {
+            type: 'lookup',
+            key: field.id,
+            defaultValue: null,
+            props: {
+                label: field.name,
+                required: field?.required == true ? true : false,
+                placeholder: `请选择${field.name}`,
+                layout: 'default',
+                selectType: field?.multiple == true ? 'multiple' : 'single',
+            },
+        };
+        return config;
+    }
+    lookupMany(field) {
+        let config = {
+            type: 'one2many',
+            key: field.id,
+            defaultValue: null,
+            props: {
+                label: field.name,
+                required: field?.required == true ? true : false,
+                placeholder: `请选择${field.name}`,
+                layout: 'default',
+                selectType: 'multiple',
+            },
+        };
+        return config;
+    }
+    /**
+     * 附件 类型
+     * @param field
+     * @param precision
+     * @returns
+     */
+    upload(field) {
+        let config = {
+            type: 'upload',
+            key: field.id,
+            defaultValue: null,
+            props: {
+                label: field.name,
+                required: field?.required == true ? true : false,
+                placeholder: `请上传${field.name}`,
+                layout: 'default',
+            },
+        };
+        if (field?.max != undefined && field?.max != null && field?.max > 0) {
+            config.props['max'] = field.max;
+        }
+        return config;
+    }
+    indicator(field) {
+        let indTypeValue = 'KPI';
+        let evalTypeValue = 'SCORE';
+        if (field?.indType) {
+            indTypeValue = field.indType;
+        }
+        if (field?.evalType) {
+            evalTypeValue = field.evalType;
+        }
+        let group = [
+            {
+                key: `name`,
+                type: 'text',
+                props: {
+                    label: '指标名称',
+                    placeholder: `请输入指标名称`,
+                    required: true,
+                    minLength: 0,
+                    maxLength: 500,
+                    layout: 'default',
+                },
+                className: 'full-row',
+                defaultValue: field?.name,
+            },
+            {
+                key: `indType`,
+                type: 'select',
+                props: {
+                    label: '指标类型',
+                    placeholder: `请选择指标类型`,
+                    required: false,
+                    layout: 'default',
+                    options: IndicatorType(),
+                },
+                editor: false,
+                defaultValue: indTypeValue,
+            },
+            {
+                key: `evalType`,
+                type: 'select',
+                props: {
+                    label: '评估方式',
+                    placeholder: `请选择评估方式`,
+                    required: false,
+                    layout: 'default',
+                    options: EvalType(),
+                },
+                editor: false,
+                defaultValue: evalTypeValue,
+            },
+        ];
+        if (field?.listItem && Array.isArray(field?.listItem)) {
+            field.listItem.forEach((item) => {
+                item.id = `item_${item.id}`;
+                let newItem = this.fieldSourceType(item);
+                if (newItem) {
+                    group.push(newItem);
+                }
+            });
+        }
+        if (field?.indType == 'KPI') {
+            group.push({
+                key: `weight`,
+                type: 'number',
+                props: {
+                    label: '指标权重',
+                    placeholder: `请输入指标权重`,
+                    required: true,
+                    min: -100,
+                    max: 300,
+                    layout: 'default',
+                    unit: '%',
+                },
+                defaultValue: 0,
+            });
+        }
+        group.push({
+            key: `desc`,
+            type: 'textarea',
+            props: {
+                label: '指标描述',
+                placeholder: `请输入指标描述`,
+                required: false,
+                minLength: 0,
+                maxLength: 800,
+                rows: 3,
+                layout: 'default',
+            },
+            defaultValue: field?.description,
+        });
+        let indKey = Guid.createId();
+        let config = {
+            type: 'indicator',
+            key: `ind_${indKey}`,
+            defaultValue: null,
+            props: {
+                indConfig: {
+                    indType: indTypeValue,
+                    sourceId: field.id,
+                    sourceType: 'LIBRARY',
+                    izAllowDel: true,
+                    izEditName: true,
+                    izEditDesc: true,
+                    izEditWeight: true,
+                },
+            },
+            fieldGroup: group,
+        };
+        return config;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldSourceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldSourceService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldSourceService, decorators: [{
+            type: Injectable
+        }] });
+
+class FieldService {
+    fieldTypeSrv;
+    fieldSourceSrv;
+    constructor(fieldTypeSrv, fieldSourceSrv) {
+        this.fieldTypeSrv = fieldTypeSrv;
+        this.fieldSourceSrv = fieldSourceSrv;
+    }
+    /**
+     * 默认字段
+     * @param currentData
+     * @param currentIndex
+     * @param previousData
+     * @param previousIndex
+     * @returns
+     */
+    transferBasicType(currentData, currentIndex, previousData, previousIndex) {
+        let previous = previousData[previousIndex];
+        let formField = this.fieldTypeSrv.fieldBasicType(previous.type);
+        currentData.splice(currentIndex, 0, formField);
+    }
+    /**
+     * 表单对象
+     * @param currentData
+     * @param currentIndex
+     * @param previousData
+     * @param previousIndex
+     * @returns
+     */
+    transferSourceType(currentData, currentIndex, previousData, previousIndex) {
+        let previous = previousData[previousIndex];
+        if (previous) {
+            let formField = this.fieldSourceSrv.fieldSourceType(previous);
+            currentData.splice(currentIndex, 0, formField);
+        }
+    }
+    /**
+     * 根据设计更改表字段状态
+     * @param fields
+     * @param tableInfo
+     */
+    tableFieldState(fields, tableInfo) {
+        if (tableInfo && tableInfo.single && tableInfo.single.length > 0) {
+            let source = [];
+            this.getFieldListBySource(fields, source);
+            tableInfo.single.forEach((table) => {
+                if (table.listField && table.listField.length > 0) {
+                    table.listField.forEach((item) => {
+                        if (source.some((v) => {
+                            return v.key == item.id;
+                        })) {
+                            item.ref = true;
+                        }
+                        else {
+                            item.ref = false;
+                        }
+                    });
+                }
+            });
+            if (tableInfo.multiple && tableInfo.multiple.length > 0) {
+                tableInfo.multiple.forEach((table) => {
+                    if (source.some((v) => {
+                        return v.key == table.id;
+                    })) {
+                        table.ref = true;
+                    }
+                    else {
+                        table.ref = false;
+                    }
+                });
+            }
+        }
+    }
+    /**
+     * 根据Key 获取表字段
+     * @param key
+     * @param tableInfo
+     * @returns
+     */
+    tableFieldByKey(key, tableInfo) {
+        let result = null;
+        if (tableInfo && tableInfo.single && tableInfo.single.length > 0) {
+            tableInfo.single.forEach((table) => {
+                if (table.listField && table.listField.length > 0) {
+                    table.listField.forEach((item) => {
+                        if (key == item.id) {
+                            result = item;
+                        }
+                    });
+                }
+            });
+        }
+        if (tableInfo && tableInfo.multiple && tableInfo.multiple.length > 0) {
+            tableInfo.multiple.forEach((table) => {
+                if (key == table.id) {
+                    result = table;
+                }
+            });
+        }
+        return result;
+    }
+    getFieldListBySource(fields, source) {
+        if (fields && fields.length > 0) {
+            fields.forEach((field) => {
+                if (field.type == 'grid') {
+                    this.getFieldListBySource(field.fieldGroup, source);
+                }
+                else if (field.type == 'list') {
+                    this.getFieldListBySource(field.fieldGroup, source);
+                }
+                else if (field.type == 'repeat') {
+                    if (field.key) {
+                        source.push(field);
+                    }
+                }
+                else {
+                    if (field.key) {
+                        source.push(field);
+                    }
+                }
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldService, deps: [{ token: FieldTypeService }, { token: FieldSourceService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: FieldTypeService, decorators: [{
+                    type: Inject,
+                    args: [FieldTypeService]
+                }] }, { type: FieldSourceService, decorators: [{
+                    type: Inject,
+                    args: [FieldSourceService]
+                }] }] });
+
+class EmptyFieldComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EmptyFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: EmptyFieldComponent, isStandalone: true, selector: "empty-field", ngImport: i0, template: ` <div class="image"><img src="assets/images/default/empty9.png" /></div>
+    <div class="desc">
+      <span>暂无数据</span>
+    </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EmptyFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'empty-field',
+                    template: ` <div class="image"><img src="assets/images/default/empty9.png" /></div>
+    <div class="desc">
+      <span>暂无数据</span>
+    </div>`,
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }] });
+
+class EmptySettingComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EmptySettingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: EmptySettingComponent, isStandalone: true, selector: "empty-setting", ngImport: i0, template: `
+    <div class="image"><img src="assets/images/default/empty2.png" /></div>
+    <div class="desc">
+      <span>请选中字段</span>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EmptySettingComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'empty-setting',
+                    template: `
+    <div class="image"><img src="assets/images/default/empty2.png" /></div>
+    <div class="desc">
+      <span>请选中字段</span>
+    </div>
+  `,
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }] });
+
+class FieldBasic {
+    field = {};
+    get to() {
+        return this.field.props || {};
+    }
+    get placeholder() {
+        return this.to.placeholder || '';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldBasic, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: FieldBasic, isStandalone: true, inputs: { field: "field" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldBasic, decorators: [{
+            type: Directive
+        }], propDecorators: { field: [{
+                type: Input
+            }] } });
+
+class SafeHtmlPipe {
+    sanitized;
+    constructor(sanitized) {
+        this.sanitized = sanitized;
+    }
+    transform(value) {
+        return this.sanitized.bypassSecurityTrustHtml(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "safeHtml" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'safeHtml' }]
+        }], ctorParameters: () => [{ type: i1$2.DomSanitizer }] });
+
+const EDITOR_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => InlineEditorComponent),
+    multi: true,
+};
+class InlineEditorComponent {
+    _value = "";
+    _classList = {};
+    debounce = '100';
+    placeholder = '';
+    className = 'inline_editor';
+    brMode = true;
+    blur = new EventEmitter();
+    focus = new EventEmitter();
+    disabled = false;
+    data = "";
+    active = false;
+    constructor() { }
+    ngOnInit() {
+    }
+    handleFocus(evt) {
+        this.focus.emit(evt);
+    }
+    handleBlur(evt) {
+        this.active = false;
+        this.blur.emit(evt);
+    }
+    get value() {
+        return this._value;
+    }
+    set value(v) {
+        if (v !== this._value) {
+            this._value = v;
+            this.onChange(v);
+        }
+    }
+    onContenteditableModelChange(evt) {
+        this.onTouched();
+        this.onChange(evt);
+    }
+    /**
+     * Implements ControlValueAccessor
+     */
+    writeValue(value) {
+        this._value = value;
+    }
+    onChange(_) { }
+    onTouched() { }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    inlineClick() {
+        this.active = true;
+    }
+    onBlur() {
+        this.active = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InlineEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: InlineEditorComponent, isStandalone: true, selector: "inline-editor", inputs: { debounce: "debounce", placeholder: "placeholder", className: "className", brMode: "brMode", disabled: "disabled", data: "data", active: "active", value: "value" }, outputs: { blur: "blur", focus: "focus" }, providers: [EDITOR_VALUE_ACCESSOR], ngImport: i0, template: `
+        <input *ngIf="active==true"  nz-input [(ngModel)]="value"/> 
+        <div *ngIf="active==false" 
+        class="inline_editor_show"
+        [innerHTML]="value | safeHtml" (click)="inlineClick()">
+        </div>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i5.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InlineEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'inline-editor',
+                    providers: [EDITOR_VALUE_ACCESSOR],
+                    template: `
+        <input *ngIf="active==true"  nz-input [(ngModel)]="value"/> 
+        <div *ngIf="active==false" 
+        class="inline_editor_show"
+        [innerHTML]="value | safeHtml" (click)="inlineClick()">
+        </div>
+    `,
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        NzInputModule,
+                        SafeHtmlPipe
+                    ]
+                }]
+        }], ctorParameters: () => [], propDecorators: { debounce: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], brMode: [{
+                type: Input
+            }], blur: [{
+                type: Output
+            }], focus: [{
+                type: Output
+            }], disabled: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
+class FieldRadioGroup extends FieldBasic {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldRadioGroup, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FieldRadioGroup, isStandalone: true, selector: "deon-field-radiogroup", usesInheritance: true, ngImport: i0, template: `
+    <div class="radiogroup-box">
+        <ng-container *ngFor="let option of to.options">
+          <div class="item-box">
+              <label nz-radio nzDisabled="true"></label> 
+              <inline-editor  [(ngModel)]="option.label" ></inline-editor>  
+            </div>
+        </ng-container>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i3.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: InlineEditorComponent, selector: "inline-editor", inputs: ["debounce", "placeholder", "className", "brMode", "disabled", "data", "active", "value"], outputs: ["blur", "focus"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldRadioGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'deon-field-radiogroup',
+                    template: `
+    <div class="radiogroup-box">
+        <ng-container *ngFor="let option of to.options">
+          <div class="item-box">
+              <label nz-radio nzDisabled="true"></label> 
+              <inline-editor  [(ngModel)]="option.label" ></inline-editor>  
+            </div>
+        </ng-container>
+    </div>
+  `,
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        NzRadioModule,
+                        InlineEditorComponent
+                    ]
+                }]
+        }] });
+
+class FieldTemplate {
+    componentFactoryResolver;
+    changeDetectorRef;
+    dynamicComponents = {
+        radiogroup: FieldRadioGroup
+    };
+    component;
+    componentHost;
+    _field = {};
+    set field(value) {
+        if (value != null && value != undefined) {
+            this._field = value;
+        }
+        if (this.componentHost) {
+            this.componentHost.clear();
+            if (this._field != undefined &&
+                this._field != null &&
+                this._field.type != undefined &&
+                this._field.type != null &&
+                this._field.type != 'list') {
+                const compFactory = this.componentFactoryResolver.resolveComponentFactory(this.dynamicComponents[this._field.type]);
+                this.component = this.componentHost.createComponent(compFactory);
+                this.component.instance.field = this._field;
+            }
+        }
+    }
+    fieldChange = new EventEmitter();
+    constructor(componentFactoryResolver, changeDetectorRef) {
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldTemplate, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FieldTemplate, isStandalone: true, selector: "field-template", inputs: { field: "field" }, outputs: { fieldChange: "fieldChange" }, viewQueries: [{ propertyName: "componentHost", first: true, predicate: ["componentHost"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: ` <ng-container #componentHost></ng-container> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldTemplate, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'field-template',
+                    template: ` <ng-container #componentHost></ng-container> `,
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }], propDecorators: { componentHost: [{
+                type: ViewChild,
+                args: ['componentHost', { read: ViewContainerRef, static: true }]
+            }], field: [{
+                type: Input
+            }], fieldChange: [{
+                type: Output
+            }] } });
+
+class FieldDefault {
+    sn = 1;
+    field = {
+        props: {
+            label: null,
+        },
+    };
+    addItem = new EventEmitter();
+    btnAddItem() {
+        this.addItem.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldDefault, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FieldDefault, isStandalone: true, selector: "field-default", inputs: { sn: "sn", field: "field" }, outputs: { addItem: "addItem" }, ngImport: i0, template: "<deon-design-simple-label [field]=\"field\">\n  <div class=\"question-sn\">{{sn}}</div>\n  <div class=\"question-title\">\n    <inline-editor [(ngModel)]=\"field.props.label\"></inline-editor>\n  </div>\n</deon-design-simple-label>\n\n<field-template [field]=\"field\"></field-template>\n\n<div class=\"field-op\" *ngIf=\"field.active==true\">\n  <a (click)=\"btnAddItem()\">\u6DFB\u52A0\u5355\u4E2A\u9009\u9879</a>\n</div>", styles: [":host ::ng-deep{position:relative;width:100%;background-color:#fdf6ed4d}:host ::ng-deep deon-design-simple-label{display:flex;flex-direction:row;align-items:center;padding:0 0 12px}:host ::ng-deep deon-design-simple-label .question-sn{margin-right:5px}:host ::ng-deep deon-design-simple-label .question-title{flex:1}:host ::ng-deep inline-editor .ant-input{border:0;background:#ececec;color:#000000a6}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "ngmodule", type: NzInputModule }, { kind: "component", type: FieldTemplate, selector: "field-template", inputs: ["field"], outputs: ["fieldChange"] }, { kind: "component", type: DeonDesignSimpleLabel, selector: "deon-design-simple-label", inputs: ["field"] }, { kind: "component", type: InlineEditorComponent, selector: "inline-editor", inputs: ["debounce", "placeholder", "className", "brMode", "disabled", "data", "active", "value"], outputs: ["blur", "focus"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldDefault, decorators: [{
+            type: Component,
+            args: [{ selector: 'field-default', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        FormlyModule,
+                        NzIconModule,
+                        NzInputModule,
+                        FieldTemplate,
+                        DeonDesignSimpleLabel,
+                        InlineEditorComponent
+                    ], template: "<deon-design-simple-label [field]=\"field\">\n  <div class=\"question-sn\">{{sn}}</div>\n  <div class=\"question-title\">\n    <inline-editor [(ngModel)]=\"field.props.label\"></inline-editor>\n  </div>\n</deon-design-simple-label>\n\n<field-template [field]=\"field\"></field-template>\n\n<div class=\"field-op\" *ngIf=\"field.active==true\">\n  <a (click)=\"btnAddItem()\">\u6DFB\u52A0\u5355\u4E2A\u9009\u9879</a>\n</div>", styles: [":host ::ng-deep{position:relative;width:100%;background-color:#fdf6ed4d}:host ::ng-deep deon-design-simple-label{display:flex;flex-direction:row;align-items:center;padding:0 0 12px}:host ::ng-deep deon-design-simple-label .question-sn{margin-right:5px}:host ::ng-deep deon-design-simple-label .question-title{flex:1}:host ::ng-deep inline-editor .ant-input{border:0;background:#ececec;color:#000000a6}\n"] }]
+        }], propDecorators: { sn: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }], addItem: [{
+                type: Output
+            }] } });
+
+class ContentComponent {
+    state = 'view';
+    field = null;
+    isOperation = true;
+    fieldDelEvent = new EventEmitter();
+    constructor() { }
+    ngOnInit() { }
+    fieldDelete(e) {
+        this.fieldDelEvent.emit(e);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ContentComponent, isStandalone: true, selector: "content", inputs: { state: "state", field: "field", isOperation: "isOperation" }, outputs: { fieldDelEvent: "fieldDelEvent" }, ngImport: i0, template: "<div class=\"el-item\" [ngClass]=\"{\n    'item-active': field?.active == true,\n    'layout-default': field.props?.layout == 'default',\n    'layout-upDown': field.props?.layout == 'upDown'\n  }\">\n  <ng-content></ng-content>\n  <ng-container *ngIf=\"field?.active == true && isOperation == true\">\n    <div class=\"widget-drag\" cdkDragHandle><span nz-icon nzType=\"drag\"></span></div>\n    <div class=\"widget-delete\" (click)=\"fieldDelete($event)\"><span nz-icon nzType=\"delete\"></span></div>\n  </ng-container>\n  <div cdkDragHandle style=\"display: none\"></div>\n\n  <div class=\"example-custom-placeholder\" *cdkDragPlaceholder></div>\n</div>", styles: [":host ::ng-deep{position:relative}:host ::ng-deep .el-item{position:relative;display:inline-block;width:100%;min-height:64px;padding:18px 30px}:host ::ng-deep .item-active{border:2px solid #1177fb;padding:18px 30px 10px}:host ::ng-deep .field-op{display:flex;padding:15px 0 0}:host ::ng-deep .widget-drag{position:absolute;top:-2px;bottom:-18px;left:-2px;z-index:9;width:26px;height:28px;color:#fff;line-height:28px;text-align:center;background:#1177fb;cursor:move}:host ::ng-deep .widget-delete{position:absolute;right:0;bottom:0;z-index:9;width:26px;height:28px;color:#fff;line-height:28px;text-align:center;background:#1177fb;cursor:pointer}:host ::ng-deep .example-custom-placeholder{background:#ccc;border:dotted 3px #999;transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$1.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'content', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        DragDropModule,
+                        NzIconModule
+                    ], template: "<div class=\"el-item\" [ngClass]=\"{\n    'item-active': field?.active == true,\n    'layout-default': field.props?.layout == 'default',\n    'layout-upDown': field.props?.layout == 'upDown'\n  }\">\n  <ng-content></ng-content>\n  <ng-container *ngIf=\"field?.active == true && isOperation == true\">\n    <div class=\"widget-drag\" cdkDragHandle><span nz-icon nzType=\"drag\"></span></div>\n    <div class=\"widget-delete\" (click)=\"fieldDelete($event)\"><span nz-icon nzType=\"delete\"></span></div>\n  </ng-container>\n  <div cdkDragHandle style=\"display: none\"></div>\n\n  <div class=\"example-custom-placeholder\" *cdkDragPlaceholder></div>\n</div>", styles: [":host ::ng-deep{position:relative}:host ::ng-deep .el-item{position:relative;display:inline-block;width:100%;min-height:64px;padding:18px 30px}:host ::ng-deep .item-active{border:2px solid #1177fb;padding:18px 30px 10px}:host ::ng-deep .field-op{display:flex;padding:15px 0 0}:host ::ng-deep .widget-drag{position:absolute;top:-2px;bottom:-18px;left:-2px;z-index:9;width:26px;height:28px;color:#fff;line-height:28px;text-align:center;background:#1177fb;cursor:move}:host ::ng-deep .widget-delete{position:absolute;right:0;bottom:0;z-index:9;width:26px;height:28px;color:#fff;line-height:28px;text-align:center;background:#1177fb;cursor:pointer}:host ::ng-deep .example-custom-placeholder{background:#ccc;border:dotted 3px #999;transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { state: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }], isOperation: [{
+                type: Input
+            }], fieldDelEvent: [{
+                type: Output
+            }] } });
+
+class SurveyDesignComponent {
+    modal;
+    deonFormBuilder;
+    fieldSrv;
+    formUtilService;
+    /**
+     * 当前选择字段
+     */
+    activeField = null;
+    sourceField = null;
+    dlq;
+    dls = [];
+    _listPage = [];
+    set listPage(value) {
+        this._listPage = value;
+    }
+    get listPage() {
+        return this._listPage;
+    }
+    pageSelectedIndex = 0;
+    state = 'view';
+    actionEvent = new EventEmitter();
+    constructor(modal, deonFormBuilder, fieldSrv, formUtilService) {
+        this.modal = modal;
+        this.deonFormBuilder = deonFormBuilder;
+        this.fieldSrv = fieldSrv;
+        this.formUtilService = formUtilService;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        this.dlq.changes.subscribe(() => {
+            let ldls = [];
+            this.dlq.forEach((dl) => {
+                ldls.push(dl);
+            });
+            ldls = ldls.reverse();
+            asapScheduler.schedule(() => {
+                this.dls = ldls;
+                const siblings = this.dls.map((dl) => dl?._dropListRef);
+                this.dlq.forEach((dl) => {
+                    dl._dropListRef._getSiblingContainerFromPosition = (item, x, y) => siblings.find((sibling) => sibling._canReceive(item, x, y));
+                });
+            });
+        });
+    }
+    pageSelectedClick(e) { }
+    btnPageDelete(e) {
+        this.modal.confirm({
+            nzTitle: '提示',
+            nzContent: '删除页，相关的题目也会被删除，您是否继续删除？',
+            nzOnOk: () => {
+                this.listPage = this.listPage.filter((page, index) => {
+                    return e != index;
+                });
+                this.formInfoEmit();
+            }
+        });
+    }
+    drop(event) {
+        if (_.get(event, 'previousContainer.data.type_base')) {
+            this.fieldSrv.transferBasicType(event.container.data, event.currentIndex, event.previousContainer.data['type_base'], event.previousIndex);
+        }
+        else {
+            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+        }
+        this.formInfoEmit();
+    }
+    ngOnChanges(changes) {
+    }
+    ngOnDestroy() { }
+    /**
+     * 抛出事件
+     */
+    formInfoEmit() {
+        this.actionEvent.emit(_.cloneDeep(this.listPage));
+    }
+    /**
+     * 获取题目序号
+     * @param pageIndex
+     * @param questionIndex
+     * @returns
+     */
+    getQuestionSn(pageIndex, questionIndex) {
+        let num = 0;
+        for (let i = 0; i < pageIndex; i++) {
+            num = num + this.listPage[i].listField.length;
+        }
+        num = num + questionIndex + 1;
+        return num;
+    }
+    activeFieldChange(e) {
+        this.activeField;
+        this.formInfoEmit();
+    }
+    deleteFieldIndex(pageIndex, fieldIndex, event) {
+        event.stopPropagation();
+        this.modal.confirm({
+            nzTitle: '提示',
+            nzContent: '您确定需要删除该题目吗',
+            nzOnOk: () => {
+                this.listPage.forEach((page, i) => {
+                    if (i == pageIndex) {
+                        let fieldNews = page.listField.filter((item, j) => {
+                            return fieldIndex != j;
+                        });
+                        page.listField = fieldNews;
+                    }
+                });
+                this.activeField = null;
+                this.formInfoEmit();
+            }
+        });
+    }
+    /**
+     * 初始化字段
+     */
+    initActive() {
+        this.activeField = null;
+        this.listPage.forEach((page) => {
+            if (page?.listField) {
+                page.listField.forEach((item) => {
+                    item["active"] = false;
+                });
+            }
+        });
+    }
+    /**
+     * 点击选中字段
+     * @param e
+     * @param event
+     */
+    fieldActive(e, event, source) {
+        event.stopPropagation();
+        this.activeField = e;
+        this.listPage.forEach((page) => {
+            if (page?.listField) {
+                page.listField.forEach((field) => {
+                    if (field == e) {
+                        field.active = true;
+                    }
+                    else {
+                        field.active = false;
+                    }
+                });
+            }
+        });
+    }
+    //添加选项
+    btnAddFieldItem(e) {
+        e.props.options.push({
+            label: "选项",
+            value: "1",
+            score: 0
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SurveyDesignComponent, deps: [{ token: i1$3.NzModalService }, { token: i2$2.FormlyFormBuilder }, { token: FieldService }, { token: i4.DeonFormUtilService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SurveyDesignComponent, isStandalone: true, selector: "suvey-design", inputs: { listPage: "listPage", state: "state" }, outputs: { actionEvent: "actionEvent" }, viewQueries: [{ propertyName: "dlq", predicate: CdkDropList, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"survey-design-simple\" cdkDropListGroup>\n  <div class=\"box-west\">\n    <field-type-basic [dls]=\"dls\"></field-type-basic>\n  </div>\n  <div class=\"box-content\">\n    <nz-tabset [nzType]=\"'card'\" [nzSelectedIndex]=\"pageSelectedIndex\"\n      (nzSelectedIndexChange)=\"pageSelectedClick($event)\">\n      <ng-container *ngFor=\"let page of listPage; let pageIndex = index\">\n        <nz-tab [nzTitle]=\"titleTemplate\">\n          <ng-template #titleTemplate>\n            <div>\n              \u7B2C{{pageIndex+1}}\u9875\n              <i *ngIf=\"pageIndex > 0\" nz-icon nzType=\"close\" (click)=\"btnPageDelete(pageIndex)\"\n                class=\"ant-tabs-close-x\"></i>\n            </div>\n          </ng-template>\n          <ng-template nz-tab>\n            <div class=\"box-center\">\n              <ng-content select=\"[name=content-info]\"></ng-content>\n              <div cdkDropList [cdkDropListData]=\"page.listField\" class=\"field-list\" (cdkDropListDropped)=\"drop($event)\"\n                [cdkDropListConnectedTo]=\"dls\">\n                <ng-container *ngFor=\"let field of page.listField; let fieldIndex = index\">\n                  <div class=\"field-box\" cdkDrag>\n                    <content [field]=\"field\" [state]=\"state\" (click)=\"fieldActive(field, $event)\"\n                      (fieldDelEvent)=\"deleteFieldIndex(pageIndex,fieldIndex, $event)\">\n                      <field-default [field]=\"field\" [sn]=\"getQuestionSn(pageIndex,fieldIndex)\"\n                        (addItem)=\"btnAddFieldItem(field)\"></field-default>\n                    </content>\n                  </div>\n                </ng-container>\n                <div class=\"field-box test\" cdkDrag></div>\n              </div>\n            </div>\n          </ng-template>\n        </nz-tab>\n      </ng-container>\n    </nz-tabset>\n  </div>\n  <div class=\"box-east\">\n    <ng-container *ngIf=\"activeField!!; else tmpSetting\">\n      <setting-template [field]=\"activeField\" (fieldChange)=\"activeFieldChange($event)\">\n      </setting-template>\n    </ng-container>\n    <ng-template #tmpSetting>\n      <empty-setting></empty-setting>\n    </ng-template>\n  </div>\n</div>", styles: [".example-container{display:inline-block;width:400px;max-width:100%;margin:0 25px 25px 0;vertical-align:top}.example-list{display:block;min-height:60px;overflow:hidden;background:#fff;border:solid 1px #ccc;border-radius:4px}.example-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;padding:20px 10px;color:#000000de;font-size:14px;background:#fff;border-bottom:solid 1px #ccc;cursor:move}.cdk-drag-preview{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:none}.field-list.cdk-drop-list-dragging .field-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep{display:flex;flex:1;width:100%;height:100%}:host ::ng-deep .field-list{padding:0}:host ::ng-deep .field-box{width:100%;margin:0 0 15px;background:#fff;border-radius:4px;font-size:13px;color:#000000a6}:host ::ng-deep .field-box .required:before{color:red;content:\"*\";padding:0 8px 0 0}:host ::ng-deep field-default{display:flex;flex-direction:column;background:none}:host ::ng-deep field-default .radiogroup-box{display:flex;flex-direction:column}:host ::ng-deep field-default .radiogroup-box .item-box{display:flex;flex-direction:row;align-items:center}:host ::ng-deep field-default .radiogroup-box .ant-radio-inner{height:18px;width:18px}:host ::ng-deep field-default .radiogroup-box .item-box+.item-box{margin-top:10px}:host ::ng-deep .field-empty{height:300px;text-align:center}:host ::ng-deep empty-field{display:inline-block;width:150px;margin:150px 80px;text-align:center}:host ::ng-deep empty-field img{width:100%;margin:auto;text-align:center}:host ::ng-deep empty-setting{display:inline-block;width:auto;margin:100px 80px;text-align:center}:host ::ng-deep empty-setting img{width:100%;margin:auto;text-align:center}:host ::ng-deep .survey-design-simple{display:flex;flex-direction:row;flex:1;width:100%;height:100%;border-radius:4px;--ck-color-base-text: rgba(0, 0, 0, .85);--ck-color-text: rgba(0, 0, 0, .85);--ck-color-base-border: #e0e0e0;--ck-color-toolbar-border: #e0e0e0;--ck-font-size-base: 12px;--ck-line-height-base: 1.6;--ck-icon-size: 12px}:host ::ng-deep .survey-design-simple .ngx-codemirror{border:1px solid #ccc}:host ::ng-deep .survey-design-simple .box-west{width:245px;padding:5px 3px 0 15px;background-color:#fff;border-right:1px solid #eaeaea;overflow:auto}:host ::ng-deep .survey-design-simple .box-west .field-disable{pointer-events:none;opacity:.65;cursor:not-allowed;position:relative}:host ::ng-deep .survey-design-simple .box-west .field-disable:after{content:\"\\1f6ab\";position:absolute;top:12px;right:-1px;transform:translateY(-50%);font-size:1.2em}:host ::ng-deep .survey-design-simple .box-west field-type-basic ul{display:flex;flex-wrap:wrap;margin:0 0 10px;padding:0;list-style:none}:host ::ng-deep .survey-design-simple .box-west field-type-basic ul li{width:100px}:host ::ng-deep .survey-design-simple .box-west field-type-basic ul .title{display:inline-block;width:100%;margin-top:8px;color:#9b9b9b;font-size:12px}:host ::ng-deep .survey-design-simple .box-west field-type-basic ul .title:nth-last-child(1){margin:0}:host ::ng-deep .survey-design-simple .box-west field-type-basic ul .field{flex:0 1 auto;width:95px;height:32px;margin:5px 0;padding:0 5px;line-height:33px;text-align:center;border:1px solid #eaeaea;border-radius:4px;cursor:move}:host ::ng-deep .survey-design-simple .box-west field-type-basic ul .title+.field,:host ::ng-deep .survey-design-simple .box-west field-type-basic ul .field+.field,:host ::ng-deep .survey-design-simple .box-west field-type-basic ul .example-custom-placeholder+.field{margin-right:10px}:host ::ng-deep .survey-design-simple .box-content{display:flex;flex-direction:row;flex:1;overflow:auto;background:#f8f8fd;padding:12px 12px 0!important}:host ::ng-deep .survey-design-simple .box-content .ant-tabs-tabpane{overflow:auto}:host ::ng-deep .survey-design-simple .box-east{width:300px;padding:0 5px 0 12px;background-color:#fff;border-left:1px solid #eaeaea}:host ::ng-deep .survey-design-simple .box-east .paragraph-box{position:relative;margin-bottom:12px;padding:8px 8px 0;border:2px dashed #c4c4c4;border-radius:6px}:host ::ng-deep .survey-design-simple .box-east .paragraph-box .tab-delete{position:absolute;top:-8px;right:0;width:20px;text-align:center;background:#c4c4c4;border-radius:50px;cursor:pointer}:host ::ng-deep .survey-design-simple .box-east .paragraph:nth-child(1){margin-top:15px}:host ::ng-deep .survey-design-simple .box-east .paragraph{width:100%;margin:0 0 12px}:host ::ng-deep .survey-design-simple .box-east .paragraph label{display:inline-flex;margin-bottom:8px}:host ::ng-deep .survey-design-simple .box-east .paragraph nz-select,:host ::ng-deep .survey-design-simple .box-east .paragraph nz-input-number,:host ::ng-deep .survey-design-simple .box-east .paragraph nz-radio-group{width:100%}:host ::ng-deep .survey-design-simple .box-east .paragraph a{color:#1177fb}:host ::ng-deep .survey-design-simple .box-east .paragraph .ant-checkbox-wrapper{min-width:90px}:host ::ng-deep .survey-design-simple .box-east .paragraph .range{display:flex;flex-direction:row;align-items:center;width:100%;margin:0;padding:0;list-style:none}:host ::ng-deep .survey-design-simple .box-east .paragraph .range li{margin:0}:host ::ng-deep .survey-design-simple .box-east .paragraph .range li:nth-child(2){padding:0 8px}:host ::ng-deep .survey-design-simple .box-east .paragraph .rows{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}:host ::ng-deep .survey-design-simple .box-east .paragraph .rows .anticon-minus-circle{margin:0 12px 0 10px;color:red;font-size:20px;cursor:pointer}:host ::ng-deep .survey-design-simple .box-east .paragraph .list{padding:0 10px 0 0}:host ::ng-deep .survey-design-simple .box-east .paragraph .list .rows{display:flex;flex-direction:row;padding:8px 6px;font-size:14px;border:1px dashed hsla(0,0%,67%,.7);border-radius:2px}:host ::ng-deep .survey-design-simple .box-east .paragraph .list .rows .anticon-minus-circle{font-size:16px}:host ::ng-deep .survey-design-simple .box-east .paragraph .list .rows .anticon-drag{margin-right:6px;font-size:14px;cursor:move}:host ::ng-deep .survey-design-simple .box-east .paragraph .list .rows .title{flex:1}:host ::ng-deep .survey-design-simple .box-east .empty-box{padding:80px 0 0;text-align:center}:host ::ng-deep .survey-design-simple .box-east .empty-box label{display:inline-block;width:100%;margin-top:15px}:host ::ng-deep .survey-design-simple .box-east .paragraph-options{display:flex;flex-direction:column}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul{display:flex;flex-direction:row;margin:0;padding:0;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li{border-right:1px solid #eaeaea}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li .ant-input,:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li .ant-input-number{border:0}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li:nth-child(1){display:flex;flex:1}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li:nth-child(2){display:flex;width:80px}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li:nth-child(3){display:flex;width:80px;align-items:center;justify-content:center}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li:nth-child(3) a+a{margin-left:8px}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul:nth-child(1){border-top:1px solid #eaeaea}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul:nth-child(1) li{display:flex;align-items:center;line-height:32px;justify-content:center;font-size:12px;font-weight:600}:host ::ng-deep .survey-design-simple .box-east .paragraph-options .add-item{padding:8px 10px;border:1px solid #eaeaea;border-top:0}:host ::ng-deep .survey-design-simple .example-custom-placeholder{width:100%;height:6px;background:#1177fb;transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$1.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i7$1.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i7$1.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "directive", type: i7$1.NzTabDirective, selector: "[nz-tab]", exportAs: ["nzTab"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "ngmodule", type: NzTableModule }, { kind: "ngmodule", type: NzPopoverModule }, { kind: "component", type: FieldTypeBasic, selector: "field-type-basic", inputs: ["dls"] }, { kind: "component", type: FieldDefault, selector: "field-default", inputs: ["sn", "field"], outputs: ["addItem"] }, { kind: "component", type: SettingTemplate, selector: "setting-template", inputs: ["dialogPageData", "dialogFormData", "sourceType", "tableField", "isEditor", "field"], outputs: ["fieldChange", "fieldTypeChange", "repeatChange", "delGridCell"] }, { kind: "component", type: ContentComponent, selector: "content", inputs: ["state", "field", "isOperation"], outputs: ["fieldDelEvent"] }, { kind: "component", type: EmptySettingComponent, selector: "empty-setting" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SurveyDesignComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'suvey-design', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        FormsModule, ReactiveFormsModule, OverlayModule, DragDropModule,
+                        NzTabsModule,
+                        NzIconModule,
+                        NzGridModule,
+                        NzTableModule,
+                        NzPopoverModule,
+                        FieldTypeBasic,
+                        FieldDefault,
+                        SettingTemplate,
+                        ContentComponent,
+                        EmptySettingComponent,
+                    ], template: "<div class=\"survey-design-simple\" cdkDropListGroup>\n  <div class=\"box-west\">\n    <field-type-basic [dls]=\"dls\"></field-type-basic>\n  </div>\n  <div class=\"box-content\">\n    <nz-tabset [nzType]=\"'card'\" [nzSelectedIndex]=\"pageSelectedIndex\"\n      (nzSelectedIndexChange)=\"pageSelectedClick($event)\">\n      <ng-container *ngFor=\"let page of listPage; let pageIndex = index\">\n        <nz-tab [nzTitle]=\"titleTemplate\">\n          <ng-template #titleTemplate>\n            <div>\n              \u7B2C{{pageIndex+1}}\u9875\n              <i *ngIf=\"pageIndex > 0\" nz-icon nzType=\"close\" (click)=\"btnPageDelete(pageIndex)\"\n                class=\"ant-tabs-close-x\"></i>\n            </div>\n          </ng-template>\n          <ng-template nz-tab>\n            <div class=\"box-center\">\n              <ng-content select=\"[name=content-info]\"></ng-content>\n              <div cdkDropList [cdkDropListData]=\"page.listField\" class=\"field-list\" (cdkDropListDropped)=\"drop($event)\"\n                [cdkDropListConnectedTo]=\"dls\">\n                <ng-container *ngFor=\"let field of page.listField; let fieldIndex = index\">\n                  <div class=\"field-box\" cdkDrag>\n                    <content [field]=\"field\" [state]=\"state\" (click)=\"fieldActive(field, $event)\"\n                      (fieldDelEvent)=\"deleteFieldIndex(pageIndex,fieldIndex, $event)\">\n                      <field-default [field]=\"field\" [sn]=\"getQuestionSn(pageIndex,fieldIndex)\"\n                        (addItem)=\"btnAddFieldItem(field)\"></field-default>\n                    </content>\n                  </div>\n                </ng-container>\n                <div class=\"field-box test\" cdkDrag></div>\n              </div>\n            </div>\n          </ng-template>\n        </nz-tab>\n      </ng-container>\n    </nz-tabset>\n  </div>\n  <div class=\"box-east\">\n    <ng-container *ngIf=\"activeField!!; else tmpSetting\">\n      <setting-template [field]=\"activeField\" (fieldChange)=\"activeFieldChange($event)\">\n      </setting-template>\n    </ng-container>\n    <ng-template #tmpSetting>\n      <empty-setting></empty-setting>\n    </ng-template>\n  </div>\n</div>", styles: [".example-container{display:inline-block;width:400px;max-width:100%;margin:0 25px 25px 0;vertical-align:top}.example-list{display:block;min-height:60px;overflow:hidden;background:#fff;border:solid 1px #ccc;border-radius:4px}.example-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;padding:20px 10px;color:#000000de;font-size:14px;background:#fff;border-bottom:solid 1px #ccc;cursor:move}.cdk-drag-preview{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:none}.field-list.cdk-drop-list-dragging .field-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep{display:flex;flex:1;width:100%;height:100%}:host ::ng-deep .field-list{padding:0}:host ::ng-deep .field-box{width:100%;margin:0 0 15px;background:#fff;border-radius:4px;font-size:13px;color:#000000a6}:host ::ng-deep .field-box .required:before{color:red;content:\"*\";padding:0 8px 0 0}:host ::ng-deep field-default{display:flex;flex-direction:column;background:none}:host ::ng-deep field-default .radiogroup-box{display:flex;flex-direction:column}:host ::ng-deep field-default .radiogroup-box .item-box{display:flex;flex-direction:row;align-items:center}:host ::ng-deep field-default .radiogroup-box .ant-radio-inner{height:18px;width:18px}:host ::ng-deep field-default .radiogroup-box .item-box+.item-box{margin-top:10px}:host ::ng-deep .field-empty{height:300px;text-align:center}:host ::ng-deep empty-field{display:inline-block;width:150px;margin:150px 80px;text-align:center}:host ::ng-deep empty-field img{width:100%;margin:auto;text-align:center}:host ::ng-deep empty-setting{display:inline-block;width:auto;margin:100px 80px;text-align:center}:host ::ng-deep empty-setting img{width:100%;margin:auto;text-align:center}:host ::ng-deep .survey-design-simple{display:flex;flex-direction:row;flex:1;width:100%;height:100%;border-radius:4px;--ck-color-base-text: rgba(0, 0, 0, .85);--ck-color-text: rgba(0, 0, 0, .85);--ck-color-base-border: #e0e0e0;--ck-color-toolbar-border: #e0e0e0;--ck-font-size-base: 12px;--ck-line-height-base: 1.6;--ck-icon-size: 12px}:host ::ng-deep .survey-design-simple .ngx-codemirror{border:1px solid #ccc}:host ::ng-deep .survey-design-simple .box-west{width:245px;padding:5px 3px 0 15px;background-color:#fff;border-right:1px solid #eaeaea;overflow:auto}:host ::ng-deep .survey-design-simple .box-west .field-disable{pointer-events:none;opacity:.65;cursor:not-allowed;position:relative}:host ::ng-deep .survey-design-simple .box-west .field-disable:after{content:\"\\1f6ab\";position:absolute;top:12px;right:-1px;transform:translateY(-50%);font-size:1.2em}:host ::ng-deep .survey-design-simple .box-west field-type-basic ul{display:flex;flex-wrap:wrap;margin:0 0 10px;padding:0;list-style:none}:host ::ng-deep .survey-design-simple .box-west field-type-basic ul li{width:100px}:host ::ng-deep .survey-design-simple .box-west field-type-basic ul .title{display:inline-block;width:100%;margin-top:8px;color:#9b9b9b;font-size:12px}:host ::ng-deep .survey-design-simple .box-west field-type-basic ul .title:nth-last-child(1){margin:0}:host ::ng-deep .survey-design-simple .box-west field-type-basic ul .field{flex:0 1 auto;width:95px;height:32px;margin:5px 0;padding:0 5px;line-height:33px;text-align:center;border:1px solid #eaeaea;border-radius:4px;cursor:move}:host ::ng-deep .survey-design-simple .box-west field-type-basic ul .title+.field,:host ::ng-deep .survey-design-simple .box-west field-type-basic ul .field+.field,:host ::ng-deep .survey-design-simple .box-west field-type-basic ul .example-custom-placeholder+.field{margin-right:10px}:host ::ng-deep .survey-design-simple .box-content{display:flex;flex-direction:row;flex:1;overflow:auto;background:#f8f8fd;padding:12px 12px 0!important}:host ::ng-deep .survey-design-simple .box-content .ant-tabs-tabpane{overflow:auto}:host ::ng-deep .survey-design-simple .box-east{width:300px;padding:0 5px 0 12px;background-color:#fff;border-left:1px solid #eaeaea}:host ::ng-deep .survey-design-simple .box-east .paragraph-box{position:relative;margin-bottom:12px;padding:8px 8px 0;border:2px dashed #c4c4c4;border-radius:6px}:host ::ng-deep .survey-design-simple .box-east .paragraph-box .tab-delete{position:absolute;top:-8px;right:0;width:20px;text-align:center;background:#c4c4c4;border-radius:50px;cursor:pointer}:host ::ng-deep .survey-design-simple .box-east .paragraph:nth-child(1){margin-top:15px}:host ::ng-deep .survey-design-simple .box-east .paragraph{width:100%;margin:0 0 12px}:host ::ng-deep .survey-design-simple .box-east .paragraph label{display:inline-flex;margin-bottom:8px}:host ::ng-deep .survey-design-simple .box-east .paragraph nz-select,:host ::ng-deep .survey-design-simple .box-east .paragraph nz-input-number,:host ::ng-deep .survey-design-simple .box-east .paragraph nz-radio-group{width:100%}:host ::ng-deep .survey-design-simple .box-east .paragraph a{color:#1177fb}:host ::ng-deep .survey-design-simple .box-east .paragraph .ant-checkbox-wrapper{min-width:90px}:host ::ng-deep .survey-design-simple .box-east .paragraph .range{display:flex;flex-direction:row;align-items:center;width:100%;margin:0;padding:0;list-style:none}:host ::ng-deep .survey-design-simple .box-east .paragraph .range li{margin:0}:host ::ng-deep .survey-design-simple .box-east .paragraph .range li:nth-child(2){padding:0 8px}:host ::ng-deep .survey-design-simple .box-east .paragraph .rows{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}:host ::ng-deep .survey-design-simple .box-east .paragraph .rows .anticon-minus-circle{margin:0 12px 0 10px;color:red;font-size:20px;cursor:pointer}:host ::ng-deep .survey-design-simple .box-east .paragraph .list{padding:0 10px 0 0}:host ::ng-deep .survey-design-simple .box-east .paragraph .list .rows{display:flex;flex-direction:row;padding:8px 6px;font-size:14px;border:1px dashed hsla(0,0%,67%,.7);border-radius:2px}:host ::ng-deep .survey-design-simple .box-east .paragraph .list .rows .anticon-minus-circle{font-size:16px}:host ::ng-deep .survey-design-simple .box-east .paragraph .list .rows .anticon-drag{margin-right:6px;font-size:14px;cursor:move}:host ::ng-deep .survey-design-simple .box-east .paragraph .list .rows .title{flex:1}:host ::ng-deep .survey-design-simple .box-east .empty-box{padding:80px 0 0;text-align:center}:host ::ng-deep .survey-design-simple .box-east .empty-box label{display:inline-block;width:100%;margin-top:15px}:host ::ng-deep .survey-design-simple .box-east .paragraph-options{display:flex;flex-direction:column}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul{display:flex;flex-direction:row;margin:0;padding:0;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li{border-right:1px solid #eaeaea}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li .ant-input,:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li .ant-input-number{border:0}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li:nth-child(1){display:flex;flex:1}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li:nth-child(2){display:flex;width:80px}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li:nth-child(3){display:flex;width:80px;align-items:center;justify-content:center}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul li:nth-child(3) a+a{margin-left:8px}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul:nth-child(1){border-top:1px solid #eaeaea}:host ::ng-deep .survey-design-simple .box-east .paragraph-options ul:nth-child(1) li{display:flex;align-items:center;line-height:32px;justify-content:center;font-size:12px;font-weight:600}:host ::ng-deep .survey-design-simple .box-east .paragraph-options .add-item{padding:8px 10px;border:1px solid #eaeaea;border-top:0}:host ::ng-deep .survey-design-simple .example-custom-placeholder{width:100%;height:6px;background:#1177fb;transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.NzModalService }, { type: i2$2.FormlyFormBuilder }, { type: FieldService }, { type: i4.DeonFormUtilService }], propDecorators: { dlq: [{
+                type: ViewChildren,
+                args: [CdkDropList]
+            }], listPage: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], actionEvent: [{
+                type: Output
+            }] } });
+
+const services = [FieldService, FieldTypeService, FieldSourceService];
+// 私有的--其他
+const privateOtherComponent = [
+    FieldTypeBasic,
+    DeonDesignSimpleLabel,
+];
+// 私有的--字段设置
+const privateSettingComponent = [
+    SettingBasic,
+    SettingCommon,
+    SettingTemplate,
+    SettingRadioGroup,
+];
+// 私有的--字段
+const privateFieldComponent = [
+    FieldTemplate,
+    FieldRadioGroup,
+    FieldDefault,
+    EmptyFieldComponent,
+    EmptySettingComponent
+];
+// 公开的
+const publicComponent = [FieldTemplate];
+class SurveyDesignModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SurveyDesignModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: SurveyDesignModule, imports: [SurveyDesignComponent,
+            ContentComponent, FieldTypeBasic,
+            DeonDesignSimpleLabel, FieldTemplate,
+            FieldRadioGroup,
+            FieldDefault,
+            EmptyFieldComponent,
+            EmptySettingComponent, SettingBasic,
+            SettingCommon,
+            SettingTemplate,
+            SettingRadioGroup, FieldTemplate], exports: [SurveyDesignComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SurveyDesignModule, providers: [...services], imports: [SurveyDesignComponent,
+            ContentComponent, privateOtherComponent, privateFieldComponent, SettingCommon,
+            SettingRadioGroup, publicComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SurveyDesignModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        SurveyDesignComponent,
+                        ContentComponent,
+                        ...privateOtherComponent,
+                        ...privateFieldComponent,
+                        ...privateSettingComponent,
+                        ...publicComponent,
+                    ],
+                    exports: [SurveyDesignComponent],
+                    providers: [...services],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SurveyDesignComponent, SurveyDesignModule };
+//# sourceMappingURL=survey.mjs.map