@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
2 lines • 16.2 kB
JavaScript
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("date-fns/is_date"),require("date-fns/parse"),require("date-fns/format"),require("ng-devui/i18n"),require("@angular/core"),require("rxjs"),require("@angular/platform-browser"),require("@angular/common"),require("rxjs/operators"),require("popper.js"),require("@angular/animations")):"function"==typeof define&&define.amd?define("ng-devui/utils",["exports","date-fns/is_date","date-fns/parse","date-fns/format","ng-devui/i18n","@angular/core","rxjs","@angular/platform-browser","@angular/common","rxjs/operators","popper.js","@angular/animations"],e):e(((t=t||self)["ng-devui"]=t["ng-devui"]||{},t["ng-devui"].utils={}),t.isDate_,t.dateParse_,t.dateFormat_,t["ng-devui"].i18n,t.ng.core,t.rxjs,t.ng.platformBrowser,t.ng.common,t.rxjs.operators,t.Popper,t.ng.animations)}(this,(function(t,e,n,r,i,o,a,s,p,c,l,u){"use strict";l=l&&l.hasOwnProperty("default")?l.default:l;function d(t){var e="function"==typeof Symbol&&t[Symbol.iterator],n=0;return e?e.call(t):{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}}}var f=e,y=n,m=r;function h(t){return f(t)&&!isNaN(t.getTime())}function v(t){if(!t)return null;if(f(t))return t;var e=y(t);return h(e)?e:null}var g=function(){function t(){}return t.prototype.parse=function(t,e,n){return v(t)},t.prototype.format=function(t,e,n){return i.I18nFormat.formatDate(t,e,n)},t.prototype.formatDateTime=function(t,e,n){return i.I18nFormat.formatDateTimeWithoutGMT(t,e,n)},t}();var b=function(){function t(){this.subject=new a.Subject}return t.prototype.toggleLang=function(t){void 0===t&&(t="zhCN"),localStorage.setItem("lang",t),this.subject.next(t),window.location.reload()},t.prototype.getLangSuffix=function(){return"enUS"===localStorage.getItem("lang")?"EN":"CN"},t.prototype.getMessage=function(){return this.subject.asObservable()},t.decorators=[{type:o.Injectable,args:[{providedIn:"root"}]}],t.ngInjectableDef=o.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t}();var C=function(){function t(t){this.sanitizer=t}return t.prototype.transform=function(t,e){switch(e){case"html":return this.sanitizer.bypassSecurityTrustHtml(t);case"style":return this.sanitizer.bypassSecurityTrustStyle(t);default:throw new Error("Unable to bypass security for invalid type: "+e)}},t.decorators=[{type:o.Pipe,args:[{name:"safe"}]}],t.ctorParameters=function(){return[{type:s.DomSanitizer}]},t}();var x=function(){function t(){}return t.decorators=[{type:o.NgModule,args:[{declarations:[C],exports:[C]}]}],t}(),E=function(){function t(t){this.el=t,this.enableLazyLoad=!1,this.loadMore=new o.EventEmitter,this.loadFactor=5}return t.prototype.ngOnChanges=function(t){var e=this;if(t&&t.enableLazyLoad)if(t.enableLazyLoad.currentValue)this.scrollSubscription=a.fromEvent(this.el.nativeElement,"scroll").pipe(c.debounceTime(300),c.distinctUntilChanged()).subscribe((function(t){return e.scrollList(t)}));else{if(!this.scrollSubscription)return;this.scrollSubscription.unsubscribe()}},t.prototype.ngOnDestroy=function(){this.scrollSubscription&&this.scrollSubscription.unsubscribe()},t.prototype.scrollList=function(t){var e=t.target,n=e.clientHeight,r=e.scrollHeight,i=e.scrollTop;0!==i&&i+n+this.loadFactor>=r&&this.loadMore.emit(t)},t.decorators=[{type:o.Directive,args:[{selector:"[dLazyLoad]"}]}],t.ctorParameters=function(){return[{type:o.ElementRef}]},t.propDecorators={enableLazyLoad:[{type:o.Input}],loadMore:[{type:o.Output}]},t}();var O=function(){function t(){}return t.decorators=[{type:o.NgModule,args:[{imports:[p.CommonModule],declarations:[E],exports:[E]}]}],t}(),T=function(){function t(t,e,n,r){var i=this;this.el=t,this.renderer=e,this.ngZone=n,this.changeDetectorRef=r,this.fluidPopper=!0,this.appendTo="body",this.popper=null,this._isOpen=!1,this.directionAnimationTransformOrigin={top:"0 100%",bottom:"0 0"},this.openChange=new o.EventEmitter,this.onDocumentClick=function(t){i.appendTo&&i.popperContainer.nativeElement!==t.target&&!i.popperContainer.nativeElement.contains(t.target)?i.open=!1:i.appendTo||!i.open||i.el.nativeElement.contains(t.target)||(i.open=!1)},this.blockEvent=function(t){t.preventDefault(),t.stopPropagation()}}return Object.defineProperty(t.prototype,"open",{get:function(){return this._isOpen},set:function(e){var n=this;this._isOpen!==e&&(this.animate=!0,e?this.show():this.close(),this._isOpen=e,t.nextTick((function(){n.openChange.emit(e),n.setBlurListener()})))},enumerable:!0,configurable:!0}),t.nextTick=function(t){var e=this;setTimeout((function(){return t.bind(e)()}))},t.prototype.show=function(){var t,e;if(this.appendTo){if(this.fluidPopper){var n=this.popperActivator.nativeElement&&this.popperActivator.nativeElement.offsetWidth,r=this.popperContainer.nativeElement.firstElementChild;if(r.classList.contains("devui-search-container"))try{for(var i=d(this.popperContainer.nativeElement.children),o=i.next();!o.done;o=i.next()){o.value.style.width=n+"px"}}catch(e){t={error:e}}finally{try{o&&!o.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}else r.style.width=n+"px"}this.attachPopperContainerToSelector(this.appendTo)}else this.attachPopperContainerToNode(this.popperParent);this.popper=this.createPopper(),this.renderer.setStyle(this.popperContainer.nativeElement,"display","block")},t.prototype.close=function(){var t=this.popperContainer.nativeElement;this.setTransition("close"),t.style.transform.match(/scale3d\(1, 1, 1\)/)?this.renderer.setStyle(t,"transform",t.style.transform.replace("scale3d(1, 1, 1)","scale3d(1, 0, 1)")):this.renderer.setStyle(t,"transform",t.style.transform+" scale3d(1, 0, 1) perspective(1px)"),this.renderer.setStyle(t,"opacity",0);var e=this,n=function(r){!e.open&&e.popper&&(e.renderer.setStyle(t,"display","none"),e.animate=!1,e.setTransition(),e.popper.destroy(),e.popper=null,e.detachPopperContainer()),r.currentTarget.removeEventListener(r.type,n)};this.popperContainer.nativeElement.addEventListener("transitionend",n)},t.prototype.setBlurListener=function(){var t=this;this.ngZone.runOutsideAngular((function(){t.open?(document.addEventListener("click",t.onDocumentClick),t.popperContainer.nativeElement.addEventListener("click",t.blockEvent)):(document.removeEventListener("click",t.onDocumentClick),t.popperContainer.nativeElement.removeEventListener("click",t.blockEvent))}))},t.prototype.applyTransitionStyle=function(e){var n=this,r=this.popperContainer.nativeElement;this.updateContainerTransitionDirection(e.flipped),this.animate?(this.renderer.setStyle(r,"transform",r.style.transform+" scale3d(1, 0, 1) perspective(1px)"),this.renderer.setStyle(r,"opacity",0),t.nextTick((function(){n.setTransition("open");var t=n,e=function(n){t.setTransition(),n.currentTarget.removeEventListener(n.type,e)};r.addEventListener("transitionend",e),n.renderer.setStyle(r,"transform",r.style.transform.replace("scale3d(1, 0, 1)","scale3d(1, 1, 1)")),n.renderer.setStyle(r,"opacity",1),n.animate=!1}))):this.renderer.setStyle(r,"transform",r.style.transform+(this.open?" scale3d(1, 1, 1)":" scale3d(1, 0, 1)")+" perspective(1px)")},t.prototype.updateContainerTransitionDirection=function(t){var e=t?"top":"bottom";this.popperDirection!==e&&(this.popperDirection=e,this.setTransitionOrigin())},t.prototype.setTransitionOrigin=function(){this.popperContainer.nativeElement&&this.renderer.setStyle(this.popperContainer.nativeElement,"transform-origin",this.directionAnimationTransformOrigin[this.popperDirection])},t.prototype.createPopper=function(){return new l(this.popperActivator.nativeElement,this.popperContainer.nativeElement,{placement:"bottom-start",modifiers:{preventOverflow:{escapeWithReference:!0},applyReactStyle:{enabled:!0,fn:this.applyTransitionStyle.bind(this)},offset:{offset:"0, 5px"}},positionFixed:!!this.appendTo})},t.prototype.setTransition=function(t){void 0===t&&(t=null);var e=this.popperContainer.nativeElement;this.animate&&t?"open"===t?this.renderer.setStyle(e,"transition","transform .2s cubic-bezier(0.23, 1, 0.32, 1)"):"close"===t&&(e.style.transition="all .15s cubic-bezier(0.755, 0.05, 0.855, 0.06)"):this.renderer.setStyle(e,"transition",null)},t.prototype.update=function(){var e=this;t.nextTick((function(){e.popper&&e.popper.update()}))},t.prototype.ngOnDestroy=function(){this.open=!1},t.prototype.detachPopperContainer=function(){this.popperParent=this.popperContainer.nativeElement.parentNode,this.popperNode=this.popperContainer.nativeElement,this.popperParent&&this.popperNode&&this.popperParent.removeChild(this.popperNode)},t.prototype.attachPopperContainerToNode=function(t){t&&this.popperNode&&(this.popperParent=t,this.popperParent.appendChild(this.popperNode))},t.prototype.attachPopperContainerToSelector=function(t){var e=document.querySelector(t);this.attachPopperContainerToNode(e)},t.prototype.ngAfterViewInit=function(){this.detachPopperContainer()},t.decorators=[{type:o.Component,args:[{selector:"popper-component",template:'<div class="popper">\r\n <div class="popper-activator" #popperActivator>\r\n <ng-content select="[popper-activator]"></ng-content>\r\n </div>\r\n <div class="popper-container" #popperContainer [ngClass]="{ fluid: fluidPopper && !appendTo }">\r\n <ng-content select="[popper-prepend]"></ng-content>\r\n <div class="popper-container-scrollable devui-scrollbar">\r\n <ng-content select="[popper-container]"></ng-content>\r\n </div>\r\n <ng-content select="[popper-append]"></ng-content>\r\n </div>\r\n</div>\r\n',styles:[".popper{position:relative;width:100%}.popper .popper-activator{width:100%}.popper-container{display:none;z-index:1051;position:absolute;box-shadow:0 4px 8px 0 rgba(41,48,64,.2);background:#fff;border:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.popper-container .popper-container-scrollable{max-height:300px;min-height:40px;width:100%;overflow-y:auto;overflow-x:auto}.popper-container.fluid{width:100%}:host{display:block}"]}]}],t.ctorParameters=function(){return[{type:o.ElementRef},{type:o.Renderer2},{type:o.NgZone},{type:o.ChangeDetectorRef}]},t.propDecorators={open:[{type:o.Input}],fluidPopper:[{type:o.Input}],appendTo:[{type:o.Input}],openChange:[{type:o.Output}],popperActivator:[{type:o.ViewChild,args:["popperActivator",{static:!0}]}],popperContainer:[{type:o.ViewChild,args:["popperContainer",{static:!0}]}]},t}();var w=function(){function t(){}return t.decorators=[{type:o.NgModule,args:[{imports:[p.CommonModule],declarations:[T],exports:[T]}]}],t}(),S=u.trigger("fadeInOut",[u.state("void",u.style({transform:"perspective(1px) scaleY(0)",opacity:0,transformOrigin:"0% 0%",display:"block"})),u.state("bottom",u.style({transform:"perspective(1px) scaleY(1)",opacity:1,transformOrigin:"0% 0%",display:"block"})),u.state("top",u.style({transform:"perspective(1px) scaleY(1)",opacity:1,transformOrigin:"0% 100%",display:"block"})),u.transition("void => bottom",[u.animate("200ms cubic-bezier(0.23, 1, 0.32, 1)")]),u.transition("bottom => void",[u.animate("200ms cubic-bezier(0.755, 0.05, 0.855, 0.06)")]),u.transition("void => top",[u.style({transform:"perspective(1px) scaleY(0)",opacity:0,transformOrigin:"0% 100%",display:"block"}),u.animate("200ms cubic-bezier(0.23, 1, 0.32, 1)")]),u.transition("top => void",u.animate("150ms cubic-bezier(0.755, 0.05, 0.855, 0.06)",u.style({transform:"perspective(1px) scaleY(0)",opacity:0,transformOrigin:"0% 100%",display:"block"})))]),P=window.navigator.userAgent.indexOf("MSIE ")>-1||window.navigator.userAgent.indexOf("Trident")>-1,z=[u.state("void",u.style({transform:"scale(0)",transformOrigin:"50% 50%"})),u.state("in",u.style({transform:"scale(1)",transformOrigin:"50% 50%"})),u.transition("void => in",[u.animate("200ms cubic-bezier(0.23, 1, 0.32, 1)")]),u.transition("in => void",[u.animate("200ms cubic-bezier(0.755, 0.05, 0.855, 0.06)")])];P&&z.splice(2,2);var D=u.trigger("popInOut",z),k=u.trigger("directionFadeInOut",[u.state("void",u.style({opacity:0})),u.state("visible",u.style({opacity:1})),u.state("bottom",u.style({opacity:1})),u.state("top",u.style({opacity:1})),u.state("left",u.style({opacity:1})),u.state("right",u.style({opacity:1})),u.transition("* => bottom",[u.style({transform:"translateY(-5px)",opacity:0}),u.animate(".3s cubic-bezier(0.23, 1, 0.32, 1)",u.style({transform:"translateY(0)",opacity:1}))]),u.transition("bottom => void",[u.style({transform:"translateY(0)",opacity:1}),u.animate(".3s cubic-bezier(0.755, 0.05, 0.855, 0.06)",u.style({transform:"translateY(-5px)",opacity:0}))]),u.transition("* => top",[u.style({transform:"translateY(5px)",opacity:0}),u.animate(".3s cubic-bezier(0.23, 1, 0.32, 1)",u.style({transform:"translateY(0)",opacity:1}))]),u.transition("top => void",[u.style({transform:"translateY(0)",opacity:1}),u.animate(".3s cubic-bezier(0.755, 0.05, 0.855, 0.06)",u.style({transform:"translateY(5px)",opacity:0}))]),u.transition("* => left",[u.style({transform:"translateX(5px)",opacity:0}),u.animate(".3s cubic-bezier(0.23, 1, 0.32, 1)",u.style({transform:"translateX(0)",opacity:1}))]),u.transition("left => void",[u.style({transform:"translateX(0)",opacity:1}),u.animate(".3s cubic-bezier(0.755, 0.05, 0.855, 0.06)",u.style({transform:"translateX(5px)",opacity:0}))]),u.transition("* => right",[u.style({transform:"translateX(-5px)",opacity:0}),u.animate(".3s cubic-bezier(0.23, 1, 0.32, 1)",u.style({transform:"translateX(0)",opacity:1}))]),u.transition("right => void",[u.style({transform:"translateX(0)",opacity:1}),u.animate(".3s cubic-bezier(0.755, 0.05, 0.855, 0.06)",u.style({transform:"translateX(-5px)",opacity:0}))]),u.transition("void => visible",u.animate(".15s cubic-bezier(0.0, 0.0, 0.2, 1)")),u.transition("visible => void",u.animate(".15s cubic-bezier(0.0, 0.0, 0.2, 1)"))]),L=u.trigger("cornerFadeInOut",[u.transition("void => bottom",[u.style({transform:"scale(0.9)",opacity:0,transformOrigin:"0% 0%",display:"inline-block"}),u.animate("200ms cubic-bezier(0.23, 1, 0.32, 1)",u.style({transform:"scale(1)",opacity:1,transformOrigin:"0% 0%"}))]),u.transition("bottom => void",[u.style({transform:"scale(1)",opacity:1,transformOrigin:"0% 0%",display:"inline-block"}),u.animate("200ms cubic-bezier(0.755, 0.05, 0.855, 0.06)",u.style({transform:"scale(0.9)",opacity:0,transformOrigin:"0% 0%"}))]),u.transition("void => top",[u.style({transform:"scale(0.9)",opacity:0,transformOrigin:"0% 100%",display:"inline-block"}),u.animate("200ms cubic-bezier(0.23, 1, 0.32, 1)",u.style({transform:"scale(1)",opacity:1,transformOrigin:"0% 100%"}))]),u.transition("top => void",[u.style({transform:"scale(1)",opacity:1,transformOrigin:"0% 100%",display:"inline-block"}),u.animate("200ms cubic-bezier(0.755, 0.05, 0.855, 0.06)",u.style({transform:"scale(0.9)",opacity:0,transformOrigin:"0% 100%"}))])]),Y=function(){function t(){}return t.addElStyles=function(t,e){if(e instanceof Object){var n=function(n){e.hasOwnProperty(n)&&(Array.isArray(e[n])?e[n].forEach((function(e){t.style[n]=e})):t.style[n]=e[n])};for(var r in e)n(r)}},t}();t.AppendToBodyDirectionsConfig={rightDown:{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"},rightUp:{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"},leftUp:{originX:"end",originY:"top",overlayX:"end",overlayY:"bottom"},leftDown:{originX:"end",originY:"bottom",overlayX:"end",overlayY:"top"},centerDown:{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"},centerUp:{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"}},t.DefaultDateConverter=g,t.I18nService=b,t.LazyLoadDirective=E,t.LazyLoadModule=O,t.PopperComponent=T,t.PopperModule=w,t.SafePipe=C,t.SafePipeModule=x,t.TreeUtils=Y,t.centerWindowPosition=function(t,e){if(!t.nativeElement||!t.nativeElement.getBoundingClientRect)return{};var n=t.nativeElement.getBoundingClientRect(),r=n.height,i=n.width,o=e.innerHeight;return{left:(e.innerWidth-i)/2,top:(o-r)/2}},t.cornerFadeInOut=L,t.directionFadeInOut=k,t.fadeInOut=S,t.formatDate=function(t,e){return void 0===e&&(e="YYYY-MM-DD HH:mm:ss"),h(t)?m(t,e):""},t.isValidDate=h,t.parseDate=v,t.popInOut=D,t.stopPropagationIfExist=function(t){t&&t.stopPropagation()},Object.defineProperty(t,"__esModule",{value:!0})}));
//# sourceMappingURL=ng-devui-utils.umd.min.js.map