{"__symbolic":"module","version":4,"metadata":{"KreFormFieldAnchor":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":26,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"krefield-anchor","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <nz-divider\n        class=\"control-design\"\n        [id]=\"field.key\"\n        [nzText]=\"to.description\"\n      ></nz-divider>\n      <!-- <div id=\"components-anchor-demo-basic\" style=\"height: 400px;\">1</div> -->\n    </ng-container>\n\n    <ng-template #other>\n      <nz-divider\n        class=\"control-design\"\n        [id]=\"field.key\"\n        [nzText]=\"to.description\"\n      ></nz-divider>\n      <!-- <div id=\"components-anchor-demo-basic\" style=\"height: 400px;\">1</div> -->\n    </ng-template>\n  "}]}],"members":{}},"KreFormFieldText":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":43,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"krefield-text","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <input nz-input disabled />\n      </div>\n    </ng-container>\n    <ng-template #other>\n      <ng-container *ngIf=\"editor === true\">\n        <input\n          nz-input\n          autocomplete=\"off\"\n          [formControl]=\"formControl\"\n          [kreFormAttributes]=\"field\"\n          [placeholder]=\"placeHolder\"\n          [class.is-invalid]=\"showError\"\n          [maxLength]=\"to.maxLength || 200\"\n          [minLength]=\"to.minLength || 0\"\n        />\n        <!-- <div class=\"tips\">\n          <i\n            class=\"icon-bangzhu\"\n            [nzTooltipTitle]=\"tips\"\n            nzTooltipPlacement=\"top\"\n            nz-tooltip\n            *ngIf=\"tips != ''\"\n          ></i>\n        </div> -->\n      </ng-container>\n\n      <div class=\"fieldtext\" *ngIf=\"editor === false\">{{ text }}</div>\n    </ng-template>\n  "}]}],"members":{}},"KreFormFieldTextI18n":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":72,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"kreform-field-inputi18n","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <input nz-input disabled />\n      </div>\n    </ng-container>\n\n    <ng-template #other>\n      <ng-container *ngIf=\"editor === true\">\n        <div class=\"inputi18n\">\n          <div class=\"inputi18n-text\" cdkOverlayOrigin>\n            <input\n              nz-input\n              autocomplete=\"off\"\n              [(ngModel)]=\"language[0].resValue\"\n              [kreFormAttributes]=\"field\"\n              (ngModelChange)=\"onChange(language[0].resValue)\"\n              nz-popover\n              nzPopoverTrigger=\"click\"\n              [nzPopoverContent]=\"contentTemplate\"\n              nzOverlayClassName=\"inputi18n-template\"\n              nzPopoverPlacement=\"bottom\"\n              [nzOverlayStyle]=\"{ width: triggerWidth }\"\n              (nzVisibleChange)=\"visibleChange($event)\"\n              [maxLength]=\"to.maxLength || 200\"\n              [minLength]=\"to.minLength || 0\"\n            />\n            <i nz-icon class=\"inputi18n-i\" nzType=\"global\"></i>\n          </div>\n          <!-- <div class=\"tips\">\n            <i\n              class=\"icon-bangzhu\"\n              [nzTooltipTitle]=\"tips\"\n              nzTooltipPlacement=\"top\"\n              nz-tooltip\n              *ngIf=\"tips != ''\"\n            ></i>\n          </div> -->\n        </div>\n\n        <ng-template #contentTemplate>\n          <ul>\n            <ng-container *ngFor=\"let item of language; let i = index\">\n              <li *ngIf=\"i > 0\">\n                <label>{{ item.label }}</label>\n                <input\n                  nz-input\n                  autocomplete=\"off\"\n                  [(ngModel)]=\"item.resValue\"\n                  [kreFormAttributes]=\"field\"\n                  (ngModelChange)=\"onChange(item.resValue)\"\n                  [maxLength]=\"to.maxLength || 200\"\n                  [minLength]=\"to.minLength || 0\"\n                />\n              </li>\n            </ng-container>\n          </ul>\n        </ng-template>\n      </ng-container>\n      <div class=\"fieldtext\" *ngIf=\"editor === false\">{{ langText }}</div>\n    </ng-template>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":73,"character":29}]}],"cdkOverlayOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":79,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"CdkOverlayOrigin","line":79,"character":13},{"static":false}]}]}],"resize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":81,"character":3},"arguments":["window:resize",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"visibleChange":[{"__symbolic":"method"}]}},"KreFormFieldTextArea":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":53,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"krefield-textarea","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <textarea\n          nz-input\n          disabled\n          [rows]=\"to.rows ? to.rows : 4\"\n          style=\"resize:none\"\n        >\n        </textarea>\n      </div>\n    </ng-container>\n\n    <ng-template #other>\n      <ng-container *ngIf=\"editor === true\">\n        <textarea\n          wrap=\"hard\"\n          nz-input\n          autocomplete=\"off\"\n          [formControl]=\"formControl\"\n          class=\"form-control\"\n          [class.is-invalid]=\"showError\"\n          [kreFormAttributes]=\"field\"\n          [rows]=\"to.rows ? to.rows : 4\"\n          style=\"resize:none\"\n          [maxLength]=\"to.maxLength || 500\"\n          [minLength]=\"to.minLength || 0\"\n        >\n        </textarea>\n        <!-- <div class=\"tips\">\n          <i\n            class=\"icon-bangzhu\"\n            [nzTooltipTitle]=\"tips\"\n            nzTooltipPlacement=\"top\"\n            nz-tooltip\n            *ngIf=\"tips != ''\"\n          ></i>\n        </div> -->\n      </ng-container>\n      <div\n        class=\"fieldtext krefield-textarea-{{ to.rows || 4 }} \"\n        *ngIf=\"editor === false\"\n        [innerHTML]=\"text | replaceLine\"\n      ></div>\n    </ng-template>\n  "}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"KreFormFieldNumber":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":33,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"krefield-number","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <input nz-input disabled />\n      </div>\n    </ng-container>\n\n    <ng-template #other>\n      <ng-container *ngIf=\"editor === true\">\n        <nz-input-number\n          autocomplete=\"off\"\n          [formControl]=\"formControl\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [kreFormAttributes]=\"field\"\n          [class.is-invalid]=\"showError\"\n          [nzPrecision]=\"\n            to.precision == undefined || to.precision == null\n              ? null\n              : to.precision\n          \"\n          [nzMax]=\"to.max || 999999\"\n          [nzMin]=\"to.min || -999999\"\n        ></nz-input-number>\n      </ng-container>\n      <div class=\"fieldtext\" *ngIf=\"editor === false\">{{ number }}</div>\n    </ng-template>\n  "}]}],"members":{}},"KreFormFieldPassWord":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":49,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"krefield-password","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <input nz-input disabled />\n      </div>\n    </ng-container>\n\n    <ng-template #other>\n      <ng-container *ngIf=\"editor === true\">\n        <!--   <input\n          nz-input\n          autocomplete=\"off\"\n          [formControl]=\"formControl\"\n          [kreFormAttributes]=\"field\"\n          [class.is-invalid]=\"showError\"\n          [type]=\"'password'\"\n        />-->\n\n        <nz-input-group [nzSuffix]=\"suffixTemplate\">\n          <input\n            [type]=\"passwordVisible ? 'text' : 'password'\"\n            nz-input\n            autocomplete=\"off\"\n            [formControl]=\"formControl\"\n            [kreFormAttributes]=\"field\"\n            [class.is-invalid]=\"showError\"\n          />\n        </nz-input-group>\n        <ng-template #suffixTemplate>\n          <i\n            nz-icon\n            [nzType]=\"passwordVisible ? 'eye-invisible' : 'eye'\"\n            (click)=\"passwordVisible = !passwordVisible\"\n          ></i>\n        </ng-template>\n      </ng-container>\n\n      <div class=\"fieldtext\" *ngIf=\"editor === false\">\n        {{ text }}\n      </div>\n    </ng-template>\n  "}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"KreFormFieldRadio":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":35,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"krefield-radio","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <label nz-radio nzDisabled=\"true\"></label>\n      </div>\n    </ng-container>\n\n    <ng-template #other>\n      <ng-container *ngIf=\"editor === true\">\n        <label\n          nz-radio\n          [formControl]=\"formControl\"\n          [kreFormAttributes]=\"field\"\n          [class.is-invalid]=\"showError\"\n        ></label>\n        <!-- <div class=\"tips\">\n          <i\n            class=\"icon-bangzhu\"\n            [nzTooltipTitle]=\"tips\"\n            nzTooltipPlacement=\"top\"\n            nz-tooltip\n            *ngIf=\"tips != ''\"\n          ></i>\n        </div> -->\n      </ng-container>\n\n      <div class=\"fieldtext\" *ngIf=\"editor === false\">{{ text }}</div>\n    </ng-template>\n  "}]}],"members":{}},"KreFormFieldRadioGroup":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":61,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"krefield-radiogroup","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <nz-radio-group\n          [nzName]=\"'radiogroup-' + guid\"\n          [formControl]=\"formControl\"\n          [kreFormAttributes]=\"field\"\n          [class.is-invalid]=\"showError\"\n        >\n          <ng-container *ngFor=\"let item of to.options\">\n            <label nz-radio [nzValue]=\"item.value\" nzDisabled=\"true\">{{\n              item.label\n            }}</label>\n          </ng-container>\n        </nz-radio-group>\n      </div>\n    </ng-container>\n\n    <ng-template #other>\n      <ng-container *ngIf=\"editor === true\">\n        <nz-radio-group\n          [nzName]=\"'radiogroup-' + guid\"\n          [formControl]=\"formControl\"\n          [kreFormAttributes]=\"field\"\n          [class.is-invalid]=\"showError\"\n        >\n          <ng-container *ngFor=\"let item of to.options\">\n            <ng-container *ngIf=\"to.type == 'button'\">\n              <label nz-radio-button [nzValue]=\"item.value\">{{\n                item.label\n              }}</label>\n            </ng-container>\n            <ng-container\n              *ngIf=\"\n                to.type == null || to.type == undefined || to.type == 'default'\n              \"\n            >\n              <label nz-radio [nzValue]=\"item.value\">{{ item.label }}</label>\n            </ng-container>\n          </ng-container>\n        </nz-radio-group>\n        <!-- <div class=\"tips\">\n          <i\n            class=\"icon-bangzhu\"\n            [nzTooltipTitle]=\"tips\"\n            nzTooltipPlacement=\"top\"\n            nz-tooltip\n            *ngIf=\"tips != ''\"\n          ></i>\n        </div> -->\n      </ng-container>\n\n      <div class=\"fieldtext\" *ngIf=\"editor === false\">{{ textRadio }}</div>\n    </ng-template>\n  "}]}],"members":{}},"KreFormFieldCheckbox":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":36,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"krefield-checkbox","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <label nz-checkbox nzDisabled=\"true\"></label>\n      </div>\n    </ng-container>\n\n    <ng-template #other>\n      <ng-container *ngIf=\"editor === true\">\n        <label\n          nz-checkbox\n          [formControl]=\"formControl\"\n          [kreFormAttributes]=\"field\"\n          [class.is-invalid]=\"showError\"\n        ></label>\n        <!-- <div class=\"tips\">\n          <i\n            class=\"icon-bangzhu\"\n            [nzTooltipTitle]=\"tips\"\n            nzTooltipPlacement=\"top\"\n            nz-tooltip\n            *ngIf=\"tips != ''\"\n          ></i>\n        </div> -->\n      </ng-container>\n\n      <div class=\"fieldtext\" *ngIf=\"editor === false\">{{ text }}</div>\n    </ng-template>\n  "}]}],"members":{}},"KreFormFieldCheckboxGroup":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":59,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"krefield-checkboxgroup","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <nz-checkbox-wrapper\n          style=\"width: 100%;\"\n          (nzOnChange)=\"onChange($event)\"\n          [class.is-invalid]=\"showError\"\n        >\n          <ng-container *ngFor=\"let option of to.options; let i = index\">\n            <label\n              nz-checkbox\n              [nzValue]=\"option.value\"\n              [ngModel]=\"getControlChecked(formControl.value, option)\"\n              [kreFormAttributes]=\"field\"\n              disabled\n              >{{ option.label }}</label\n            >\n          </ng-container>\n        </nz-checkbox-wrapper>\n      </div>\n    </ng-container>\n\n    <ng-template #other>\n      <ng-container *ngIf=\"editor === true\">\n        <nz-checkbox-wrapper\n          style=\"width: 100%;\"\n          (nzOnChange)=\"onChange($event)\"\n          [class.is-invalid]=\"showError\"\n        >\n          <ng-container *ngFor=\"let option of to.options; let i = index\">\n            <label\n              nz-checkbox\n              [nzValue]=\"option.value\"\n              [ngModel]=\"getControlChecked(formControl.value, option)\"\n              [kreFormAttributes]=\"field\"\n              >{{ option.label }}</label\n            >\n          </ng-container>\n        </nz-checkbox-wrapper>\n        <!-- <div class=\"tips\">\n          <i\n            class=\"icon-bangzhu\"\n            [nzTooltipTitle]=\"tips\"\n            nzTooltipPlacement=\"top\"\n            nz-tooltip\n            *ngIf=\"tips != ''\"\n          ></i>\n        </div> -->\n      </ng-container>\n      <div class=\"fieldtext\" *ngIf=\"editor === false\">{{ textMultiple }}</div>\n    </ng-template>\n  "}]}],"members":{"onChange":[{"__symbolic":"method"}],"getCheckStatus":[{"__symbolic":"method"}],"getControlChecked":[{"__symbolic":"method"}]}},"KreFormFieldSelect":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":53,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"krefield-select","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <input nz-input disabled />\n      </div>\n    </ng-container>\n\n    <ng-template #other>\n      <ng-container *ngIf=\"editor === true\">\n        <nz-select\n          [nzAllowClear]=\"!to.required && clear\"\n          [nzMode]=\"to.selectType === 'multiple' ? 'multiple' : 'default'\"\n          [kreFormAttributes]=\"field\"\n          [class.is-invalid]=\"showError\"\n          [nzPlaceHolder]=\"placeHolder\"\n          [(ngModel)]=\"getModelValue\"\n          nzShowSearch=\"true\"\n          (ngModelChange)=\"selectedChange($event)\"\n        >\n          <ng-container *ngFor=\"let item of to.options\">\n            <nz-option\n              [nzLabel]=\"item.label\"\n              [nzValue]=\"item.value\"\n            ></nz-option>\n          </ng-container>\n        </nz-select>\n        <!-- <div class=\"tips\">\n          <i\n            class=\"icon-bangzhu\"\n            [nzTooltipTitle]=\"tips\"\n            nzTooltipPlacement=\"top\"\n            nz-tooltip\n            *ngIf=\"tips != ''\"\n          ></i>\n        </div> -->\n      </ng-container>\n      <div class=\"fieldtext\" *ngIf=\"editor === false\">\n        {{ getSelectText() }}\n      </div>\n    </ng-template>\n  "}]}],"members":{"getSelectText":[{"__symbolic":"method"}],"selectedChange":[{"__symbolic":"method"}]}},"KreFormFieldDateTime":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":91,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"krefield-datetime","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <input nz-input disabled />\n      </div>\n    </ng-container>\n\n    <ng-template #other>\n      <ng-container *ngIf=\"editor === true\">\n        <ng-container [ngSwitch]=\"showType\">\n          <ng-container *ngSwitchCase=\"'datetime'\">\n            <nz-date-picker\n              nzShowTime\n              [nzShowTime]=\"{ nzFormat: 'HH:mm' }\"\n              nzFormat=\"yyyy/MM/dd HH:mm\"\n              [formControl]=\"formControl\"\n              [kreFormAttributes]=\"field\"\n              [class.is-invalid]=\"showError\"\n              [nzDisabledDate]=\"disabledDate\"\n              [nzDisabledTime]=\"disabledDateTime\"\n              [nzPlaceHolder]=\"to.placeholder || undefined\"\n              (nzOnOpenChange)=\"nzOnOpenChange($event, true)\"\n            ></nz-date-picker>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'date'\">\n            <nz-date-picker\n              nzFormat=\"yyyy/MM/dd\"\n              [formControl]=\"formControl\"\n              [kreFormAttributes]=\"field\"\n              [nzDisabledDate]=\"disabledDate\"\n              [class.is-invalid]=\"showError\"\n              [nzShowToday]=\"showToday\"\n              [nzPlaceHolder]=\"to.placeholder || undefined\"\n              (nzOnOpenChange)=\"nzOnOpenChange($event, false)\"\n            ></nz-date-picker>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'year'\">\n            <nz-year-picker\n              nzFormat=\"yyyy\"\n              [formControl]=\"formControl\"\n              [kreFormAttributes]=\"field\"\n              [class.is-invalid]=\"showError\"\n              [nzPlaceHolder]=\"to.placeholder || undefined\"\n              (nzOnOpenChange)=\"nzOnOpenChange($event, false)\"\n            ></nz-year-picker>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'month'\">\n            <nz-month-picker\n              nzFormat=\"yyyy/MM\"\n              [formControl]=\"formControl\"\n              [kreFormAttributes]=\"field\"\n              [class.is-invalid]=\"showError\"\n              [nzPlaceHolder]=\"to.placeholder || undefined\"\n              (nzOnOpenChange)=\"nzOnOpenChange($event, false)\"\n            ></nz-month-picker>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'time'\">\n            <nz-time-picker\n              nzFormat=\"HH:mm\"\n              [formControl]=\"formControl\"\n              [kreFormAttributes]=\"field\"\n              [class.is-invalid]=\"showError\"\n              [nzDisabledHours]=\"disabledHours\"\n              [nzDisabledMinutes]=\"disabledMinutes\"\n              (nzOpenChange)=\"nzOnOpenChange($event, true)\"\n              [nzPlaceHolder]=\"to.placeholder || undefined\"\n              nzClearText=\"\"\n              [nzPopupClassName]=\"field.className\"\n            ></nz-time-picker>\n          </ng-container>\n          <ng-container *ngSwitchDefault></ng-container>\n        </ng-container>\n      </ng-container>\n\n      <div class=\"fieldtext\" *ngIf=\"editor === false\">\n        {{ getText() }}\n      </div>\n    </ng-template>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@kre-form/core","name":"FormGlobalService","line":93,"character":27},{"__symbolic":"reference","module":"@kre-form/core","name":"KreFormCommonService","line":94,"character":27}]}],"nzOnOpenChange":[{"__symbolic":"method"}],"getText":[{"__symbolic":"method"}],"range":[{"__symbolic":"method"}]}},"KreFormFieldImage":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":29,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"krefield-image","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <input nz-input disabled />\n      </div>\n    </ng-container>\n    <ng-template #other>\n      <nz-avatar\n        nzIcon=\"user\"\n        nzSrc=\"//zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnKreCYX.png\"\n      ></nz-avatar>\n      <!-- <div class=\"tips\">\n        <i\n          class=\"icon-bangzhu\"\n          [nzTooltipTitle]=\"tips\"\n          nzTooltipPlacement=\"top\"\n          nz-tooltip\n          *ngIf=\"tips != ''\"\n        ></i>\n      </div> -->\n    </ng-template>\n  "}]}],"members":{}},"KreFormFieldUpload":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":42,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"krefield-upload","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <nz-upload nzType=\"drag\" [nzDisabled]=\"true\">\n          <p class=\"ant-upload-drag-icon\"></p>\n          <p class=\"ant-upload-text\">单击或拖动文件到此区域上传</p>\n          <p class=\"ant-upload-hint\">\n            支持单个或批量上传。严禁上传不法文件，谢谢!\n          </p>\n        </nz-upload>\n      </div>\n    </ng-container>\n\n    <ng-template #other>\n      <nz-upload\n        nzType=\"drag\"\n        nzAction=\"https://jsonplaceholder.typicode.com/posts/\"\n        [nzFileList]=\"defaultFileList\"\n        [nzMultiple]=\"true\"\n        (nzChange)=\"handleChange($event)\"\n        [class.is-invalid]=\"showError\"\n      >\n        <p class=\"ant-upload-drag-icon\"></p>\n        <p class=\"ant-upload-text\">单击或拖动文件到此区域上传</p>\n        <p class=\"ant-upload-hint\">\n          支持单个或批量上传。严禁上传不法文件，谢谢!\n        </p>\n      </nz-upload>\n      <div class=\"tips\"></div>\n    </ng-template>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/message","name":"NzMessageService","line":44,"character":26}]}],"handleChange":[{"__symbolic":"method"}],"checkFileType":[{"__symbolic":"method"}],"checkFileSize":[{"__symbolic":"method"}]}},"KreFormFieldLookUp":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":86,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"krefield-lookup","template":"\n    <ng-container *ngIf=\"formStatus !== 0\">\n      <div class=\"fieldOperational\">\n        <div class=\"fieldcheckbox\">\n          <label\n            *ngIf=\"isCheckboxShow == true\"\n            nz-checkbox\n            [(ngModel)]=\"field.checked\"\n          ></label>\n        </div>\n        <div class=\"fieldControl\">\n          <div class=\"label\">\n            <span *ngIf=\"to.required\">*</span>{{ to.label }}\n          </div>\n          <div class=\"control\">\n            <input nz-input disabled />\n          </div>\n          <kreform-fieldbutton\n            *ngIf=\"isCheckboxShow == true\"\n            [field]=\"field\"\n            (buttonClick)=\"fieldOperational($event)\"\n          ></kreform-fieldbutton>\n        </div>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"formStatus === 0\">\n      <ng-container *ngIf=\"editor === true\">\n        <nz-input-group [nzSuffix]=\"suffixTemplate\">\n          <input\n            nz-input\n            [class.is-invalid]=\"showError\"\n            [placeholder]=\"placeHolder\"\n            [value]=\"textLookUp\"\n            readonly=\"true\"\n          />\n        </nz-input-group>\n        <!-- <div class=\"tips\">\n          <i\n            class=\"icon-bangzhu\"\n            [nzTooltipTitle]=\"tips\"\n            nzTooltipPlacement=\"top\"\n            nz-tooltip\n            *ngIf=\"tips != ''\"\n          ></i>\n        </div> -->\n\n        <nz-input-group [nzSuffix]=\"suffixTemplate\" style=\"display:none;\">\n          <input\n            nz-input\n            [formControl]=\"formControl\"\n            [kreFormAttributes]=\"field\"\n            [class.is-invalid]=\"showError\"\n            readonly=\"true\"\n        /></nz-input-group>\n      </ng-container>\n\n      <div class=\"fieldtext\" *ngIf=\"editor === false\">{{ textLookUp }}</div>\n    </ng-container>\n    <ng-template #suffixTemplate>\n      <i (click)=\"lookup()\" class=\"icon-tianjin\"></i>\n      <!--<i\n        nz-icon\n        nzType=\"close\"\n        nzTheme=\"outline\"\n        (click)=\"removeValue()\"\n        *ngIf=\"textLookUp != null && textLookUp != ''\"\n      ></i>-->\n    </ng-template>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"KreFormAntService"},{"__symbolic":"reference","module":"ng-zorro-antd/modal","name":"NzModalService","line":91,"character":19},{"__symbolic":"reference","name":"ɵa"}]}],"fieldOperational":[{"__symbolic":"method"}],"lookup":[{"__symbolic":"method"}],"removeValue":[{"__symbolic":"method"}]}},"KreFormFieldHTML":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":33,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"krefield-htmlcontent","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div\n        class=\"control-design\"\n        [ngStyle]=\"{\n          color: fontProperty.color,\n          'font-size': fontProperty.fontSize + 'px',\n          'font-style': fontProperty.fontStyle ? 'italic' : 'normal',\n          'font-weight': fontProperty.fontWeight ? 'bold' : 'normal'\n        }\"\n        [id]=\"field.key\"\n        [innerHtml]=\"to.description | safeHtml\"\n      ></div>\n    </ng-container>\n\n    <ng-template #other>\n      <div\n        [ngStyle]=\"{\n          color: fontProperty.color,\n          'font-size': fontProperty.fontSize + 'px',\n          'font-style': fontProperty.fontStyle ? 'italic' : 'normal',\n          'font-weight': fontProperty.fontWeight ? 'bold' : 'normal'\n        }\"\n        [innerHtml]=\"to.description | safeHtml\"\n      ></div>\n    </ng-template>\n  "}]}],"members":{}},"KreFormFieldLine":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":16,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"krefield-line","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\"><hr /></div>\n    </ng-container>\n\n    <ng-template #other>\n      <hr />\n    </ng-template>\n  "}]}],"members":{}},"KreFormDragDrop":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":25,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"kreform-drag-drop","template":"\n  <div class=\"formly-drag-drop\"  (cdkDropListDropped)=\"drop($event)\" cdkDropList [cdkDropListData]=\"field.fieldGroup\">\n  <div class=\"formly-drag-drop\">\n    <ng-container *ngFor=\"let field of field.fieldGroup;let index=index;\" > \n       \n      <div   class=\"formly-drag-drop_wrap\" cdkDrag>  \n        <div class=\"field-content\">\n        <kreform-field [field]=\"field\"></kreform-field>\n        </div>\n      </div>\n    </ng-container> \n  </div>\n  \n  <ng-container *ngIf=\"field.fieldGroup==null || field.fieldGroup.length==0\" >\n \n</ng-container>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"KreFormAntService"}]}],"drop":[{"__symbolic":"method"}],"fieldOperational":[{"__symbolic":"method"}],"logicQuestion":[{"__symbolic":"method"}],"copyQuestion":[{"__symbolic":"method"}],"delQuestion":[{"__symbolic":"method"}],"activeQuestion":[{"__symbolic":"method"}]}},"KreFormFieldSwitch":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":21,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"krefield-switch","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else other\">\n      <div class=\"control-design\">\n        <nz-switch nzDisabled=\"true\"></nz-switch>\n      </div>\n    </ng-container>\n    <ng-template #other>\n      <nz-switch\n        [formControl]=\"formControl\"\n        [kreFormAttributes]=\"field\"\n        [class.is-invalid]=\"showError\"\n        [nzDisabled]=\"!editor\"\n      ></nz-switch>\n    </ng-template>\n  "}]}],"members":{}},"KreFormWrapperFormField":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldWrapper","line":141,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"krefield-wrapper","template":"\n    <ng-container *ngIf=\"formStatus !== 0; else formControl\">\n      <label\n        nz-checkbox\n        [(ngModel)]=\"field.checked\"\n        (ngModelChange)=\"fieldCheckChange($event)\"\n        [nzDisabled]=\"\n          !!field.editProperty &&\n          field.editProperty.canMove !== undefined &&\n          field.editProperty.canMove === false\n        \"\n      ></label>\n      <div class=\"fieldbox\">\n        <div\n          class=\"fieldlabel\"\n          [ngStyle]=\"{\n            color: fontProperty.color,\n            'font-size': fontProperty.fontSize + 'px',\n            'font-style': fontProperty.fontStyle ? 'italic' : 'normal',\n            'font-weight': fontProperty.fontWeight ? 'bold' : 'normal'\n          }\"\n        >\n          <span *ngIf=\"to.required\">*</span>\n          <label\n            [innerHtml]=\"to.label | safeHtml\"\n            nz-tooltip\n            [nzTooltipTitle]=\"to.label\"\n          ></label>\n        </div>\n        <div\n          class=\"field-content-box\"\n          [class.field-has-button]=\"\n            to.button && to.button != null && to.button?.show == true\n          \"\n        >\n          <div class=\"fieldcontrol \" [ngStyle]=\"contentStyle()\">\n            <ng-template #fieldComponent></ng-template>\n          </div>\n          <div\n            class=\"field-unit\"\n            *ngIf=\"to.unit && to.unit != null && to.unit != ''\"\n          >\n            <label [innerHtml]=\"to.unit | safeHtml\"></label>\n          </div>\n          <div\n            class=\"field-button\"\n            *ngIf=\"to.button && to.button != null && to.button?.show == true\"\n          >\n            <label\n              [innerHtml]=\"to.button.label | safeHtml\"\n              (click)=\"buttonClick()\"\n            ></label>\n          </div>\n          <kreform-fieldbutton\n            [field]=\"field\"\n            (buttonClick)=\"fieldOperational($event)\"\n            *ngIf=\"showFieldButton()\"\n          ></kreform-fieldbutton>\n          <div class=\"field-hide\" *ngIf=\"field.hide == true\">已隐藏</div>\n        </div>\n      </div>\n    </ng-container>\n    <ng-template #formControl>\n      <div\n        class=\"fieldlabel\"\n        [ngStyle]=\"{\n          color: fontProperty.color,\n          'font-size': fontProperty.fontSize + 'px',\n          'font-style': fontProperty.fontStyle ? 'italic' : 'normal',\n          'font-weight': fontProperty.fontWeight ? 'bold' : 'normal'\n        }\"\n        *ngIf=\"\n          field.type != 'line' &&\n          field.type != 'htmlcontent' &&\n          to.hideLabel !== true\n        \"\n      >\n        <span *ngIf=\"to.required\">*</span\n        ><label [innerHtml]=\"to.label | safeHtml\"></label>\n      </div>\n      <div\n        class=\"field-content-box\"\n        [class.field-has-button]=\"\n          to.button && to.button != null && to.button?.show == true\n        \"\n      >\n        <div\n          class=\"fieldcontrol\"\n          [class.has-error]=\"showError\"\n          [class.inherit]=\"contentStyle()\"\n          [ngStyle]=\"contentStyle()\"\n        >\n          <ng-template #fieldComponent></ng-template>\n          <div class=\"invalid-feedback\" [style.display]=\"'block'\">\n            <kreform-validation-message\n              *ngIf=\"showError\"\n              style=\"color:red\"\n              [field]=\"field\"\n            ></kreform-validation-message>\n          </div>\n          <ng-container *ngIf=\"tags.mark\">\n            <span [nzTooltipTitle]=\"tags.content\" nz-tooltip class=\"field-tags\">\n              {{ tags.mark | tags }}\n            </span>\n          </ng-container>\n        </div>\n        <div\n          class=\"field-unit\"\n          *ngIf=\"to.unit && to.unit != null && to.unit != ''\"\n        >\n          <label [innerHtml]=\"to.unit | safeHtml\"></label>\n        </div>\n        <div\n          class=\"field-button\"\n          *ngIf=\"to.button && to.button != null && to.button?.show == true\"\n        >\n          <label\n            [innerHtml]=\"to.button.label | safeHtml\"\n            (click)=\"buttonClick()\"\n          ></label>\n        </div>\n\n        <div class=\"field-tips\" *ngIf=\"hasTips()\">\n          <i\n            nz-icon\n            nzType=\"question-circle\"\n            nzTheme=\"outline\"\n            nz-tooltip\n            [nzTooltipTitle]=\"to.tips\"\n          ></i>\n        </div>\n      </div>\n    </ng-template>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"KreFormAntService"},{"__symbolic":"reference","module":"@kre-form/core","name":"FormGlobalService","line":145,"character":27}]}],"fieldOperational":[{"__symbolic":"method"}],"contentStyle":[{"__symbolic":"method"}],"buttonClick":[{"__symbolic":"method"}],"hasTips":[{"__symbolic":"method"}],"fieldCheckChange":[{"__symbolic":"method"}],"showFieldButton":[{"__symbolic":"method"}]}},"KreAntCommonService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":9,"character":5},"arguments":[{"__symbolic":"reference","name":"KreToFormFieldService"}]}]],"parameters":[{"__symbolic":"reference","name":"KreToFormFieldService"}]}],"getFormFieldByGuid":[{"__symbolic":"method"}]}},"KreDesginToFormService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":5},"arguments":[{"__symbolic":"reference","name":"KreToFormFieldService"}]}]],"parameters":[{"__symbolic":"reference","name":"KreToFormFieldService"}]}],"initTableStatus":[{"__symbolic":"method"}],"initFormFieldByTables":[{"__symbolic":"method"}],"initTableFields":[{"__symbolic":"method"}],"setTableStatus":[{"__symbolic":"method"}],"setTablePrimary":[{"__symbolic":"method"}],"setTableSingle":[{"__symbolic":"method"}],"setTableMultiple":[{"__symbolic":"method"}],"checkKreFormFieldConfig":[{"__symbolic":"method"}],"addKreFormFieldConfig":[{"__symbolic":"method"}]}},"KreTransferService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":5},"arguments":[{"__symbolic":"reference","name":"KreToFormFieldService"}]}]],"parameters":[{"__symbolic":"reference","name":"KreToFormFieldService"}]}],"transferLineToForm":[{"__symbolic":"method"}],"transferReferProcessToForm":[{"__symbolic":"method"}],"transferAnchorToForm":[{"__symbolic":"method"}],"transferLabelToForm":[{"__symbolic":"method"}],"transferGroupToForm":[{"__symbolic":"method"}],"transferSelectFieldToForm":[{"__symbolic":"method"}],"groupFieldMoveUpOrDown":[{"__symbolic":"method"}],"groupTransferLineToForm":[{"__symbolic":"method"}],"groupTransferRemarkToForm":[{"__symbolic":"method"}],"groupTransferSelectFieldToForm":[{"__symbolic":"method"}],"groupTransferDeleteForm":[{"__symbolic":"method"}],"editFormFieldInfo":[{"__symbolic":"method"}],"deleteFormFieldInfo":[{"__symbolic":"method"}],"deleteGroupFormFieldInfo":[{"__symbolic":"method"}],"getFieldLineInfo":[{"__symbolic":"method"}],"getFieldRemarkInfo":[{"__symbolic":"method"}],"getFieldAnchorInfo":[{"__symbolic":"method"}],"getFieldReferProcessInfo":[{"__symbolic":"method"}],"getFieldGroupInfo":[{"__symbolic":"method"}],"clearGroupChecked":[{"__symbolic":"method"}],"getGroupCheckFields":[{"__symbolic":"method"}],"getTableFiledList":[{"__symbolic":"method"}],"getTableFiledInfo":[{"__symbolic":"method"}]}},"KreToFormFieldService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getKreFiledFunction":[{"__symbolic":"method"}],"text":[{"__symbolic":"method"}],"textI18N":[{"__symbolic":"method"}],"textArea":[{"__symbolic":"method"}],"number":[{"__symbolic":"method"}],"passWord":[{"__symbolic":"method"}],"radio":[{"__symbolic":"method"}],"radioGroup":[{"__symbolic":"method"}],"checkbox":[{"__symbolic":"method"}],"checkboxGroup":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"datetime":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"upload":[{"__symbolic":"method"}],"line":[{"__symbolic":"method"}],"repeat":[{"__symbolic":"method"}],"lookup":[{"__symbolic":"method"}],"lookup2":[{"__symbolic":"method"}],"tree":[{"__symbolic":"method"}],"table":[{"__symbolic":"method"}],"job":[{"__symbolic":"method"}],"refer":[{"__symbolic":"method"}],"editor":[{"__symbolic":"method"}],"avatar":[{"__symbolic":"method"}],"switch":[{"__symbolic":"method"}],"referProcess":[{"__symbolic":"method"}]}},"IDesignFormAPI":{"__symbolic":"interface"},"KreFormAntModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":135,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"},[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"}],[{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵbg"}],{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"}],"imports":[{"__symbolic":"reference","module":"@angular/http","name":"HttpModule","line":145,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":146,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":147,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":148,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":149,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":150,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":151,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd","name":"NgZorroAntdModule","line":152,"character":4},{"__symbolic":"reference","module":"ngx-color-picker","name":"ColorPickerModule","line":153,"character":4},{"__symbolic":"reference","module":"@kre-form/abc","name":"DeonCodemirrorModule","line":154,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@kre-form/core","name":"KreFormModule","line":155,"character":4},"member":"forChild"},"arguments":[{"__symbolic":"reference","name":"ɵc"}]},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@kre-form/core","name":"KreFormModule","line":156,"character":4},"member":"forRoot"},"arguments":[{"__symbolic":"reference","name":"ɵbr"}]}],"entryComponents":[[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"}]],"exports":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":159,"character":12},[{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵbg"}]],"providers":[{"provide":{"__symbolic":"reference","module":"ng-zorro-antd","name":"NZ_I18N","line":161,"character":15},"useValue":{"__symbolic":"reference","module":"ng-zorro-antd","name":"zh_CN","line":161,"character":34}},{"provide":{"__symbolic":"reference","module":"ng-zorro-antd","name":"NZ_ICONS","line":162,"character":15},"useValue":[{"__symbolic":"reference","module":"@ant-design/icons-angular/icons","name":"MenuFoldOutline","line":81,"character":2},{"__symbolic":"reference","module":"@ant-design/icons-angular/icons","name":"MenuUnfoldOutline","line":82,"character":2},{"__symbolic":"reference","module":"@ant-design/icons-angular/icons","name":"FormOutline","line":83,"character":2},{"__symbolic":"reference","module":"@ant-design/icons-angular/icons","name":"DashboardOutline","line":84,"character":2},{"__symbolic":"reference","module":"@ant-design/icons-angular/icons","name":"MinusSquareFill","line":85,"character":2},{"__symbolic":"reference","module":"@ant-design/icons-angular/icons","name":"MinusSquareOutline","line":86,"character":2},{"__symbolic":"reference","module":"@ant-design/icons-angular/icons","name":"MinusSquareTwoTone","line":87,"character":2},{"__symbolic":"reference","module":"@ant-design/icons-angular/icons","name":"MinusOutline","line":88,"character":2},{"__symbolic":"reference","module":"@ant-design/icons-angular/icons","name":"InboxOutline","line":89,"character":2}]},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"KreToFormFieldService"},{"__symbolic":"reference","name":"KreDesginToFormService"}]}]}],"members":{}},"KreFormAntService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"fieldOperational":[{"__symbolic":"method"}],"groupOperational":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-zorro-antd","name":"NzModalService","line":17,"character":35}]}],"switchSize":[{"__symbolic":"method"}],"CreateModelDialog":[{"__symbolic":"method"}],"CreateModelDialogField":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵb":[{"__symbolic":"reference","name":"KreFormFieldText"},{"__symbolic":"reference","name":"KreFormFieldTextI18n"},{"__symbolic":"reference","name":"KreFormFieldTextArea"},{"__symbolic":"reference","name":"KreFormFieldNumber"},{"__symbolic":"reference","name":"KreFormFieldPassWord"},{"__symbolic":"reference","name":"KreFormFieldRadio"},{"__symbolic":"reference","name":"KreFormFieldRadioGroup"},{"__symbolic":"reference","name":"KreFormFieldCheckbox"},{"__symbolic":"reference","name":"KreFormFieldCheckboxGroup"},{"__symbolic":"reference","name":"KreFormFieldSelect"},{"__symbolic":"reference","name":"KreFormFieldDateTime"},{"__symbolic":"reference","name":"KreFormFieldImage"},{"__symbolic":"reference","name":"KreFormFieldUpload"},{"__symbolic":"reference","name":"KreFormFieldLookUp"},{"__symbolic":"reference","name":"KreFormFieldHTML"},{"__symbolic":"reference","name":"KreFormFieldLine"},{"__symbolic":"reference","name":"KreFormDragDrop"},{"__symbolic":"reference","name":"KreFormFieldAnchor"},{"__symbolic":"reference","name":"KreFormFieldSwitch"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"KreFormWrapperFormField"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"}],"ɵc":{"types":[{"name":"text","component":{"__symbolic":"reference","name":"KreFormFieldText"},"wrappers":["form-field"]},{"name":"texti18n","component":{"__symbolic":"reference","name":"KreFormFieldTextI18n"},"wrappers":["form-field"]},{"name":"textarea","component":{"__symbolic":"reference","name":"KreFormFieldTextArea"},"wrappers":["form-field"]},{"name":"numbers","component":{"__symbolic":"reference","name":"KreFormFieldNumber"},"wrappers":["form-field"]},{"name":"password","component":{"__symbolic":"reference","name":"KreFormFieldPassWord"},"wrappers":["form-field"]},{"name":"switch","component":{"__symbolic":"reference","name":"KreFormFieldSwitch"},"wrappers":["form-field"]},{"name":"radio","component":{"__symbolic":"reference","name":"KreFormFieldRadio"},"wrappers":["form-field"]},{"name":"radiogroup","component":{"__symbolic":"reference","name":"KreFormFieldRadioGroup"},"wrappers":["form-field"]},{"name":"checkbox","component":{"__symbolic":"reference","name":"KreFormFieldCheckbox"},"wrappers":["form-field"]},{"name":"checkboxgroup","component":{"__symbolic":"reference","name":"KreFormFieldCheckboxGroup"},"wrappers":["form-field"]},{"name":"select","component":{"__symbolic":"reference","name":"KreFormFieldSelect"},"wrappers":["form-field"]},{"name":"datetime","component":{"__symbolic":"reference","name":"KreFormFieldDateTime"},"wrappers":["form-field"]},{"name":"image","component":{"__symbolic":"reference","name":"KreFormFieldImage"},"wrappers":["form-field"]},{"name":"upload","component":{"__symbolic":"reference","name":"KreFormFieldUpload"},"wrappers":["form-field"]},{"name":"htmlcontent","component":{"__symbolic":"reference","name":"KreFormFieldHTML"},"wrappers":["form-field"]},{"name":"line","component":{"__symbolic":"reference","name":"KreFormFieldLine"},"wrappers":["form-field"]},{"name":"drag-drop","component":{"__symbolic":"reference","name":"KreFormDragDrop"}},{"name":"anchor","component":{"__symbolic":"reference","name":"KreFormFieldAnchor"},"wrappers":["form-field"]},{"name":"group","component":{"__symbolic":"reference","name":"ɵd"}},{"name":"repeat","component":{"__symbolic":"reference","name":"ɵe"}},{"name":"panel","component":{"__symbolic":"reference","name":"ɵg"}}],"wrappers":[{"name":"form-field","component":{"__symbolic":"reference","name":"KreFormWrapperFormField"}}]},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":22,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"kreform-group","template":"\n    <ng-container *ngFor=\"let f of field.fieldGroup\">\n      <kreform-field [field]=\"f\" [status]=\"formStatus\"></kreform-field>\n    </ng-container>\n    <ng-content></ng-content>\n  ","host":{"[class]":"field.className || \"\"","cdkDrag":"","$quoted$":["[class]"]}}]}],"members":{}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldArrayType","line":25,"character":10},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"kreform-repeat","host":{"[class]":"field.className || \"\"","cdkDrag":"","$quoted$":["[class]"]},"template":"<ng-container *ngIf=\"formStatus !== 0\">\n  <div class=\"fieldOperational\">\n    <div\n      class=\"reportControl\"\n      [class.hide-header]=\"!(field?.editProperty?.config !== false) \"\n    >\n      <div class=\"report-header\" *ngIf=\"field?.editProperty?.config !== false \">\n        <div class=\"left\">\n          <ul>\n            <li>\n              <label\n                nz-checkbox\n                [(ngModel)]=\"field.checked\"\n                [nzDisabled]=\"\n              !!field.editProperty &&\n              field.editProperty.canMove !== undefined &&\n              field.editProperty.canMove === false\n            \"\n              ></label>\n            </li>\n            <li (click)=\"groupOperational('item')\">\n              <i class=\"icon-TianJiaZiDuan\"></i>添加字段\n            </li>\n            <li (click)=\"groupOperational('remark')\">\n              <i class=\"icon-other-WenBen\"></i>添加文本\n            </li>\n            <li (click)=\"groupOperational('line')\">\n              <i class=\"icon-FenGeXian\"></i>添加分割线\n            </li>\n          </ul>\n        </div>\n        <div class=\"right\">\n          <ul>\n            <li (click)=\"groupOperational('edit')\">\n              <i class=\"icon-Edit03\"></i>编辑\n            </li>\n            <li (click)=\"groupOperational('delete')\">\n              <i class=\"icon-N_delete2\"></i>删除\n            </li>\n            <li (click)=\"groupOperational('up')\">\n              <i class=\"icon-ShangYi\"></i>上移\n            </li>\n            <li (click)=\"groupOperational('down')\">\n              <i class=\"icon-XiaYi\"></i>下移\n            </li>\n            <ng-container\n              *ngIf=\"to && to.isButintin && to.isButintin==true;else tdDelete\"\n            >\n              <li></li>\n            </ng-container>\n            <ng-template #tdDelete>\n              <li (click)=\"fieldOperational('delete')\">\n                <button class=\"btnDel\">\n                  <i class=\"icon-KT-Close\"></i>\n                </button>\n              </li>\n            </ng-template>\n          </ul>\n        </div>\n      </div>\n      <div class=\"report-body\">\n        <ng-container\n          *ngIf=\"field.fieldGroup?.length && field.fieldArray?.fieldGroup?.length ; else fieldWarp\"\n        >\n          <ng-container *ngFor=\"let field of field.fieldGroup; let i = index\">\n            <kreform-field class=\"col\" [field]=\"field\"></kreform-field>\n          </ng-container>\n        </ng-container>\n        <ng-template #fieldWarp>\n          <div class=\"img-box\"></div>\n          <p class=\"ant-empty-description\">暂无数据</p>\n        </ng-template>\n      </div>\n    </div>\n    <div class=\"field-hide\" *ngIf=\"field.hide == true\">\n      <div class=\"field-hide-content\">已隐藏</div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"formStatus === 0\">\n  <ng-container *ngIf=\"to.type=='table';else cardTmp\">\n    <div class=\"mb-2 add-box\">\n      <div *ngIf=\"isAdd\" class=\"flex-h new-flex-1 flex-justify-end\">\n        <span class=\"add-button w-5\" (click)=\"add();addIndex()\">\n          <i class=\"icon-tianjin\"></i>\n          新增\n        </span>\n      </div>\n    </div>\n    <div class=\"w-100\">\n      <nz-table\n        #basicTable\n        nzShowPagination=\"false\"\n        nzSize=\"small\"\n        [nzData]=\"field.fieldGroup\"\n        [nzScroll]=\"{\n          x: showXScroll ? tableWidth + 'px' : null,y:'210px'\n        }\"\n        [nzPageSize]=\"field?.fieldGroup?.length\"\n        [class.showScroll]=\"showXScroll\"\n      >\n        <thead>\n          <tr>\n            <th nzWidth=\"50px\" class=\"select-box td\" nzLeft=\"0px\">序号</th>\n            <ng-container *ngFor=\"let title of field?.fieldArray?.fieldGroup\">\n              <!-- *ngIf=\"title && title.type!==undefined && title.type!==null && (title.type!=='line' && title.type!=='htmlcontent') && title.hide !=true\" -->\n              <th *ngIf=\"checkFieldShow(title)\">\n                <div class=\"new-flex-1 repeat-table-title\">\n                  <ng-container\n                    *ngIf=\"title && title.templateOptions!==undefined && title.templateOptions!==null\"\n                  >\n                    <span\n                      *ngIf=\"title.templateOptions.required\"\n                      class=\"required\"\n                      >*</span\n                    >\n                    {{ title.templateOptions.label }}\n                  </ng-container>\n                </div>\n              </th>\n            </ng-container>\n            <th nzRight=\"0px\" class=\"select-box td td-th\" *ngIf=\"isDelete\">\n              <span class=\"\">操作 </span>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let field of basicTable.data; let i = index\" class=\"tr\">\n            <td nzLeft=\"0px\" class=\"td-bg\">\n              <span class=\"serial\">{{ i + 1 }}</span>\n            </td>\n            <ng-container *ngFor=\"let f of field.fieldGroup\">\n              <!-- *ngIf=\"f && f.type!==undefined && f.type!==null &&(f.type!=='line' && f.type!=='htmlcontent')  && f.hide!=true\" -->\n              <td class=\"w-100-td\" *ngIf=\"checkFieldShow(f)\">\n                <kreform-field [field]=\"f\"></kreform-field>\n              </td>\n            </ng-container>\n            <td\n              *ngIf=\"isDelete\"\n              nzRight=\"0px\"\n              class=\"select-box td\"\n              [class.isRemoved]=\"!isRemoved(field)\"\n              (click)=\"removed(i , isRemoved(field))\"\n            >\n              <span class=\"select\">删除</span>\n            </td>\n          </tr>\n        </tbody>\n      </nz-table>\n    </div>\n  </ng-container>\n  <ng-template #cardTmp>\n    <ng-container\n      *ngIf=\"field.fieldGroup!==undefined && field.fieldGroup!==null && field.fieldGroup.length>0;else cardEmpty\"\n    >\n      <div\n        *ngFor=\"let field of field.fieldGroup; let i = index\"\n        class=\"row {{ newRepeatClass() }} \"\n        [id]=\"newRowId(i)\"\n      >\n        <ng-container *ngIf=\"field.hide!=true\">\n          <kreform-field class=\"col\" [field]=\"field\"></kreform-field>\n        </ng-container>\n        <span\n          (click)=\"removed(i , isRemoved(field))\"\n          class=\"del\"\n          *ngIf=\"isRemoved(field) && isDelete\"\n          >删除</span\n        >\n\n        <div class=\"tips\"></div>\n      </div>\n    </ng-container>\n    <ng-template #cardEmpty>\n      <div class=\"repeat-card-empty\">\n        <div class=\"repeat-empty-image\"></div>\n        <p class=\"ant-empty-description\">暂无数据</p>\n      </div>\n    </ng-template>\n    <div class=\"add\" *ngIf=\"isAdd\">\n      <span (click)=\"add();addIndex()\">新增</span>\n    </div>\n  </ng-template>\n</ng-container>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"KreFormAntService"},{"__symbolic":"reference","module":"@kre-form/core","name":"FormGlobalService","line":37,"character":27}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"fieldOperational":[{"__symbolic":"method"}],"groupOperational":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"changeWidth":[{"__symbolic":"method"}],"addIndex":[{"__symbolic":"method"}],"isRemoved":[{"__symbolic":"method"}],"removed":[{"__symbolic":"method"}],"showErrors":[{"__symbolic":"method"}],"newRowId":[{"__symbolic":"method"}],"newRepeatClass":[{"__symbolic":"method"}],"checkFieldShow":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldArrayType","line":21,"character":10},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"kreform-overTime","template":"<!-- <ng-container *ngIf=\"formStatus === 0\">\n  <ng-container\n    *ngIf=\"field.fieldGroup!==undefined && field.fieldGroup!==null && field.fieldGroup.length>0;else cardEmpty\"\n  >\n    <div *ngFor=\"let field of field.fieldGroup; let i = index\" class=\"row\">\n      <ng-container *ngIf=\"field.hide!=true\">\n        <kreform-field class=\"col\" [field]=\"field\"></kreform-field>\n      </ng-container>\n      <span class=\"del\" (click)=\"remove(i)\">删除</span>\n      <div class=\"tips\"></div>\n    </div>\n  </ng-container>\n  <ng-template #cardEmpty>\n    <div class=\"repeat-card-empty\">\n      <div class=\"repeat-empty-image\"></div>\n      <p class=\"ant-empty-description\">暂无数据</p>\n    </div>\n  </ng-template>\n  <div class=\"add\" (click)=\"add();addIndex()\">\n    <span>新增</span>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"formStatus !== 0\">\n  <div class=\"fieldOperational\">\n    <div class=\"reportControl\">\n      <div class=\"report-header\" *ngIf=\"field?.editProperty?.config !== false \">\n        <div class=\"left\">\n          <ul>\n            <li>\n              <label nz-checkbox [(ngModel)]=\"field.checked\"></label>\n            </li>\n            <li (click)=\"groupOperational('item')\">\n              <i class=\"icon-TianJiaZiDuan\"></i>添加字段\n            </li>\n            <li (click)=\"groupOperational('remark')\">\n              <i class=\"icon-other-WenBen\"></i>添加文本\n            </li>\n            <li (click)=\"groupOperational('line')\">\n              <i class=\"icon-FenGeXian\"></i>添加分割线\n            </li>\n          </ul>\n        </div>\n        <div class=\"right\">\n          <ul>\n            <li (click)=\"groupOperational('edit')\">\n              <i class=\"icon-Edit03\"></i>编辑\n            </li>\n            <li (click)=\"groupOperational('delete')\">\n              <i class=\"icon-N_delete2\"></i>删除\n            </li>\n            <li (click)=\"groupOperational('up')\">\n              <i class=\"icon-ShangYi\"></i>上移\n            </li>\n            <li (click)=\"groupOperational('down')\">\n              <i class=\"icon-XiaYi\"></i>下移\n            </li>\n            <ng-container\n              *ngIf=\"to && to.isButintin && to.isButintin==true;else tdDelete\"\n            >\n              <li></li>\n            </ng-container>\n            <ng-template #tdDelete>\n              <li (click)=\"fieldOperational('delete')\">\n                <button class=\"btnDel\">\n                  <i class=\"icon-KT-Close\"></i>\n                </button>\n              </li>\n            </ng-template>\n          </ul>\n        </div>\n      </div>\n      <div class=\"report-body\">\n        <ng-container *ngFor=\"let field of field.fieldGroup; let i = index\">\n          <kreform-field class=\"col\" [field]=\"field\"></kreform-field>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"field-hide\" *ngIf=\"field.hide == true\">已隐藏</div>\n  </div>\n</ng-container> -->\n<ng-container *ngIf=\"formStatus !== 0\">\n  <div class=\"fieldOperational\">\n    <div\n      class=\"reportControl\"\n      [class.hide-header]=\"!(field?.editProperty?.config !== false) \"\n    >\n      <div class=\"report-header\" *ngIf=\"field?.editProperty?.config !== false \">\n        <div class=\"left\">\n          <ul>\n            <li>\n              <label\n                nz-checkbox\n                [(ngModel)]=\"field.checked\"\n                [nzDisabled]=\"\n              !!field.editProperty &&\n              field.editProperty.canMove !== undefined &&\n              field.editProperty.canMove === false\n            \"\n              ></label>\n            </li>\n            <li (click)=\"groupOperational('item')\">\n              <i class=\"icon-TianJiaZiDuan\"></i>添加字段\n            </li>\n            <li (click)=\"groupOperational('remark')\">\n              <i class=\"icon-other-WenBen\"></i>添加文本\n            </li>\n            <li (click)=\"groupOperational('line')\">\n              <i class=\"icon-FenGeXian\"></i>添加分割线\n            </li>\n          </ul>\n        </div>\n        <div class=\"right\">\n          <ul>\n            <li (click)=\"groupOperational('edit')\">\n              <i class=\"icon-Edit03\"></i>编辑\n            </li>\n            <li (click)=\"groupOperational('delete')\">\n              <i class=\"icon-N_delete2\"></i>删除\n            </li>\n            <li (click)=\"groupOperational('up')\">\n              <i class=\"icon-ShangYi\"></i>上移\n            </li>\n            <li (click)=\"groupOperational('down')\">\n              <i class=\"icon-XiaYi\"></i>下移\n            </li>\n            <ng-container\n              *ngIf=\"to && to.isButintin && to.isButintin==true;else tdDelete\"\n            >\n              <li></li>\n            </ng-container>\n            <ng-template #tdDelete>\n              <li (click)=\"fieldOperational('delete')\">\n                <button class=\"btnDel\">\n                  <i class=\"icon-KT-Close\"></i>\n                </button>\n              </li>\n            </ng-template>\n          </ul>\n        </div>\n      </div>\n      <div class=\"report-body\">\n        <ng-container *ngFor=\"let field of field.fieldGroup; let i = index\">\n          <kreform-field class=\"col\" [field]=\"field\"></kreform-field>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"field-hide\" *ngIf=\"field.hide == true\">\n      <div class=\"field-hide-content\">已隐藏</div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"formStatus === 0\">\n  <ng-container *ngIf=\"to.type=='table';else cardTmp\">\n    <div class=\"mb-2 add-box\">\n      <div *ngIf=\"isAdd\" class=\"flex-h new-flex-1 flex-justify-end\">\n        <span class=\"add-button w-5\" (click)=\"add();addIndex()\">\n          <i class=\"icon-tianjin\"></i>\n          新增\n        </span>\n      </div>\n    </div>\n    <div class=\"w-100\">\n      <nz-table\n        #basicTable\n        nzShowPagination=\"false\"\n        nzSize=\"small\"\n        [nzData]=\"field.fieldGroup\"\n        [nzScroll]=\"{\n          x: showXScroll ? tableWidth + 'px' : null,y:'210px'\n        }\"\n        [nzPageSize]=\"field?.fieldGroup?.length\"\n        [class.showScroll]=\"showXScroll\"\n      >\n        <thead>\n          <tr>\n            <th nzWidth=\"50px\" class=\"select-box td\" nzLeft=\"0px\">序号</th>\n            <ng-container *ngFor=\"let title of field?.fieldArray?.fieldGroup\">\n              <th\n                *ngIf=\"title && title.type!==undefined && title.type!==null && (title.type!=='line' && title.type!=='htmlcontent') && title.hide !=true\"\n              >\n                <div class=\"new-flex-1 repeat-table-title\">\n                  <ng-container\n                    *ngIf=\"title && title.templateOptions!==undefined && title.templateOptions!==null\"\n                  >\n                    <span\n                      *ngIf=\"title.templateOptions.required\"\n                      class=\"required\"\n                      >*</span\n                    >\n                    {{ title.templateOptions.label }}\n                  </ng-container>\n                </div>\n              </th>\n            </ng-container>\n            <th nzRight=\"0px\" class=\"select-box td td-th\" *ngIf=\"isDelete\">\n              <span class=\"\"> </span>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let field of basicTable.data; let i = index\" class=\"tr\">\n            <td nzLeft=\"0px\" class=\"td-bg\">\n              <span class=\"serial\">{{ i + 1 }}</span>\n            </td>\n            <ng-container *ngFor=\"let f of field.fieldGroup\">\n              <td\n                class=\"w-100-td\"\n                *ngIf=\"f && f.type!==undefined && f.type!==null &&(f.type!=='line' && f.type!=='htmlcontent')  && f.hide!=true\"\n              >\n                <kreform-field [field]=\"f\"></kreform-field>\n              </td>\n            </ng-container>\n            <td\n              *ngIf=\"isDelete\"\n              nzRight=\"0px\"\n              class=\"select-box td\"\n              [class.isRemoved]=\"!isRemoved(field)\"\n              (click)=\"removed(i , isRemoved(field))\"\n            >\n              <span class=\"select\">删除</span>\n            </td>\n          </tr>\n        </tbody>\n      </nz-table>\n    </div>\n  </ng-container>\n  <ng-template #cardTmp>\n    <ng-container\n      *ngIf=\"field.fieldGroup!==undefined && field.fieldGroup!==null && field.fieldGroup.length>0;else cardEmpty\"\n    >\n      <div *ngFor=\"let field of field.fieldGroup; let i = index\" class=\"row\">\n        <ng-container *ngIf=\"field.hide!=true\">\n          <kreform-field class=\"col\" [field]=\"field\"></kreform-field>\n        </ng-container>\n        <span\n          (click)=\"removed(i , isRemoved(field))\"\n          class=\"del\"\n          *ngIf=\"isRemoved(field) && isDelete\"\n          >删除</span\n        >\n\n        <div class=\"tips\"></div>\n      </div>\n    </ng-container>\n    <ng-template #cardEmpty>\n      <div class=\"repeat-card-empty\">\n        <div class=\"repeat-empty-image\"></div>\n        <p class=\"ant-empty-description\">暂无数据</p>\n      </div>\n    </ng-template>\n    <div class=\"add\" *ngIf=\"isAdd\">\n      <span (click)=\"add();addIndex()\">新增</span>\n    </div>\n  </ng-template>\n</ng-container>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"KreFormAntService"},{"__symbolic":"reference","module":"@kre-form/core","name":"FormGlobalService","line":31,"character":27}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"initProperty":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"fieldOperational":[{"__symbolic":"method"}],"groupOperational":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"changeWidth":[{"__symbolic":"method"}],"addIndex":[{"__symbolic":"method"}],"isRemoved":[{"__symbolic":"method"}],"removed":[{"__symbolic":"method"}],"showErrors":[{"__symbolic":"method"}],"newRowId":[{"__symbolic":"method"}],"newRepeatClass":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":23,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"kreform-panel","template":"\n    <kreform-field\n      *ngFor=\"let f of field.fieldGroup\"\n      [field]=\"f\"\n    ></kreform-field>\n    <ng-content></ng-content>\n  ","host":{"[class]":"field.className || \"\"","cdkDrag":"","$quoted$":["[class]"]}}]}],"members":{}},"ɵh":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":34,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"kreform-tabular","template":"\n    <div class=\"tabular\">\n      <div class=\"tabular-header\">\n        <div class=\"col-no\">序号</div>\n        <div\n          class=\"col-default\"\n          *ngFor=\"let header of to.fieldGroup; let i = index\"\n        >\n          {{ header.templateOptions.label }}\n        </div>\n        <div class=\"col-operation\">操作</div>\n      </div>\n      <div class=\"tabular-body\">\n        <div class=\"row\" *ngFor=\"let row of field.fieldGroup; let i = index\">\n          <div class=\"col-no\">{{ i }}</div>\n          <div class=\"col-default\">\n            <kreform-field [field]=\"row\"></kreform-field>\n          </div>\n          <div class=\"col-operation\"><a (click)=\"delete(i)\">删除</a></div>\n        </div>\n      </div>\n    </div>\n    <a (click)=\"add()\">新增</a>\n  ","host":{"[class]":"field.className || \"\"","cdkDrag":"","$quoted$":["[class]"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@kre-form/core","name":"FormGlobalService","line":35,"character":37}]}],"add":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@kre-form/core","name":"FieldType","line":17,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"kreform-tabular-item","template":"\n    <kreform-field\n      *ngFor=\"let f of field.fieldGroup\"\n      [field]=\"f\"\n    ></kreform-field>\n    <ng-content></ng-content>\n  ","host":{"[class]":"field.className || \"\"","cdkDrag":"","$quoted$":["[class]"]}}]}],"members":{}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"kreform-ds_field","providers":[{"__symbolic":"reference","name":"ɵk"}],"template":"<div class=\"builder-content\">\n  <div class=\"content\">\n    <div class=\"label\">字段名称</div>\n    <div class=\"control\">\n      {{ formField.key }}\n    </div>\n  </div>\n  <div\n    class=\"content\"\n    *ngIf=\"\n      formField.type != 'repeat' &&\n      formField.type != 'tabular' &&\n      formField.type != 'line' &&\n      formField.type != 'htmlcontent' &&\n      formField.type != 'anchor'\n    \"\n  >\n    <div class=\"label\">显示名称</div>\n    <div class=\"control\">\n      <!-- {{ formField!.templateOptions!.label }} -->\n\n      <input\n        nz-input\n        placeholder=\"显示名称\"\n        [(ngModel)]=\"formField!.templateOptions!.label\"\n      />\n      <!-- <demo-text-en\n        [lang]=\"lang\"\n        [labelI18n]=\"formField!.templateOptions!.labelI18n\"\n        (inputChange)=\"nameChange($event)\"\n      ></demo-text-en> -->\n    </div>\n  </div>\n  <ng-container\n    *ngIf=\"\n      formField.type != 'repeat' &&\n      formField.type != 'tabular' &&\n      formField.type != 'line' &&\n      formField.type != 'avatar' &&\n      formField.type != 'button'\n    \"\n  >\n    <div class=\"content\">\n      <div class=\"label\">字体大小</div>\n      <div class=\"control\">\n        <nz-select\n          [(ngModel)]=\"formField!.fontProperty!.fontSize\"\n          nzPlaceHolder=\"请选择字体大小\"\n        >\n          <nz-option\n            *ngFor=\"let i of fontSizeList\"\n            [nzValue]=\"i\"\n            [nzLabel]=\"i\"\n          ></nz-option>\n        </nz-select>\n      </div>\n    </div>\n\n    <div class=\"content\">\n      <div class=\"label\">字体颜色</div>\n      <div class=\"control\">\n        <nz-input-group [nzSuffix]=\"topbarTemplate\">\n          <input\n            type=\"text\"\n            [(colorPicker)]=\"formField!.fontProperty!.color\"\n            [(ngModel)]=\"formField!.fontProperty!.color\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            nz-input\n            placeholder=\"\"\n          />\n        </nz-input-group>\n        <ng-template #topbarTemplate>\n          <div\n            class=\"color-rect\"\n            [ngStyle]=\"{ 'background-color': formField!.fontProperty!.color }\"\n          ></div>\n        </ng-template>\n      </div>\n    </div>\n    <div class=\"content\">\n      <div class=\"label\">是否加粗</div>\n      <div class=\"control\">\n        <nz-switch\n          [(ngModel)]=\"formField!.fontProperty!.fontWeight\"\n          nzCheckedChildren=\"是\"\n          nzUnCheckedChildren=\"否\"\n        >\n        </nz-switch>\n      </div>\n    </div>\n    <div class=\"content\">\n      <div class=\"label\">是否倾斜</div>\n      <div class=\"control\">\n        <nz-switch\n          [(ngModel)]=\"formField!.fontProperty!.fontStyle\"\n          nzCheckedChildren=\"是\"\n          nzUnCheckedChildren=\"否\"\n        >\n        </nz-switch>\n      </div>\n    </div>\n  </ng-container>\n\n  <div class=\"content\" *ngIf=\"formField.type === 'textarea'\">\n    <div class=\"label\">显示行数</div>\n    <div class=\"control\">\n      <nz-input-number\n        [nzMin]=\"1\"\n        [nzStep]=\"1\"\n        [nzPrecision]=\"0\"\n        [(ngModel)]=\"formField!.templateOptions!['rows']\"\n      >\n      </nz-input-number>\n    </div>\n  </div>\n\n  <ng-container\n    *ngIf=\"\n      formField.type === 'select' ||\n      formField.type === 'text' ||\n      formField.type === 'numbers' ||\n      formField.type === 'textarea' ||\n      formField.type === 'datetime'\n    \"\n  >\n    <div class=\"content\" [class.textarea]=\"formField.type === 'textarea'\">\n      <div class=\"label\">默认值</div>\n      <div class=\"control\" *ngIf=\"formField.type === 'text'\">\n        <input\n          nz-input\n          placeholder=\"默认值\"\n          [(ngModel)]=\"formField.defaultValue\"\n        />\n      </div>\n      <div class=\"control\" *ngIf=\"formField.type === 'textarea'\">\n        <textarea\n          [rows]=\"formField!.templateOptions!['rows']\"\n          nz-input\n          wrap=\"hard\"\n          placeholder=\"默认值\"\n          [(ngModel)]=\"formField.defaultValue\"\n        ></textarea>\n      </div>\n\n      <div class=\"control\" *ngIf=\"formField.type === 'numbers'\">\n        <nz-input-number\n          [(ngModel)]=\"formField.defaultValue\"\n          [nzMin]=\"nzDefaultValueMin()\"\n          [nzMax]=\"nzDefaultValueMax()\"\n          [nzPrecision]=\"formField!.templateOptions!['precision']\"\n        >\n        </nz-input-number>\n      </div>\n\n      <div class=\"control\" *ngIf=\"formField.type === 'select'\">\n        <nz-select\n          [(ngModel)]=\"defaultValue\"\n          (ngModelChange)=\"\n            defaultValueChange($event, formField!.templateOptions!.selectType)\n          \"\n          nzAllowClear\n          [nzMode]=\"\n            formField!.templateOptions!.selectType === 'multiple'\n              ? 'multiple'\n              : 'default'\n          \"\n          [nzMaxTagCount]=\"3\"\n          nzPlaceHolder=\"请选择默认值\"\n        >\n          <nz-option\n            *ngFor=\"let i of defaultList\"\n            [nzValue]=\"i.value\"\n            [nzLabel]=\"i.label\"\n          ></nz-option>\n        </nz-select>\n      </div>\n\n      <div class=\"control\" *ngIf=\"formField.type === 'datetime'\">\n        <ng-container [ngSwitch]=\"formField!.templateOptions!.type\">\n          <ng-container *ngSwitchCase=\"'datetime'\">\n            <nz-date-picker\n              nzShowTime\n              [nzShowTime]=\"{ nzFormat: 'HH:mm' }\"\n              nzFormat=\"yyyy/MM/dd HH:mm\"\n              [(ngModel)]=\"formField.defaultValue\"\n              (ngModelChange)=\"dateTimeChange($event, 'datetime')\"\n            ></nz-date-picker>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'date'\">\n            <nz-date-picker\n              nzFormat=\"yyyy/MM/dd\"\n              [(ngModel)]=\"formField.defaultValue\"\n              (ngModelChange)=\"dateTimeChange($event, 'date')\"\n            ></nz-date-picker>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'year'\">\n            <nz-year-picker\n              nzFormat=\"yyyy\"\n              [(ngModel)]=\"formField.defaultValue\"\n              (ngModelChange)=\"dateTimeChange($event, 'year')\"\n            ></nz-year-picker>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'month'\">\n            <nz-month-picker\n              nzFormat=\"yyyy/MM\"\n              [(ngModel)]=\"formField.defaultValue\"\n              (ngModelChange)=\"dateTimeChange($event, 'month')\"\n            ></nz-month-picker>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'time'\">\n            <nz-time-picker\n              nzFormat=\"HH:mm\"\n              [(ngModel)]=\"formField.defaultValue\"\n              nzClearText=\"\"\n            ></nz-time-picker>\n          </ng-container>\n          <ng-container *ngSwitchDefault>\n            <nz-date-picker\n              nzShowTime\n              [nzShowTime]=\"{ nzFormat: 'HH:mm' }\"\n              nzFormat=\"yyyy/MM/dd HH:mm\"\n              [(ngModel)]=\"formField.defaultValue\"\n            ></nz-date-picker>\n          </ng-container>\n        </ng-container>\n      </div>\n    </div>\n\n    <div class=\"content\" *ngIf=\"formField.type === 'select'\">\n      <div class=\"label\">隐藏选项值</div>\n      <div class=\"control\">\n        <nz-select\n          [(ngModel)]=\"hideSelect\"\n          (ngModelChange)=\"hideSelectChange($event)\"\n          nzAllowClear\n          nzMode=\"multiple\"\n          [nzMaxTagCount]=\"3\"\n          nzPlaceHolder=\"请选择隐藏选项值\"\n        >\n          <nz-option\n            *ngFor=\"let i of defaultList\"\n            [nzValue]=\"i.value\"\n            [nzLabel]=\"i.label\"\n          ></nz-option>\n        </nz-select>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container\n    *ngIf=\"formField.type === 'text' || formField.type === 'textarea'\"\n  >\n    <div class=\"content\">\n      <div class=\"label\">最大长度</div>\n      <div class=\"control\">\n        <nz-input-number\n          [nzMin]=\"limit!['minLength']\"\n          [nzMax]=\"limit!['maxLength']\"\n          [nzStep]=\"1\"\n          [nzPrecision]=\"0\"\n          [(ngModel)]=\"formField!.templateOptions!['maxLength']\"\n        >\n        </nz-input-number>\n      </div>\n    </div>\n    <div class=\"content\">\n      <div class=\"label\">最小长度</div>\n      <div class=\"control\">\n        <nz-input-number\n          [nzMin]=\"0\"\n          [nzStep]=\"1\"\n          [nzPrecision]=\"0\"\n          [nzMin]=\"limit!['minLength']\"\n          [nzMax]=\"limit!['maxLength']\"\n          [(ngModel)]=\"formField!.templateOptions!['minLength']\"\n        ></nz-input-number>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"formField.type === 'numbers'\">\n    <div class=\"content\">\n      <div class=\"label\">最大值</div>\n      <div class=\"control\">\n        <nz-input-number\n          [nzStep]=\"1\"\n          [nzPrecision]=\"formField!.templateOptions!['precision']\"\n          [nzMin]=\"nzMaxMin()\"\n          [nzMax]=\"nzMaxMax()\"\n          [(ngModel)]=\"formField!.templateOptions!['max']\"\n        >\n        </nz-input-number>\n      </div>\n    </div>\n    <div class=\"content\">\n      <div class=\"label\">最小值</div>\n      <div class=\"control\">\n        <nz-input-number\n          [nzStep]=\"1\"\n          [nzPrecision]=\"formField!.templateOptions!['precision']\"\n          [nzMin]=\"nzMinMin()\"\n          [nzMax]=\"nzMinMax()\"\n          [(ngModel)]=\"formField!.templateOptions!['min']\"\n        >\n        </nz-input-number>\n      </div>\n    </div>\n    <div\n      class=\"content\"\n      *ngIf=\"formField!.primitiveProperty!['precision'] != 0\"\n    >\n      <div class=\"label\">精度</div>\n      <div class=\"control\">\n        <nz-input-number\n          [nzMin]=\"0\"\n          [nzStep]=\"1\"\n          [nzPrecision]=\"0\"\n          [nzMax]=\"formField!.primitiveProperty!['precision']\"\n          [(ngModel)]=\"formField!.templateOptions!['precision']\"\n        >\n        </nz-input-number>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"formField!.editProperty!.hide !== false\">\n    <div class=\"content\">\n      <div class=\"label\">是否隐藏</div>\n      <div class=\"control\">\n        <nz-switch\n          [(ngModel)]=\"formField.hide\"\n          (ngModelChange)=\"fieldHideChange($event)\"\n          nzCheckedChildren=\"是\"\n          nzUnCheckedChildren=\"否\"\n        >\n        </nz-switch>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"formField.type === 'htmlcontent'\">\n    <div class=\"content\">\n      <div class=\"label\">是否作为导航</div>\n      <div class=\"control\">\n        <nz-switch\n          [(ngModel)]=\"formField!.templateOptions!.isNav\"\n          nzCheckedChildren=\"是\"\n          nzUnCheckedChildren=\"否\"\n        >\n        </nz-switch>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container\n    *ngIf=\"\n      formField.type != 'repeat' &&\n      formField.type != 'tabular' &&\n      formField.type != 'line' &&\n      formField.type != 'htmlcontent' &&\n      formField.type != 'button' &&\n      formField.type != 'anchor'\n    \"\n  >\n    <div class=\"content\">\n      <div class=\"label\">是否必填</div>\n      <div class=\"control\">\n        <nz-switch\n          [(ngModel)]=\"formField!.templateOptions!['required']\"\n          nzCheckedChildren=\"是\"\n          nzUnCheckedChildren=\"否\"\n        >\n        </nz-switch>\n      </div>\n    </div>\n    <div class=\"content\">\n      <div class=\"label\">是否可编辑</div>\n      <div class=\"control\">\n        <nz-switch\n          [(ngModel)]=\"formField!.editor\"\n          nzCheckedChildren=\"是\"\n          nzUnCheckedChildren=\"否\"\n        >\n        </nz-switch>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container\n    *ngIf=\"\n      formField.type != 'repeat' &&\n      formField.type != 'tabular' &&\n      formField.type != 'line' &&\n      formField.type != 'htmlcontent' &&\n      formField.type != 'button' &&\n      formField.type != 'anchor'\n    \"\n  >\n    <div class=\"content\">\n      <div class=\"label\">说明tips</div>\n      <div class=\"control\">\n        <input\n          nz-input\n          placeholder=\"说明tips\"\n          [(ngModel)]=\"formField!.templateOptions!.tips\"\n        />\n        <!-- <demo-text-en\n          [langConfig]=\"langConfig\"\n          [labelI18n]=\"formField!.templateOptions!.tipsI18n\"\n          (inputChange)=\"tipsChange($event)\"\n        ></demo-text-en> -->\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container\n    *ngIf=\"formField.type == 'repeat' || formField.type == 'tabular'\"\n  >\n    <div class=\"content\">\n      <div class=\"label\">最多条数</div>\n      <div class=\"control\">\n        <nz-input-number\n          [nzMin]=\"0\"\n          [nzStep]=\"1\"\n          [nzPrecision]=\"0\"\n          [(ngModel)]=\"formField!.templateOptions!['maxLength']\"\n        >\n        </nz-input-number>\n      </div>\n    </div>\n    <div\n      class=\"content\"\n      *ngIf=\"formField.type == 'repeat' || formField.type == 'tabular'\"\n    >\n      <div class=\"label\">显示方式</div>\n      <div class=\"control\">\n        <nz-select\n          nzPlaceHolder=\"请选择显示方式\"\n          [(ngModel)]=\"formField!.templateOptions!['type']\"\n        >\n          <nz-option [nzLabel]=\"'块状'\" [nzValue]=\"'card'\"></nz-option>\n          <nz-option [nzLabel]=\"'列表'\" [nzValue]=\"'table'\"></nz-option>\n        </nz-select>\n      </div>\n    </div>\n  </ng-container>\n  <!-- <div class=\"content\">\n        <div class=\"label\">\n            占位符\n        </div>\n        <div class=\"control\">\n            <input nz-input [(ngModel)]=\"formField.templateOptions['placeholder']\" readonly disabled />\n        </div>\n    </div>\n    <div class=\"content textarea\">\n        <div class=\"label\">\n            提示信息\n        </div>\n        <div class=\"control\">\n            <textarea nz-input rows=\"3\" [(ngModel)]=\"formField.templateOptions['tips']\" readonly disabled> </textarea>\n        </div>\n    </div> -->\n  <ng-container\n    *ngIf=\"formField.type == 'htmlcontent' || formField.type == 'anchor'\"\n  >\n    <div class=\"content textarea\">\n      <div class=\"label\">文本描述</div>\n      <div class=\"control\">\n        <textarea\n          nz-input\n          rows=\"3\"\n          wrap=\"hard\"\n          [(ngModel)]=\"formField!.templateOptions!['description']\"\n        ></textarea>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container\n    *ngIf=\"\n      formField.type != 'repeat' &&\n      formField.type != 'tabular' &&\n      formField.type != 'line' &&\n      formField.type != 'htmlcontent' &&\n      formField.type != 'anchor' &&\n      formField.type != 'upload'\n    \"\n  >\n    <div class=\"content textarea\">\n      <div class=\"label\">正则表达式</div>\n      <div class=\"control\">\n        <textarea\n          nz-input\n          rows=\"3\"\n          [(ngModel)]=\"formField!.templateOptions!['pattern']\"\n        >\n        </textarea>\n      </div>\n    </div>\n  </ng-container>\n</div>\n<div class=\"vxbutton\" style=\"display: none\">\n  <button id=\"btn-basic-save\" form=\"kreform\">SAVE</button>\n</div>\n","styles":[":host ::ng-deep .builder-content{width:100%;padding:18px 0 0 12px;display:inline-block}:host ::ng-deep .builder-content .content{width:50%;float:left;margin:0 0 15px;min-height:45px;display:flex}:host ::ng-deep .builder-content .content .label{width:120px;text-align:right;padding:5px 10px 0 0}:host ::ng-deep .builder-content .content .control{flex:1;padding:0 15px 0 0}:host ::ng-deep .builder-content .content .control .ant-input-number,:host ::ng-deep .builder-content .content .control nz-select{width:100%!important}:host ::ng-deep .builder-content .content .color-rect{width:20px;height:20px}:host ::ng-deep .builder-content .textarea{width:100%}"]}]}],"members":{"langConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"newPrimitive":[{"__symbolic":"method"}],"modalType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":250,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":251,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/message","name":"NzMessageService","line":273,"character":20},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":274,"character":16},{"__symbolic":"reference","module":"@kre-form/core","name":"KreFormCommonService","line":275,"character":33},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":277,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"defaultValueChange":[{"__symbolic":"method"}],"hideSelectChange":[{"__symbolic":"method"}],"checkSave":[{"__symbolic":"method"}],"initBehaviorSubject":[{"__symbolic":"method"}],"frmSubmit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getFieldInfo":[{"__symbolic":"method"}],"fieldHideChange":[{"__symbolic":"method"}],"nameChange":[{"__symbolic":"method"}],"tipsChange":[{"__symbolic":"method"}],"dateTimeChange":[{"__symbolic":"method"}],"nzDefaultValueMin":[{"__symbolic":"method"}],"nzDefaultValueMax":[{"__symbolic":"method"}],"nzMaxMin":[{"__symbolic":"method"}],"nzMaxMax":[{"__symbolic":"method"}],"nzMinMin":[{"__symbolic":"method"}],"nzMinMax":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getKreFiledFunction":[{"__symbolic":"method"}],"getSourceFields":[{"__symbolic":"method"}],"text":[{"__symbolic":"method"}],"textI18N":[{"__symbolic":"method"}],"textArea":[{"__symbolic":"method"}],"number":[{"__symbolic":"method"}],"passWord":[{"__symbolic":"method"}],"radio":[{"__symbolic":"method"}],"radioGroup":[{"__symbolic":"method"}],"checkbox":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"datetime":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"upload":[{"__symbolic":"method"}],"lookup":[{"__symbolic":"method"}],"html":[{"__symbolic":"method"}],"repeat":[{"__symbolic":"method"}],"dimissContract":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"kreform-ds_field-label","template":"<textarea nz-input [nzAutosize]=\"{ minRows: 20, maxRows: 6 }\"\n    [(ngModel)]=\"formField.templateOptions['description']\"></textarea>","styles":[""]}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"submitForm":[{"__symbolic":"method"}],"checkSave":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"kreform-ds_field-type","template":"<div *ngFor=\"let item of fieldTypeList;let index=index\">\n    <label class=\"title\">{{item.label}}</label>\n    <ul cdkDropList [cdkDropListData]=\"item.child\">\n        <ng-container *ngFor=\"let type of item.child\">\n            <li class=\"field_type\" (click)=\"addFieldType(type)\" cdkDrag>\n                <i class=\"icon-other-WenBen\"></i>\n                <label>{{type.label}}</label>\n            </li>\n        </ng-container>\n    </ul>\n</div>","styles":["::ng-deep .field_type.cdk-drag-preview{text-align:center;line-height:30px;width:200px;height:34px;font-size:12px;border-radius:1px;border:1.4px dotted #7b8bed;background-color:#fff;color:#7b8bed;position:fixed!important;margin:0!important;z-index:9999!important;cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;list-style:none}::ng-deep .formly-drag-drop .field_type.cdk-drag-placeholder{height:6px;width:100%;margin:10px 0;background-color:#7b8bed}::ng-deep .formly-drag-drop .field_type.cdk-drag-placeholder i,::ng-deep .formly-drag-drop .field_type.cdk-drag-placeholder label{opacity:0}:host .buttonList button:nth-last-child(1){margin:0}:host .title{display:inline-block;width:100%;margin:10px 0 5px;color:#4a4a4a}:host ul{padding:0;margin:0;list-style:none}:host ul li{float:left;width:96px;height:30px;line-height:27px;color:#707070;font-size:12px;padding:1px;border:1px solid #d8d8d8;background-color:#fff;border-radius:2px;margin:0 8px 8px 0!important;cursor:move;vertical-align:middle}:host ul li i{cursor:move;margin:0 5px}:host ul li label{cursor:move}:host ul li:hover{color:#fff;opacity:.95;border-radius:1.4px;background-image:linear-gradient(to right,#6373da,#7f8ff3)}"]}]}],"members":{"fieldTypeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵn"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"addFieldType":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵo"}]}],"getBusinessTables":[{"__symbolic":"method"}],"getFormInfo":[{"__symbolic":"method"}],"getSysCtrEmployee":[{"__symbolic":"method"}],"getSysCtrOrgTree":[{"__symbolic":"method"}],"getSysCtrPostionTable":[{"__symbolic":"method"}],"getSysCtrArea":[{"__symbolic":"method"}],"getTreeData":[{"__symbolic":"method"}],"getWebAPIName":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":12,"character":28}]}],"parseParams":[{"__symbolic":"method"}],"formEncode":[{"__symbolic":"method"}],"appliedUrl":[{"__symbolic":"method"}],"begin":[{"__symbolic":"method"}],"end":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"post":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"delete":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"jsonp":[{"__symbolic":"method"}],"patch":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"put":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"request":[{"__symbolic":"method"},{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"kreform-design-table","template":"<nz-tabset class=\"kre-design-tabset\">\n  <ng-container *ngFor=\"let table of tableData; let index = index\">\n    <nz-tab [nzTitle]=\"table.tableName\" class=\"kre-design-tab\">\n      <nz-table\n        #basicTable\n        [nzData]=\"table.tableFields\"\n        [nzSize]=\"'small'\"\n        [nzFrontPagination]=\"false\"\n        [nzScroll]=\"tableScroll\"\n        class=\"kre-design-field-table\"\n      >\n        <thead>\n          <tr>\n            <th nzWidth=\"80px\"></th>\n            <th nzWidth=\"80px\">序号</th>\n            <th nzWidth=\"400px\">字段编码</th>\n            <th nzWidth=\"120px\" style=\"min-width: 120px; max-width: 160px\">\n              字段名称\n            </th>\n\n            <th nzWidth=\"120px\" style=\"min-width: 120px; max-width: 160px\">\n              字段类型\n            </th>\n            <th nzWidth=\"120px\" style=\"min-width: 120px; max-width: 160px\">\n              数据类型\n            </th>\n            <th nzWidth=\"120px\" style=\"min-width: 120px; max-width: 160px\">\n              类型\n            </th>\n            <th nzWidth=\"240px\" style=\"min-width: 120px; max-width: 160px\">\n              是否业务关键字段\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let data of basicTable.data; let index = index\">\n            <ng-container\n              *ngIf=\"data?.isButintin == true || data?.fieldQuote == true\"\n            >\n              <td\n                nzShowCheckbox\n                [nzDisabled]=\"\n                  data?.isButintin == true || data?.fieldQuote == true\n                \"\n                [nzChecked]=\"true\"\n              ></td>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data?.isButintin !== true && data?.fieldQuote !== true\"\n            >\n              <td\n                nzShowCheckbox\n                [nzDisabled]=\"\n                  data?.isButintin == true || data?.fieldQuote == true\n                \"\n                [(nzChecked)]=\"mapOfCheckedId[data.fieldCode]\"\n              ></td>\n            </ng-container>\n            <td>{{ index + 1 }}</td>\n            <td>{{ data.fieldCode }}</td>\n            <td>{{ data.fieldName }}</td>\n\n            <td>{{ data.fieldType }}</td>\n            <td>{{ data.fieldDataType }}</td>\n            <td>{{ data.fieldDictionaryType }}</td>\n            <td>{{ data.fieldBusinessType }}</td>\n          </tr>\n        </tbody>\n      </nz-table>\n    </nz-tab>\n  </ng-container>\n</nz-tabset>\n","styles":[":host ::ng-deep{height:480px;display:inline-block;width:100%;overflow-y:auto}:host ::ng-deep .ant-table-placeholder{display:none}"]}]}],"members":{"tableType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"businessTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"fieldConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initTableData":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"kreform-design-tables","providers":[{"__symbolic":"reference","name":"ɵn"}],"template":"<nz-radio-group [(ngModel)]=\"radioValue\" nzName=\"radiogroup\">\n    <nz-table [nzSize]=\"'small'\" [nzFrontPagination]=\"false\" [nzScroll]=\"tableScroll\" class=\"kre-design-field-table\">\n        <thead>\n            <tr>\n                <th nzWidth=\"80px\"></th>\n                <th nzWidth=\"80px\">序号</th>\n                <th nzWidth=\"150px\">表编码</th>\n\n                <th>表名称</th>\n            </tr>\n        </thead>\n        <tbody>\n            <tr *ngFor=\"let data of tableData;let index=index;\">\n                <td> <label nz-radio [nzValue]=\"data.tableCode\" [nzDisabled]=\"data.tableQuote\"></label>\n                </td>\n                <td>{{index+1}}</td>\n                <td>{{ data.tableCode }}</td>\n                <td>{{ data.tableName }}</td>\n            </tr>\n        </tbody>\n    </nz-table>\n</nz-radio-group>","styles":[":host ::ng-deep{height:480px;display:inline-block;width:100%;overflow-y:auto}:host ::ng-deep .ant-table-placeholder{display:none}:host ::ng-deep .ant-radio-group{display:block}"]}]}],"members":{"businessTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initTableData":[{"__symbolic":"method"}],"selectOK":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"kreform-drawer","host":{"[class.setting-drawer]":"true","$quoted$":["[class.setting-drawer]"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":26,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵr"},"multi":true}],"template":"<nz-drawer [nzClosable]=\"false\" [nzVisible]=\"visible\" (nzOnClose)=\"close()\" [nzWidth]=\"300\"\n  nzWrapClassName=\"kreformDesign-drawer\">\n\n  <nz-collapse [nzBordered]=\"false\">\n    <ng-container *ngFor=\"let table of tableData;let i=index;\">\n      <nz-collapse-panel [nzHeader]=\"table.tablelabel+'-'+table.tablename\" [nzActive]=\"i==0\">\n        <ul>\n          <li *ngFor=\"let field of table.tablefields\">\n            <span><i *ngIf=\"field?.fieldquote\" class=\"icon-KT-Time\"></i></span>\n            <span>{{field.fieldname}}</span>\n            <span *ngIf=\"field.allownull===false\">*</span>\n          </li>\n        </ul>\n      </nz-collapse-panel>\n    </ng-container>\n  </nz-collapse>\n</nz-drawer>\n<div class=\"setting-drawer__handle\" [ngClass]=\"{ 'setting-drawer__handle-opened': visible }\" (click)=\"toggle()\">\n\n</div>","styles":[":host ::ng-deep .setting-drawer__handle{position:fixed;bottom:150px;right:0;z-index:999;display:flex;align-items:center;justify-content:center;font-size:16px;text-align:center;border-radius:4px 0 0 4px;cursor:pointer;transition:right .1s cubic-bezier(.8,0,.5,.4);pointer-events:auto;width:28px;height:48px;background-color:rgba(0,0,0,.5)}:host ::ng-deep .setting-drawer__handle-opened{right:300px;z-index:1001}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onTouched":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"kreform-private-tree","template":" \n    <ul class=\"component-tree\">\n        <li class=\"tree-item kreform-scrollbar \">\n \n            <nz-tree #nzTreeComponent [nzData]=\"data\" (nzClick)=\"nzClick($event)\" (nzCheckBoxChange)=\"nzCheck($event)\" [nzCheckable]=\"selectType==='multiple'\" [nzSelectedKeys]=\"selectedKey\" [nzCheckedKeys]=\"selectedKey\" [nzExpandAll]=\"expandAll\" [nzCheckStrictly]=\"true\">\n            </nz-tree>\n        </li>\n        <li class=\"tree-tag kreform-scrollbar \" *ngIf=\"tag\">\n            <div class=\"tag-header\">\n                <label>已选<span>{{selectData.length}}</span>人</label>\n                <label (click)=\"selectAllClear()\">清空</label>\n            </div>\n            <div class=\"tag-content\">\n                <ng-container *ngFor=\"let item of selectData\">\n                    <nz-tag nzMode=\"closeable\" (nzOnClose)=\"selectClearById(item.value)\">{{item.label}}</nz-tag>\n                </ng-container>\n            </div>\n        </li>\n    </ul> ","styles":[":host ::ng-deep .kreform-scrollbar{scrollbar-color:transparent;overflow-y:overlay}:host ::ng-deep .kreform-scrollbar::-webkit-scrollbar{width:6px;height:6px}:host ::ng-deep .kreform-scrollbar::-webkit-scrollbar-track{box-shadow:inset 0 0 6px transparent}:host ::ng-deep .kreform-scrollbar::-webkit-scrollbar-thumb{background-color:#999;outline:#333 solid 1px;border-radius:6px}:host ::ng-deep kre-skeleton{height:100%}:host ::ng-deep .builder-content{width:100%;padding:0 0 0 12px}:host ::ng-deep .builder-content .content{width:50%;float:left;margin:0 0 15px;min-height:45px}:host ::ng-deep .builder-content .content .label{width:100%}:host ::ng-deep .builder-content .content .control{width:100%;padding:0 15px 0 0}:host ::ng-deep .builder-content .content .control .ant-input-number{width:100%!important}:host ::ng-deep .builder-content .textarea{width:100%}:host ::ng-deep .component-tree{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;height:100%}:host ::ng-deep .component-tree .ant-tree-node-content-wrapper{font-size:12px!important;display:inline-block!important;padding:0 5px 0 0!important;min-width:200px!important}:host ::ng-deep .component-tree .ant-tree-node-selected{background-color:#f6f7fb!important}:host ::ng-deep .component-tree .tree-item{flex:1;border:0 solid #f6f7fb;padding:8px 5px 5px 10px;overflow-y:auto}:host ::ng-deep .component-tree .tree-tag{overflow-y:auto;width:330px;background-color:#f6f7fb;padding:15px}:host ::ng-deep .component-tree .tree-tag .tag-header{font-size:12px;font-weight:700;color:#777d93;padding:0 0 20px}:host ::ng-deep .component-tree .tree-tag .tag-header span{display:inline-block;padding:0 3px;color:#ff986b;font-weight:400}:host ::ng-deep .component-tree .tree-tag .tag-header label:nth-last-child(1){float:right;font-weight:400;color:#6375da;cursor:pointer}:host ::ng-deep .component-tree .tree-tag .tag-content .ant-tag{color:#6375da;border:0;padding:3px 8px;margin:0 10px 10px 0;background:#fff}:host ::ng-deep .component-tree .tree-tag .tag-content .ant-tag i{color:#6375da;font-weight:700}"]}]}],"members":{"tag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"selectType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"expandAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"selectData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"treeChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"nzTreeComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":["nzTreeComponent",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"nzClick":[{"__symbolic":"method"}],"nzCheck":[{"__symbolic":"method"}],"treeChecked":[{"__symbolic":"method"}],"selectClearById":[{"__symbolic":"method"}],"selectAllClear":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":43,"character":1},"arguments":[{"selector":"kreform-private-table","template":"<div class=\"kre-form-table\">\n    <div class=\"kre-form-table-header\">\n        <div class=\"header-button\">\n            <nz-input-group nzSearch [nzAddOnAfter]=\"suffixIconButton\">\n                <input type=\"text\" nz-input placeholder=\"请输入关键字搜索\" maxlength=\"50\" [(ngModel)]=\"query.keyWord\" />\n            </nz-input-group>\n            <ng-template #suffixIconButton>\n                <button nz-button nzType=\"primary\" nzSearch (click)=\"queryChange()\"><i nz-icon nzType=\"search\"></i></button>\n            </ng-template>\n            <ng-content></ng-content>\n        </div>\n        <div class=\"header-pagination\">\n            <nz-pagination [nzTotal]=\"query.total\" [nzPageIndex]=\"query.pageIndex\" [nzPageSize]=\"query.pageSize\" [nzSize]=\"'small'\" (nzPageIndexChange)=\"pageIndexChange($event)\"></nz-pagination>\n        </div>\n    </div>\n    <div class=\"kre-form-table-content\">\n        <nz-table [nzFrontPagination]=\"false\" nzShowPagination nzShowSizeChanger #rowSelectionTable [nzData]=\"listData\" [nzScroll]=\"tableScroll\">\n            <thead>\n                <tr>\n                    <ng-container *ngIf=\"check\">\n                        <th nzWidth=\"50px\" nzLeft=\"0px\" nzShowCheckbox [(nzChecked)]=\"isAllChecked\" [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"setCheckAll($event)\"></th>\n                    </ng-container>\n                    <ng-container *ngFor=\"let item of header\">\n                        <ng-container *ngIf=\"item.hiden!=true && item.action!=true\">\n                            <th [nzWidth]=\"item.width+'px'\">{{item.name}}</th>\n                        </ng-container>\n                    </ng-container>\n                    <ng-container *ngIf=\"action!=0\">\n                        <th nzRight=\"0px\" [nzWidth]=\"'100px'\">操作</th>\n                    </ng-container>\n                </tr>\n            </thead>\n            <tbody>\n                <tr *ngFor=\"let data of rowSelectionTable.data\">\n                    <ng-container *ngIf=\"check\">\n                        <td nzShowCheckbox [(nzChecked)]=\"listDataCheckedId[data.id]\" (nzCheckedChange)=\"setCheckStatus()\"></td>\n                    </ng-container>\n                    <ng-container *ngFor=\"let item of header\">\n                        <ng-container *ngIf=\"item.hiden!=true && item.action!=true\">\n                            <td>{{data[item.key]}}</td>\n                        </ng-container> \n                    </ng-container>\n                    <ng-container *ngIf=\"action==2\">\n                        <td><span class=\"itemSelect\" (click)=\"itemSelectChange(data)\">选择</span></td>\n                    </ng-container>\n\n                </tr>\n            </tbody>\n        </nz-table>\n    </div>\n    <div class=\"kre-form-table-footer\">\n        <div class=\"tag-header\">\n            <label>已选<span>{{listDataSelectedList.length}}</span></label>\n            <label (click)=\"selectAllClear()\">清空</label>\n        </div>\n        <div class=\"tag-content kreform-scrollbar \"> \n            <ng-container *ngFor=\"let item of listDataSelectedList\">\n                <nz-tag nzMode=\"closeable\" (nzOnClose)=\"selectClearById(item.id)\">{{item.name}}</nz-tag>\n            </ng-container>\n        </div>\n    </div>\n</div>","styles":[":host ::ng-deep{width:100%}:host ::ng-deep .kre-form-table{background:#fff;display:flex;flex:1;flex-direction:column}:host ::ng-deep .kre-form-table-header{display:flex;flex-direction:row;padding:10px}:host ::ng-deep .kre-form-table-header .header-button{flex:1}:host ::ng-deep .kre-form-table-header .header-button nz-input-group{width:260px;margin-right:10px}:host ::ng-deep .kre-form-table-header .header-button .ant-input{font-size:12px}:host ::ng-deep .kre-form-table-header .hader-pagination{width:300px}:host ::ng-deep .kre-form-table-content{display:flex;flex-direction:row;flex:1;padding:0 10px}:host ::ng-deep .kre-form-table-content nz-table{flex:1}:host ::ng-deep .kre-form-table-content .ant-table{font-size:12px}:host ::ng-deep .kre-form-table-content .ant-table .ant-table-placeholder{border-bottom:0}:host ::ng-deep .kre-form-table-content .ant-table .ant-empty-normal{margin:115px 0}:host ::ng-deep .kre-form-table-content .ant-table-body{height:332px}:host ::ng-deep .kre-form-table-content .itemSelect{cursor:pointer}:host ::ng-deep .kre-form-table-footer{height:78px;margin:0 10px;padding:10px;background-color:#f6f7fb;display:flex;flex-direction:row}:host ::ng-deep .kre-form-table-footer .tag-header{font-size:12px;font-weight:700;color:#777d93;padding:0 0 20px}:host ::ng-deep .kre-form-table-footer .tag-header span{display:inline-block;padding:0 3px;color:#ff986b;font-weight:400}:host ::ng-deep .kre-form-table-footer .tag-header label:nth-child(1){display:inline-block;width:100%}:host ::ng-deep .kre-form-table-footer .tag-header label:nth-child(2){display:inline-block;width:100%;font-weight:400;color:#6375da;cursor:pointer;margin-top:5px}:host ::ng-deep .kre-form-table-footer .tag-content{flex:1}:host ::ng-deep .kre-form-table-footer .tag-content .ant-tag{color:#6375da;border:0;padding:3px 8px;margin:0 10px 10px 0;background:#fff}:host ::ng-deep .kre-form-table-footer .tag-content .ant-tag i{color:#6375da;font-weight:700}:host ::ng-deep .kre-form-table .ant-table-wrapper{border:1px solid #e8e8e8}:host ::ng-deep .kre-form-table .ant-table-wrapper .ant-table-thead tr th{padding:6px 10px;background-color:#fff;border-right:1px solid #e8e8e8}:host ::ng-deep .kre-form-table .ant-table-wrapper .ant-table-thead tr th:nth-last-child(1){border-right:0!important}:host ::ng-deep .kre-form-table .ant-table-wrapper .ant-table-thead tr th.ant-table-column-has-actions.ant-table-column-has-sorters:hover{background:#fff}:host ::ng-deep .kre-form-table .ant-table-wrapper .ant-table-tbody tr td{border:0;padding:6px 10px}:host ::ng-deep .kre-form-table .ant-table-wrapper .ant-table-tbody tr:nth-child(odd){background-color:#f6f8fd}:host ::ng-deep .kre-form-table .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body{scrollbar-color:transparent!important;overflow-y:overlay!important}:host ::ng-deep .kre-form-table .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body::-webkit-scrollbar{width:6px;height:6px}:host ::ng-deep .kre-form-table .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px transparent}:host ::ng-deep .kre-form-table .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body::-webkit-scrollbar-thumb{background-color:#999;border-radius:6px;outline:#333 solid 1px}:host ::ng-deep .kre-form-table .ant-table-header{background:#fff;margin-bottom:0!important;overflow:hidden!important}:host ::ng-deep .kre-form-table .table-action{background:red;padding:3px 8px;border-radius:12px;color:#fff;font-size:12px;cursor:pointer}"]}]}],"members":{"tableIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"tableSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"tableTotal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"check":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"body":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"buttonlist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"checkid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3}}]}],"checkChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":135,"character":3}}]}],"pageIndexEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":137,"character":3}}]}],"orderChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":3}}]}],"filterChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":141,"character":3}}]}],"buttonAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":143,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setCheckAll":[{"__symbolic":"method"}],"setCheckStatus":[{"__symbolic":"method"}],"queryChange":[{"__symbolic":"method"}],"pageIndexChange":[{"__symbolic":"method"}],"tableSort":[{"__symbolic":"method"}],"itemSelectChange":[{"__symbolic":"method"}],"saveSelected":[{"__symbolic":"method"}],"selectAllClear":[{"__symbolic":"method"}],"selectClearById":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"kreform-tree","providers":[{"__symbolic":"reference","name":"ɵn"}],"template":"<kreform-private-tree [data]=\"treeData\" [selectType]=\"selectType\" [selectData]=\"selectData\" [tag]=\"tag\"></kreform-private-tree>","styles":[":host ::ng-deep .builder-content{width:100%;padding:0 0 0 12px}:host ::ng-deep .builder-content .content{width:50%;float:left;margin:0 0 15px;min-height:45px}:host ::ng-deep .builder-content .content .label{width:100%}:host ::ng-deep .builder-content .content .control{width:100%;padding:0 15px 0 0}:host ::ng-deep .builder-content .content .control .ant-input-number{width:100%!important}:host ::ng-deep .builder-content .textarea{width:100%}"]}]}],"members":{"fieldConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"tag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"treeChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵn"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getTreeData":[{"__symbolic":"method"}],"getSelectData":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"kreform-employee","providers":[{"__symbolic":"reference","name":"ɵn"}],"template":"<kreform-private-table\n [tableIndex]=\"query.pageIndex\"\n [tableSize]=\"query.pageSize\"\n [tableTotal]=\"query.total\"\n [header]=\"header\"\n [body]=\"body\"\n [check]=\"check\"\n [action]=\"action\"\n [checkid]=\"checkid\" \n (checkChangeEvent)=\"checkChange($event)\"\n (pageIndexEvent)=\"pageIndexChange($event)\" >\n</kreform-private-table>","styles":[":host ::ng-deep{display:flex;width:100%;height:100%}:host ::ng-deep .content-left{display:flex;flex-direction:column;width:300px;padding:0 10px}:host ::ng-deep .content-left nz-select{width:100%}:host ::ng-deep .content-left .tree{flex:1;overflow-y:auto;display:in}:host ::ng-deep .content-right{flex:1}"]}]}],"members":{"fieldConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵn"}]}],"getSelectData":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getEmployeeData":[{"__symbolic":"method"}],"pageIndexChange":[{"__symbolic":"method"}],"checkChange":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"kreform-org","providers":[{"__symbolic":"reference","name":"ɵn"}],"template":"<div class=\"org-select\" *ngIf=\"dimension==true\">\n    <span>维度：</span>\n    <nz-select [(ngModel)]=\"curOrgId\" (ngModelChange)=\"orgChange($event)\">\n        <ng-container *ngFor=\"let item of data;\">\n            <nz-option [nzValue]=\"item.key\" [nzLabel]=\"item.title\"></nz-option>\n        </ng-container>\n    </nz-select>\n</div>\n<div class=\"org-tree\"> \n    <kreform-private-tree [data]=\"treeData\" [selectType]=\"selectType\" [selectData]=\"selectData\" [tag]=\"tag\" (treeChangeEvent)=\"treeChange($event)\"></kreform-private-tree>\n</div>","styles":[":host ::ng-deep .org-select{min-width:500px;padding:15px 0 0 15px;font-size:12px}:host ::ng-deep .org-select nz-select{min-width:250px}:host ::ng-deep .org-select .ant-select{font-size:12px}:host ::ng-deep .org-select .ant-select-dropdown{font-size:12px}:host ::ng-deep .org-tree{height:calc(100% - 47px);padding:0 0 0 10px}:host ::ng-deep .org-tree .tree-item{padding-left:0!important}:host ::ng-deep .org-tree .tree-tag{margin-top:-47px}"]}]}],"members":{"fieldConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"tag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"treeChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"nzTreeComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":3},"arguments":["nzTreeComponent",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":79,"character":59}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getOrgData":[{"__symbolic":"method"}],"getTreeSelectData":[{"__symbolic":"method"}],"orgChange":[{"__symbolic":"method"}],"treeChange":[{"__symbolic":"method"}],"setTreeUnChecked":[{"__symbolic":"method"}],"setTreeChecked":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"kreform-postion","providers":[{"__symbolic":"reference","name":"ɵn"}],"template":"\n<div class=\"postion-org\">\n    <!-- <kre-org [data]=\"orgData\" [dimension]=\"true\" [tag]=\"false\" (treeChangeEvent)=\"orgChange($event)\">\n    </kre-org> -->\n    \n    <kreform-private-tree [data]=\"treeData\" [selectType]=\"'single'\" [tag]=\"false\" [expandAll]=\"false\"  (treeChangeEvent)=\"orgChange($event)\"></kreform-private-tree>\n</div>\n<div class=\"postion-list\"> \n    <kreform-private-table\n        [tableIndex]=\"query.pageIndex\"\n        [tableSize]=\"query.pageSize\"\n        [tableTotal]=\"query.total\"\n        [header]=\"header\"\n        [body]=\"body\"\n        [check]=\"check\"\n        [action]=\"action\"\n        [checkid]=\"checkid\" \n        (checkChangeEvent)=\"checkChange($event)\"\n        (pageIndexEvent)=\"pageIndexChange($event)\" >\n    </kreform-private-table>\n</div>\n","styles":[":host ::ng-deep{display:flex;flex-direction:row;width:100%;height:100%}:host ::ng-deep .postion-org{width:240px;border-right:1px solid #e8e8e8}:host ::ng-deep .postion-org .component-tree .tree-item{padding:8px 5px 5px 8px!important}:host ::ng-deep .postion-org .ant-tree li ul{padding:0 0 0 15px}:host ::ng-deep .postion-list{flex:1}"]}]}],"members":{"fieldConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"tag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"treeChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵn"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getOrgData":[{"__symbolic":"method"}],"getSelectData":[{"__symbolic":"method"}],"getPostionData":[{"__symbolic":"method"}],"pageIndexChange":[{"__symbolic":"method"}],"checkChange":[{"__symbolic":"method"}],"orgChange":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"kreform-area","providers":[{"__symbolic":"reference","name":"ɵn"}],"template":"参数：{{fieldConfig|json}}","styles":[":host ::ng-deep .builder-content{width:100%;padding:0 0 0 12px}:host ::ng-deep .builder-content .content{width:50%;float:left;margin:0 0 15px;min-height:45px}:host ::ng-deep .builder-content .content .label{width:100%}:host ::ng-deep .builder-content .content .control{width:100%;padding:0 15px 0 0}:host ::ng-deep .builder-content .content .control .ant-input-number{width:100%!important}:host ::ng-deep .builder-content .textarea{width:100%}"]}]}],"members":{"fieldConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"nzTreeComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":3},"arguments":["nzTreeComponent",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵn"}]}],"ngOnInit":[{"__symbolic":"method"}],"nzEvent":[{"__symbolic":"method"}],"submitForm":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"kreform-fieldbutton","template":"<ng-container *ngIf=\"checkField() == true; else planbutton\">\n  <div class=\"fieldButton\">\n    <button\n      class=\"btnEdit\"\n      *ngIf=\"ShowEditBtn != false\"\n      (click)=\"fieldOperational('edit')\"\n    >\n      <i class=\"icon-Edit03\"></i>编辑\n    </button>\n    <ng-container *ngIf=\"showDeleteBtn\">\n      <button class=\"btnDel\" (click)=\"fieldOperational('delete')\">\n        <i class=\"icon-KT-Close\"></i>\n      </button>\n    </ng-container>\n  </div>\n</ng-container>\n<ng-template #planbutton>\n  <div class=\"fieldButton\">\n    <button\n      class=\"btnEdit\"\n      *ngIf=\"field?.design?.edit != false || ShowEditBtn != false\"\n      (click)=\"fieldOperational('edit')\"\n    >\n      <i class=\"icon-Edit03\"></i>编辑\n    </button>\n    <ng-container *ngIf=\"showDeleteBtn\">\n      <button\n        class=\"btnDel\"\n        *ngIf=\"field?.design?.delete != false\"\n        (click)=\"fieldOperational('delete')\"\n      >\n        <i class=\"icon-KT-Close\"></i>\n      </button>\n    </ng-container>\n  </div>\n</ng-template>\n","styles":[":host ::ng-deep .builder-content{width:100%;padding:0 0 0 12px}:host ::ng-deep .builder-content .content{width:50%;float:left;margin:0 0 15px;min-height:45px}:host ::ng-deep .builder-content .content .label{width:100%}:host ::ng-deep .builder-content .content .control{width:100%;padding:0 15px 0 0}:host ::ng-deep .builder-content .content .control .ant-input-number{width:100%!important}:host ::ng-deep .builder-content .textarea{width:100%}"]}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"buttonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"fieldOperational":[{"__symbolic":"method"}],"checkField":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"demo-event","template":"<div class=\"w-100 p-3 flex-h\">\n  <div class=\"new-flex-1\">\n    <div>\n      <button nz-button nzType=\"primary\" (click)=\"add()\" nzSize=\"small\">\n        新增\n      </button>\n      <div class=\"event-boxs\">\n        <form\n          nz-form\n          [formGroup]=\"validateForm\"\n          class=\"form-wrap form-box h-100 flex-v\"\n        >\n          <ng-container *ngIf=\"eventList.value.length > 0; else cardEmpty\">\n            <div\n              formArrayName=\"eventList\"\n              class=\"flex-h dynamic-from\"\n              *ngFor=\"let lateAnalysis of eventList.controls; let i = index\"\n              nz-row\n            >\n              <ng-container [formGroupName]=\"i\">\n                <div class=\"new-flex-1 p-0\">\n                  <demo-event-item\n                    [myForm]=\"eventList.controls[i]\"\n                    [index]=\"i\"\n                    [options]=\"options\"\n                    [field]=\"data\"\n                    [fields]=\"fields\"\n                  >\n                  </demo-event-item>\n                </div>\n                <div style=\"width: 36px\">\n                  <div\n                    class=\"\n                      btn-close btn-close-show\n                      flex-h flex-align-center flex-justify-center\n                      h-100\n                    \"\n                    (click)=\"removeEventList(i)\"\n                  >\n                    <i class=\"icon-N_delete\"> </i>\n                  </div>\n                </div>\n              </ng-container>\n            </div>\n          </ng-container>\n          <ng-template #cardEmpty>\n            <div class=\"repeat-card-empty\">\n              <div class=\"repeat-empty-image\"></div>\n              <p class=\"ant-empty-description\">暂无数据</p>\n            </div>\n          </ng-template>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>","styles":[""]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"triggerJson":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":25,"character":26}]}],"save":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"addEventList":[{"__symbolic":"method"}],"removeEventList":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"demo-event-item","template":"<ng-container [formGroup]=\"myForm\">\n  <div class=\"w-100 flex-h\">\n    <div class=\"w-100\">\n      <nz-form-item class=\"flex-h mb-0\">\n        <nz-form-control\n          nz-col\n          nzSpan=\"4\"\n          class=\"pr-3\"\n          nzErrorTip=\"请选择变更类型\"\n        >\n          <nz-select\n            id=\"selected\"\n            formControlName=\"selected\"\n            nzPlaceHolder=\"变更类型\"\n            nzShowSearch\n            nzDropdownMatchSelectWidth=\"true\"\n            (ngModelChange)=\"selectedChange($event)\"\n          >\n            <nz-option\n              *ngFor=\"let item of selected\"\n              nzCustomContent\n              nzDropdownMatchSelectWidth=\"true\"\n              [nzValue]=\"item.value\"\n              [nzLabel]=\"item.label\"\n            >\n              <div class=\"options-item w-95\">\n                {{ item.label }}\n              </div>\n            </nz-option>\n          </nz-select>\n        </nz-form-control>\n\n        <nz-form-control\n          nz-col\n          nzSpan=\"5\"\n          class=\"pr-3\"\n          nzErrorTip=\"请选择变更类型值\"\n          *ngIf=\"myForm.value['selected'] === 'selected'\"\n        >\n          <nz-select\n            id=\"selectItem\"\n            nzMode=\"multiple\"\n            [nzMaxTagCount]=\"3\"\n            formControlName=\"selectItems\"\n            nzDropdownMatchSelectWidth=\"true\"\n            (ngModelChange)=\"selectItemChange($event)\"\n            nzPlaceHolder=\"变更类型值\"\n            style=\"width: 160px\"\n            nzShowSearch\n          >\n            <nz-option\n              *ngFor=\"let item of selectItem\"\n              nzCustomContent\n              nzDropdownMatchSelectWidth=\"true\"\n              [nzValue]=\"item.value\"\n              [nzLabel]=\"item.label\"\n            >\n              <div class=\"options-item w-95\">\n                {{ item.label }}\n              </div>\n            </nz-option>\n          </nz-select>\n        </nz-form-control>\n\n        <nz-form-control\n          nz-col\n          nzSpan=\"5\"\n          class=\"pr-3\"\n          *ngIf=\"myForm.value['selected'] === 'inputIsSpec'\"\n          nzErrorTip=\"请输入特定值\"\n        >\n          <input nz-input placeholder=\"特定值\" formControlName=\"specValue\" />\n        </nz-form-control>\n\n        <nz-form-control\n          nz-col\n          nzSpan=\"5\"\n          class=\"pr-3\"\n          *ngIf=\"myForm.value['selected'] === 'dateTimeIsSpec'\"\n          nzErrorTip=\"请输入特定时间\"\n        >\n          <!-- <demo-datetime\n            formControlName=\"dateTimeIsSpec\"\n            [maxDate]=\"fixedValue.maxDate\"\n            [minDate]=\"fixedValue.minDate\"\n          >\n          </demo-datetime> -->\n        </nz-form-control>\n\n        <nz-form-control\n          nz-col\n          nzSpan=\"5\"\n          class=\"pr-3\"\n          nzErrorTip=\"请选择变更对象\"\n        >\n          <nz-select\n            id=\"fieldKey\"\n            formControlName=\"fieldKey\"\n            nzPlaceHolder=\"变更对象\"\n            nzShowSearch\n            nzDropdownMatchSelectWidth=\"true\"\n            (ngModelChange)=\"fieldKeyChange($event)\"\n          >\n            <nz-option\n              *ngFor=\"let item of changeItem\"\n              nzCustomContent\n              nzDropdownMatchSelectWidth=\"true\"\n              [nzValue]=\"item.key\"\n              [nzLabel]=\"item.templateOptions.label\"\n            >\n              <div class=\"options-item w-95\">\n                {{ item.templateOptions.label }}\n                <span *ngIf=\"!!item?.tableName\">--{{ item?.tableName }}</span>\n              </div>\n            </nz-option>\n          </nz-select>\n        </nz-form-control>\n\n        <nz-form-control\n          nz-col\n          nzSpan=\"4\"\n          class=\"pr-3\"\n          nzErrorTip=\"请选择变更动作\"\n        >\n          <nz-select\n            id=\"changeAction\"\n            formControlName=\"changeActions\"\n            nzPlaceHolder=\"变更动作\"\n            nzShowSearch\n            nzDropdownMatchSelectWidth=\"true\"\n            (ngModelChange)=\"changeActionChange($event)\"\n          >\n            <nz-option\n              *ngFor=\"let item of changeAction\"\n              nzCustomContent\n              nzDropdownMatchSelectWidth=\"true\"\n              [nzValue]=\"item.value\"\n              [nzLabel]=\"item.label\"\n            >\n              <div class=\"options-item w-95\">\n                {{ item.label }}\n              </div>\n            </nz-option>\n          </nz-select>\n        </nz-form-control>\n        <nz-form-control\n          nz-col\n          nzSpan=\"4\"\n          class=\"\"\n          nzErrorTip=\"请选择变更结果\"\n          *ngIf=\"\n            myForm.value['changeActions'] !== 'limitLength' &&\n            myForm.value['changeActions'] !== 'limitNumber' &&\n            myForm.value['changeActions'] !== 'limitDateTime' &&\n            myForm.value['changeActions'] !== 'fixedValueChange'\n          \"\n        >\n          <nz-select\n            id=\"changeToItem\"\n            formControlName=\"changeToItems\"\n            nzPlaceHolder=\"变更结果\"\n            nzShowSearch\n            (ngModelChange)=\"changeToItemChange($event)\"\n            [nzMode]=\"multiple\"\n            [nzMaxTagCount]=\"3\"\n            nzDropdownMatchSelectWidth=\"true\"\n          >\n            <nz-option\n              *ngFor=\"let item of changeToItem\"\n              nzCustomContent\n              nzDropdownMatchSelectWidth=\"true\"\n              [nzValue]=\"item.value\"\n              [nzLabel]=\"item.label\"\n            >\n              <div class=\"options-item w-95\">\n                {{ item.label }}\n              </div>\n            </nz-option>\n          </nz-select>\n        </nz-form-control>\n\n        <nz-form-control\n          nz-col\n          nzSpan=\"4\"\n          class=\"\"\n          *ngIf=\"myForm.value['changeActions'] === 'fixedValueChange'\"\n          nzErrorTip=\"固定值填写有误\"\n        >\n          <ng-container *ngIf=\"myForm.value['changeFieldType'] !== 'numbers'\">\n            <input\n              nz-input\n              id=\"fixedValue\"\n              formControlName=\"fixedValue\"\n              placeHolder=\"固定值\"\n              [maxlength]=\"fixedValue.maxLength\"\n              [minlength]=\"fixedValue.minLength\"\n            />\n          </ng-container>\n\n          <ng-container *ngIf=\"myForm.value['changeFieldType'] === 'numbers'\">\n            <nz-input-number\n              style=\"width: 100%\"\n              id=\"fixedValue\"\n              formControlName=\"fixedValue\"\n              nzPlaceHolder=\"固定值\"\n              [nzMax]=\"fixedValue.max\"\n              [nzMin]=\"fixedValue.min\"\n              [nzPrecision]=\"fixedValue.nzPrecision\"\n            ></nz-input-number>\n          </ng-container>\n        </nz-form-control>\n\n        <div\n          class=\"new-flex-1\"\n          *ngIf=\"myForm.value['changeActions'] === 'limitNumber'\"\n        >\n          <div class=\"mb-2 flex-h\">\n            <nz-form-control class=\"mb-2\" nzErrorTip=\"最小值填写有误\">\n              <nz-input-number\n                id=\"min\"\n                style=\"width: 100%\"\n                nzPlaceHolder=\"最小值\"\n                formControlName=\"min\"\n                [nzMax]=\"minNzMax()\"\n                [nzMin]=\"minNzMin()\"\n                [nzPrecision]=\"nzPrecision\"\n                class=\"mr-3\"\n              ></nz-input-number>\n            </nz-form-control>\n            <nz-form-control>\n              <nz-select\n                style=\"width: 80px\"\n                id=\"minIncludes\"\n                formControlName=\"minIncludes\"\n                nzDropdownMatchSelectWidth=\"true\"\n                nzPlaceHolder=\"是否包含\"\n              >\n                <nz-option\n                  *ngFor=\"let item of minIncludes\"\n                  nzCustomContent\n                  nzDropdownMatchSelectWidth=\"true\"\n                  [nzValue]=\"item.value\"\n                  [nzLabel]=\"item.label\"\n                >\n                  <div class=\"options-item w-95\">\n                    {{ item.label }}\n                  </div>\n                </nz-option>\n              </nz-select>\n            </nz-form-control>\n          </div>\n\n          <div class=\"flex-h\">\n            <nz-form-control nz-col nzErrorTip=\"最大值填写有误\">\n              <nz-input-number\n                id=\"max\"\n                style=\"width: 100%\"\n                nzPlaceHolder=\"最大值\"\n                formControlName=\"max\"\n                [nzMax]=\"maxNzMax()\"\n                [nzMin]=\"maxNzMin()\"\n                [nzPrecision]=\"nzPrecision\"\n                class=\"mr-3\"\n              ></nz-input-number>\n            </nz-form-control>\n            <nz-form-control>\n              <nz-select\n                style=\"width: 80px\"\n                id=\"maxIncludes\"\n                formControlName=\"maxIncludes\"\n                nzPlaceHolder=\"是否包含\"\n                nzDropdownMatchSelectWidth=\"true\"\n              >\n                <nz-option\n                  *ngFor=\"let item of maxIncludes\"\n                  nzCustomContent\n                  nzDropdownMatchSelectWidth=\"true\"\n                  [nzValue]=\"item.value\"\n                  [nzLabel]=\"item.label\"\n                >\n                  <div class=\"options-item w-95\">\n                    {{ item.label }}\n                  </div>\n                </nz-option>\n              </nz-select>\n            </nz-form-control>\n          </div>\n        </div>\n\n        <div\n          class=\"new-flex-1\"\n          *ngIf=\"myForm.value['changeActions'] === 'limitLength'\"\n        >\n          <div class=\"mb-2 flex-h\">\n            <nz-form-control nz-col nzErrorTip=\"最小长度填写有误\">\n              <nz-input-number\n                id=\"minLength\"\n                style=\"width: 100%\"\n                nzPlaceHolder=\"最小长度\"\n                formControlName=\"minLength\"\n                nzPrecision=\"0\"\n                [nzMax]=\"minLengthNzMax()\"\n                [nzMin]=\"minLengthNzMin()\"\n                class=\"mr-3\"\n              ></nz-input-number>\n            </nz-form-control>\n\n            <nz-form-control>\n              <nz-select\n                style=\"width: 80px\"\n                id=\"minLengthIncludes\"\n                formControlName=\"minLengthIncludes\"\n                nzPlaceHolder=\"是否包含\"\n                nzDropdownMatchSelectWidth=\"true\"\n              >\n                <nz-option\n                  *ngFor=\"let item of minLengthIncludes\"\n                  nzCustomContent\n                  nzDropdownMatchSelectWidth=\"true\"\n                  [nzValue]=\"item.value\"\n                  [nzLabel]=\"item.label\"\n                >\n                  <div class=\"options-item w-95\">\n                    {{ item.label }}\n                  </div>\n                </nz-option>\n              </nz-select>\n            </nz-form-control>\n          </div>\n\n          <div class=\"flex-h\">\n            <nz-form-control nz-col nzErrorTip=\"最大长度填写有误\">\n              <nz-input-number\n                id=\"maxLength\"\n                style=\"width: 100%\"\n                nzPlaceHolder=\"最大长度\"\n                formControlName=\"maxLength\"\n                nzPrecision=\"0\"\n                [nzMax]=\"maxLengthNzMax()\"\n                [nzMin]=\"maxLengthNzMin()\"\n                class=\"mr-3\"\n              ></nz-input-number>\n            </nz-form-control>\n            <nz-form-control>\n              <nz-select\n                style=\"width: 80px\"\n                id=\"maxLengthIncludes\"\n                formControlName=\"maxLengthIncludes\"\n                nzPlaceHolder=\"是否包含\"\n                nzDropdownMatchSelectWidth=\"true\"\n              >\n                <nz-option\n                  *ngFor=\"let item of maxIncludes\"\n                  nzCustomContent\n                  nzDropdownMatchSelectWidth=\"true\"\n                  [nzValue]=\"item.value\"\n                  [nzLabel]=\"item.label\"\n                >\n                  <div class=\"options-item w-95\">\n                    {{ item.label }}\n                  </div>\n                </nz-option>\n              </nz-select>\n            </nz-form-control>\n          </div>\n        </div>\n        <div\n          class=\"new-flex-1\"\n          *ngIf=\"myForm.value['changeActions'] === 'limitDateTime'\"\n        >\n          <div class=\"mb-2 flex-h\">\n            <nz-form-control nz-col nzErrorTip=\"最小长度填写有误\">\n              <nz-input-number\n                id=\"minLength\"\n                style=\"width: 100%\"\n                nzPlaceHolder=\"最小长度\"\n                formControlName=\"minLength\"\n                nzPrecision=\"0\"\n                [nzMax]=\"minLengthNzMax()\"\n                [nzMin]=\"minLengthNzMin()\"\n                class=\"mr-3\"\n              ></nz-input-number>\n            </nz-form-control>\n\n            <nz-form-control>\n              <nz-select\n                style=\"width: 80px\"\n                id=\"minLengthIncludes\"\n                formControlName=\"minLengthIncludes\"\n                nzPlaceHolder=\"是否包含\"\n                nzDropdownMatchSelectWidth=\"true\"\n              >\n                <nz-option\n                  *ngFor=\"let item of minLengthIncludes\"\n                  nzCustomContent\n                  nzDropdownMatchSelectWidth=\"true\"\n                  [nzValue]=\"item.value\"\n                  [nzLabel]=\"item.label\"\n                >\n                  <div class=\"options-item w-95\">\n                    {{ item.label }}\n                  </div>\n                </nz-option>\n              </nz-select>\n            </nz-form-control>\n          </div>\n\n          <div class=\"flex-h\">\n            <nz-form-control nz-col nzErrorTip=\"最大长度填写有误\">\n              <nz-input-number\n                id=\"maxLength\"\n                style=\"width: 100%\"\n                nzPlaceHolder=\"最大长度\"\n                formControlName=\"maxLength\"\n                nzPrecision=\"0\"\n                [nzMax]=\"maxLengthNzMax()\"\n                [nzMin]=\"maxLengthNzMin()\"\n                class=\"mr-3\"\n              ></nz-input-number>\n            </nz-form-control>\n            <nz-form-control>\n              <nz-select\n                style=\"width: 80px\"\n                id=\"maxLengthIncludes\"\n                formControlName=\"maxLengthIncludes\"\n                nzPlaceHolder=\"是否包含\"\n                nzDropdownMatchSelectWidth=\"true\"\n              >\n                <nz-option\n                  *ngFor=\"let item of maxIncludes\"\n                  nzCustomContent\n                  nzDropdownMatchSelectWidth=\"true\"\n                  [nzValue]=\"item.value\"\n                  [nzLabel]=\"item.label\"\n                >\n                  <div class=\"options-item w-95\">\n                    {{ item.label }}\n                  </div>\n                </nz-option>\n              </nz-select>\n            </nz-form-control>\n          </div>\n        </div>\n      </nz-form-item>\n    </div>\n  </div>\n</ng-container>\n","styles":[""]}]}],"members":{"myForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"newSelectType":[{"__symbolic":"method"}],"selectedChange":[{"__symbolic":"method"}],"setValueToNull":[{"__symbolic":"method"}],"selectItemChange":[{"__symbolic":"method"}],"changeToItemChange":[{"__symbolic":"method"}],"fieldKeyChange":[{"__symbolic":"method"}],"newPrimitive":[{"__symbolic":"method"}],"initFixedValueOne":[{"__symbolic":"method"}],"setFixedValueValidators":[{"__symbolic":"method"}],"setChangeAction":[{"__symbolic":"method"}],"changeActionChange":[{"__symbolic":"method"}],"changeActionChangeItem":[{"__symbolic":"method"}],"minNzMax":[{"__symbolic":"method"}],"minNzMin":[{"__symbolic":"method"}],"maxNzMax":[{"__symbolic":"method"}],"maxNzMin":[{"__symbolic":"method"}],"minLengthNzMax":[{"__symbolic":"method"}],"minLengthNzMin":[{"__symbolic":"method"}],"maxLengthNzMax":[{"__symbolic":"method"}],"maxLengthNzMin":[{"__symbolic":"method"}],"initFixedValue":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"demo-config-codemirror","template":"<deon-codemirror\n  #codemirror2\n  [title]=\"title || ''\"\n  [fieldData]=\"fieldData || ''\"\n  [options]=\"options\"\n  [(ngModel)]=\"ruleObj\"\n  (textChange)=\"textChange($event)\"\n  [type]=\"type\"\n>\n</deon-codemirror>\n","styles":[""]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"fieldData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"ruleObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"textChange":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"krefield-private_text","template":""}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"KreFormAntService"}]}],"ngOnInit":[{"__symbolic":"method"}],"fieldOperational":[{"__symbolic":"method"}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":50,"character":1},"arguments":[{"selector":"kreform-design","providers":[{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"KreAntCommonService"},{"__symbolic":"reference","name":"KreTransferService"}],"template":"<div class=\"design\">\n    <div class=\"layout\">\n        <ng-container *ngIf=\"layout==true\">\n            <div class=\"layout-column\">\n                <div class=\"title\">\n                    选择布局样式\n                </div>\n                <ul>\n                    <li (click)=\"btnColumn(3)\">\n                        <div [class]=\"layout_column==='layout-column-3'?'select':''\"><i class=\" icon-threeL\">\n                            </i></div>\n                        <span>三列</span>\n                    </li>\n                    <li (click)=\"btnColumn(2)\">\n                        <div [class]=\"layout_column==='layout-column-2'?'select':''\"><i class=\" icon-towL\"></i>\n                        </div>\n                        <span>俩列</span>\n                    </li>\n                    <li (click)=\"btnColumn(1)\">\n                        <div [class]=\"layout_column==='layout-column-1'?'select':''\">\n                            <i class=\"icon-oneL\"></i></div>\n                        <span>一列</span>\n                    </li>\n                </ul>\n            </div>\n\n            <div class=\"layout-row\">\n                <div class=\"title\">\n                    选择表单样式\n                </div>\n                <ul>\n                    <li (click)=\"btnRow(1)\">\n                        <div [class]=\"layout_row==='layout-row-1'?'select':''\"></div>\n                        <span>水平</span>\n                    </li>\n                    <li (click)=\"btnRow(2)\">\n                        <div [class]=\"layout_row==='layout-row-2'?'select':''\"></div>\n                        <span>垂直</span>\n                    </li>\n                </ul>\n            </div>\n\n            <div class=\"layout-el\">\n                <div class=\"title\">\n                    表单编辑\n                </div>\n                <ul>\n                    <li (click)=\"btnAddFields()\"><i class=\"icon-TianJiaZiDuan\"></i>添加字段</li>\n                    <li (click)=\"btnAddRemark()\"><i class=\"icon-other-WenBen\"></i>添加文本</li>\n                    <li (click)=\"btnAddLine()\"><i class=\"icon-FenGeXian\"></i>添加分割线</li>\n                    <li (click)=\"btnAddGroup()\"><i class=\"icon-DuoJiLuQu\"></i>添加多记录区</li>\n                </ul>\n            </div>\n        </ng-container>\n        <ng-content select=\"[name=design-layout]\"></ng-content>\n    </div>\n\n    <div class=\"panel\">\n        <div class=\"krebutton\">\n            <div>\n                <button nz-button nzType=\"primary\" nzSize=\"small\" (click)=\"btnSave()\">保存</button>\n                <button nz-button nzType=\"primary\" nzSize=\"small\" (click)=\"btnPreview()\"><i\n                        class=\"icon-fwb-yulan\"></i>预览</button>\n            </div>\n            <div>\n                <button nz-button nzType=\"primary\" nzSize=\"small\" nzGhost (click)=\"btnDelete()\"><i\n                        class=\"icon-N_delete2\"></i>删除</button>\n                <button nz-button nzType=\"primary\" nzSize=\"small\" nzGhost (click)=\"btnMoveUp()\"><i\n                        class=\"icon-ShangYi\"></i>上移</button>\n                <button nz-button nzType=\"primary\" nzSize=\"small\" nzGhost (click)=\"btnMoveDown()\"><i\n                        class=\"icon-XiaYi\"></i>下移</button>\n            </div>\n        </div>\n        <div class=\"kreform scrollbar\">\n            <form [formGroup]=\"form_group\" [class]=\"kreFormInfo?.column +' '+ kreFormInfo?.row\" nz-form>\n                <kreform [fields]=\"form_fields\" [status]=\"1\" [form]=\"form_group\" [model]=\"form_model\">\n                </kreform>\n            </form>\n        </div>\n    </div>\n</div>\n<!-- <kreform-drawer [(ngModel)]=\"table_Data\"></kreform-drawer> -->","styles":[":host ::ng-deep{width:100%;display:flex;height:100%;background-color:#f3f3f3}:host ::ng-deep .ant-input[disabled]{color:rgba(0,0,0,.25);background-color:#f3f3f3;cursor:not-allowed;opacity:1;border:0}:host ::ng-deep .design{display:flex;flex:1}:host ::ng-deep .design .layout{float:left;width:240px;background-color:#fff;padding:15px 20px 0}:host ::ng-deep .design .layout .title{font-size:14px;color:#9b9b9b;margin-bottom:10px}:host ::ng-deep .design .layout ul{list-style:none;margin:0;padding:0}:host ::ng-deep .design .layout ul li{margin:0;padding:0;cursor:pointer}:host ::ng-deep .design .layout-column ul{display:inline-block;width:100%}:host ::ng-deep .design .layout-column ul li{float:left;text-align:center}:host ::ng-deep .design .layout-column ul li div{width:56px;height:56px;line-height:63px;border-radius:4px;background-color:#ececec;margin-bottom:5px}:host ::ng-deep .design .layout-column ul li div i{color:#bfbfbf;font-size:24px}:host ::ng-deep .design .layout-column ul li div span{width:100%;display:inline-block;color:#323232}:host ::ng-deep .design .layout-column ul li:nth-child(1),:host ::ng-deep .design .layout-column ul li:nth-child(2){margin:0 15px 0 0}:host ::ng-deep .design .layout-row ul{display:inline-block;width:100%}:host ::ng-deep .design .layout-row ul li{float:left;text-align:center}:host ::ng-deep .design .layout-row ul li div{width:90px;height:32px;line-height:32px;border-radius:4px;background-color:#ececec;margin-bottom:5px;cursor:pointer}:host ::ng-deep .design .layout-row ul li div i{color:#bfbfbf;font-size:24px}:host ::ng-deep .design .layout-row ul li div span{width:100%;display:inline-block;color:#323232}:host ::ng-deep .design .layout-row ul li:nth-child(1){margin:0 15px 0 0}:host ::ng-deep .design .layout-el li{width:200px;height:33px;line-height:33px;border-radius:4px;border:1px solid #dcdce0;background-color:#fff;margin:0 0 10px!important;font-size:13px;color:#323232}:host ::ng-deep .design .layout-el li i{margin:0 8px;font-size:14px;color:#bfbfbf}:host ::ng-deep .design .layout-el li:hover{background-color:#71a9ff;cursor:pointer;color:#fff}:host ::ng-deep .design .layout-el li:hover i{color:#fff}:host ::ng-deep .design .panel{flex:1;float:left;margin:0 0 0 20px;padding:0;display:flex;flex-direction:column;border-radius:4px;border:1px solid #dcdce0;background-color:#fff}:host ::ng-deep .design .panel .krebutton{padding:10px;width:100%;text-align:right;border-bottom:1px solid #d9d9d9;font-size:13px;display:flex}:host ::ng-deep .design .panel .krebutton button{margin:0 6px 0 0;font-size:12px}:host ::ng-deep .design .panel .krebutton button i{margin:0 5px 0 0;font-size:14px}:host ::ng-deep .design .panel .krebutton div{flex:1;float:left}:host ::ng-deep .design .panel .krebutton div:nth-child(1){text-align:left}:host ::ng-deep .design .panel .krebutton div:nth-child(2){text-align:right}:host ::ng-deep .design .panel .kreform{width:100%;height:100%;display:inline-block;margin:0;padding:20px;overflow-y:auto}:host ::ng-deep .design .panel .kreform krefield-checkbox,:host ::ng-deep .design .panel .kreform krefield-datetime,:host ::ng-deep .design .panel .kreform krefield-html,:host ::ng-deep .design .panel .kreform krefield-image,:host ::ng-deep .design .panel .kreform krefield-line,:host ::ng-deep .design .panel .kreform krefield-lookup,:host ::ng-deep .design .panel .kreform krefield-number,:host ::ng-deep .design .panel .kreform krefield-password,:host ::ng-deep .design .panel .kreform krefield-radio,:host ::ng-deep .design .panel .kreform krefield-select,:host ::ng-deep .design .panel .kreform krefield-text,:host ::ng-deep .design .panel .kreform krefield-textarea,:host ::ng-deep .design .panel .kreform krefield-texti18n,:host ::ng-deep .design .panel .kreform krefield-upload,:host ::ng-deep .design .panel .kreform krefield-wrapper,:host ::ng-deep .design .panel .kreform kreform-repeat{display:flex;width:100%}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational{display:flex;width:560px;margin:0 0 10px}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldcheckbox{width:50px;font-size:13px;line-height:17px;color:#323232;text-align:right;vertical-align:middle;float:left;box-sizing:border-box;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-grid-row-align:center;align-self:center;margin:0 10px 0 0}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl{flex:1;display:flex;align-self:center;position:relative}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .label{width:120px;font-size:13px;line-height:17px;color:#323232;text-align:right;vertical-align:middle;float:left;box-sizing:border-box;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-grid-row-align:center;align-self:center}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .label span{color:red;margin-right:3px}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .label::after{content:\"：\"}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .control{flex:1;padding:10px 10px 10px 0}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .control .ant-radio-wrapper{height:32px;line-height:32px}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton{display:none;border-radius:2px;border:1px solid #ffca5e;background-color:rgba(255,202,94,.2);background-size:cover;width:100%;position:absolute;height:100%;text-align:right}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton button:active{border:0!important;--antd-wave-shadow-color:none!important}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton .btnEdit{background-color:#ffb15e!important;font-size:13px;transform:translate(-50%,-50%);top:50%;margin-right:-12px;height:26px;line-height:26px;padding:1px 15px;position:relative;border:0;border-radius:2px;cursor:pointer;color:#fff}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton .btnEdit i{font-size:14px;margin-right:5px}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton .btnEdit:hover{border:0!important;color:#fff!important}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton .btnDel{background-color:#fc8e8c!important;font-size:13px;transform:translate(-50%,-50%);top:50%;height:26px;line-height:25px;width:26px;margin-right:-2px;position:relative;border:0;border-radius:2px;cursor:pointer;color:#fff}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton .btnDel:hover{border:0!important;color:#fff!important}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl kreform-fieldbutton{width:100%;position:absolute;height:100%}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl:hover .fieldButton{display:block}:host ::ng-deep .design .panel .kreform krefield-html .fieldControl .control{padding:15px 10px!important}:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational{width:100%!important}:host ::ng-deep .design .panel .kreform kreform-repeat{display:flex;flex:1;flex-direction:column;margin:0 0 20px}:host ::ng-deep .design .panel .kreform kreform-repeat>.fieldOperational{width:100%}:host ::ng-deep .design .panel .kreform kreform-repeat krefield{display:flex;width:100%}:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-checkbox,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-datetime,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-html,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-image,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-lookup,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-number,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-password,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-radio,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-select,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-text,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-textarea,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-texti18n,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-upload,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-wrapper{display:flex;flex:1}:host ::ng-deep .design .panel .kreform kreform-repeat .fieldcheckbox{width:30px!important}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl{border-radius:2px;border:1px solid #ffca5e;background-color:#fff;flex-direction:column;width:100%;margin-left:20px}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header{border-bottom:1px solid #ffca5e;display:flex}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header ul{list-style:none;margin:0;padding:0}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header ul li{float:left;margin:0 15px 0 0;font-size:12px;color:#323232;cursor:pointer;display:inline-block;line-height:36px;height:38px}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header ul li i{color:#ffca5e;margin:0 5px 0 0}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .left{float:left;flex:1}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .left ul{float:left}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .left ul li:nth-child(1){width:30px;text-align:right}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .right{float:left;flex:1}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .right ul{float:right}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .right ul li:nth-last-child(1){margin:0;width:35px;padding:1px 0 0}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .right ul li:nth-last-child(1) .btnDel{display:none;background-color:#fc8e8c!important;font-size:13px;height:26px;line-height:25px;width:26px;margin-right:-10px;border:0;border-radius:2px;cursor:pointer;color:#fff}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .right ul li:nth-last-child(1) .btnDel:hover{border:0!important;color:#fff!important}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-body{min-height:50px;padding:20px 20px 0 0}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-body .panel-kreform-group{width:100%}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-body kreform-group{width:100%}:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-body kreform-group .fieldOperational{width:560px}:host ::ng-deep .design .panel .kreform kreform-repeat:hover .report-header .btnDel{display:block!important;margin-top:5px}:host ::ng-deep .design .panel .kreform hr{border:0;border-top:1px solid #d9d9d9;margin:16px}:host ::ng-deep .design .panel .kreform .panel-html,:host ::ng-deep .design .panel .kreform .panel-line,:host ::ng-deep .design .panel .kreform .panel-repeat,:host ::ng-deep .design .panel .kreform .panel-textarea,:host ::ng-deep .design .panel .kreform .panel-upload{width:100%!important}:host ::ng-deep .design .panel .kreform .layout-column-1 .fieldOperational{width:560px!important}:host ::ng-deep .design .panel .kreform .layout-column-1 kreform-repeat>.fieldOperational{width:100%!important}:host ::ng-deep .design .panel .kreform .layout-column-1 krefield-label .fieldOperational,:host ::ng-deep .design .panel .kreform .layout-column-1 krefield-template .fieldOperational,:host ::ng-deep .design .panel .kreform .layout-column-1 krefield-textarea .fieldOperational,:host ::ng-deep .design .panel .kreform .layout-column-1 krefield-upload .fieldOperational{width:100%!important}:host ::ng-deep .design .panel .kreform .layout-column-2 kreform-field{float:left;width:50%}:host ::ng-deep .design .panel .kreform .layout-column-2 kreform-repeat kreform-field{float:left;width:50%}:host ::ng-deep .design .panel .kreform .layout-column-2 .fieldOperational{width:100%!important}:host ::ng-deep .design .panel .kreform .layout-column-3 kreform-field{float:left;width:33.33333%}:host ::ng-deep .design .panel .kreform .layout-column-3 kreform-repeat kreform-field{float:left;width:33.33333%}:host ::ng-deep .design .panel .kreform .layout-row-2 .fieldControl{flex-direction:column!important;-ms-grid-row-align:none!important;align-self:none!important}:host ::ng-deep .design .panel .kreform .layout-row-2 .fieldControl .label{float:left!important;text-align:left!important;flex:1!important;width:100%!important;padding:10px 10px 0}:host ::ng-deep .design .panel .kreform .layout-row-2 .fieldControl .control{padding:15px 10px!important}:host ::ng-deep .design .panel .kreform .layout-row-2 .fieldControl .control hr{margin:20px 0 15px!important}:host ::ng-deep .design .panel .kreform .layout-row-2 krefield-label .control{padding:15px 10px!important}:host ::ng-deep .design .scrollbar{scrollbar-color:transparent;overflow-y:overlay}:host ::ng-deep .design .scrollbar::-webkit-scrollbar{width:6px;height:6px}:host ::ng-deep .design .scrollbar::-webkit-scrollbar-track{box-shadow:inset 0 0 6px transparent}:host ::ng-deep .design .scrollbar::-webkit-scrollbar-thumb{background-color:#999;outline:#333 solid 1px;border-radius:6px}"]}]}],"members":{"formCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"api":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"saveEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"cancelEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":3}}]}],"previewEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/message","name":"NzMessageService","line":86,"character":21},{"__symbolic":"reference","module":"ng-zorro-antd/modal","name":"NzModalService","line":87,"character":26},{"__symbolic":"reference","name":"KreFormAntService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"KreAntCommonService"},{"__symbolic":"reference","name":"KreTransferService"},{"__symbolic":"reference","name":"KreDesginToFormService"},{"__symbolic":"reference","module":"@kre-form/core","name":"KreFormCommonService","line":94,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"btnSave":[{"__symbolic":"method"}],"btnCancel":[{"__symbolic":"method"}],"btnPreview":[{"__symbolic":"method"}],"btnDelete":[{"__symbolic":"method"}],"btnMoveUp":[{"__symbolic":"method"}],"btnMoveDown":[{"__symbolic":"method"}],"btnAddFields":[{"__symbolic":"method"}],"btnAddRemark":[{"__symbolic":"method"}],"btnAddLine":[{"__symbolic":"method"}],"btnAddGroup":[{"__symbolic":"method"}],"btnColumn":[{"__symbolic":"method"}],"btnRow":[{"__symbolic":"method"}],"getCheckFields":[{"__symbolic":"method"}],"groupBtnMoveUpOrDown":[{"__symbolic":"method"}],"groupBtnAddLineRemark":[{"__symbolic":"method"}],"groupBtnTableFields":[{"__symbolic":"method"}],"groupBtnDeleteFields":[{"__symbolic":"method"}],"initTablesInfo":[{"__symbolic":"method"}],"initFormInfo":[{"__symbolic":"method"}],"initTableFieldStatus":[{"__symbolic":"method"}],"initTablesData":[{"__symbolic":"method"}],"selectTableFields":[{"__symbolic":"method"}],"getTableMultipleCode":[{"__symbolic":"method"}],"editFormFieldConfig":[{"__symbolic":"method"}],"deleteFormFieldConfig":[{"__symbolic":"method"}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":62,"character":1},"arguments":[{"selector":"kreform-designx","providers":[{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"KreAntCommonService"},{"__symbolic":"reference","name":"KreTransferService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"KreFormAntService"}],"template":"<div class=\"design\">\n  <div class=\"layout\">\n    <ng-container *ngIf=\"layout == true\">\n      <div class=\"layout-column\">\n        <div class=\"title\">选择布局样式</div>\n        <ul>\n          <li (click)=\"btnColumn(3)\">\n            <div [class]=\"layout_column === 'layout-column-3' ? 'select' : ''\">\n              <i class=\"icon-threeL\"> </i>\n            </div>\n            <span>三列</span>\n          </li>\n          <li (click)=\"btnColumn(2)\">\n            <div [class]=\"layout_column === 'layout-column-2' ? 'select' : ''\">\n              <i class=\"icon-towL\"></i>\n            </div>\n            <span>两列</span>\n          </li>\n          <li (click)=\"btnColumn(1)\">\n            <div [class]=\"layout_column === 'layout-column-1' ? 'select' : ''\">\n              <i class=\"icon-oneL\"></i>\n            </div>\n            <span>一列</span>\n          </li>\n        </ul>\n      </div>\n\n      <div class=\"layout-row\">\n        <div class=\"title\">选择表单样式</div>\n        <ul>\n          <li (click)=\"btnRow(1)\">\n            <div [class]=\"layout_row === 'layout-row-1' ? 'select' : ''\"></div>\n            <span>水平</span>\n          </li>\n          <li (click)=\"btnRow(2)\">\n            <div [class]=\"layout_row === 'layout-row-2' ? 'select' : ''\"></div>\n            <span>垂直</span>\n          </li>\n        </ul>\n      </div>\n\n      <div class=\"layout-el\">\n        <div class=\"title\">表单编辑</div>\n        <ul>\n          <li (click)=\"btnAddFields()\">\n            <i class=\"icon-TianJiaZiDuan\"></i>添加字段\n          </li>\n          <li (click)=\"btnAddRemark()\">\n            <i class=\"icon-other-WenBen\"></i>添加文本\n          </li>\n          <li (click)=\"btnAddLine()\">\n            <i class=\"icon-FenGeXian\"></i>添加分割线\n          </li>\n          <!-- <li (click)=\"btnAddAnchor()\">\n            <i class=\"icon-DuoJiLuQu\"></i>添加导航\n          </li> -->\n          <li (click)=\"btnAddGroup()\">\n            <i class=\"icon-DuoJiLuQu\"></i>添加多记录区\n          </li>\n          <li\n            (click)=\"btnAddReferProcess()\"\n            [class.AddReferProcessDisabled]=\"AddReferProcessDisabled\"\n          >\n            <i class=\"icon-DuoJiLuQu\"></i>添加关联流程\n          </li>\n        </ul>\n      </div>\n    </ng-container>\n    <ng-content select=\"[name=design-layout]\"></ng-content>\n  </div>\n\n  <div class=\"layout anchor\" *ngIf=\"showAnchorList && anchorList.length > 0\">\n    <div class=\"anchorList-box\">\n      <li\n        class=\"anchorList\"\n        *ngFor=\"let item of anchorList\"\n        [class.anchorList-active]=\"key === item.key\"\n        (click)=\"at(item.key)\"\n      >\n        {{ item?.templateOptions?.description }}\n      </li>\n    </div>\n  </div>\n\n  <div class=\"panel\" *ngIf=\"showForm == true; else emptyContent\">\n    <div class=\"krebutton\">\n      <ng-content select=\"[name=other-button]\"></ng-content>\n      <div>\n        <button\n          nz-button\n          nzType=\"primary\"\n          nzSize=\"small\"\n          nzGhost\n          (click)=\"btnDelete()\"\n        >\n          <i class=\"icon-N_delete2\"></i>删除\n        </button>\n        <button\n          nz-button\n          nzType=\"primary\"\n          nzSize=\"small\"\n          nzGhost\n          (click)=\"btnMoveUp()\"\n        >\n          <i class=\"icon-ShangYi\"></i>上移\n        </button>\n        <button\n          nz-button\n          nzType=\"primary\"\n          nzSize=\"small\"\n          nzGhost\n          (click)=\"btnMoveDown()\"\n        >\n          <i class=\"icon-XiaYi\"></i>下移\n        </button>\n      </div>\n    </div>\n    <div\n      class=\"kreform-box scrollbar\"\n      id=\"conter\"\n      [class.has-anchorList]=\"anchorList.length > 0\"\n    >\n      <div class=\"kreform scrollbar\">\n        <form\n          [formGroup]=\"form_group\"\n          [class]=\"kreFormInfo?.column + ' ' + kreFormInfo?.row\"\n          nz-form\n        >\n          <kreform\n            id=\"kreformkreform\"\n            [fields]=\"business_form.fields\"\n            [status]=\"1\"\n            [form]=\"form_group\"\n            [model]=\"form_model\"\n            (modelChange)=\"modelChange($event)\"\n          >\n          </kreform>\n        </form>\n      </div>\n    </div>\n  </div>\n  <ng-template #emptyContent>\n    <div class=\"panel\">\n      <ng-content select=\"[name=other-button]\"></ng-content>\n      <ng-content select=\"[name=empty]\"></ng-content>\n    </div>\n  </ng-template>\n</div>\n","styles":[":host ::ng-deep{width:100%;display:flex;height:100%;background-color:#f3f3f3}:host ::ng-deep .ant-input[disabled]{color:rgba(0,0,0,.25);background-color:#f3f3f3;cursor:not-allowed;opacity:1;border:0}:host ::ng-deep .design{display:flex;flex:1}:host ::ng-deep .design .layout{float:left;width:240px;background-color:#fff;padding:15px 0 0 20px;margin-right:20px}:host ::ng-deep .design .layout .title{font-size:14px;color:#9b9b9b;margin-bottom:10px}:host ::ng-deep .design .layout ul{list-style:none;margin:0;padding:0}:host ::ng-deep .design .layout ul li{margin:0;padding:0;cursor:pointer}:host ::ng-deep .design .layout-column ul{display:inline-block;width:100%}:host ::ng-deep .design .layout-column ul li{float:left;text-align:center}:host ::ng-deep .design .layout-column ul li div{width:56px;height:56px;line-height:63px;border-radius:4px;background-color:#ececec;margin-bottom:5px}:host ::ng-deep .design .layout-column ul li div i{color:#bfbfbf;font-size:24px}:host ::ng-deep .design .layout-column ul li div span{width:100%;display:inline-block;color:#323232}:host ::ng-deep .design .layout-column ul li:nth-child(1),:host ::ng-deep .design .layout-column ul li:nth-child(2){margin:0 15px 0 0}:host ::ng-deep .design .layout-row ul{display:inline-block;width:100%}:host ::ng-deep .design .layout-row ul li{float:left;text-align:center}:host ::ng-deep .design .layout-row ul li div{width:90px;height:32px;line-height:32px;border-radius:4px;background-color:#ececec;margin-bottom:5px;cursor:pointer}:host ::ng-deep .design .layout-row ul li div i{color:#bfbfbf;font-size:24px}:host ::ng-deep .design .layout-row ul li div span{width:100%;display:inline-block;color:#323232}:host ::ng-deep .design .layout-row ul li:nth-child(1){margin:0 15px 0 0}:host ::ng-deep .design .layout-el li{width:200px;height:33px;line-height:33px;border-radius:4px;border:1px solid #dcdce0;background-color:#fff;margin:0 0 10px!important;font-size:13px;color:#323232}:host ::ng-deep .design .layout-el li i{margin:0 8px;font-size:14px;color:#bfbfbf}:host ::ng-deep .design .layout-el li:hover{background-color:#71a9ff;cursor:pointer;color:#fff}:host ::ng-deep .design .layout-el li:hover i{color:#fff}:host ::ng-deep .design .layout-el .AddReferProcessDisabled{cursor:not-allowed!important;background-color:#ececec}:host ::ng-deep .design .layout-el .AddReferProcessDisabled:hover{background-color:#ececec;color:#323232}:host ::ng-deep .design .layout-el .AddReferProcessDisabled:hover i{color:#bfbfbf}:host ::ng-deep .design .anchor{width:150px}:host ::ng-deep .design .panel{flex:1;float:left;margin:0;padding:0;display:flex;flex-direction:column;border-radius:4px;border:1px solid #dcdce0;background-color:#fff}:host ::ng-deep .design .panel .krebutton{padding:10px;width:100%;text-align:right;border-bottom:1px solid #d9d9d9;font-size:13px;display:flex}:host ::ng-deep .design .panel .krebutton button{margin:0 6px 0 0;font-size:12px}:host ::ng-deep .design .panel .krebutton button i{margin:0 5px 0 0;font-size:14px}:host ::ng-deep .design .panel .krebutton div{flex:1;float:left}:host ::ng-deep .design .panel .krebutton div:nth-child(1){text-align:left}:host ::ng-deep .design .panel .krebutton div:nth-child(2){text-align:right}:host ::ng-deep .design .panel .kreform-box{overflow-y:auto;height:calc(100vh - 200px)}:host ::ng-deep .design .panel .kreform{width:100%;display:inline-block;margin:0;padding:20px}:host ::ng-deep .design .panel .kreform krefield-checkbox,:host ::ng-deep .design .panel .kreform krefield-datetime,:host ::ng-deep .design .panel .kreform krefield-html,:host ::ng-deep .design .panel .kreform krefield-image,:host ::ng-deep .design .panel .kreform krefield-line,:host ::ng-deep .design .panel .kreform krefield-lookup,:host ::ng-deep .design .panel .kreform krefield-number,:host ::ng-deep .design .panel .kreform krefield-password,:host ::ng-deep .design .panel .kreform krefield-radio,:host ::ng-deep .design .panel .kreform krefield-select,:host ::ng-deep .design .panel .kreform krefield-text,:host ::ng-deep .design .panel .kreform krefield-textarea,:host ::ng-deep .design .panel .kreform krefield-texti18n,:host ::ng-deep .design .panel .kreform krefield-upload,:host ::ng-deep .design .panel .kreform krefield-wrapper,:host ::ng-deep .design .panel .kreform kreform-overTime,:host ::ng-deep .design .panel .kreform kreform-repeat{display:flex;width:100%}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational{display:flex;width:560px;margin:0 0 10px}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldcheckbox,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldcheckbox{width:50px;font-size:13px;line-height:17px;color:#323232;text-align:right;vertical-align:middle;float:left;box-sizing:border-box;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-grid-row-align:center;align-self:center;margin:0 10px 0 0}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl{flex:1;display:flex;align-self:center;position:relative}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .label,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .label{width:120px;font-size:13px;line-height:17px;color:#323232;text-align:right;vertical-align:middle;float:left;box-sizing:border-box;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-grid-row-align:center;align-self:center}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .label span,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .label span{color:red;margin-right:3px}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .label::after,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .label::after{content:\"：\"}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .control,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .control{flex:1;padding:10px 10px 10px 0}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .control .ant-radio-wrapper,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .control .ant-checkbox-group,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .control .ant-checkbox-wrapper,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .control .ant-radio-group,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .control .ant-radio-wrapper{height:32px;line-height:32px}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .fieldButton,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton{display:none;border-radius:2px;border:1px solid #ffca5e;background-color:rgba(255,202,94,.2);background-size:cover;width:100%;position:absolute;height:100%;text-align:right}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .fieldButton button:active,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton button:active{border:0!important;--antd-wave-shadow-color:none!important}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .fieldButton .btnEdit,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton .btnEdit{background-color:#ffb15e!important;font-size:13px;transform:translate(-50%,-50%);top:50%;margin-right:-12px;height:26px;line-height:26px;padding:1px 15px;position:relative;border:0;border-radius:2px;cursor:pointer;color:#fff}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .fieldButton .btnEdit i,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton .btnEdit i{font-size:14px;margin-right:5px}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .fieldButton .btnEdit:hover,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton .btnEdit:hover{border:0!important;color:#fff!important}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .fieldButton .btnDel,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton .btnDel{background-color:#fc8e8c!important;font-size:13px;transform:translate(-50%,-50%);top:50%;height:26px;line-height:25px;width:26px;margin-right:-2px;position:relative;border:0;border-radius:2px;cursor:pointer;color:#fff}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl .fieldButton .btnDel:hover,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl .fieldButton .btnDel:hover{border:0!important;color:#fff!important}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl kreform-fieldbutton,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl kreform-fieldbutton{width:100%;position:absolute;height:100%}:host ::ng-deep .design .panel .kreform krefield-checkbox .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-datetime .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-image .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-lookup .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-number .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-password .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-radio .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-select .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-text .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-texti18n .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform krefield-wrapper .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform kreform-overTime .fieldOperational .fieldControl:hover .fieldButton,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldOperational .fieldControl:hover .fieldButton{display:block}:host ::ng-deep .design .panel .kreform krefield-html .fieldControl .control{padding:15px 10px!important}:host ::ng-deep .design .panel .kreform krefield-html .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-line .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-textarea .fieldOperational,:host ::ng-deep .design .panel .kreform krefield-upload .fieldOperational{width:100%!important}:host ::ng-deep .design .panel .kreform kreform-overTime,:host ::ng-deep .design .panel .kreform kreform-repeat{display:flex;flex:1;flex-direction:column;margin:0 0 20px}:host ::ng-deep .design .panel .kreform kreform-overTime>.fieldOperational,:host ::ng-deep .design .panel .kreform kreform-repeat>.fieldOperational{width:100%}:host ::ng-deep .design .panel .kreform kreform-overTime krefield,:host ::ng-deep .design .panel .kreform kreform-repeat krefield{display:flex;width:100%}:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-checkbox,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-datetime,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-html,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-image,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-lookup,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-number,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-password,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-radio,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-select,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-text,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-textarea,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-texti18n,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-upload,:host ::ng-deep .design .panel .kreform kreform-overTime krefield krefield-wrapper,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-checkbox,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-datetime,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-html,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-image,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-lookup,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-number,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-password,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-radio,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-select,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-text,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-textarea,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-texti18n,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-upload,:host ::ng-deep .design .panel .kreform kreform-repeat krefield krefield-wrapper{display:flex;flex:1}:host ::ng-deep .design .panel .kreform kreform-overTime .fieldcheckbox,:host ::ng-deep .design .panel .kreform kreform-repeat .fieldcheckbox{width:30px!important}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl{border-radius:2px;border:1px solid #ffca5e;background-color:#fff;flex-direction:column;width:100%;margin-left:20px}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-header,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header{border-bottom:1px solid #ffca5e;display:flex}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-header ul,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header ul{list-style:none;margin:0;padding:0}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-header ul li,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header ul li{float:left;margin:0 15px 0 0;font-size:12px;color:#323232;cursor:pointer;display:inline-block;line-height:36px;height:38px}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-header ul li i,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header ul li i{color:#ffca5e;margin:0 5px 0 0}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-header .left,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .left{float:left;flex:1}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-header .left ul,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .left ul{float:left}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-header .left ul li:nth-child(1),:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .left ul li:nth-child(1){width:30px;text-align:right}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-header .right,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .right{float:left;flex:1}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-header .right ul,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .right ul{float:right}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-header .right ul li:nth-last-child(1),:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .right ul li:nth-last-child(1){margin:0;width:35px;padding:1px 0 0}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-header .right ul li:nth-last-child(1) .btnDel,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .right ul li:nth-last-child(1) .btnDel{display:none;background-color:#fc8e8c!important;font-size:13px;height:26px;line-height:25px;width:26px;margin-right:-10px;border:0;border-radius:2px;cursor:pointer;color:#fff}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-header .right ul li:nth-last-child(1) .btnDel:hover,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-header .right ul li:nth-last-child(1) .btnDel:hover{border:0!important;color:#fff!important}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-body,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-body{min-height:50px;padding:20px 20px 0 0}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-body .panel-kreform-group,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-body .panel-kreform-group{width:100%}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-body kreform-group,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-body kreform-group{width:100%}:host ::ng-deep .design .panel .kreform kreform-overTime .reportControl .report-body kreform-group .fieldOperational,:host ::ng-deep .design .panel .kreform kreform-repeat .reportControl .report-body kreform-group .fieldOperational{width:560px}:host ::ng-deep .design .panel .kreform kreform-repeat:hover .report-header .btnDel{display:block!important;margin-top:5px}:host ::ng-deep .design .panel .kreform kreform-overTime:hover .report-header .btnDel{display:block!important;margin-top:5px}:host ::ng-deep .design .panel .kreform hr{border:0;border-top:1px solid #d9d9d9;margin:16px}:host ::ng-deep .design .panel .kreform .panel-html,:host ::ng-deep .design .panel .kreform .panel-line,:host ::ng-deep .design .panel .kreform .panel-overTime,:host ::ng-deep .design .panel .kreform .panel-repeat,:host ::ng-deep .design .panel .kreform .panel-textarea,:host ::ng-deep .design .panel .kreform .panel-upload{width:100%!important}:host ::ng-deep .design .panel .kreform .layout-column-1 .fieldOperational{width:560px}:host ::ng-deep .design .panel .kreform .layout-column-1 kreform-repeat>.fieldOperational{width:100%!important}:host ::ng-deep .design .panel .kreform .layout-column-1 krefield-label .fieldOperational,:host ::ng-deep .design .panel .kreform .layout-column-1 krefield-template .fieldOperational,:host ::ng-deep .design .panel .kreform .layout-column-1 krefield-textarea .fieldOperational,:host ::ng-deep .design .panel .kreform .layout-column-1 krefield-upload .fieldOperational{width:100%!important}:host ::ng-deep .design .panel .kreform .layout-column-2 kreform-field{float:left;width:50%}:host ::ng-deep .design .panel .kreform .layout-column-2 kreform-repeat kreform-field{float:left;width:50%}:host ::ng-deep .design .panel .kreform .layout-column-2 .fieldOperational{width:100%!important}:host ::ng-deep .design .panel .kreform .layout-column-3 kreform-field{float:left;width:33.33333%}:host ::ng-deep .design .panel .kreform .layout-column-3 kreform-repeat kreform-field{float:left;width:33.33333%}:host ::ng-deep .design .panel .kreform .layout-row-2 .fieldControl{flex-direction:column!important;-ms-grid-row-align:none!important;align-self:none!important}:host ::ng-deep .design .panel .kreform .layout-row-2 .fieldControl .label{float:left!important;text-align:left!important;flex:1!important;width:100%!important;padding:10px 10px 0}:host ::ng-deep .design .panel .kreform .layout-row-2 .fieldControl .control{padding:15px 10px!important}:host ::ng-deep .design .panel .kreform .layout-row-2 .fieldControl .control hr{margin:20px 0 15px!important}:host ::ng-deep .design .panel .kreform .layout-row-2 krefield-label .control{padding:15px 10px!important}:host ::ng-deep .design .scrollbar{scrollbar-color:transparent;overflow-y:overlay}:host ::ng-deep .design .scrollbar::-webkit-scrollbar{width:6px;height:6px}:host ::ng-deep .design .scrollbar::-webkit-scrollbar-track{box-shadow:inset 0 0 6px transparent}:host ::ng-deep .design .scrollbar::-webkit-scrollbar-thumb{background-color:#999;outline:#333 solid 1px;border-radius:6px}"]}]}],"members":{"showForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"formCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"api":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"showAnchorList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"business_tables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"langConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"triggerJson":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"calculateRuleJson":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"business_form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3}}]}],"isSaveButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3}}]}],"saveEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":168,"character":3}}]}],"cancelEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":169,"character":3}}]}],"previewEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":170,"character":3}}]}],"actionEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":171,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":191,"character":16},{"__symbolic":"reference","module":"ng-zorro-antd/message","name":"NzMessageService","line":192,"character":21},{"__symbolic":"reference","module":"ng-zorro-antd/modal","name":"NzModalService","line":193,"character":26},{"__symbolic":"reference","name":"KreFormAntService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"KreAntCommonService"},{"__symbolic":"reference","name":"KreTransferService"},{"__symbolic":"reference","name":"KreDesginToFormService"},{"__symbolic":"reference","module":"@kre-form/core","name":"KreFormCommonService","line":200,"character":33},{"__symbolic":"reference","module":"@kre-form/core","name":"KreFormBuilder","line":201,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"btnSave":[{"__symbolic":"method"}],"btnCancel":[{"__symbolic":"method"}],"btnPreview":[{"__symbolic":"method"}],"btnDelete":[{"__symbolic":"method"}],"btnMoveUp":[{"__symbolic":"method"}],"move":[{"__symbolic":"method"}],"btnMoveDown":[{"__symbolic":"method"}],"btnAddFields":[{"__symbolic":"method"}],"btnAddRemark":[{"__symbolic":"method"}],"btnAddLine":[{"__symbolic":"method"}],"btnAddAnchor":[{"__symbolic":"method"}],"btnAddReferProcess":[{"__symbolic":"method"}],"btnAddGroup":[{"__symbolic":"method"}],"btnColumn":[{"__symbolic":"method"}],"btnRow":[{"__symbolic":"method"}],"getCheckFields":[{"__symbolic":"method"}],"groupBtnMoveUpOrDown":[{"__symbolic":"method"}],"groupBtnAddLineRemark":[{"__symbolic":"method"}],"groupBtnTableFields":[{"__symbolic":"method"}],"groupBtnDeleteFields":[{"__symbolic":"method"}],"initTablesInfo":[{"__symbolic":"method"}],"initFormInfo":[{"__symbolic":"method"}],"initTableFieldStatus":[{"__symbolic":"method"}],"initTablesData":[{"__symbolic":"method"}],"selectTableFields":[{"__symbolic":"method"}],"getTableMultipleCode":[{"__symbolic":"method"}],"editFormFieldConfig":[{"__symbolic":"method"}],"deleteFormFieldConfig":[{"__symbolic":"method"}],"resetFormBuild":[{"__symbolic":"method"}],"initFormFieldPropertyAction":[{"__symbolic":"method"}],"modelChange":[{"__symbolic":"method"}],"initAnchorList":[{"__symbolic":"method"}],"at":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"demo-trigger","providers":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"KreFormAntService"}],"template":"<div class=\"table-bar flex-h flex-align-center\">\n  <nz-input-group\n    class=\"search-box\"\n    [nzSuffix]=\"suffixIconSearch\"\n    nzSize=\"small\"\n    style=\"width: 500px\"\n  >\n    <input\n      type=\"text\"\n      nz-input\n      class=\"allsearch\"\n      placeholder=\"请输入字段名\"\n      [(ngModel)]=\"keyword\"\n      (keyup.enter)=\"search()\"\n    />\n  </nz-input-group>\n  <ng-template #suffixIconSearch>\n    <i nzType=\"link\" (click)=\"search()\" class=\"icon-uniE61D cursor\"> </i>\n  </ng-template>\n  <nz-pagination\n    [(nzPageIndex)]=\"nzPageIndex\"\n    [nzTotal]=\"nzTotal\"\n    [(nzPageSize)]=\"nzPageSize\"\n    [nzPageSizeOptions]=\"nzPageSizeOptions\"\n    nzShowSizeChanger\n    nzShowQuickJumper\n    nzSize=\"small\"\n    (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n    (nzPageSizeChange)=\"nzPageSizeChange($event)\"\n  ></nz-pagination>\n</div>\n<nz-table\n  #basicTable\n  [nzData]=\"showData\"\n  [nzSize]=\"'small'\"\n  [nzFrontPagination]=\"false\"\n  [nzScroll]=\"tableScroll\"\n  class=\"kre-design-field-table\"\n>\n  <thead>\n    <tr>\n      <th nzWidth=\"50px\">序号</th>\n      <th nzWidth=\"150px\">表名</th>\n      <th nzWidth=\"150px\">类型</th>\n      <th nzWidth=\"150px\">字段名</th>\n      <th nzWidth=\"150px\">数据类型</th>\n      <th nzWidth=\"150px\">显示状态</th>\n      <th nzWidth=\"150px\">编辑状态</th>\n      <th nzWidth=\"150px\">必填状态</th>\n      <th nzWidth=\"250px\">操作</th>\n    </tr>\n  </thead>\n  <tbody>\n    <ng-container *ngFor=\"let data of basicTable.data; let j = index\">\n      <tr>\n        <td>{{ nzPageSize * (nzPageIndex - 1) + j + 1 }}</td>\n\n        <td>{{ data?.tableName }}</td>\n        <td>{{ transLate(data?.tableType, \"tableType\") }}</td>\n        <td>{{ data?.templateOptions?.label }}</td>\n\n        <td>\n          {{ data?.fieldDataType }}\n        </td>\n        <td>{{ transLate(data?.show, \"hide\") }}</td>\n        <td>{{ transLate(data?.editor, \"edit\") }}</td>\n\n        <td>{{ transLate(data?.templateOptions?.required, \"required\") }}</td>\n\n        <td>\n          <div class=\"btn-box\">\n            <button\n              nzSize=\"small\"\n              nz-button\n              [nzType]=\"getTriggerJson(data) ? 'primary' : 'default'\"\n              (click)=\"clickAction(list[1].value, data)\"\n              [disabled]=\"!canAddEvent(data)\"\n            >\n              {{ list[1].label }}\n            </button>\n\n            <button\n              nzSize=\"small\"\n              nz-button\n              [nzType]=\"isSetRule(data) ? 'primary' : 'default'\"\n              (click)=\"codemirror(data)\"\n              [disabled]=\"!canSetRule(data)\"\n            >\n              设置规则\n            </button>\n          </div>\n\n          <!-- <span\n            [class.triggerJson]=\"isSetRule(data)\"\n            class=\"set-rule-btn pr-1 cursor\"\n            (click)=\"codemirror(data)\"\n            *ngIf=\"canSetRule(data)\"\n          >\n            <ng-container *ngIf=\"currentShowExpand !== j\">\n              设置规则\n            </ng-container>\n\n            <ng-container *ngIf=\"currentShowExpand === j\"> 收起 </ng-container>\n          </span> -->\n        </td>\n      </tr>\n      <!-- <tr *ngIf=\"currentShowExpand === j\">\n        <td colspan=\"9\">\n          <div class=\"new-flex-1 mb-2\">\n            <div\n              class=\"rules-content rules-content-show\"\n              [innerHTML]=\"showText(data)\"\n            ></div>\n\n            <div class=\"flex-h justify-content-end set-rule\">\n              <button\n                (click)=\"checkFormula(data)\"\n                class=\"test-btn\"\n                nz-button\n                nzType=\"default\"\n                type=\"button\"\n              >\n                测试\n              </button>\n              <button\n                (click)=\"codemirror(data)\"\n                type=\"button\"\n                nz-button\n                nzType=\"primary\"\n              >\n                设置\n              </button>\n            </div>\n          </div>\n        </td>\n      </tr> -->\n    </ng-container>\n  </tbody>\n</nz-table>\n","styles":[".menu{display:block;width:24px;height:16px;background:#71a9ff;border-radius:8px;text-align:center;line-height:16px}.menu .icon-uniE61A{color:#fff}"]}]}],"members":{"business_form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"business_tables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"triggerJson":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"calculateRuleJson":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"random":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"actionEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"checkFormulaEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"configFormulaEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"KreFormAntService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"ng-zorro-antd/message","name":"NzMessageService","line":173,"character":21},{"__symbolic":"reference","module":"@kre-form/core","name":"KreFormCommonService","line":174,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getShowDate":[{"__symbolic":"method"}],"nzPageIndexChange":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"nzPageSizeChange":[{"__symbolic":"method"}],"transLate":[{"__symbolic":"method"}],"clickAction":[{"__symbolic":"method"}],"codemirror":[{"__symbolic":"method"}],"showText":[{"__symbolic":"method"}],"getTriggerJson":[{"__symbolic":"method"}],"isSetRule":[{"__symbolic":"method"}],"trigger":[{"__symbolic":"method"}],"getUnique3":[{"__symbolic":"method"}],"setRule":[{"__symbolic":"method"}],"canAddEvent":[{"__symbolic":"method"}],"canSetRule":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"replaceLine"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":5,"character":33}]}],"transform":[{"__symbolic":"method"}]}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"demo-text-en","template":"<div class=\"inputi18n\">\n  <div class=\"inputi18n-text\" cdkOverlayOrigin>\n    <input\n      nz-input\n      autocomplete=\"off\"\n      [(ngModel)]=\"languageList[0].value\"\n      (ngModelChange)=\"onChange(languageList[0].value)\"\n      nz-popover\n      [placeholder]=\"languageList[0].label\"\n      nzPopoverTrigger=\"click\"\n      [nzPopoverContent]=\"contentTemplate\"\n      nzOverlayClassName=\"inputi18n-template\"\n      nzPopoverPlacement=\"bottom\"\n      [nzOverlayStyle]=\"{ width: triggerWidth }\"\n      (nzVisibleChange)=\"visibleChange($event)\"\n    />\n    <!-- <i nz-icon class=\"inputi18n-i\" nzType=\"global\"></i> -->\n  </div>\n</div>\n\n<ng-template #contentTemplate>\n  <ul>\n    <ng-container *ngFor=\"let item of languageList; let i = index\">\n      <li *ngIf=\"i > 0\">\n        <label>{{ item.label }}</label>\n        <input\n          nz-input\n          autocomplete=\"off\"\n          [(ngModel)]=\"item.value\"\n          [placeholder]=\"item.label\"\n          (ngModelChange)=\"onChange(item.value)\"\n        />\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n","styles":["@color0 : #bfbfbf;@color1 : #6090df;@width2 : 100%;@height0 : 100%;.input-i18n-box{position:relative}.input-i18n-box.active .input-i18n{display:block}.input-i18n{min-width:64px;border-radius:3px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.3);padding:10px;font-size:10px;color:#323232}.input-i18n ul{margin:0;padding:0}.input-i18n ul li{margin-bottom:10px}.input-i18n ul li label{color:#323232;font-size:13px;font-weight:400;overflow:hidden;text-overflow:ellipsis;margin-right:5px}.input-i18n ul li .ant-input{width:85%}.input-i18n ul li:last-child{margin-bottom:0}"]}]}],"members":{"langConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"labelI18n":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"inputChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"cdkOverlayOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"CdkOverlayOrigin","line":28,"character":13},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"resize":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"setLanguageList":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"visibleChange":[{"__symbolic":"method"}]}},"ɵbj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"demo-datetime","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":9,"character":11},"useExisting":{"__symbolic":"reference","name":"ɵbj"},"multi":true}],"template":"<ng-container [ngSwitch]=\"type\">\n  <ng-container *ngSwitchCase=\"'date'\">\n    <nz-date-picker\n      nzFormat=\"yyyy/MM/dd\"\n      [(ngModel)]=\"_value\"\n      [nzDisabledDate]=\"disabledDate\"\n    ></nz-date-picker>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'year'\">\n    <nz-year-picker\n      nzFormat=\"yyyy\"\n      [(ngModel)]=\"_value\"\n      [nzDisabledDate]=\"disabledDate\"\n    ></nz-year-picker>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'month'\">\n    <nz-month-picker\n      nzFormat=\"yyyy/MM\"\n      [(ngModel)]=\"_value\"\n      [nzDisabledDate]=\"disabledDate\"\n    ></nz-month-picker>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'time'\">\n    <nz-time-picker\n      nzFormat=\"HH:mm\"\n      [(ngModel)]=\"_value\"\n      nzClearText=\"\"\n      [nzDisabledHours]=\"disabledHours\"\n      [nzDisabledMinutes]=\"disabledMinutes\"\n    ></nz-time-picker>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <nz-date-picker\n      nzShowTime\n      [nzShowTime]=\"{ nzFormat: 'HH:mm' }\"\n      nzFormat=\"yyyy/MM/dd HH:mm\"\n      [(ngModel)]=\"_value\"\n      [nzDisabledDate]=\"disabledDate\"\n      [nzDisabledTime]=\"disabledDateTime\"\n    ></nz-date-picker>\n  </ng-container>\n</ng-container>\n","styles":[""]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"range":[{"__symbolic":"method"}]}},"ɵbk":{"__symbolic":"function","parameters":["field","key"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"lodash","name":"get","line":3,"character":9},"arguments":[{"__symbolic":"reference","name":"field"},{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"templateOptions.","right":{"__symbolic":"reference","name":"key"}},"right":""}]}},"ɵbl":{"__symbolic":"function","parameters":["err","field"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵbk"},"arguments":[{"__symbolic":"reference","name":"field"},"label"]},"right":"不能为空"}},"ɵbm":{"__symbolic":"function","parameters":["err","field"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵbk"},"arguments":[{"__symbolic":"reference","name":"field"},"label"]},"right":"最小长度为"},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵbk"},"arguments":[{"__symbolic":"reference","name":"field"},"minLength"]}}},"ɵbn":{"__symbolic":"function","parameters":["err","field"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵbk"},"arguments":[{"__symbolic":"reference","name":"field"},"label"]},"right":"最大长度为"},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵbk"},"arguments":[{"__symbolic":"reference","name":"field"},"maxLength"]}}},"ɵbo":{"__symbolic":"function","parameters":["err","field"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵbk"},"arguments":[{"__symbolic":"reference","name":"field"},"label"]},"right":"最小值为"},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵbk"},"arguments":[{"__symbolic":"reference","name":"field"},"min"]}}},"ɵbp":{"__symbolic":"function","parameters":["err","field"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵbk"},"arguments":[{"__symbolic":"reference","name":"field"},"label"]},"right":"最大值为"},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵbk"},"arguments":[{"__symbolic":"reference","name":"field"},"max"]}}},"ɵbq":{"__symbolic":"function"},"ɵbr":{"validationMessages":[{"name":"required","message":{"__symbolic":"reference","name":"ɵbl"}},{"name":"null","message":"不能为NULL"},{"name":"minlength","message":{"__symbolic":"reference","name":"ɵbm"}},{"name":"maxlength","message":{"__symbolic":"reference","name":"ɵbn"}},{"name":"min","message":{"__symbolic":"reference","name":"ɵbo"}},{"name":"max","message":{"__symbolic":"reference","name":"ɵbp"}},{"name":"multipleOf","message":"ssss"},{"name":"exclusiveMinimum","message":"ssss"},{"name":"exclusiveMaximum","message":"ssss"},{"name":"minItems","message":"ssss"},{"name":"maxItems","message":"ssss"},{"name":"uniqueItems","message":"should NOT have duplicate items"},{"name":"const","message":"ssss"},{"name":"pattern","message":{"__symbolic":"reference","name":"ɵbq"}}],"types":[{"name":"array","extends":"array"},{"name":"object","extends":"object"}]}},"origins":{"KreFormFieldAnchor":"./lib/types/anchor","KreFormFieldText":"./lib/types/text","KreFormFieldTextI18n":"./lib/types/texti18n","KreFormFieldTextArea":"./lib/types/textarea","KreFormFieldNumber":"./lib/types/number","KreFormFieldPassWord":"./lib/types/password","KreFormFieldRadio":"./lib/types/radio","KreFormFieldRadioGroup":"./lib/types/radiogroup","KreFormFieldCheckbox":"./lib/types/checkbox","KreFormFieldCheckboxGroup":"./lib/types/checkboxgroup","KreFormFieldSelect":"./lib/types/select","KreFormFieldDateTime":"./lib/types/datetime","KreFormFieldImage":"./lib/types/image","KreFormFieldUpload":"./lib/types/upload","KreFormFieldLookUp":"./lib/types/lookup","KreFormFieldHTML":"./lib/types/html","KreFormFieldLine":"./lib/types/line","KreFormDragDrop":"./lib/types/drag-drop","KreFormFieldSwitch":"./lib/types/switch","KreFormWrapperFormField":"./lib/wrappers/form-field.wrapper","KreAntCommonService":"./lib/tools/commonService","KreDesginToFormService":"./lib/tools/tableFieldService","KreTransferService":"./lib/tools/transferService","KreToFormFieldService":"./lib/tools/formFieldService","IDesignFormAPI":"./lib/tools/util","KreFormAntModule":"./lib/bootstrap.module","KreFormAntService":"./lib/tools/service","ɵa":"./lib/service/dialog.service","ɵb":"./lib/bootstrap.config","ɵc":"./lib/bootstrap.config","ɵd":"./lib/templates/group","ɵe":"./lib/templates/repeat/index","ɵf":"./lib/templates/overtime/index","ɵg":"./lib/templates/panel","ɵh":"./lib/templates/tabular","ɵi":"./lib/templates/tabular-item","ɵj":"./lib/design/field/index.component","ɵk":"./lib/tools/setField.service","ɵl":"./lib/design/field-label/index.component","ɵm":"./lib/design/field-type/index.component","ɵn":"./lib/service/data.service","ɵo":"./lib/net/http.client","ɵp":"./lib/design/table/table.component","ɵq":"./lib/design/tables/table.component","ɵr":"./lib/design/drawer/index.component","ɵs":"./lib/components/private/tree/index.component","ɵt":"./lib/components/private/table/index.component","ɵu":"./lib/components/tree/index.component","ɵv":"./lib/components/employee/index.component","ɵw":"./lib/components/org/index.component","ɵx":"./lib/components/postion/index.component","ɵy":"./lib/components/area/index.component","ɵz":"./lib/components/fieldbutton/index.component","ɵba":"./lib/design/event/event.component","ɵbb":"./lib/design/event/event-item/event-item.component","ɵbc":"./lib/design/config-codemirror/config-codemirror.component","ɵbd":"./lib/types/private_text","ɵbe":"./lib/design/detail/detail.component","ɵbf":"./lib/design/detail2/index.component","ɵbg":"./lib/design/trigger/trigger.component","ɵbh":"./lib/tools/replaceLinePipe","ɵbi":"./lib/design/text-en/text-en.component","ɵbj":"./lib/design/event/datetime/datetime.component","ɵbk":"./lib/validation.config","ɵbl":"./lib/validation.config","ɵbm":"./lib/validation.config","ɵbn":"./lib/validation.config","ɵbo":"./lib/validation.config","ɵbp":"./lib/validation.config","ɵbq":"./lib/validation.config","ɵbr":"./lib/validation.config"},"importAs":"@kre-form/ant"}