@daoyi/nmtl-ui 1.1.44-beta.3 → 1.1.44-beta.6

package/lib/components/BackTop.js

@@ -1 +1 @@
-import{a as e}from"./_rollupPluginBabelHelpers-ec4e2a53.js";import*as n from"react";import t,{useState as o,useRef as i,useEffect as r}from"react";import a from"prop-types";import{u as c,b as l,c as s}from"./index-b2745105.js";import{d as u}from"./debounce-c993109b.js";import{Fade as d,Box as p}from"@material-ui/core";import{i as m,a as f,r as b}from"./createSvgIcon-ad360d22.js";import{s as v}from"./style-inject.es-1f59c1d0.js";import"@material-ui/styles";import"react-dom";var y=l((function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=m(t),i=(0,f(b).default)(o.createElement("path",{d:"M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"}),"ExpandLessSharp");n.default=i})),h=c(y),x="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function w(e){var t=e.children,o=e.defer,i=void 0!==o&&o,r=e.fallback,a=void 0===r?null:r,c=n.useState(!1),l=c[0],s=c[1];return x((function(){i||s(!0)}),[i]),n.useEffect((function(){i&&s(!0)}),[i]),n.createElement(n.Fragment,null,l?t:a)}v(".backTop {\n  right: 30px;\n  bottom: 50px;\n  position: fixed;\n  z-index: 10;\n  opacity: 0;\n  cursor: pointer; }\n  .backTop__default {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 70px;\n    height: 70px;\n    border-radius: 45px;\n    opacity: 0.8;\n    transition: opacity 0.3s ease-in-out; }\n    .backTop__default:hover {\n      opacity: 1; }\n    .backTop__default .MuiSvgIcon-root {\n      margin-bottom: -3px; }\n  .backTop:hover {\n    opacity: 0.7; }\n\n@media only screen and (max-width: 484px) {\n  .backTop {\n    right: 15px; } }\n");var E=function(n){var a=n.className,c=n.visibilityHeight,l=n.onClick,m=n.children,f=o(!1),b=e(f,2),v=b[0],y=b[1],x=i(u((function(){var e=window.scrollY;y(e>=c)}),100)).current;return r((function(){return window.addEventListener("scroll",(function(){return x()})),function(){window.removeEventListener("scroll",(function(){return x()}))}}),[]),t.createElement(d,{in:v,timeout:500,unmountOnExit:!0},t.createElement("div",{className:s("backTop",a),onClick:function(){window.scrollTo?window.scrollTo({top:0,left:0,behavior:"smooth"}):window.scrollTop=0,l()}},m?t.createElement("div",null,m):t.createElement(w,null,t.createElement(p,{className:"backTop__default",color:"text.primary",bgcolor:"primary.main",borderColor:"text.secondary"},t.createElement(h,null),"Top"))))};E.defaultProps={className:void 0,visibilityHeight:300,onClick:function(){},children:void 0},E.propTypes={className:a.string,visibilityHeight:a.number,onClick:a.func,children:a.node};export{E as default};
+import{a as e}from"./_rollupPluginBabelHelpers-ec4e2a53.js";import*as n from"react";import t,{useState as o,useRef as i,useEffect as r}from"react";import a from"prop-types";import{u as c,b as l,c as s}from"./index-b2745105.js";import{d as u}from"./debounce-c993109b.js";import{Fade as p,Box as d}from"@material-ui/core";import{i as m,a as f,r as b}from"./createSvgIcon-39860e34.js";import{s as v}from"./style-inject.es-1f59c1d0.js";import"@material-ui/styles";import"react-dom";var y=l((function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=m(t),i=(0,f(b).default)(o.createElement("path",{d:"M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"}),"ExpandLessSharp");n.default=i})),h=c(y),x="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function w(e){var t=e.children,o=e.defer,i=void 0!==o&&o,r=e.fallback,a=void 0===r?null:r,c=n.useState(!1),l=c[0],s=c[1];return x((function(){i||s(!0)}),[i]),n.useEffect((function(){i&&s(!0)}),[i]),n.createElement(n.Fragment,null,l?t:a)}v(".backTop {\n  right: 30px;\n  bottom: 50px;\n  position: fixed;\n  z-index: 10;\n  opacity: 0;\n  cursor: pointer; }\n  .backTop__default {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 70px;\n    height: 70px;\n    border-radius: 45px;\n    opacity: 0.8;\n    transition: opacity 0.3s ease-in-out; }\n    .backTop__default:hover {\n      opacity: 1; }\n    .backTop__default .MuiSvgIcon-root {\n      margin-bottom: -3px; }\n  .backTop:hover {\n    opacity: 0.7; }\n\n@media only screen and (max-width: 484px) {\n  .backTop {\n    right: 15px; } }\n");var E=function(n){var a=n.className,c=n.visibilityHeight,l=n.onClick,m=n.children,f=o(!1),b=e(f,2),v=b[0],y=b[1],x=i(u((function(){var e=window.scrollY;y(e>=c)}),100)).current;return r((function(){return window.addEventListener("scroll",(function(){return x()})),function(){window.removeEventListener("scroll",(function(){return x()}))}}),[]),t.createElement(p,{in:v,timeout:500,unmountOnExit:!0},t.createElement("div",{className:s("backTop",a),onClick:function(){window.scrollTo?window.scrollTo({top:0,left:0,behavior:"smooth"}):window.scrollTop=0,l()}},m?t.createElement("div",null,m):t.createElement(w,null,t.createElement(d,{className:"backTop__default",color:"text.primary",bgcolor:"primary.main",borderColor:"text.secondary"},t.createElement(h,null),"Top"))))};E.defaultProps={className:void 0,visibilityHeight:300,onClick:function(){},children:void 0},E.propTypes={className:a.string,visibilityHeight:a.number,onClick:a.func,children:a.node};export{E as default};