{"__symbolic":"module","version":4,"metadata":{"TreeMultiSelectDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"clink-tree-multi-select-dialog","template":"<div nz-row class=\"tree-multi-select-dialog\">\r\n    <div nz-col nzSpan=\"8\" class=\"tree-side\">\r\n        <clink-tree-multi-select\r\n            [titleField]=\"data?.titleField\"\r\n            [keyField]=\"data?.keyField\"\r\n            [childrenField]=\"data?.childrenField\"\r\n            [defaultCheckedKeys]=\"data?.defaultCheckedKeys\"\r\n            [treeNodes]=\"data?.treeNodes\"\r\n            (checkedChange)=\"getCheckedChange($event)\"\r\n        ></clink-tree-multi-select>\r\n    </div>\r\n    <div nz-col nzSpan=\"16\" class=\"checked-tags\">\r\n        <div class=\"checked-header\">\r\n            <button *ngFor=\"let button of actionButtons\" nz-button nzType=\"text\" [nzDanger]=\"button.isDanger\" (click)=\"handleActions(button?.key)\">{{ button?.title }}</button>\r\n        </div>\r\n        <div class=\"checked-body\">\r\n            <ng-container *ngFor=\"let node of checkedNodes; let i = index\">\r\n                <div class=\"checked-tag\">\r\n                    {{ node?.title }}\r\n                    <img src=\"../assets/images/delete.png\" class=\"imgStyle\" (click)=\"removeCheckedNode(node, i)\" />\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n","styles":[".tree-multi-select-dialog{height:360px}.tree-multi-select-dialog .tree-side{height:100%}.tree-multi-select-dialog .checked-tags{height:100%;border-left:1px solid rgba(0,0,0,.15)}.tree-multi-select-dialog .checked-tags .checked-header{height:48px;display:flex;align-items:center;justify-content:end;border-bottom:1px solid rgba(0,0,0,.15)}.tree-multi-select-dialog .checked-tags .checked-body{padding:15px 12px;height:calc(100% - 48px);overflow-y:auto}.tree-multi-select-dialog .checked-tags .checked-body .checked-tag{position:relative;display:inline-block;padding:3px 15px;border-radius:15px;margin:5px;background-color:#1890ff;font-size:14px;color:#fff}.tree-multi-select-dialog .checked-tags .checked-body .checked-tag span{cursor:pointer}.tree-multi-select-dialog .checked-tags .checked-body .checked-tag .imgStyle{position:absolute;top:-4px;width:16px;background:#fff;border-radius:50%}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"handleActions":[{"__symbolic":"method"}],"getCheckedChange":[{"__symbolic":"method"}],"removeCheckedNode":[{"__symbolic":"method"}]},"statics":{"config":{"nzContent":{"__symbolic":"reference","name":"TreeMultiSelectDialogComponent"},"nzWidth":"780px","nzComponentParams":{"data":{"titleField":"title","keyField":"key","childrenField":"children","treeNodes":[],"defaultCheckedKeys":[],"inputPlaceholder":"请输入"}}}}},"TreeMultiSelectDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TreeMultiSelectDialogComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":14},{"__symbolic":"reference","module":"clink-ui-x/tree-multi-select","name":"TreeMultiSelectModule","line":10,"character":28},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":51},{"__symbolic":"reference","module":"ng-zorro-antd/grid","name":"NzGridModule","line":10,"character":64},{"__symbolic":"reference","module":"ng-zorro-antd/button","name":"NzButtonModule","line":10,"character":78}],"exports":[{"__symbolic":"reference","name":"TreeMultiSelectDialogComponent"}]}]}],"members":{}}},"origins":{"TreeMultiSelectDialogComponent":"./tree-multi-select-dialog.component","TreeMultiSelectDialogModule":"./tree-multi-select-dialog.module"},"importAs":"clink-ui-x/tree-multi-select-dialog"}