{"__symbolic":"module","version":4,"metadata":{"MFieldPickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"m-field-picker","template":"\n    <div class=\"m-field-picker\">\n      <div class=\"m-field-picker-header\" *ngIf=\"mHeader\">\n        <ng-container *nzStringTemplateOutlet=\"mHeader\">{{ mHeader }}</ng-container>\n      </div>\n      <div class=\"m-field-picker-search\" *ngIf=\"mShowSearch\">\n        <m-search-input placeholder=\"请搜索字段标签\" [(query)]=\"query\" (search)=\"onSearch()\"></m-search-input>\n      </div>\n      <div class=\"m-field-picker-content\">\n        <ng-container *ngFor=\"let tag of filterTags\">\n          <div *ngIf=\"mMode === 'stretch'\" class=\"m-field-picker-block\">\n            <m-field-item [tag]=\"tag\" (click)=\"mSelectChange.emit(tag)\"></m-field-item>\n          </div>\n          <m-field-item *ngIf=\"mMode === 'compact'\" [tag]=\"tag\" (click)=\"mSelectChange.emit(tag)\"></m-field-item>\n        </ng-container>\n        <input\n          #inputElementRef\n          nz-input\n          *ngIf=\"inputVisible\"\n          type=\"text\"\n          class=\"m-field-picker-input\"\n          [(ngModel)]=\"inputValue\"\n          [style.width.px]=\"90\"\n          (blur)=\"handleInputConfirm()\"\n          (keydown.enter)=\"handleInputConfirm()\"\n          autofocus\n        />\n        <div class=\"m-field-picker-empty\" *ngIf=\"!filterTags.length\">暂无数据</div>\n        <button\n          class=\"m-field-picker-add-btn\"\n          *ngIf=\"mCreatable && !inputVisible\"\n          nz-button\n          nzSize=\"small\"\n          nzType=\"dashed\"\n          (click)=\"onCreate()\"\n        >\n          <i nz-icon nzType=\"plus\"></i>\n          新增标签\n        </button>\n      </div>\n      <div class=\"m-field-picker-footer\" *ngIf=\"mFooter\">\n        <ng-container *nzStringTemplateOutlet=\"mFooter\">{{ mFooter }}</ng-container>\n      </div>\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":63,"character":19},"member":"OnPush"},"preserveWhitespaces":true}]}],"members":{"mHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"mFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"mShowSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"mMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"mFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"mCreatable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"mDefaultColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"mSelectChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"mFieldsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3}}]}],"inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":78,"character":3},"arguments":["inputElementRef"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":85,"character":27}]}],"ngOnChanges":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onCreate":[{"__symbolic":"method"}],"handleInputConfirm":[{"__symbolic":"method"}]}},"MFieldPickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":12},{"__symbolic":"reference","module":"@mining/ui/widgets","name":"MWidgetsModule","line":13,"character":26},{"__symbolic":"reference","module":"ng-zorro-antd/core/outlet","name":"NzOutletModule","line":13,"character":42},{"__symbolic":"reference","module":"ng-zorro-antd/tooltip","name":"NzToolTipModule","line":13,"character":58},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputModule","line":13,"character":75},{"__symbolic":"reference","module":"ng-zorro-antd/button","name":"NzButtonModule","line":13,"character":90},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":13,"character":106},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":13,"character":119}],"exports":[{"__symbolic":"reference","name":"MFieldPickerComponent"},{"__symbolic":"reference","name":"ɵa"}],"declarations":[{"__symbolic":"reference","name":"MFieldPickerComponent"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"IMFieldItem":{"__symbolic":"interface"},"IMFieldPickerMode":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"m-field-item","template":"\n    <span class=\"m-field-picker-item\" nz-tooltip [nzTooltipTitle]=\"tag.name\" [ngStyle]=\"{ border: '1px solid ' + tag.color }\">\n      {{ tag.name }}\n    </span>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"preserveWhitespaces":true}]}],"members":{"tag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}]}}},"origins":{"MFieldPickerComponent":"./field-picker.component","MFieldPickerModule":"./field-picker.module","IMFieldItem":"./typings","IMFieldPickerMode":"./typings","ɵa":"./field-item.compontent"},"importAs":"@mining/ui/field-picker"}