-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchunk-2A4SJGSK.js
1 lines (1 loc) · 14.5 KB
/
chunk-2A4SJGSK.js
1
import{b as de,c as be,d as fe}from"./chunk-KEW64DST.js";import{e as pe,i as ce,l as ue}from"./chunk-AQGOD4VY.js";import{b as ie}from"./chunk-FFGJMO62.js";import{a as oe,b as ae,o as le,q as re,r as se,t as me}from"./chunk-LJRBPGSW.js";import"./chunk-JYBRZQRP.js";import{Aa as y,Da as i,Ea as o,Fa as d,Ga as v,Ha as x,I as g,Ia as A,Ja as O,Ka as C,La as _,Ma as V,N as X,Na as Q,O as M,P as L,Pa as H,Qa as B,Qb as q,Ra as S,Sa as N,Ta as P,U,Ua as r,Va as z,Ya as J,Za as K,_a as Z,ca as a,da as Y,ea as G,fb as R,gb as ee,l as $,la as c,ma as E,ra as u,rb as te,sb as ne,va as l,wa as w,xa as k,xb as j,zb as W}from"./chunk-UJIEDWPF.js";var Ne=["*"];function Be(e,m){e&1&&Q(0)}function De(e,m){e&1&&A(0)}var f=(()=>{class e{constructor(){this.active=!1}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-tab-pane"]],viewQuery:function(n,s){if(n&1&&B(G,7),n&2){let p;S(p=N())&&(s.content=p.first)}},inputs:{nelLabel:"nelLabel"},standalone:!1,ngContentSelectors:Ne,decls:3,vars:3,consts:[[1,"el-tab-pane"],[4,"ngTemplateOutlet"]],template:function(n,s){n&1&&(V(),u(0,Be,1,0,"ng-template"),i(1,"div",0),u(2,De,1,0,"ng-container",1),o()),n&2&&(a(),w("display",s.active?"":"none"),a(),l("ngTemplateOutlet",s.content))},dependencies:[j],encapsulation:2})}}return e})();var Fe=["navScroll"],Ie=["navScrollPosition"],we=["tabItem"],Ae=["*"];function Pe(e,m){e&1&&A(0)}function Me(e,m){if(e&1&&(v(0),u(1,Pe,1,0,"ng-container",6),x()),e&2){_();let t=P(6);a(),l("ngTemplateOutlet",t)}}function Le(e,m){e&1&&A(0)}function ke(e,m){if(e&1&&(v(0),u(1,Le,1,0,"ng-container",6),x()),e&2){_();let t=P(6);a(),l("ngTemplateOutlet",t)}}function Oe(e,m){if(e&1){let t=O();i(0,"span",11),C("click",function(){M(t);let s=_(2);return L(s.edit())}),d(1,"i",12),o()}}function Ve(e,m){e&1&&(v(0),i(1,"span",13),d(2,"i",14),o(),i(3,"span",15),d(4,"i",16),o(),x())}function Qe(e,m){if(e&1&&d(0,"div"),e&2){let t=_(2);y("el-tabs__active-bar is-",t.nelTabPosition,""),w("width",t.activeBar.width)("height",t.activeBar.height)("transform",t.activeBar.transform)}}function Re(e,m){if(e&1&&(v(0),r(1),x()),e&2){let t=_(2).$implicit;a(),z(t.nelLabel)}}function je(e,m){if(e&1&&(v(0),u(1,Re,2,1,"ng-container",19),x()),e&2){let t=_().$implicit;a(),l("stringTemplate",t.nelLabel)}}function We(e,m){if(e&1){let t=O();i(0,"span",20),C("click",function(s){M(t);let p=_().index,h=_(2);return L(h.remove(s,p))}),o()}}function Ue(e,m){if(e&1){let t=O();v(0),i(1,"div",17,3),C("click",function(){let s=M(t).index,p=_(2);return L(p.selecteTab(s))}),u(3,je,2,1,"ng-container",4)(4,We,1,0,"span",18),o(),x()}if(e&2){let t=m.$implicit,n=m.index,s=_(2);a(),y("el-tabs__item is-",s.nelTabPosition,""),k("is-active",n==s.nelSelectedIndex)("is-closable",s.nelType=="card"&&s.nelEditable),a(2),l("ngIf",t.nelLabel),a(),l("ngIf",s.nelType=="card"&&s.nelEditable)}}function qe(e,m){if(e&1&&(i(0,"div"),u(1,Oe,2,0,"span",7),i(2,"div"),u(3,Ve,5,0,"ng-container",4),i(4,"div",8,1)(6,"div",null,2),u(8,Qe,1,9,"div",9)(9,Ue,5,9,"ng-container",10),o()()()()),e&2){let t=_();y("el-tabs__header is-",t.nelTabPosition,""),a(),l("ngIf",t.nelType=="card"&&t.nelEditable),a(),y("el-tabs__nav-wrap is-",t.nelTabPosition,""),k("is-scrollable",t.scrollable),a(),l("ngIf",t.scrollable),a(3),y("el-tabs__nav is-",t.nelTabPosition,""),w("transform",t.scrollTransform),a(2),l("ngIf",!t.nelType),a(),l("ngForOf",t.items)}}var b=class e{constructor(m){this.cdr=m,this._tabLabelCount=0,this._tabItems=[],this.activeBar={width:"",height:"",transform:""},this.scrollable=!1,this.scrollTransform="",this.nelSelectedIndex=0,this.nelTabPosition="top",this.nelEditable=!1,this.nelSelectedIndexChange=new U,this.nelOnEdit=new U}ngAfterContentInit(){this._tabLabelCount=this.items.length,setTimeout(()=>{this.changeTabPane()},0)}ngAfterContentChecked(){this._tabLabelCount!==this.items.length&&(this.ngAfterViewInit(),this.ngAfterContentInit())}ngAfterViewInit(){this.nelType||(this._tabItems=[],this.tabItems.forEach(m=>{let t={width:m.nativeElement.offsetWidth,height:m.nativeElement.offsetHeight};this._tabItems.push(t)})),this.changeScroll(),this.changeTab(!0)}ngOnChanges(m){let{nelTabPosition:t}=m;t&&!t.firstChange&&setTimeout(()=>{this.ngAfterViewInit()},0)}changeTabPane(){this.items.forEach(t=>{t.active=!1});let m=this.items.get(this.nelSelectedIndex);m&&(m.active=!0)}selecteTab(m){this.nelSelectedIndex=m,this.nelSelectedIndexChange.emit(m),this.changeTab(!1),this.changeTabPane()}changeTab(m){if(!this.nelType){let t="width";(this.nelTabPosition==="right"||this.nelTabPosition==="left")&&(t="height");let n=0,s=0,p=0;t==="width"?(this._tabItems.forEach((h,I)=>{I<this.nelSelectedIndex?p+=h[t]:I===this.nelSelectedIndex&&(n=h[t])}),this.nelSelectedIndex===this.tabItems.length-1?(p+=20,n-=20):this.nelSelectedIndex>0?(p+=20,n-=40):n-=20):this._tabItems.forEach((h,I)=>{I<this.nelSelectedIndex?p+=h[t]:I===this.nelSelectedIndex&&(s=h[t])}),m?setTimeout(()=>{this.activeBar={width:t==="width"?n+"px":"",height:t==="height"?s+"px":"",transform:t==="width"?`translateX(${p}px)`:`translateY(${p}px)`}},0):this.activeBar={width:t==="width"?n+"px":"",height:t==="height"?s+"px":"",transform:t==="width"?`translateX(${p}px)`:`translateY(${p}px)`}}}changeScroll(){setTimeout(()=>{this.navScroll.nativeElement.offsetWidth<this.navScrollPosition.nativeElement.offsetWidth?(this.scrollable=!0,this.scrollTransform=`translateX(${this.navScroll.nativeElement.offsetWidth-this.navScrollPosition.nativeElement.offsetWidth}px)`,this.cdr.markForCheck()):(this.scrollable=!1,this.scrollTransform="translateX(0px)",this.cdr.markForCheck())},0)}edit(){this.nelOnEdit.emit({index:-1,action:"add"})}remove(m,t){m.stopPropagation(),this.nelOnEdit.emit({index:t,action:"remove"})}static{this.\u0275fac=function(t){return new(t||e)(Y(ee))}}static{this.\u0275cmp=c({type:e,selectors:[["nel-tabs"]],contentQueries:function(t,n,s){if(t&1&&H(s,f,4),t&2){let p;S(p=N())&&(n.items=p)}},viewQuery:function(t,n){if(t&1&&(B(Fe,5),B(Ie,5),B(we,5)),t&2){let s;S(s=N())&&(n.navScroll=s.first),S(s=N())&&(n.navScrollPosition=s.first),S(s=N())&&(n.tabItems=s)}},inputs:{nelSelectedIndex:"nelSelectedIndex",nelType:"nelType",nelTabPosition:"nelTabPosition",nelEditable:"nelEditable"},outputs:{nelSelectedIndexChange:"nelSelectedIndexChange",nelOnEdit:"nelOnEdit"},standalone:!1,features:[X],ngContentSelectors:Ae,decls:7,vars:9,consts:[["tabsTpl",""],["navScroll",""],["navScrollPosition",""],["tabItem",""],[4,"ngIf"],[1,"el-tabs__content"],[4,"ngTemplateOutlet"],["class","el-tabs__new-tab","tabindex","0",3,"click",4,"ngIf"],[1,"el-tabs__nav-scroll"],[3,"class","width","height","transform",4,"ngIf"],[4,"ngFor","ngForOf"],["tabindex","0",1,"el-tabs__new-tab",3,"click"],[1,"el-icon-plus"],[1,"el-tabs__nav-prev"],[1,"el-icon-arrow-left"],[1,"el-tabs__nav-next","is-disabled"],[1,"el-icon-arrow-right"],[3,"click"],["class","el-icon-close",3,"click",4,"ngIf"],[4,"stringTemplate"],[1,"el-icon-close",3,"click"]],template:function(t,n){t&1&&(V(),i(0,"div"),u(1,Me,2,1,"ng-container",4),i(2,"div",5),Q(3),o(),u(4,ke,2,1,"ng-container",4),o(),u(5,qe,10,17,"ng-template",null,0,R)),t&2&&(y("el-tabs el-tabs--",n.nelTabPosition,""),k("el-tabs--card",n.nelType=="card")("el-tabs--border-card",n.nelType=="border-card"),a(),l("ngIf",n.nelTabPosition!="bottom"),a(3),l("ngIf",n.nelTabPosition=="bottom"))},dependencies:[te,ne,j,oe],encapsulation:2,changeDetection:0})}};$([ie()],b.prototype,"nelEditable",void 0);var _e=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275mod=E({type:e})}static{this.\u0275inj=g({imports:[W,ae]})}}return e})();var he=(()=>{class e{handleClick(){}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-tabs-basic"]],standalone:!1,decls:9,vars:4,consts:[[3,"click"],[3,"nelLabel"]],template:function(n,s){n&1&&(i(0,"nel-tabs",0),C("click",function(){return s.handleClick()}),i(1,"nel-tab-pane",1),r(2,"\u7528\u6237\u7BA1\u7406"),o(),i(3,"nel-tab-pane",1),r(4,"\u914D\u7F6E\u7BA1\u7406"),o(),i(5,"nel-tab-pane",1),r(6,"\u89D2\u8272\u7BA1\u7406"),o(),i(7,"nel-tab-pane",1),r(8,"\u5B9A\u65F6\u4EFB\u52A1\u8865\u507F"),o()()),n&2&&(a(),l("nelLabel","\u7528\u6237\u7BA1\u7406"),a(2),l("nelLabel","\u914D\u7F6E\u7BA1\u7406"),a(2),l("nelLabel","\u89D2\u8272\u7BA1\u7406"),a(2),l("nelLabel","\u5B9A\u65F6\u4EFB\u52A1\u8865\u507F"))},dependencies:[b,f],encapsulation:2})}}return e})();var Te=(()=>{class e{handleClick(){}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-tabs-type"]],standalone:!1,decls:9,vars:5,consts:[[3,"click","nelType"],[3,"nelLabel"]],template:function(n,s){n&1&&(i(0,"nel-tabs",0),C("click",function(){return s.handleClick()}),i(1,"nel-tab-pane",1),r(2,"\u7528\u6237\u7BA1\u7406"),o(),i(3,"nel-tab-pane",1),r(4,"\u914D\u7F6E\u7BA1\u7406"),o(),i(5,"nel-tab-pane",1),r(6,"\u89D2\u8272\u7BA1\u7406"),o(),i(7,"nel-tab-pane",1),r(8,"\u5B9A\u65F6\u4EFB\u52A1\u8865\u507F"),o()()),n&2&&(l("nelType","card"),a(),l("nelLabel","\u7528\u6237\u7BA1\u7406"),a(2),l("nelLabel","\u914D\u7F6E\u7BA1\u7406"),a(2),l("nelLabel","\u89D2\u8272\u7BA1\u7406"),a(2),l("nelLabel","\u5B9A\u65F6\u4EFB\u52A1\u8865\u507F"))},dependencies:[b,f],encapsulation:2})}}return e})();var Ce=(()=>{class e{handleClick(){}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-tabs-border-card"]],standalone:!1,decls:9,vars:5,consts:[[3,"click","nelType"],[3,"nelLabel"]],template:function(n,s){n&1&&(i(0,"nel-tabs",0),C("click",function(){return s.handleClick()}),i(1,"nel-tab-pane",1),r(2,"\u7528\u6237\u7BA1\u7406"),o(),i(3,"nel-tab-pane",1),r(4,"\u914D\u7F6E\u7BA1\u7406"),o(),i(5,"nel-tab-pane",1),r(6,"\u89D2\u8272\u7BA1\u7406"),o(),i(7,"nel-tab-pane",1),r(8,"\u5B9A\u65F6\u4EFB\u52A1\u8865\u507F"),o()()),n&2&&(l("nelType","border-card"),a(),l("nelLabel","\u7528\u6237\u7BA1\u7406"),a(2),l("nelLabel","\u914D\u7F6E\u7BA1\u7406"),a(2),l("nelLabel","\u89D2\u8272\u7BA1\u7406"),a(2),l("nelLabel","\u5B9A\u65F6\u4EFB\u52A1\u8865\u507F"))},dependencies:[b,f],encapsulation:2})}}return e})();var ge=(()=>{class e{constructor(){this.tabPosition="right"}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-tabs-position"]],standalone:!1,decls:19,vars:10,consts:[[2,"margin-bottom","30px"],[3,"ngModelChange","ngModel"],["nel-radio-button","",3,"nelValue"],[3,"nelTabPosition"],[3,"nelLabel"]],template:function(n,s){n&1&&(i(0,"div",0)(1,"nel-radio-group",1),Z("ngModelChange",function(h){return K(s.tabPosition,h)||(s.tabPosition=h),h}),i(2,"label",2),r(3,"top"),o(),i(4,"label",2),r(5,"right"),o(),i(6,"label",2),r(7,"bottom"),o(),i(8,"label",2),r(9,"left"),o()()(),i(10,"nel-tabs",3)(11,"nel-tab-pane",4),r(12,"\u7528\u6237\u7BA1\u7406"),o(),i(13,"nel-tab-pane",4),r(14,"\u914D\u7F6E\u7BA1\u7406"),o(),i(15,"nel-tab-pane",4),r(16,"\u89D2\u8272\u7BA1\u7406"),o(),i(17,"nel-tab-pane",4),r(18,"\u5B9A\u65F6\u4EFB\u52A1\u8865\u507F"),o()()),n&2&&(a(),J("ngModel",s.tabPosition),a(),l("nelValue","top"),a(2),l("nelValue","right"),a(2),l("nelValue","bottom"),a(2),l("nelValue","left"),a(2),l("nelTabPosition",s.tabPosition),a(),l("nelLabel","\u7528\u6237\u7BA1\u7406"),a(2),l("nelLabel","\u914D\u7F6E\u7BA1\u7406"),a(2),l("nelLabel","\u89D2\u8272\u7BA1\u7406"),a(2),l("nelLabel","\u5B9A\u65F6\u4EFB\u52A1\u8865\u507F"))},dependencies:[pe,ce,b,f,be,de],encapsulation:2})}}return e})();function He(e,m){e&1&&(i(0,"span"),d(1,"i",3),r(2," \u6211\u7684\u884C\u7A0B"),o())}var Ee=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-tabs-label"]],standalone:!1,decls:11,vars:5,consts:[["labelTpl",""],[3,"nelType"],[3,"nelLabel"],[1,"el-icon-date"]],template:function(n,s){if(n&1&&(i(0,"nel-tabs",1)(1,"nel-tab-pane",2),r(2,"\u6211\u7684\u884C\u7A0B"),o(),i(3,"nel-tab-pane",2),r(4,"\u6D88\u606F\u4E2D\u5FC3"),o(),i(5,"nel-tab-pane",2),r(6,"\u89D2\u8272\u7BA1\u7406"),o(),i(7,"nel-tab-pane",2),r(8,"\u5B9A\u65F6\u4EFB\u52A1\u8865\u507F"),o()(),u(9,He,3,0,"ng-template",null,0,R)),n&2){let p=P(10);l("nelType","border-card"),a(),l("nelLabel",p),a(2),l("nelLabel","\u6D88\u606F\u4E2D\u5FC3"),a(2),l("nelLabel","\u89D2\u8272\u7BA1\u7406"),a(2),l("nelLabel","\u5B9A\u65F6\u4EFB\u52A1\u8865\u507F")}},dependencies:[b,f],encapsulation:2})}}return e})();var ye=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275mod=E({type:e})}static{this.\u0275inj=g({imports:[W,ue,_e,fe]})}}return e})();var ve=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=c({type:e,selectors:[["app-tabs"]],standalone:!1,decls:36,vars:6,consts:[["code","import { NelTabsModule } from 'ng-element-ui/tabs';"],[3,"codeUrl"],["demo",""],[3,"docUrl"]],template:function(n,s){n&1&&(i(0,"h2"),r(1,"Tabs \u6807\u7B7E\u9875"),o(),i(2,"p"),r(3,"\u5206\u9694\u5185\u5BB9\u4E0A\u6709\u5173\u8054\u4F46\u5C5E\u4E8E\u4E0D\u540C\u7C7B\u522B\u7684\u6570\u636E\u96C6\u5408\u3002"),o(),d(4,"app-code",0),i(5,"h3"),r(6,"\u57FA\u7840\u7528\u6CD5"),o(),i(7,"p"),r(8,"\u57FA\u7840\u7684\u3001\u7B80\u6D01\u7684\u6807\u7B7E\u9875\u3002"),o(),i(9,"app-demo",1),d(10,"nel-demo-tabs-basic",2),o(),i(11,"h3"),r(12,"\u9009\u9879\u5361\u6837\u5F0F"),o(),i(13,"p"),r(14,"\u9009\u9879\u5361\u6837\u5F0F\u7684\u6807\u7B7E\u9875\u3002"),o(),i(15,"app-demo",1),d(16,"nel-demo-tabs-type",2),o(),i(17,"h3"),r(18,"\u5361\u7247\u5316"),o(),i(19,"p"),r(20,"\u5361\u7247\u5316\u7684\u6807\u7B7E\u9875\u3002"),o(),i(21,"app-demo",1),d(22,"nel-demo-tabs-border-card",2),o(),i(23,"h3"),r(24,"\u4F4D\u7F6E"),o(),i(25,"p"),r(26,"\u53EF\u4EE5\u901A\u8FC7 tab-position \u8BBE\u7F6E\u6807\u7B7E\u7684\u4F4D\u7F6E"),o(),i(27,"app-demo",1),d(28,"nel-demo-tabs-position",2),o(),i(29,"h3"),r(30,"\u81EA\u5B9A\u4E49\u6807\u7B7E\u9875"),o(),i(31,"p"),r(32,"\u53EF\u4EE5\u901A\u8FC7\u5177\u540D label \u6765\u5B9E\u73B0\u81EA\u5B9A\u4E49\u6807\u7B7E\u9875\u7684\u5185\u5BB9"),o(),i(33,"app-demo",1),d(34,"nel-demo-tabs-label",2),o(),d(35,"app-doc",3)),n&2&&(a(9),l("codeUrl","components-tabs-demo-basic.component"),a(6),l("codeUrl","components-tabs-demo-type.component"),a(6),l("codeUrl","components-tabs-demo-border-card.component"),a(6),l("codeUrl","components-tabs-demo-position.component"),a(6),l("codeUrl","components-tabs-demo-label.component"),a(2),l("docUrl","components-tabs"))},dependencies:[he,Te,Ce,ge,Ee,le,re,se],encapsulation:2})}}return e})();var Je=[{path:"",component:ve}],xe=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275mod=E({type:e})}static{this.\u0275inj=g({imports:[q.forChild(Je),q]})}}return e})();var rn=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275mod=E({type:e})}static{this.\u0275inj=g({imports:[ye,me,xe]})}}return e})();export{rn as TabsModule};