gg-y-ui/lib/fixed-button/index.js

An enterprise-class UI design language and Vue-based implementation for web

/*!
 * 
 * y-ui v0.1.0
 * 
 * Copyright 2021-present, Y-UI-Design.
 * All rights reserved.
 * 
 */
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=77)}({0:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.getPrefixCls=function(e){return"y-"+e}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(2),i=(r=o)&&r.__esModule?r:{default:r};i.default.install=function(e){e.component(i.default.name,i.default)},t.default=i.default},2:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i={name:"YIcon",props:{name:String,sizes:{type:Number,default:4}},render:function(){var e,t=arguments[0],n=this.name,i=this.sizes;console.log(i);var u=(0,r.getPrefixCls)("icon"),l={class:(e={},o(e,""+u,!0),o(e,u+"-"+n,!!n),e),style:{fontSize:4*i+"px"}};return t("i",l)}};t.default=i},77:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(78),i=(r=o)&&r.__esModule?r:{default:r};i.default.install=function(e){e.component(i.default.name,i.default)},t.default=i.default},78:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(0),u=n(1),l=(r=u)&&r.__esModule?r:{default:r};function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c={name:"YFixedButton",props:{icon:{type:String,required:!0},type:{type:String,default:"stick"},description:{type:String},visibilityHeight:{type:Number,default:0},right:{type:Number,default:40},bottom:{type:Number,default:40},backTop:{type:Boolean,default:!1},target:{type:String,default:"document"}},data:function(){var e=this.target;return{visible:0===this.visibilityHeight,container:document.querySelector(e)||document}},computed:{customStyle:function(){var e=this.type,t=this.right,n=this.bottom;return"stick"===e?{bottom:n+"px"}:{right:t+"px",bottom:n+"px"}}},methods:{handleClick:function(e){this.backTop&&this.scrollToTop(),this.$emit("click",e)},handleScroll:function(e){var t=0;t=e.target===document?document.documentElement.scrollTop:e.target.scrollTop,this.visible=t>=this.visibilityHeight},scrollToTop:function(){var e=this.container===document?document.documentElement:this.container,t=window.requestAnimationFrame||function(e){return setTimeout(e,1e3/60)},n=e.scrollTop,r=Date.now(),o=function(e){return Math.pow(e,3)};t((function i(){var u,l=(Date.now()-r)/500;l<1?(e.scrollTop=n*(1-((u=l)<.5?o(2*u)/2:1-o(2*(1-u))/2)),t(i)):e.scrollTop=0}))}},mounted:function(){this.container.addEventListener("scroll",this.handleScroll)},beforeDestroy:function(){this.container.removeEventListener("scroll",this.handleScroll)},render:function(){var e,t=arguments[0],n=this.icon,r=this.type,u=this.description,c=this.visible,s=this.customStyle,f=this.handleClick,d=(0,i.getPrefixCls)("fixed-button"),p={class:(e={},a(e,""+d,!0),a(e,d+"-"+r,!0),a(e,"is-visible",c),e),on:{click:f},style:o({},s)};return t("div",p,[t(l.default,{attrs:{name:n}}),u?t("span",{class:"description"},[u]):null])}};t.default=c}});