UNPKG

@duoduo-oba/ng-devui

Version:

DevUI components based on Angular

16 lines (14 loc) 25.8 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/router"),require("ng-devui/i18n")):"function"==typeof define&&define.amd?define("ng-devui/accordion",["exports","@angular/core","@angular/common","@angular/router","ng-devui/i18n"],t):t(((e=e||self)["ng-devui"]=e["ng-devui"]||{},e["ng-devui"].accordion={}),e.ng.core,e.ng.common,e.ng.router,e["ng-devui"].i18n)}(this,(function(e,t,n,i,r){"use strict"; /*! ***************************************************************************** Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABLITY OR NON-INFRINGEMENT. See the Apache Version 2.0 License for specific language governing permissions and limitations under the License. ***************************************************************************** */var o=function(e,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function a(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var c=function(){return(c=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function p(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(i=o.next()).done;)a.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return a}var d=function(){function e(e){var n=this;this.i18n=e,this.titleKey="title",this.loadingKey="loading",this.childrenKey="children",this.disabledKey="disabled",this.activeKey="active",this.openKey="open",this.menuToggle=new t.EventEmitter,this.itemClick=new t.EventEmitter,this.activeItemChange=new t.EventEmitter,this.restrictOneOpen=!1,this.autoOpenActiveMenu=!1,this.showNoContent=!0,this.linkType="",this.linkTypeKey="linkType",this.linkKey="link",this.linkTargetKey="target",this.linkDefaultTarget="_self",this.itemClickFn=function(e){var t=n.activeItem;n.activeItemFn(e.item),n.itemClick.emit(c({},e,{prevActiveItem:t}))},this.linkItemClickFn=function(e){var t=n.activeItem;n.activeItem=e.item,n.itemClick.emit(c({},e,{prevActiveItem:t}))},this.menuToggleFn=function(e){n.openMenuFn(e.item,e.open),n.menuToggle.emit(e)}}return e.prototype.ngOnChanges=function(e){e.data&&this.initActiveItem(),e.autoOpenActiveMenu&&this.autoOpenActiveMenu&&!1===e.autoOpenActiveMenu.previousValue&&this.cleanOpenData()},e.prototype.ngOnInit=function(){var e=this;this.data&&this.initActiveItem(),this.i18nCommonText=this.i18n.getI18nText().common,this.i18nSubscription=this.i18n.langChange().subscribe((function(t){e.i18nCommonText=t.common}))},e.prototype.ngOnDestroy=function(){this.i18nSubscription&&this.i18nSubscription.unsubscribe()},e.prototype.flatten=function(e,t,n,i){var r=this;return void 0===t&&(t="children"),void 0===n&&(n=!1),void 0===i&&(i=!0),e.reduce((function(e,o){var a=o[t];return void 0===a?i&&e.push(o):(n&&e.push(o),Array.isArray(a)&&e.push.apply(e,function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(p(arguments[t]));return e}(r.flatten(a,t,n)))),e}),[])},e.prototype.cleanOpenData=function(){var e=this;this.flatten(this.data,this.childrenKey,!0,!1).forEach((function(t){return t[e.openKey]=void 0}))},e.prototype.initActiveItem=function(){var e=this,t=this.flatten(this.data,this.childrenKey).filter((function(t){return t[e.activeKey]})).pop();t?this.activeItem||this.activeItemFn(t):this.activeItem=void 0},e.prototype.activeItemFn=function(e){this.activeItem&&this.activeItem[this.activeKey]&&(this.activeItem[this.activeKey]=!1),e[this.activeKey]=!0,this.activeItem=e,this.activeItemChange.emit(this.activeItem)},e.prototype.openMenuFn=function(e,t){var n=this;t&&this.restrictOneOpen&&this.data.forEach((function(e){e[n.openKey]=!1})),e[this.openKey]=t},e.decorators=[{type:t.Component,args:[{selector:"d-accordion",template:'<d-accordion-list class="devui-accordion-menu devui-scrollbar" [data]="data" [deepth]="0" [parent]="null"> </d-accordion-list>\r\n',styles:['@charset "UTF-8";:host{display:block}:host ::ng-deep d-accordion-item,:host ::ng-deep d-accordion-item-hreflink,:host ::ng-deep d-accordion-item-routerlink,:host ::ng-deep d-accordion-list,:host ::ng-deep d-accordion-menu{display:block}:host ::ng-deep .devui-accordion-menu{display:block;background:#fff;box-shadow:0 1px 2px 0 rgba(41,48,64,.2);width:100%;overflow-y:auto}:host ::ng-deep .devui-accordion-menu>.devui-accordion-list>.devui-accordion-item>.devui-accordion-item-title,:host ::ng-deep .devui-accordion-menu>.devui-accordion-list>.devui-accordion-item>.devui-accordion-menu-item>.devui-accordion-item-title{font-weight:700}:host ::ng-deep .devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .devui-accordion-submenu{background:#fff;width:100%}:host ::ng-deep .devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:#252b3a;background:0 0;cursor:pointer}:host ::ng-deep .devui-accordion-item-title.disabled{opacity:.3;cursor:default}:host ::ng-deep .devui-accordion-item-title:not(.disabled):hover{background:#f2f5fc}:host ::ng-deep .devui-accordion-item-title:not(.disabled).active,:host ::ng-deep .devui-accordion-item-title:not(.disabled).devui-router-active{color:#5e7ce0;background:#f2f5fc}:host ::ng-deep .devui-accordion-item-title:not(.disabled).active>a,:host ::ng-deep .devui-accordion-item-title:not(.disabled).devui-router-active>a{color:#5e7ce0}:host ::ng-deep .devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:#252b3a}:host ::ng-deep .devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}:host ::ng-deep d-accordion-item-hreflink.devui-accordion-item-title,:host ::ng-deep d-accordion-item-routerlink.devui-accordion-item-title{padding:0}:host ::ng-deep d-accordion-item-hreflink.devui-accordion-item-title>a,:host ::ng-deep d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title{position:relative;padding-right:30px}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg polygon{fill:#252b3a}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title:not(.open)>.devui-accordion-open-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;transform-origin:center}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{opacity:.3}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title.active{color:#5e7ce0;background:0 0}:host ::ng-deep d-accordion-list.devui-accordion-menu-hidden{display:none}']}]}],e.ctorParameters=function(){return[{type:r.I18nService}]},e.propDecorators={data:[{type:t.Input}],titleKey:[{type:t.Input}],loadingKey:[{type:t.Input}],childrenKey:[{type:t.Input}],disabledKey:[{type:t.Input}],activeKey:[{type:t.Input}],openKey:[{type:t.Input}],menuItemTemplate:[{type:t.Input}],itemTemplate:[{type:t.Input}],menuToggle:[{type:t.Output}],itemClick:[{type:t.Output}],activeItemChange:[{type:t.Output}],restrictOneOpen:[{type:t.Input}],autoOpenActiveMenu:[{type:t.Input}],showNoContent:[{type:t.Input}],noContentTemplate:[{type:t.Input}],loadingTemplate:[{type:t.Input}],innerListTemplate:[{type:t.Input}],linkType:[{type:t.Input}],linkTypeKey:[{type:t.Input}],linkKey:[{type:t.Input}],linkTargetKey:[{type:t.Input}],linkDefaultTarget:[{type:t.Input}]},e}();var l=function(){function e(e){this.accordion=e,this.deepth=0}return Object.defineProperty(e.prototype,"disabled",{get:function(){return this.item&&this.item[this.accordion.disabledKey]},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"title",{get:function(){return this.item&&this.item[this.accordion.titleKey]},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"textIndent",{get:function(){return 20*this.deepth+"px"},enumerable:!0,configurable:!0}),e.propDecorators={item:[{type:t.Input}],deepth:[{type:t.Input}],parent:[{type:t.Input}],disabled:[{type:t.HostBinding,args:["class.disabled"]}],title:[{type:t.HostBinding,args:["attr.title"]}],textIndent:[{type:t.HostBinding,args:["style.textIndent"]}]},e}();var u=function(e){function n(t){var n=e.call(this,t)||this;return n.accordion=t,n.defaultClasses=!0,n}return a(n,e),Object.defineProperty(n.prototype,"itemTemplate",{get:function(){return this.accordion.itemTemplate},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"active",{get:function(){return this.item&&this.item[this.accordion.activeKey]},enumerable:!0,configurable:!0}),n.propDecorators={active:[{type:t.HostBinding,args:["class.active"]}],defaultClasses:[{type:t.HostBinding,args:["class.devui-accordion-item-title"]},{type:t.HostBinding,args:["class.devui-over-flow-ellipsis"]}]},n}(l);var s=function(e){function t(t){var n=e.call(this,t)||this;return n.accordion=t,n}return a(t,e),Object.defineProperty(t.prototype,"link",{get:function(){return this.item&&this.item[this.accordion.linkKey]},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"target",{get:function(){return this.item&&this.item[this.accordion.linkTargetKey]||this.accordion.linkDefaultTarget},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"linkType",{get:function(){return this.item&&this.item[this.accordion.linkTypeKey]||""},enumerable:!0,configurable:!0}),t}(u);var m=function(e){function n(t,n){var i=e.call(this,t)||this;return i.accordion=t,i.router=n,i}return a(n,e),Object.defineProperty(n.prototype,"routerLinkActived",{get:function(){return!(!this.routerLinkActiveDirective||!this.routerLinkActiveDirective.isActive)},enumerable:!0,configurable:!0}),n.prototype.onClick=function(e){this.disabled||this.accordion.linkItemClickFn({item:this.item,parent:this.parent,event:e})},n.decorators=[{type:t.Component,args:[{selector:"d-accordion-item-routerlink",template:'<ng-container *ngIf="!disabled">\r\n <a [routerLink]="link" [routerLinkActive]="\'devui-router-active\'" target="{{ target }}" rel="noopener" title="{{ title }}">\r\n <ng-container *ngIf="!itemTemplate">\r\n {{ title }}\r\n </ng-container>\r\n <ng-template\r\n *ngIf="itemTemplate"\r\n [ngTemplateOutlet]="itemTemplate"\r\n [ngTemplateOutletContext]="{\r\n parent: parent,\r\n item: item,\r\n deepth: deepth\r\n }"\r\n ></ng-template>\r\n </a>\r\n</ng-container>\r\n<ng-container *ngIf="disabled">\r\n <a title="{{ title }}">\r\n <ng-container *ngIf="!itemTemplate">\r\n {{ title }}\r\n </ng-container>\r\n <ng-template\r\n *ngIf="itemTemplate"\r\n [ngTemplateOutlet]="itemTemplate"\r\n [ngTemplateOutletContext]="{\r\n parent: parent,\r\n item: item,\r\n deepth: deepth\r\n }"\r\n ></ng-template>\r\n </a>\r\n</ng-container>\r\n',encapsulation:t.ViewEncapsulation.None}]}],n.ctorParameters=function(){return[{type:d},{type:i.Router}]},n.propDecorators={routerLinkActiveDirective:[{type:t.ViewChild,args:[i.RouterLinkActive,{static:!1}]}],routerLinkActived:[{type:t.HostBinding,args:["class.devui-router-active"]}],onClick:[{type:t.HostListener,args:["click",["$event"]]}]},n}(s);var h=function(e){function n(t){var n=e.call(this,t)||this;return n.accordion=t,n.defaultClasses=!0,n}return a(n,e),Object.defineProperty(n.prototype,"menuItemTemplate",{get:function(){return this.accordion.menuItemTemplate},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"open",{get:function(){return void 0===this.keyOpen&&this.accordion.autoOpenActiveMenu?this.childActived:this.keyOpen},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"keyOpen",{get:function(){return this.item&&this.item[this.accordion.openKey]},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"children",{get:function(){return this.item&&this.item[this.accordion.childrenKey]},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"childActived",{get:function(){return this.routerLinkActived||this.hasActiveChildren},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"routerLinkActived",{get:function(){return this.accordionListFromView&&this.accordionListFromView.routerLinkActived},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"hasActiveChildren",{get:function(){return this.accordionListFromView&&this.accordionListFromView.hasActiveChildren},enumerable:!0,configurable:!0}),n.prototype.toggle=function(e){this.accordion.menuToggleFn({item:this.item,open:!this.open,parent:this.parent,event:e})},n.decorators=[{type:t.Component,args:[{selector:"d-accordion-menu",template:'<div\r\n class="devui-accordion-item-title devui-over-flow-ellipsis"\r\n [ngClass]="{\r\n open: open,\r\n active: childActived,\r\n disabled: disabled\r\n }"\r\n title="{{ title }}"\r\n (click)="!disabled && toggle($event)"\r\n>\r\n <ng-container *ngIf="!menuItemTemplate">\r\n {{ title }}\r\n </ng-container>\r\n <ng-template\r\n *ngIf="menuItemTemplate"\r\n [ngTemplateOutlet]="menuItemTemplate"\r\n [ngTemplateOutletContext]="{\r\n parent: parent,\r\n item: item,\r\n deepth: deepth\r\n }"\r\n ></ng-template>\r\n <span class="devui-accordion-open-icon">\r\n <svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\r\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\r\n <polygon points="4.5 5 8 8.76923077 11.5 5 13 6.61538462 8 12 3 6.61538462"></polygon>\r\n </g>\r\n </svg>\r\n </span>\r\n</div>\r\n<d-accordion-list\r\n class="devui-accordion-submenu"\r\n [ngClass]="{ \'devui-accordion-menu-hidden\': !open }"\r\n [deepth]="deepth + 1"\r\n [data]="children"\r\n [parent]="item"\r\n>\r\n</d-accordion-list>\r\n',encapsulation:t.ViewEncapsulation.None}]}],n.ctorParameters=function(){return[{type:d}]},n.propDecorators={defaultClasses:[{type:t.HostBinding,args:["class.devui-accordion-menu-item"]}],open:[{type:t.HostBinding,args:["class.open"]}],routerLinkActived:[{type:t.HostBinding,args:["class.devui-router-active"]}],hasActiveChildren:[{type:t.HostBinding,args:["class.devui-has-active-item"]}]},n}(l);var g=function(){function e(e,t){var n=this;this.parentComponent=e,this.accordion=t,this.deepth=0,this.menuToggleItemFn=function(e,t){n.accordion.menuToggleFn({item:e,open:!e[n.accordion.openKey],parent:n.parent.parent,event:t})},this.itemClickItemFn=function(e,t){n.accordion.itemClickFn({item:e,parent:n.parent,event:t})}}return e.prototype.ngOnInit=function(){var e=this;this.parentComponent&&setTimeout((function(){e.parentComponent.accordionListFromView=e}))},e.prototype.ngOnDestroy=function(){this.parentComponent&&(this.parentComponent.accordionListFromView=void 0)},Object.defineProperty(e.prototype,"loading",{get:function(){return this.parent&&this.parent[this.accordion.loadingKey]},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"noContent",{get:function(){return void 0===this.data||null===this.data||0===this.data.length},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"linkTypeKey",{get:function(){return this.accordion.linkTypeKey},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"childrenKey",{get:function(){return this.accordion.childrenKey},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"activeKey",{get:function(){return this.accordion.activeKey},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"itemTemplate",{get:function(){return this.accordion.itemTemplate},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"menuItemTemplate",{get:function(){return this.accordion.menuItemTemplate},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"innerListTemplate",{get:function(){return this.accordion.innerListTemplate},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"loadingTemplate",{get:function(){return this.accordion.loadingTemplate},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"noContentTemplate",{get:function(){return this.accordion.noContentTemplate},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"linkType",{get:function(){return this.accordion.linkType},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"i18nCommonText",{get:function(){return this.accordion.i18nCommonText},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showNoContent",{get:function(){return this.accordion.showNoContent},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"linkDefaultTarget",{get:function(){return this.accordion.linkDefaultTarget},enumerable:!0,configurable:!0}),e.prototype.isLinkRouterActive=function(e){return e.routerLinkActived},e.prototype.isMenuRouterActive=function(e){return e.routerLinkActived},e.prototype.isMenuDataActive=function(e){return e.hasActiveChildren},e.prototype.isItemDataActive=function(e){return!!e[this.activeKey]},e.prototype.isItemData=function(e){return void 0===e[this.childrenKey]},Object.defineProperty(e.prototype,"routerLinkActived",{get:function(){var e=this;return!!this.accordionItemRouterlinkQueryList&&this.accordionItemRouterlinkQueryList.some((function(t){return e.isLinkRouterActive(t)}))||!!this.accordionMenuQueryList&&this.accordionMenuQueryList.some((function(t){return e.isMenuRouterActive(t)}))},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasActiveChildren",{get:function(){var e=this;return!!this.accordionMenuQueryList&&this.accordionMenuQueryList.some((function(t){return e.isMenuDataActive(t)}))||!!this.data&&!!this.data.length&&this.data.some((function(t){return e.isItemData(t)&&e.isItemDataActive(t)}))},enumerable:!0,configurable:!0}),e.decorators=[{type:t.Component,args:[{selector:"d-accordion-list",template:'<ul class="devui-accordion-list" *ngIf="!innerListTemplate || deepth === 0">\r\n <li class="devui-accordion-item" *ngFor="let item of data">\r\n \x3c!--菜单类型--\x3e\r\n <d-accordion-menu *ngIf="item[childrenKey] !== undefined" [item]="item" [deepth]="deepth" [parent]="parent"></d-accordion-menu>\r\n \x3c!--非菜单类型--\x3e\r\n <ng-container *ngIf="item[childrenKey] === undefined">\r\n \x3c!--路由链接--\x3e\r\n <d-accordion-item-routerlink\r\n *ngIf="linkType === \'routerLink\'"\r\n [item]="item"\r\n [deepth]="deepth"\r\n [parent]="parent"\r\n ></d-accordion-item-routerlink>\r\n \x3c!--普通链接--\x3e\r\n <d-accordion-item-hreflink\r\n *ngIf="linkType === \'hrefLink\'"\r\n [item]="item"\r\n [deepth]="deepth"\r\n [parent]="parent"\r\n ></d-accordion-item-hreflink>\r\n \x3c!--动态链接--\x3e\r\n <ng-container *ngIf="linkType === \'dependOnLinkTypeKey\'">\r\n <d-accordion-item-routerlink\r\n *ngIf="item[linkTypeKey] === \'routerLink\'"\r\n [item]="item"\r\n [deepth]="deepth"\r\n [parent]="parent"\r\n ></d-accordion-item-routerlink>\r\n <d-accordion-item-hreflink\r\n *ngIf="item[linkTypeKey] === \'hrefLink\'"\r\n [item]="item"\r\n [deepth]="deepth"\r\n [parent]="parent"\r\n ></d-accordion-item-hreflink>\r\n <d-accordion-item\r\n *ngIf="item[linkTypeKey] !== \'hrefLink\' && item[linkTypeKey] !== \'routerLink\'"\r\n [item]="item"\r\n [deepth]="deepth"\r\n [parent]="parent"\r\n ></d-accordion-item>\r\n </ng-container>\r\n \x3c!--普通类型--\x3e\r\n <d-accordion-item *ngIf="!linkType || linkType === \'\'" [item]="item" [deepth]="deepth" [parent]="parent"></d-accordion-item>\r\n </ng-container>\r\n </li>\r\n</ul>\r\n\x3c!--列表模板--\x3e\r\n<div *ngIf="innerListTemplate && deepth !== 0">\r\n <ng-template\r\n [ngTemplateOutlet]="innerListTemplate"\r\n [ngTemplateOutletContext]="{\r\n item: parent,\r\n deepth: deepth,\r\n itemClickFn: itemClickItemFn,\r\n menuToggleFn: menuToggleItemFn\r\n }"\r\n ></ng-template>\r\n</div>\r\n\x3c!--无数据/加载中模板--\x3e\r\n<ul *ngIf="!innerListTemplate && (loading || (noContent && showNoContent))">\r\n \x3c!--加载中--\x3e\r\n <li *ngIf="loading && !loadingTemplate" class="devui-accordion-item">\r\n <div class="devui-accordion-item-title devui-over-flow-ellipsis" [style.textIndent]="deepth * 20 + \'px\'">\r\n {{ i18nCommonText?.loading }}\r\n </div>\r\n </li>\r\n \x3c!--自定义加载中--\x3e\r\n <ng-template\r\n *ngIf="loading && loadingTemplate"\r\n [ngTemplateOutlet]="loadingTemplate"\r\n [ngTemplateOutletContext]="{ item: parent, deepth: deepth }"\r\n ></ng-template>\r\n \x3c!--无数据--\x3e\r\n <li *ngIf="showNoContent && !loading && noContent && !noContentTemplate" class="devui-accordion-item">\r\n <div class="devui-accordion-item-title devui-over-flow-ellipsis disabled" [style.textIndent]="deepth * 20 + \'px\'">\r\n {{ i18nCommonText?.noData }}\r\n </div>\r\n </li>\r\n \x3c!--自定义无数据--\x3e\r\n <ng-template\r\n *ngIf="showNoContent && !loading && noContent && noContentTemplate"\r\n [ngTemplateOutlet]="noContentTemplate"\r\n [ngTemplateOutletContext]="{ item: parent, deepth: deepth }"\r\n ></ng-template>\r\n</ul>\r\n',encapsulation:t.ViewEncapsulation.None}]}],e.ctorParameters=function(){return[{type:h,decorators:[{type:t.Optional},{type:t.Host},{type:t.SkipSelf}]},{type:d}]},e.propDecorators={data:[{type:t.Input}],deepth:[{type:t.Input}],parent:[{type:t.Input}],accordionMenuQueryList:[{type:t.ViewChildren,args:[h]}],accordionItemRouterlinkQueryList:[{type:t.ViewChildren,args:[m]}]},e}();var f=function(e){function n(t){var n=e.call(this,t)||this;return n.accordion=t,n}return a(n,e),n.prototype.onClick=function(e){this.disabled||this.accordion.linkItemClickFn({item:this.item,parent:this.parent,event:e})},n.decorators=[{type:t.Component,args:[{selector:"d-accordion-item-hreflink",template:'<ng-container *ngIf="!disabled">\r\n <a href="{{ link }}" target="{{ target }}" rel="noopener" title="{{ title }}">\r\n <ng-container *ngIf="!itemTemplate">\r\n {{ title }}\r\n </ng-container>\r\n <ng-template\r\n *ngIf="itemTemplate"\r\n [ngTemplateOutlet]="itemTemplate"\r\n [ngTemplateOutletContext]="{\r\n parent: parent,\r\n item: item,\r\n deepth: deepth\r\n }"\r\n ></ng-template>\r\n </a>\r\n</ng-container>\r\n<ng-container *ngIf="disabled">\r\n <a title="{{ title }}">\r\n <ng-container *ngIf="!itemTemplate">\r\n {{ title }}\r\n </ng-container>\r\n <ng-template\r\n *ngIf="itemTemplate"\r\n [ngTemplateOutlet]="itemTemplate"\r\n [ngTemplateOutletContext]="{\r\n parent: parent,\r\n item: item,\r\n deepth: deepth\r\n }"\r\n ></ng-template>\r\n </a>\r\n</ng-container>\r\n',encapsulation:t.ViewEncapsulation.None}]}],n.ctorParameters=function(){return[{type:d}]},n.propDecorators={onClick:[{type:t.HostListener,args:["click",["$event"]]}]},n}(s);var y=function(e){function n(t){var n=e.call(this,t)||this;return n.accordion=t,n}return a(n,e),n.prototype.onClick=function(e){this.disabled||this.accordion.itemClickFn({item:this.item,parent:this.parent,event:e})},n.decorators=[{type:t.Component,args:[{selector:"d-accordion-item",template:'<ng-container *ngIf="!itemTemplate">\r\n {{ title }}\r\n</ng-container>\r\n<ng-template\r\n *ngIf="itemTemplate"\r\n [ngTemplateOutlet]="itemTemplate"\r\n [ngTemplateOutletContext]="{\r\n parent: parent,\r\n item: item,\r\n deepth: deepth\r\n }"\r\n></ng-template>\r\n',encapsulation:t.ViewEncapsulation.None}]}],n.ctorParameters=function(){return[{type:d}]},n.propDecorators={onClick:[{type:t.HostListener,args:["click",["$event"]]}]},n}(u);var v=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,i.RouterModule],declarations:[d,g,h,y,f,m],exports:[d,g,h,y,f,m]}]}],e}();e.AccordionBaseComponent=l,e.AccordionBaseItemComponent=u,e.AccordionBaseLinkComponent=s,e.AccordionComponent=d,e.AccordionItemComponent=y,e.AccordionItemHreflinkComponent=f,e.AccordionItemRouterlinkComponent=m,e.AccordionListComponent=g,e.AccordionMenuComponent=h,e.AccordionModule=v,Object.defineProperty(e,"__esModule",{value:!0})})); //# sourceMappingURL=ng-devui-accordion.umd.min.js.map