{"__symbolic":"module","version":4,"metadata":{"RsNgButtonLineComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-rs-ng-button-line","template":"<div class=\"button-panel\">\n    <div class=\"button-panel-warp\">\n        <!-- 左侧数据展示 -->\n        <div class=\"button-panel-warp-left\" *ngIf=\"styleName==='style1'\">\n            <div class=\"button-panel-warp-left-head\">\n                {{title}}\n            </div>\n            <div class=\"tag-list\">\n                <div class=\"tag-list-item\" [ngStyle]=\"{'margin':itemPadding?itemPadding:'0.5rem 0'}\" *ngFor=\"let item of data\">\n                    {{item.title}}\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"styleName==='style2'\" [class]=\"styleName\">\n            <div class=\"tag-list\" *ngFor=\"let item of data\">\n                <span class=\"title\">{{item.title}}</span>\n                <div class=\"tag-list-child\" *ngFor=\"let child of item.children\">{{child.title}}</div>\n            </div>\n\n        </div>\n        <!-- 右侧数据 -->\n        <div class=\"button-panel-warp-right\" [class]=\"isShow?'show':''\">\n            <div class=\"button-panel-warp-right-item\"  [class]=\"getClass(i)\" *ngFor=\" let item of listData;let\n                i=index\">{{item.title}}</div>\n        </div>\n    </div>\n</div>","styles":[".button-panel-warp{border:1px solid #e4e4e4;display:flex;margin:10px;overflow-y:scroll}.button-panel-warp-left{width:20%}.button-panel-warp-left-head{background-color:#e4e4e4;color:#ccc;cursor:pointer;padding:.5rem 0;text-align:center}.button-panel-warp-left .tag-list{padding:2rem 1rem;text-align:center}.button-panel-warp-left .tag-list-item{background-color:rgba(41,139,230,.2);border:1px solid #0b77dd;color:#0b77dd;font-size:.12rem;margin:.5rem 0;padding:5px 0}.button-panel-warp-left .tag-list-item:hover{background-color:#298be6;color:#fff;cursor:pointer}.button-panel-warp-right{align-items:center;border-left:1px solid #e4e4e4;display:flex;flex-direction:column;justify-content:center;width:70%}.button-panel-warp-right-item{background-color:#ccc;border:1px solid #ccc;margin:1.5rem auto;padding:1rem .5rem;text-align:center;width:40%}.button-panel-warp-right .line{position:relative}.button-panel-warp-right .line:after{background-color:#ccc;bottom:-87%;content:\"\";display:inline-block;height:3rem;left:50%;position:absolute;width:.3rem}.button-panel .style2 .tag-list{padding:10px}.button-panel .style2 .tag-list .title{font-size:30px;font-weight:700}.button-panel .style2 .tag-list-child{background-color:rgba(41,139,230,.2);border:1px solid #0b77dd;color:#0b77dd;font-size:.12rem;margin-top:.5rem;padding:5px 0;text-align:center}.button-panel .show{-webkit-animation:enteActive 3s 1;-webkit-animation-iteration-count:1;animation:enteActive 3s 1;animation-iteration-count:1}@-webkit-keyframes enteActive{0%{opacity:0}30%{opacity:.4}50%{opacity:.6}to{opacity:1}}@keyframes enteActive{0%{opacity:0}30%{opacity:.4}50%{opacity:.6}to{opacity:1}}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"listData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"isBindTreeNodeSubject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"styleName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"itemPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"rs-ng-core","name":"SubscribeService","line":19,"character":40}]}],"ngOnDestroy":[{"__symbolic":"method"}],"getClass":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"listen":[{"__symbolic":"method"}],"bandleShow":[{"__symbolic":"method"}]}},"RsNgButtonLineModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RsNgButtonLineComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"RsNgButtonLineComponent"}],"entryComponents":[{"__symbolic":"spread","expression":{"__symbolic":"reference","module":"rs-ng-base","name":"baseCompList","line":16,"character":7}}]}]}],"members":{}}},"origins":{"RsNgButtonLineComponent":"./rs-ng-button-line.component","RsNgButtonLineModule":"./rs-ng-button-line.module"},"importAs":"rs-ng-composite/src/components/rs-ng-button-line"}