@para-ui/core 1.1.15 → 1.1.19

package/Accordion/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @author linhd
+ * @date 2021/8/12 14:13
+ * @description 扩展面板
+ */
+import { Accordion, AccordionDetails, AccordionSummary, AccordionProps as MuiAccordionProps } from '@material-ui/core';
+export { AccordionDetails, AccordionSummary, };
+export declare type AccordionProps = MuiAccordionProps;
+export default Accordion;

package/AutoBox/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @author linhd
+ * @date 2021/8/9 16:16
+ * @description 超出自适应盒子
+ */
+import { FunctionComponent, ReactNode } from 'react';
+export interface AutoBoxProps {
+    /** 样式class */
+    className?: string;
+    /** list选项 */
+    list?: any[];
+    /** 下拉框样式 */
+    popoverClassName?: string;
+    /** 自定义更多内容 */
+    moreCustomize?: ReactNode;
+    /** 隐藏更多按钮 */
+    hideMore?: boolean;
+    /** 打开下拉框 */
+    openMore?: boolean;
+    /** 定位元素 */
+    anchorEl?: any;
+    /** 关闭弹窗 */
+    onCloseMore?: () => void;
+}
+export declare const AutoBox: FunctionComponent<AutoBoxProps>;
+export default AutoBox;

package/AutoBox/index.js

@@ -1 +1,16 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core/styles"),require("@material-ui/core"),require("@para-ui/icons/More"),require("para-lib")):"function"==typeof define&&define.amd?define(["react","@material-ui/core/styles","@material-ui/core","@para-ui/icons/More","para-lib"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core/styles"),require("@material-ui/core"),require("@para-ui/icons/More"),require("para-lib")):e.ParaUI=t(e.react,e["@material-ui/core/styles"],e["@material-ui/core"],e["@para-ui/icons/More"],e["para-lib"])}(self,(function(e,t,r,o,n){return function(){"use strict";var i={1731:function(e){e.exports=r},8604:function(e){e.exports=t},6090:function(e){e.exports=o},3475:function(e){e.exports=n},9297:function(t){t.exports=e}},u={};function a(e){var t=u[e];if(void 0!==t)return t.exports;var r=u[e]={exports:{}};return i[e](r,r.exports,a),r.exports}a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return function(){a.r(l),a.d(l,{AutoBox:function(){return s}});var e=a(9297),t=a.n(e),r=a(8604),o=a(1731),n=a(6090),i=a.n(n),u=a(3475);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],o=!0,n=!1,i=void 0;try{for(var u,a=e[Symbol.iterator]();!(o=(u=a.next()).done)&&(r.push(u.value),!t||r.length!==t);o=!0);}catch(e){n=!0,i=e}finally{try{o||null==a.return||a.return()}finally{if(n)throw i}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var f=(0,r.makeStyles)((function(e){return(0,r.createStyles)({"auto-box":{width:"100%",whiteSpace:"nowrap",overflow:"hidden","& > .auto-box-more":{display:"inline-block",height:"100%",cursor:"pointer"}},"auto-box-popover":{"& .auto-box-popover-content":{display:"flex",flexDirection:"column"}}})})),s=function(r){var n=r.className,a=r.list,l=void 0===a?[]:a,s=r.popoverClassName,p=r.moreCustomize,m=r.anchorEl,d=r.hideMore,v=void 0!==d&&d,b=r.onCloseMore,y=f(r),x=c((0,e.useState)("auto-box-"+(0,u.UUID)()),1)[0],h=c((0,e.useState)(null),2),g=h[0],E=h[1],S=c((0,e.useState)(!1),2),M=S[0],w=S[1],q=c((0,e.useState)(null),2),j=q[0],N=q[1],O=c((0,e.useState)({}),1)[0];(0,e.useEffect)((function(){void 0!==r.openMore&&w(r.openMore)}),[r.openMore]),(0,e.useEffect)((function(){m&&N(m)}),[m]),(0,e.useEffect)((function(){return T(),window.addEventListener("resize",T),function(){window.removeEventListener("resize",T)}}),[l]);var P,k=function(){w(!1),b&&b()},z=function(e){w(!0),N(e.target)},C=function(e){if(null!==e&&0!==e){void 0===e&&(e=l.length);var t=document.querySelector("."+x);if(t)if(t.scrollWidth>t.clientWidth){var r=Number(e)-1;E(r),C(r)}else l.length<=e&&(w(!1),b&&b())}},T=function(){clearTimeout(O.timer),w(!1),O.timer=setTimeout((function(){E(l.length),C()}),100)},I=(0,e.useMemo)((function(){return M&&t().createElement(o.Popover,{open:M,anchorEl:j,onClose:k,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},className:(r=y["auto-box-popover"],r+=" auto-box-popover",s&&(r+=" "+s),r)},t().createElement("div",{className:"auto-box-popover-content"},l&&l.map((function(r,o){return null!==g&&g>o?null:t().createElement(e.Fragment,{key:o},r)}))));var r}),[M,j,l,g,s]);return t().createElement("div",{className:(P=y["auto-box"],P+=" auto-box paraui-auto-box",x&&(P+=" "+x),n&&(P+=" "+n),P)},l.map((function(r,o){return null!==g&&g<=o?null:t().createElement(e.Fragment,{key:o},r)})),function(){if(null!==g&&l.length>g&&!v)return t().createElement("div",{className:"auto-box-more",onClick:z},p||t().createElement(i(),null))}(),I)};l.default=s}(),l}()}));
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@material-ui/core/styles"),require("@material-ui/core"),require("@para-ui/icons/More"),require("para-lib")):"function"==typeof define&&define.amd?define(["react","@material-ui/core/styles","@material-ui/core","@para-ui/icons/More","para-lib"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core/styles"),require("@material-ui/core"),require("@para-ui/icons/More"),require("para-lib")):e.ParaUI=r(e.react,e["@material-ui/core/styles"],e["@material-ui/core"],e["@para-ui/icons/More"],e["para-lib"])}(self,(function(e,r,t,o,n){return function(){"use strict";var i={4126:function(e){
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function n(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(e){o[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,u,c=n(e),l=1;l<arguments.length;l++){for(var f in a=Object(arguments[l]))t.call(a,f)&&(c[f]=a[f]);if(r){u=r(a);for(var s=0;s<u.length;s++)o.call(a,u[s])&&(c[u[s]]=a[u[s]])}}return c}},9524:function(e,r,t){
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+t(4126);var o=t(9297),n=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;n=i("react.element"),i("react.fragment")}var a=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function l(e,r,t){var o,i={},l=null,f=null;for(o in void 0!==t&&(l=""+t),void 0!==r.key&&(l=""+r.key),void 0!==r.ref&&(f=r.ref),r)u.call(r,o)&&!c.hasOwnProperty(o)&&(i[o]=r[o]);if(e&&e.defaultProps)for(o in r=e.defaultProps)void 0===i[o]&&(i[o]=r[o]);return{$$typeof:n,type:e,key:l,ref:f,props:i,_owner:a.current}}r.jsx=l,r.jsxs=l},7712:function(e,r,t){e.exports=t(9524)},1731:function(e){e.exports=t},8604:function(e){e.exports=r},6090:function(e){e.exports=o},3475:function(e){e.exports=n},9297:function(r){r.exports=e}},a={};function u(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={exports:{}};return i[e](t,t.exports,u),t.exports}u.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(r,{a:r}),r},u.d=function(e,r){for(var t in r)u.o(r,t)&&!u.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},u.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return function(){u.r(c),u.d(c,{AutoBox:function(){return s}});var e=u(7712),r=u(9297),t=u(8604),o=u(1731),n=u(6090),i=u.n(n),a=u(3475),l=function(){return l=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},l.apply(this,arguments)},f=(0,t.makeStyles)((function(e){return(0,t.createStyles)({"auto-box":{width:"100%",whiteSpace:"nowrap",overflow:"hidden","& > .auto-box-more":{display:"inline-block",height:"100%",cursor:"pointer"}},"auto-box-popover":{"& .auto-box-popover-content":{display:"flex",flexDirection:"column"}}})})),s=function(t){var n=t.className,u=t.list,c=void 0===u?[]:u,s=t.popoverClassName,p=t.moreCustomize,d=t.anchorEl,v=t.hideMore,b=void 0!==v&&v,m=t.onCloseMore,y=f(t),h=(0,r.useState)("auto-box-"+(0,a.UUID)())[0],x=(0,r.useState)(null),j=x[0],O=x[1],g=(0,r.useState)(!1),S=g[0],w=g[1],_=(0,r.useState)(null),E=_[0],P=_[1],q=(0,r.useState)({})[0];(0,r.useEffect)((function(){void 0!==t.openMore&&w(t.openMore)}),[t.openMore]),(0,r.useEffect)((function(){d&&P(d)}),[d]),(0,r.useEffect)((function(){return T(),window.addEventListener("resize",T),function(){window.removeEventListener("resize",T)}}),[c]);var M,N=function(){w(!1),m&&m()},k=function(e){w(!0),P(e.target)},C=function(e){if(null!==e&&0!==e){void 0===e&&(e=c.length);var r=document.querySelector("."+h);if(r)if(r.scrollWidth>r.clientWidth){var t=Number(e)-1;O(t),C(t)}else c.length<=e&&(w(!1),m&&m())}},T=function(){clearTimeout(q.timer),w(!1),q.timer=setTimeout((function(){O(c.length),C()}),100)},I=(0,r.useMemo)((function(){return S&&(0,e.jsx)(o.Popover,l({open:S,anchorEl:E,onClose:N,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},className:(t=y["auto-box-popover"],t+=" auto-box-popover",s&&(t+=" "+s),t)},{children:(0,e.jsx)("div",l({className:"auto-box-popover-content"},{children:c&&c.map((function(t,o){return null!==j&&j>o?null:(0,e.jsx)(r.Fragment,{children:t},o)}))}),void 0)}),void 0);var t}),[S,E,c,j,s]);return(0,e.jsxs)("div",l({className:(M=y["auto-box"],M+=" auto-box paraui-auto-box",h&&(M+=" "+h),n&&(M+=" "+n),M)},{children:[c.map((function(t,o){return null!==j&&j<=o?null:(0,e.jsx)(r.Fragment,{children:t},o)})),function(){if(null!==j&&c.length>j&&!b)return(0,e.jsx)("div",l({className:"auto-box-more",onClick:k},{children:p||(0,e.jsx)(i(),{},void 0)}),void 0)}(),I]}),void 0)};c.default=s}(),c}()}));

package/AutoTips/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @author linhd
+ * @date 2021/8/9 15:15
+ * @description 超出...
+ */
+import { FunctionComponent } from 'react';
+export interface AutoTipsProps {
+    /** 样式class */
+    className?: string;
+    /** 超出显示的内容 */
+    tips?: string;
+    /** 定位方向 */
+    placement?: "top-start" | "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top" | undefined;
+}
+declare const AutoTips: FunctionComponent<AutoTipsProps>;
+export default AutoTips;

package/AutoTips/index.js

@@ -1 +1,16 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core"),require("@material-ui/core/styles")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","@material-ui/core/styles"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core"),require("@material-ui/core/styles")):e.ParaUI=t(e.react,e["@material-ui/core"],e["@material-ui/core/styles"])}(self,(function(e,t,r){return function(){"use strict";var n={9177:function(e,t){var r={thmemColor:{primary:"#3D66F8",secondary:"#7E98F5",thirdary:"#D6DFFD"},textColor:{primary:"#191919",secondary:"#6E7488",thirdary:"#BBBECB",white:"#FFFFFF"},bgBorderColor:{bg1:"#DCDDE3",bg2:"#F5F5F5",bg3:"#EDEDED",bg4:"#6E7488",line1:"#E5E9EF",universal:"#FFFFFF"},stateColor:{info:"#3D66F8",success:"#41D658",warning:"#FFA150",error:"#F46B53"},gradientColor:{gradient1:"linear-gradient(#3D66F8, #4F93F0)",gradient2:"linear-gradient(#0093FF, #4EB4FF)",gradient3:"linear-gradient(#844EFF, #A796FF)",gradient4:"linear-gradient(#FD7300, #FFBF69)",gradient5:"linear-gradient(#3D66F8, #D8DFFA)"},fontFamily:{zh:"Microsoft Yahei, Helvetica, sans-serif",en:"Microsoft Yahei, Helvetica, sans-serif"},fontSize:12,borderRadius:4,boxShadow:"4px 4px 6px rgba(70,75,105,0.2), -4px -4px 6px rgba(0,0,0,0.06)",buttonShadow:"4px 4px 6px rgba(70,75,105,0.1), -4px -4px 6px rgba(0,0,0,0.03)",standardFont:{standardFont1:{fontSize:"12px",fontWeight:"400"},standardFont2:{fontSize:"12px",fontWeight:"700"}},titleFont:{titleFont1:{fontSize:"14px",fontWeight:"400"},titleFont2:{fontSize:"14px",fontWeight:"700"}},visualLargeFont:{visualLargeFont1:{fontSize:"40px",fontWeight:"700"},visualLargeFont2:{fontSize:"40px",fontWeight:"700"}}};t.Z=function(){return r}},1731:function(e){e.exports=t},8604:function(e){e.exports=r},9297:function(t){t.exports=e}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,i),r.exports}i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return function(){i.r(a);var e=i(9297),t=i.n(e),r=i(1731),n=i(8604);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,i=void 0;try{for(var a,u=e[Symbol.iterator]();!(n=(a=u.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==u.return||u.return()}finally{if(o)throw i}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}(0,i(9177).Z)();var u=(0,n.makeStyles)((function(e){return(0,n.createStyles)({"auto-tips":{maxWidth:"100%",display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap","& > .auto-tips-content":{display:"inline",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}})}));a.default=function(n){var i=n.children,a=n.placement,l=void 0===a?"bottom-start":a,c=n.tips,s=void 0===c?"":c,f=n.className,d=void 0===f?"":f,p=(0,e.useRef)(),F=u(),x=o((0,e.useState)(""),2),g=x[0],y=x[1];(0,e.useEffect)((function(){y(s)}),[s]);var v;return t().createElement("div",{ref:function(e){e&&(p.current=e)},className:(v=F["auto-tips"],v+=" paraui-auto-tips",d&&(v+=" "+d),v),onMouseOver:function(){p.current.scrollWidth>p.current.offsetWidth?y(g||p.current.innerText):y("")}},t().createElement(r.Tooltip,{title:g,placement:l},t().createElement("div",{className:"auto-tips-content"},i)))}}(),a}()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core"),require("@material-ui/core/styles")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","@material-ui/core/styles"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core"),require("@material-ui/core/styles")):e.ParaUI=t(e.react,e["@material-ui/core"],e["@material-ui/core/styles"])}(self,(function(e,t,r){return function(){"use strict";var n={4126:function(e){
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,c,u=o(e),f=1;f<arguments.length;f++){for(var l in a=Object(arguments[f]))r.call(a,l)&&(u[l]=a[l]);if(t){c=t(a);for(var s=0;s<c.length;s++)n.call(a,c[s])&&(u[c[s]]=a[c[s]])}}return u}},9524:function(e,t,r){
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+r(4126);var n=r(9297),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function f(e,t,r){var n,i={},f=null,l=null;for(n in void 0!==r&&(f=""+r),void 0!==t.key&&(f=""+t.key),void 0!==t.ref&&(l=t.ref),t)c.call(t,n)&&!u.hasOwnProperty(n)&&(i[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===i[n]&&(i[n]=t[n]);return{$$typeof:o,type:e,key:f,ref:l,props:i,_owner:a.current}}t.jsx=f},7712:function(e,t,r){e.exports=r(9524)},853:function(e,t){var r={thmemColor:{primary:"#3D66F8",secondary:"#7E98F5",thirdary:"#D6DFFD"},textColor:{primary:"#191919",secondary:"#6E7488",thirdary:"#BBBECB",white:"#FFFFFF"},bgBorderColor:{bg1:"#DCDDE3",bg2:"#F5F5F5",bg3:"#EDEDED",bg4:"#6E7488",line1:"#E5E9EF",universal:"#FFFFFF"},stateColor:{info:"#3D66F8",success:"#41D658",warning:"#FFA150",error:"#F46B53"},gradientColor:{gradient1:"linear-gradient(#3D66F8, #4F93F0)",gradient2:"linear-gradient(#0093FF, #4EB4FF)",gradient3:"linear-gradient(#844EFF, #A796FF)",gradient4:"linear-gradient(#FD7300, #FFBF69)",gradient5:"linear-gradient(#3D66F8, #D8DFFA)"},fontFamily:{zh:"Microsoft Yahei, Helvetica, sans-serif",en:"Microsoft Yahei, Helvetica, sans-serif"},fontSize:12,borderRadius:4,boxShadow:"4px 4px 6px rgba(70,75,105,0.2), -4px -4px 6px rgba(0,0,0,0.06)",buttonShadow:"4px 4px 6px rgba(70,75,105,0.1), -4px -4px 6px rgba(0,0,0,0.03)",standardFont:{standardFont1:{fontSize:"12px",fontWeight:"400"},standardFont2:{fontSize:"12px",fontWeight:"700"}},titleFont:{titleFont1:{fontSize:"14px",fontWeight:"400"},titleFont2:{fontSize:"14px",fontWeight:"700"}},visualLargeFont:{visualLargeFont1:{fontSize:"40px",fontWeight:"700"},visualLargeFont2:{fontSize:"40px",fontWeight:"700"}}};t.Z=function(){return r}},1731:function(e){e.exports=t},8604:function(e){e.exports=r},9297:function(t){t.exports=e}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,i),r.exports}i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return function(){i.r(a);var e=i(7712),t=i(9297),r=i(1731),n=i(8604),o=i(853),c=function(){return c=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)},u=((0,o.Z)(),(0,n.makeStyles)((function(e){return(0,n.createStyles)({"auto-tips":{maxWidth:"100%",display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap","& > .auto-tips-content":{display:"inline",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}})})));a.default=function(n){var o=n.children,i=n.placement,a=void 0===i?"bottom-start":i,f=n.tips,l=void 0===f?"":f,s=n.className,p=void 0===s?"":s,d=(0,t.useRef)(),y=u(),F=(0,t.useState)(""),g=F[0],b=F[1];(0,t.useEffect)((function(){b(l)}),[l]);var v;return(0,e.jsx)("div",c({ref:function(e){e&&(d.current=e)},className:(v=y["auto-tips"],v+=" paraui-auto-tips",p&&(v+=" "+p),v),onMouseOver:function(){d.current.scrollWidth>d.current.offsetWidth?b(g||d.current.innerText):b("")}},{children:(0,e.jsx)(r.Tooltip,c({title:g,placement:a},{children:(0,e.jsx)("div",c({className:"auto-tips-content"},{children:o}),void 0)}),void 0)}),void 0)}}(),a}()}));

package/Breadcrumbs/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @author linhd
+ * @date 2021/8/3 10:59
+ * @description 面包屑
+ */
+import { FunctionComponent, ReactNode } from 'react';
+export interface listOptions {
+    /** 每一项显示名 */
+    label: ReactNode;
+    [name: string]: any;
+}
+export interface BreadcrumbsProps {
+    /** 初始化数据 */
+    list: listOptions[];
+    /** 中间符号 */
+    separator?: string;
+    /** 样式class */
+    className?: string;
+    /** 弹出框样式class */
+    popoverClassName?: string;
+    /** 是否收缩 */
+    isShrink?: boolean;
+    /**
+     * 点击菜单
+     * @param ops 当前点击菜单数据
+     */
+    onClickItem?: (ops: listOptions) => void;
+}
+export declare const Breadcrumbs: FunctionComponent<BreadcrumbsProps>;
+export default Breadcrumbs;

package/Breadcrumbs/index.js

@@ -1 +1,16 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/More"),require("para-lib")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","@material-ui/core/styles","@para-ui/icons/More","para-lib"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/More"),require("para-lib")):e.ParaUI=r(e.react,e["@material-ui/core"],e["@material-ui/core/styles"],e["@para-ui/icons/More"],e["para-lib"])}(self,(function(e,r,t,n,o){return function(){"use strict";var a={1731:function(e){e.exports=r},8604:function(e){e.exports=t},6090:function(e){e.exports=n},3475:function(e){e.exports=o},9297:function(r){r.exports=e}},i={};function u(e){var r=i[e];if(void 0!==r)return r.exports;var t=i[e]={exports:{}};return a[e](t,t.exports,u),t.exports}u.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(r,{a:r}),r},u.d=function(e,r){for(var t in r)u.o(r,t)&&!u.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},u.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return function(){u.r(c),u.d(c,{Breadcrumbs:function(){return m}});var e=u(9297),r=u.n(e),t=u(1731),n=u(8604),o=u(6090),a=u.n(o),i=u(3475);function l(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=[],n=!0,o=!1,a=void 0;try{for(var i,u=e[Symbol.iterator]();!(n=(i=u.next()).done)&&(t.push(i.value),!r||t.length!==r);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==u.return||u.return()}finally{if(o)throw a}}return t}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function s(e){return function(e){if(Array.isArray(e)){for(var r=0,t=new Array(e.length);r<e.length;r++)t[r]=e[r];return t}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var f=(0,n.makeStyles)((function(e){return(0,n.createStyles)({popoverBreadcrumbs:{"& nav":{padding:"5px 8px"}}})})),m=function(n){var o=n.className,u=n.list,c=n.separator,m=void 0===c?"/":c,p=n.popoverClassName,d=n.isShrink,b=void 0===d||d,y=n.onClickItem,v=f(n),h=l((0,e.useState)("breadcrumbs-"+(0,i.UUID)()),1)[0],g=l((0,e.useState)([]),2),S=g[0],x=g[1],E=l((0,e.useState)(0),2),w=E[0],k=E[1],q=l((0,e.useState)(!1),2),j=q[0],N=q[1],O=(0,e.useRef)();(0,e.useEffect)((function(){setTimeout((function(){var e=document.querySelector("."+h);e&&k(e.offsetWidth)})),x(s(u))}),[u]),(0,e.useEffect)((function(){return b?(setTimeout((function(){A()})),window.addEventListener("resize",A)):window.removeEventListener("resize",A),function(){window.removeEventListener("resize",A)}}),[S,w,b]);var M,A=function(){var e=document.querySelector("."+h);if(e&&w)if(e.parentNode&&e.parentNode.offsetWidth>w)u.length!==S.length&&(x(s(u)),N(!1));else{var r=[];r.push(u[0]),r.push({more:"more-breadcrumbs"}),r.push(u[u.length-1]),r.length!==S.length&&x(s(r))}},P=function(e){return function(){"more-breadcrumbs"===e.more?N(!0):y&&y(e)}},C=function(){N(!1)},I=(0,e.useMemo)((function(){return j&&r().createElement(t.Popover,{open:j,anchorEl:O.current,onClose:C,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},className:(e=v.popoverBreadcrumbs,p&&(e+=" "+p),e)},r().createElement(t.Breadcrumbs,{separator:m},u.map((function(e,n){return r().createElement(t.Link,{key:n,onClick:P(e),className:n===u.length-1?"current-breadcrumbs":""},e.label)}))));var e}),[j,O,m,u,p]);return r().createElement(r().Fragment,null,r().createElement(t.Breadcrumbs,{className:(M="paraui-breadcrumbs "+h,o&&(M+=" "+o),M),separator:m,ref:O},S.map((function(e,n){return"more-breadcrumbs"===e.more?r().createElement(t.Link,{key:n,onClick:P(e),className:"more-breadcrumbs"},r().createElement(a(),null)):r().createElement(t.Link,{key:n,onClick:P(e),className:n===S.length-1?"current-breadcrumbs":""},e.label)}))),I)};c.default=m}(),c}()}));
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/More"),require("para-lib")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","@material-ui/core/styles","@para-ui/icons/More","para-lib"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/More"),require("para-lib")):e.ParaUI=r(e.react,e["@material-ui/core"],e["@material-ui/core/styles"],e["@para-ui/icons/More"],e["para-lib"])}(self,(function(e,r,t,n,o){return function(){"use strict";var i={4126:function(e){
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,c,u=o(e),s=1;s<arguments.length;s++){for(var l in a=Object(arguments[s]))t.call(a,l)&&(u[l]=a[l]);if(r){c=r(a);for(var f=0;f<c.length;f++)n.call(a,c[f])&&(u[c[f]]=a[c[f]])}}return u}},9524:function(e,r,t){
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+t(4126);var n=t(9297),o=60103;if(r.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),r.Fragment=i("react.fragment")}var a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,r,t){var n,i={},s=null,l=null;for(n in void 0!==t&&(s=""+t),void 0!==r.key&&(s=""+r.key),void 0!==r.ref&&(l=r.ref),r)c.call(r,n)&&!u.hasOwnProperty(n)&&(i[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===i[n]&&(i[n]=r[n]);return{$$typeof:o,type:e,key:s,ref:l,props:i,_owner:a.current}}r.jsx=s,r.jsxs=s},7712:function(e,r,t){e.exports=t(9524)},1731:function(e){e.exports=r},8604:function(e){e.exports=t},6090:function(e){e.exports=n},3475:function(e){e.exports=o},9297:function(r){r.exports=e}},a={};function c(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={exports:{}};return i[e](t,t.exports,c),t.exports}c.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(r,{a:r}),r},c.d=function(e,r){for(var t in r)c.o(r,t)&&!c.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},c.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return function(){c.r(u),c.d(u,{Breadcrumbs:function(){return p}});var e=c(7712),r=c(9297),t=c(1731),n=c(8604),o=c(6090),i=c.n(o),a=c(3475),s=function(){return s=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},s.apply(this,arguments)},l=function(e,r,t){if(t||2===arguments.length)for(var n,o=0,i=r.length;o<i;o++)!n&&o in r||(n||(n=Array.prototype.slice.call(r,0,o)),n[o]=r[o]);return e.concat(n||Array.prototype.slice.call(r))},f=(0,n.makeStyles)((function(e){return(0,n.createStyles)({popoverBreadcrumbs:{"& nav":{padding:"5px 8px"}}})})),p=function(n){var o=n.className,c=n.list,u=n.separator,p=void 0===u?"/":u,d=n.popoverClassName,m=n.isShrink,b=void 0===m||m,v=n.onClickItem,y=f(n),h=(0,r.useState)("breadcrumbs-"+(0,a.UUID)())[0],g=(0,r.useState)([]),j=g[0],O=g[1],x=(0,r.useState)(0),S=x[0],_=x[1],w=(0,r.useState)(!1),k=w[0],P=w[1],E=(0,r.useRef)();(0,r.useEffect)((function(){setTimeout((function(){var e=document.querySelector("."+h);e&&_(e.offsetWidth)})),O(l([],c,!0))}),[c]),(0,r.useEffect)((function(){return b?(setTimeout((function(){N()})),window.addEventListener("resize",N)):window.removeEventListener("resize",N),function(){window.removeEventListener("resize",N)}}),[j,S,b]);var q,N=function(){var e=document.querySelector("."+h);if(e&&S)if(e.parentNode&&e.parentNode.offsetWidth>S)c.length!==j.length&&(O(l([],c,!0)),P(!1));else{var r=[];r.push(c[0]),r.push({more:"more-breadcrumbs"}),r.push(c[c.length-1]),r.length!==j.length&&O(l([],r,!0))}},C=function(e){return function(){"more-breadcrumbs"===e.more?P(!0):v&&v(e)}},L=function(){P(!1)},I=(0,r.useMemo)((function(){return k&&(0,e.jsx)(t.Popover,s({open:k,anchorEl:E.current,onClose:L,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},className:(r=y.popoverBreadcrumbs,d&&(r+=" "+d),r)},{children:(0,e.jsx)(t.Breadcrumbs,s({separator:p},{children:c.map((function(r,n){return(0,e.jsx)(t.Link,s({onClick:C(r),className:n===c.length-1?"current-breadcrumbs":""},{children:r.label}),n)}))}),void 0)}),void 0);var r}),[k,E,p,c,d]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.Breadcrumbs,s({className:(q="paraui-breadcrumbs "+h,o&&(q+=" "+o),q),separator:p,ref:E},{children:j.map((function(r,n){return"more-breadcrumbs"===r.more?(0,e.jsx)(t.Link,s({onClick:C(r),className:"more-breadcrumbs"},{children:(0,e.jsx)(i(),{},void 0)}),n):(0,e.jsx)(t.Link,s({onClick:C(r),className:n===j.length-1?"current-breadcrumbs":""},{children:r.label}),n)}))}),void 0),I]},void 0)};u.default=p}(),u}()}));

package/Breadcrumbs/theme.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    root: {
+        display: string;
+        padding: string;
+    };
+    ol: {
+        flexWrap: string;
+    };
+    li: {
+        '& a': {
+            whiteSpace: string;
+            fontSize: string;
+            color: string;
+            '&:hover': {
+                textDecoration: string;
+                color: string;
+            };
+            '& svg': {
+                fontSize: string;
+                position: string;
+                top: string;
+                marginRight: string;
+            };
+        };
+        '& .current-breadcrumbs': {
+            fontWeight: string;
+            color: string;
+        };
+        '& .more-breadcrumbs': {
+            '& svg': {
+                fontSize: string;
+                position: string;
+                top: string;
+            };
+        };
+    };
+    separator: {
+        marginLeft: string;
+        marginRight: string;
+    };
+};
+export default _default;

package/Button/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @author Hanz
+ * @date 2021/8/4 上午10:21
+ * @description 按钮
+ */
+import React, { FunctionComponent } from 'react';
+import { ButtonProps as MuiButtonProps, IconButtonProps as MuiIconButtonProps, TooltipProps } from "@material-ui/core";
+export interface ButtonProps extends MuiButtonProps {
+    /** 圆角*/
+    radius?: boolean;
+    /** 设置按钮载入状态 */
+    loading?: boolean | {
+        delay: number;
+    };
+}
+interface IconButtonProps extends MuiIconButtonProps {
+    /** 显示tooltip*/
+    showToolTip?: boolean;
+    /** tooltip title*/
+    toolTipTitle?: NonNullable<React.ReactNode>;
+    /** 设置按钮载入状态 */
+    loading?: boolean | {
+        delay: number;
+    };
+    TooltipProps?: Omit<TooltipProps, 'title' | 'children'>;
+}
+declare const InternalButton: FunctionComponent<ButtonProps>;
+declare const IconButton: FunctionComponent<IconButtonProps>;
+declare type mergedButtonType = typeof InternalButton & {
+    IconButton: typeof IconButton;
+};
+declare const Button: mergedButtonType;
+export default Button;

package/Button/index.js

@@ -1 +1,16 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/LoadingF")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","@material-ui/core/styles","@para-ui/icons/LoadingF"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/LoadingF")):e.ParaUI=t(e.react,e["@material-ui/core"],e["@material-ui/core/styles"],e["@para-ui/icons/LoadingF"])}(self,(function(e,t,n,r){return function(){"use strict";var o={4927:function(e,t,n){function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}n.d(t,{Z:function(){return o}})},9177:function(e,t){var n={thmemColor:{primary:"#3D66F8",secondary:"#7E98F5",thirdary:"#D6DFFD"},textColor:{primary:"#191919",secondary:"#6E7488",thirdary:"#BBBECB",white:"#FFFFFF"},bgBorderColor:{bg1:"#DCDDE3",bg2:"#F5F5F5",bg3:"#EDEDED",bg4:"#6E7488",line1:"#E5E9EF",universal:"#FFFFFF"},stateColor:{info:"#3D66F8",success:"#41D658",warning:"#FFA150",error:"#F46B53"},gradientColor:{gradient1:"linear-gradient(#3D66F8, #4F93F0)",gradient2:"linear-gradient(#0093FF, #4EB4FF)",gradient3:"linear-gradient(#844EFF, #A796FF)",gradient4:"linear-gradient(#FD7300, #FFBF69)",gradient5:"linear-gradient(#3D66F8, #D8DFFA)"},fontFamily:{zh:"Microsoft Yahei, Helvetica, sans-serif",en:"Microsoft Yahei, Helvetica, sans-serif"},fontSize:12,borderRadius:4,boxShadow:"4px 4px 6px rgba(70,75,105,0.2), -4px -4px 6px rgba(0,0,0,0.06)",buttonShadow:"4px 4px 6px rgba(70,75,105,0.1), -4px -4px 6px rgba(0,0,0,0.03)",standardFont:{standardFont1:{fontSize:"12px",fontWeight:"400"},standardFont2:{fontSize:"12px",fontWeight:"700"}},titleFont:{titleFont1:{fontSize:"14px",fontWeight:"400"},titleFont2:{fontSize:"14px",fontWeight:"700"}},visualLargeFont:{visualLargeFont1:{fontSize:"40px",fontWeight:"700"},visualLargeFont2:{fontSize:"40px",fontWeight:"700"}}};t.Z=function(){return n}},1731:function(e){e.exports=t},8604:function(e){e.exports=n},1102:function(e){e.exports=r},9297:function(t){t.exports=e}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return o[e](n,n.exports,a),n.exports}a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return function(){a.r(l);var e=a(9297),t=a.n(e),n=a(1731),r=a(8604),o=a(4927),i=a(1102),c=a.n(i);function u(){return(u=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}).apply(this,arguments)}function s(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw i}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var f=(0,a(9177).Z)(),p=(0,r.makeStyles)((function(e){return(0,r.createStyles)({"@keyframes loadingCircle":{"100%":{transform:"rotate(1turn)"}},radius:{borderRadius:15},btnIcon:{"& .btn-icon":{display:"inline-flex",alignItems:"center"},"& .btn-icon svg":{color:"currentColor"}},outlinedBtn:{"& .btn-icon svg":{color:f.thmemColor.primary},"&:disabled":{"& .btn-icon svg":{color:"currentColor"}}},iconButtonToolTip:{display:"inline-block",cursor:"not-allowed","& .iconButton-disabled":{cursor:"not-allowed",pointerEvents:"none"}},loadingBtn:{position:"relative",pointerEvents:"none","&:before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:1,transition:"opacity .2s",pointerEvents:"none"},"& .loading-icon":{animation:"$loadingCircle 1s infinite linear"}}})})),g=(0,r.withStyles)((function(e){return{tooltip:{margin:"6px 0",backgroundColor:f.bgBorderColor.bg4}}}))(n.Tooltip),b=function(r){var i=p(),a=r.radius,l=r.className,f=r.disabled,g=void 0!==f&&f,b=r.children,m=r.startIcon,y=r.endIcon,F=r.loading,v=void 0!==F&&F,x=s(r,["radius","className","disabled","children","startIcon","endIcon","loading"]);"text"===x.variant&&(x.disableRipple=!0);var h=d((0,e.useState)(!1),2),E=h[0],S=h[1];return(0,e.useEffect)((function(){S(!!v)}),[v]),t().createElement(n.Button,u({disabled:g,className:(0,o.Z)("paraui-button",l,i.btnIcon,a&&i.radius,"outlined"===x.variant&&i.outlinedBtn,E&&i.loadingBtn),startIcon:function(){if(!E)return t().createElement("span",{className:"btn-icon"},m);if("object"==typeof v){var e=v.delay||0;setTimeout((function(){return S(!1)}),e)}return t().createElement("span",{className:"btn-icon loading-icon"},t().createElement(c(),null))}(),endIcon:t().createElement("span",{className:"btn-icon"},y)},x),b)};b.IconButton=function(r){var i=p(),a=r.showToolTip,l=void 0===a||a,f=r.toolTipTitle,b=void 0===f?"":f,m=r.children,y=r.className,F=r.disabled,v=void 0!==F&&F,x=r.loading,h=void 0!==x&&x,E=r.TooltipProps,S=s(r,["showToolTip","toolTipTitle","children","className","disabled","loading","TooltipProps"]),B=d((0,e.useState)(!1),2),T=B[0],D=B[1],j=t().createElement(n.IconButton,u({},S,{disabled:v,disableRipple:!0,className:(0,o.Z)("paraui-icon-button",y,l&&v&&"iconButton-disabled",T&&i.loadingBtn)}),function(){if(!T)return m;if("object"==typeof h){var e=h.delay||0;setTimeout((function(){return D(!1)}),e)}return t().createElement("span",{className:"loading-icon"},t().createElement(c(),null))}());return(0,e.useEffect)((function(){D(!!h)}),[h]),l?t().createElement(g,u({title:b},E),t().createElement("span",{className:(0,o.Z)(v&&i.iconButtonToolTip)},j)):j},l.default=b}(),l}()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/LoadingF")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","@material-ui/core/styles","@para-ui/icons/LoadingF"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/LoadingF")):e.ParaUI=t(e.react,e["@material-ui/core"],e["@material-ui/core/styles"],e["@para-ui/icons/LoadingF"])}(self,(function(e,t,n,r){return function(){"use strict";var o={4927:function(e,t,n){function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}n.d(t,{Z:function(){return o}})},4126:function(e){
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,l,c=o(e),s=1;s<arguments.length;s++){for(var u in a=Object(arguments[s]))n.call(a,u)&&(c[u]=a[u]);if(t){l=t(a);for(var d=0;d<l.length;d++)r.call(a,l[d])&&(c[l[d]]=a[l[d]])}}return c}},9524:function(e,t,n){
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+n(4126);var r=n(9297),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,n){var r,i={},s=null,u=null;for(r in void 0!==n&&(s=""+n),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(u=t.ref),t)l.call(t,r)&&!c.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:s,ref:u,props:i,_owner:a.current}}t.jsx=s},7712:function(e,t,n){e.exports=n(9524)},853:function(e,t){var n={thmemColor:{primary:"#3D66F8",secondary:"#7E98F5",thirdary:"#D6DFFD"},textColor:{primary:"#191919",secondary:"#6E7488",thirdary:"#BBBECB",white:"#FFFFFF"},bgBorderColor:{bg1:"#DCDDE3",bg2:"#F5F5F5",bg3:"#EDEDED",bg4:"#6E7488",line1:"#E5E9EF",universal:"#FFFFFF"},stateColor:{info:"#3D66F8",success:"#41D658",warning:"#FFA150",error:"#F46B53"},gradientColor:{gradient1:"linear-gradient(#3D66F8, #4F93F0)",gradient2:"linear-gradient(#0093FF, #4EB4FF)",gradient3:"linear-gradient(#844EFF, #A796FF)",gradient4:"linear-gradient(#FD7300, #FFBF69)",gradient5:"linear-gradient(#3D66F8, #D8DFFA)"},fontFamily:{zh:"Microsoft Yahei, Helvetica, sans-serif",en:"Microsoft Yahei, Helvetica, sans-serif"},fontSize:12,borderRadius:4,boxShadow:"4px 4px 6px rgba(70,75,105,0.2), -4px -4px 6px rgba(0,0,0,0.06)",buttonShadow:"4px 4px 6px rgba(70,75,105,0.1), -4px -4px 6px rgba(0,0,0,0.03)",standardFont:{standardFont1:{fontSize:"12px",fontWeight:"400"},standardFont2:{fontSize:"12px",fontWeight:"700"}},titleFont:{titleFont1:{fontSize:"14px",fontWeight:"400"},titleFont2:{fontSize:"14px",fontWeight:"700"}},visualLargeFont:{visualLargeFont1:{fontSize:"40px",fontWeight:"700"},visualLargeFont2:{fontSize:"40px",fontWeight:"700"}}};t.Z=function(){return n}},1731:function(e){e.exports=t},8604:function(e){e.exports=n},1102:function(e){e.exports=r},9297:function(t){t.exports=e}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return o[e](n,n.exports,a),n.exports}a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return function(){a.r(l);var e=a(7712),t=a(9297),n=a(1731),r=a(8604),o=a(4927),i=a(1102),c=a.n(i),s=a(853),u=function(){return u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},u.apply(this,arguments)},d=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},f=(0,s.Z)(),p=(0,r.makeStyles)((function(e){return(0,r.createStyles)({"@keyframes loadingCircle":{"100%":{transform:"rotate(1turn)"}},radius:{borderRadius:15},btnIcon:{"& .btn-icon":{display:"inline-flex",alignItems:"center"},"& .btn-icon svg":{color:"currentColor"}},outlinedBtn:{"& .btn-icon svg":{color:f.thmemColor.primary},"&:disabled":{"& .btn-icon svg":{color:"currentColor"}}},iconButtonToolTip:{display:"inline-block",cursor:"not-allowed","& .iconButton-disabled":{cursor:"not-allowed",pointerEvents:"none"}},loadingBtn:{position:"relative",pointerEvents:"none","&:before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:1,transition:"opacity .2s",pointerEvents:"none"},"& .loading-icon":{animation:"$loadingCircle 1s infinite linear"}}})})),b=(0,r.withStyles)((function(e){return{tooltip:{margin:"6px 0",backgroundColor:f.bgBorderColor.bg4}}}))(n.Tooltip),g=function(r){var i=p(),a=r.radius,l=r.className,s=r.disabled,f=void 0!==s&&s,b=r.children,g=r.startIcon,y=r.endIcon,v=r.loading,m=void 0!==v&&v,F=d(r,["radius","className","disabled","children","startIcon","endIcon","loading"]);"text"===F.variant&&(F.disableRipple=!0);var h=(0,t.useState)(!1),x=h[0],j=h[1];return(0,t.useEffect)((function(){j(!!m)}),[m]),(0,e.jsx)(n.Button,u({disabled:f,className:(0,o.Z)("paraui-button",l,i.btnIcon,a&&i.radius,"outlined"===F.variant&&i.outlinedBtn,x&&i.loadingBtn),startIcon:function(){if(!x)return(0,e.jsx)("span",u({className:"btn-icon"},{children:g}),void 0);if("object"==typeof m){var t=m.delay||0;setTimeout((function(){return j(!1)}),t)}return(0,e.jsx)("span",u({className:"btn-icon loading-icon"},{children:(0,e.jsx)(c(),{},void 0)}),void 0)}(),endIcon:(0,e.jsx)("span",u({className:"btn-icon"},{children:y}),void 0)},F,{children:b}),void 0)};g.IconButton=function(r){var i=p(),a=r.showToolTip,l=void 0===a||a,s=r.toolTipTitle,f=void 0===s?"":s,g=r.children,y=r.className,v=r.disabled,m=void 0!==v&&v,F=r.loading,h=void 0!==F&&F,x=r.TooltipProps,j=d(r,["showToolTip","toolTipTitle","children","className","disabled","loading","TooltipProps"]),O=(0,t.useState)(!1),S=O[0],E=O[1],w=(0,e.jsx)(n.IconButton,u({},j,{disabled:m,disableRipple:!0,className:(0,o.Z)("paraui-icon-button",y,l&&m&&"iconButton-disabled",S&&i.loadingBtn)},{children:function(){if(!S)return g;if("object"==typeof h){var t=h.delay||0;setTimeout((function(){return E(!1)}),t)}return(0,e.jsx)("span",u({className:"loading-icon"},{children:(0,e.jsx)(c(),{},void 0)}),void 0)}()}),void 0);return(0,t.useEffect)((function(){E(!!h)}),[h]),l?(0,e.jsx)(b,u({title:f},x,{children:(0,e.jsx)("span",u({className:(0,o.Z)(m&&i.iconButtonToolTip)},{children:w}),void 0)}),void 0):w},l.default=g}(),l}()}));

package/Button/theme.d.ts

@@ -0,0 +1,216 @@
+declare const _default: {
+    root: {
+        minWidth: number;
+        height: number;
+        textTransform: string;
+        color: string;
+        lineHeight: string;
+    };
+    disabled: {};
+    label: {};
+    text: {
+        padding: string;
+        '&:hover': {
+            backgroundColor: string;
+            color: string;
+        };
+        '&$disabled': {
+            color: string;
+            pointerEvents: string;
+            cursor: string;
+        };
+    };
+    textPrimary: {
+        '&:hover': {
+            backgroundColor: string;
+            color: string;
+        };
+        '&$disabled': {
+            color: string;
+            pointerEvents: string;
+            cursor: string;
+        };
+    };
+    textSecondary: {
+        color: string;
+    };
+    outlined: {
+        padding: string;
+        color: string;
+        boxShadow: string;
+        border: number;
+        backgroundColor: string;
+        '&$disabled': {
+            color: string;
+            padding: string;
+            border: number;
+            pointerEvents: string;
+            cursor: string;
+        };
+        '&:hover': {
+            color: string;
+            backgroundColor: string;
+            border: number;
+            '&$disabled': {
+                color: string;
+                padding: string;
+                backgroundColor: string;
+                border: number;
+                pointerEvents: string;
+                cursor: string;
+            };
+        };
+    };
+    outlinedPrimary: {
+        padding: string;
+        color: string;
+        border: number;
+        '&$disabled': {
+            color: string;
+            padding: string;
+            border: number;
+            pointerEvents: string;
+            cursor: string;
+        };
+        '&:hover': {
+            color: string;
+            backgroundColor: string;
+            border: number;
+            '&$disabled': {
+                color: string;
+                padding: string;
+                backgroundColor: string;
+                border: number;
+                pointerEvents: string;
+                cursor: string;
+            };
+        };
+    };
+    outlinedSecondary: {
+        padding: string;
+        color: string;
+        border: number;
+        '&$disabled': {
+            color: string;
+            padding: string;
+            border: number;
+            pointerEvents: string;
+            cursor: string;
+        };
+        '&:hover': {
+            color: string;
+            backgroundColor: string;
+            border: number;
+            '&$disabled': {
+                color: string;
+                padding: string;
+                backgroundColor: string;
+                border: number;
+                pointerEvents: string;
+                cursor: string;
+            };
+        };
+    };
+    contained: {
+        padding: string;
+        backgroundColor: string;
+        color: string;
+        boxShadow: string;
+        '&$disabled': {
+            color: string;
+            backgroundColor: string;
+            pointerEvents: string;
+            cursor: string;
+        };
+        '&:hover': {
+            color: string;
+            backgroundColor: string;
+            boxShadow: string;
+            '&$disabled': {
+                color: string;
+                backgroundColor: string;
+                pointerEvents: string;
+                cursor: string;
+            };
+        };
+    };
+    containedPrimary: {
+        '&$disabled': {
+            color: string;
+            backgroundColor: string;
+            pointerEvents: string;
+            cursor: string;
+        };
+        '&:hover': {
+            color: string;
+            backgroundColor: string;
+            boxShadow: string;
+            '&$disabled': {
+                color: string;
+                backgroundColor: string;
+                boxShadow: string;
+            };
+        };
+    };
+    containedSecondary: {};
+    textSizeSmall: {};
+    textSizeLarge: {};
+    outlinedSizeSmall: {
+        height: number;
+        padding: string;
+    };
+    outlinedSizeLarge: {
+        height: number;
+        padding: string;
+    };
+    containedSizeSmall: {
+        height: number;
+        padding: string;
+    };
+    containedSizeLarge: {
+        height: number;
+        padding: string;
+    };
+    sizeSmall: {};
+    sizeLarge: {};
+    startIcon: {};
+    endIcon: {};
+    iconSizeSmall: {};
+    iconSizeMedium: {};
+    iconSizeLarge: {};
+};
+export default _default;
+export declare const MuiIconButton: {
+    root: {
+        padding: number;
+        '&:hover': {
+            backgroundColor: string;
+        };
+        '&$disabled': {
+            color: string;
+            pointerEvents: string;
+            cursor: string;
+        };
+    };
+    colorPrimary: {
+        '&:hover': {
+            backgroundColor: string;
+        };
+        '&$disabled': {
+            color: string;
+            pointerEvents: string;
+            cursor: string;
+        };
+    };
+    colorSecondary: {
+        '&:hover': {
+            backgroundColor: string;
+        };
+        '&$disabled': {
+            color: string;
+            pointerEvents: string;
+            cursor: string;
+        };
+    };
+    disabled: {};
+};