@daoyi/nmtl-ui 2.0.1-beta.26 → 2.0.1-beta.28

package/README.md

@@ -1,45 +1,45 @@
-# react-storybook-jsx-starter
-
-This project based 
-
-This project is bootstrapped with the following
-- [Create React App](https://github.com/facebook/create-react-app)
-- [Storybook/react v.6.3.5](https://storybook.js.org/)
-- [Rollup v.2.54.0](https://rollupjs.org/guide/en/)
-- [Airbnb esint config v.18.0.0](https://www.npmjs.com/package/eslint-config-airbnb)
-
-## Getting Started
-
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `yarn start` and `yarn storybook`
-
-Runs storybook.<br>
-Open [http://localhost:6006](http://localhost:6006) to view it in the browser.
-The page will reload if you make component edits.
-
-### `yarn create`
-
-Help you create component or util. It will automatic generate `folder`, `JSX`, `.store.jsx`.
-
-### `yarn lint`
-
-Runs airbnb linting config.<br>
-Please refer to `.eslintrc` for more details in rules that are excluded/added from the initial Airbnb configuration, which can be found [here](https://www.npmjs.com/package/eslint-config-airbnb)
-Notice: If developer using visual code IDE, download `eslint` and `prettier` extensions to help you develop.
-
-### `yarn build`
-
-Builds the component library using rollup.<br>
-This runs a set of defined configurations under `rollup.config.js` file.<br>
-Index.js & index.ts will automatic generated by `rollup.index.js` file.
-
-
-### `yarn build-storybook`
-
-Builds static files for storybook site. This is so it can be deployed as the docs source for the component library.
-
-
+# react-storybook-jsx-starter
+
+This project based 
+
+This project is bootstrapped with the following
+- [Create React App](https://github.com/facebook/create-react-app)
+- [Storybook/react v.6.3.5](https://storybook.js.org/)
+- [Rollup v.2.54.0](https://rollupjs.org/guide/en/)
+- [Airbnb esint config v.18.0.0](https://www.npmjs.com/package/eslint-config-airbnb)
+
+## Getting Started
+
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `yarn start` and `yarn storybook`
+
+Runs storybook.<br>
+Open [http://localhost:6006](http://localhost:6006) to view it in the browser.
+The page will reload if you make component edits.
+
+### `yarn create`
+
+Help you create component or util. It will automatic generate `folder`, `JSX`, `.store.jsx`.
+
+### `yarn lint`
+
+Runs airbnb linting config.<br>
+Please refer to `.eslintrc` for more details in rules that are excluded/added from the initial Airbnb configuration, which can be found [here](https://www.npmjs.com/package/eslint-config-airbnb)
+Notice: If developer using visual code IDE, download `eslint` and `prettier` extensions to help you develop.
+
+### `yarn build`
+
+Builds the component library using rollup.<br>
+This runs a set of defined configurations under `rollup.config.js` file.<br>
+Index.js & index.ts will automatic generated by `rollup.index.js` file.
+
+
+### `yarn build-storybook`
+
+Builds static files for storybook site. This is so it can be deployed as the docs source for the component library.
+
+

package/lib/components/BackTop.js

@@ -1 +1 @@
-import{a as e}from"./_rollupPluginBabelHelpers-b6a1ebe2.js";import n,{useState as o,useRef as t,useEffect as i}from"react";import r from"prop-types";import{u as a,b as l,c}from"./index-b2745105.js";import{d as s}from"./debounce-c993109b.js";import{Fade as p,NoSsr as m,Box as d}from"@material-ui/core";import{i as u,a as f,r as b}from"./createSvgIcon-65652f3a.js";import{s as v}from"./style-inject.es-1f59c1d0.js";import"@material-ui/styles";import"react-dom";var x=a(l((function(e,o){Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var t=u(n),i=(0,f(b).default)(t.createElement("path",{d:"M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"}),"ExpandLessSharp");o.default=i})));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 y=function(r){var a=r.className,l=r.visibilityHeight,u=r.onClick,f=r.children,b=o(!1),v=e(b,2),y=v[0],h=v[1],w=t(s((function(){var e=window.scrollY;h(e>=l)}),100)).current;return i((function(){return window.addEventListener("scroll",(function(){return w()})),function(){window.removeEventListener("scroll",(function(){return w()}))}}),[]),n.createElement(p,{in:y,timeout:500,unmountOnExit:!0},n.createElement("div",{className:c("backTop",a),onClick:function(){window.scrollTo?window.scrollTo({top:0,left:0,behavior:"smooth"}):window.scrollTop=0,u()}},f?n.createElement("div",null,f):n.createElement(m,null,n.createElement(d,{className:"backTop__default",color:"text.primary",bgcolor:"primary.main",borderColor:"text.secondary"},n.createElement(x,null),"Top"))))};y.defaultProps={className:void 0,visibilityHeight:300,onClick:function(){},children:void 0},y.propTypes={className:r.string,visibilityHeight:r.number,onClick:r.func,children:r.node};export{y as default};
+import{a as e}from"./_rollupPluginBabelHelpers-b6a1ebe2.js";import n,{useState as o,useRef as t,useEffect as i}from"react";import r from"prop-types";import{u as a,b as l,c}from"./index-b2745105.js";import{d as s}from"./debounce-c993109b.js";import{Fade as p,NoSsr as m,Box as d}from"@material-ui/core";import{i as u,a as f,r as b}from"./createSvgIcon-a0a657e2.js";import{s as v}from"./style-inject.es-1f59c1d0.js";import"@material-ui/styles";import"react-dom";var x=a(l((function(e,o){Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var t=u(n),i=(0,f(b).default)(t.createElement("path",{d:"M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"}),"ExpandLessSharp");o.default=i})));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 y=function(r){var a=r.className,l=r.visibilityHeight,u=r.onClick,f=r.children,b=o(!1),v=e(b,2),y=v[0],h=v[1],w=t(s((function(){var e=window.scrollY;h(e>=l)}),100)).current;return i((function(){return window.addEventListener("scroll",(function(){return w()})),function(){window.removeEventListener("scroll",(function(){return w()}))}}),[]),n.createElement(p,{in:y,timeout:500,unmountOnExit:!0},n.createElement("div",{className:c("backTop",a),onClick:function(){window.scrollTo?window.scrollTo({top:0,left:0,behavior:"smooth"}):window.scrollTop=0,u()}},f?n.createElement("div",null,f):n.createElement(m,null,n.createElement(d,{className:"backTop__default",color:"text.primary",bgcolor:"primary.main",borderColor:"text.secondary"},n.createElement(x,null),"Top"))))};y.defaultProps={className:void 0,visibilityHeight:300,onClick:function(){},children:void 0},y.propTypes={className:r.string,visibilityHeight:r.number,onClick:r.func,children:r.node};export{y as default};