@kre-form/ant

Version:

1 lines • 294 kB

JSON

{"__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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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":{"__