@para-ui/core 1.1.27 → 2.0.1

package/AutoBox/index.d.ts

@@ -4,6 +4,7 @@
  * @description 超出自适应盒子
  */
 import { FunctionComponent, ReactNode } from 'react';
+import './index.scss';
 export interface AutoBoxProps {
     /** 样式class */
     className?: string;

package/AutoBox/index.js

@@ -1,10 +1,10 @@
-!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){
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@material-ui/core"),require("@para-ui/icons/More"),require("para-lib"),require("react")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons/More","para-lib","react"],r):"object"==typeof exports?exports.ParaUI=r(require("@material-ui/core"),require("@para-ui/icons/More"),require("para-lib"),require("react")):e.ParaUI=r(e["@material-ui/core"],e["@para-ui/icons/More"],e["para-lib"],e.react)}(self,(function(e,r,t,n){return function(){"use strict";var o,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){
+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 u,a,c=o(e),f=1;f<arguments.length;f++){for(var l in u=Object(arguments[f]))t.call(u,l)&&(c[l]=u[l]);if(r){a=r(u);for(var s=0;s<a.length;s++)n.call(u,a[s])&&(c[a[s]]=u[a[s]])}}return c}},9524:function(e,r,t){
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -13,4 +13,4 @@ var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.pr
  * 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}()}));
+t(4126);var n=t(9297),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var u=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function f(e,r,t){var n,i={},f=null,l=null;for(n in void 0!==t&&(f=""+t),void 0!==r.key&&(f=""+r.key),void 0!==r.ref&&(l=r.ref),r)a.call(r,n)&&!c.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:f,ref:l,props:i,_owner:u.current}}r.jsx=f,r.jsxs=f},7712:function(e,r,t){e.exports=t(9524)},3835:function(e,r,t){t.r(r),t.d(r,{AutoBox:function(){return l}});var n=t(7712),o=t(9297),i=t(1731),u=t(6090),a=t.n(u),c=t(3475),f=function(){return f=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},f.apply(this,arguments)},l=function(e){var r=e.className,t=e.list,u=void 0===t?[]:t,l=e.popoverClassName,s=e.moreCustomize,p=e.anchorEl,d=e.hideMore,v=void 0!==d&&d,b=e.onCloseMore,m=(0,o.useState)("auto-box-"+(0,c.UUID)())[0],h=(0,o.useState)(null),y=h[0],O=h[1],j=(0,o.useState)(!1),g=j[0],x=j[1],_=(0,o.useState)(null),w=_[0],S=_[1],P=(0,o.useState)({})[0];(0,o.useEffect)((function(){void 0!==e.openMore&&x(e.openMore)}),[e.openMore]),(0,o.useEffect)((function(){p&&S(p)}),[p]),(0,o.useEffect)((function(){return q(),window.addEventListener("resize",q),function(){window.removeEventListener("resize",q)}}),[u]);var E,k=function(){x(!1),b&&b()},M=function(e){x(!0),S(e.target)},N=function(e){if(null!==e&&0!==e){void 0===e&&(e=u.length);var r=document.querySelector("."+m);if(r)if(r.scrollWidth>r.clientWidth){var t=Number(e)-1;O(t),N(t)}else u.length<=e&&(x(!1),b&&b())}},q=function(){clearTimeout(P.timer),x(!1),P.timer=setTimeout((function(){O(u.length),N()}),100)},C=(0,o.useMemo)((function(){return g&&(0,n.jsx)(i.Popover,f({open:g,anchorEl:w,onClose:k,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},className:(e="auto-box-popover paraui-auto-box-popover",l&&(e+=" "+l),e)},{children:(0,n.jsx)("div",f({className:"auto-box-popover-content"},{children:u&&u.map((function(e,r){return null!==y&&y>r?null:(0,n.jsx)(o.Fragment,{children:e},r)}))}),void 0)}),void 0);var e}),[g,w,u,y,l]);return(0,n.jsxs)("div",f({className:(E="auto-box paraui-auto-box",m&&(E+=" "+m),r&&(E+=" "+r),E)},{children:[u.map((function(e,r){return null!==y&&y<=r?null:(0,n.jsx)(o.Fragment,{children:e},r)})),function(){if(null!==y&&u.length>y&&!v)return(0,n.jsx)("div",f({className:"auto-box-more",onClick:M},{children:s||(0,n.jsx)(a(),{},void 0)}),void 0)}(),C]}),void 0)};r.default=l},1731:function(r){r.exports=e},6090:function(e){e.exports=r},3475:function(e){e.exports=t},9297:function(e){e.exports=n}},u={};function a(e){var r=u[e];if(void 0!==r)return r.exports;var t=u[e]={exports:{}};return i[e](t,t.exports,a),t.exports}a.m=i,o=[],a.O=function(e,r,t,n){if(!r){var i=1/0;for(f=0;f<o.length;f++){r=o[f][0],t=o[f][1],n=o[f][2];for(var u=!0,c=0;c<r.length;c++)(!1&n||i>=n)&&Object.keys(a.O).every((function(e){return a.O[e](r[c])}))?r.splice(c--,1):(u=!1,n<i&&(i=n));u&&(o.splice(f--,1),e=t())}return e}n=n||0;for(var f=o.length;f>0&&o[f-1][2]>n;f--)o[f]=o[f-1];o[f]=[r,t,n]},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,{a:r}),r},a.d=function(e,r){for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={6673:0,9296:0};a.O.j=function(r){return 0===e[r]};var r=function(r,t){var n,o,i=t[0],u=t[1],c=t[2],f=0;for(n in u)a.o(u,n)&&(a.m[n]=u[n]);if(c)var l=c(a);for(r&&r(t);f<i.length;f++)o=i[f],a.o(e,o)&&e[o]&&e[o][0](),e[i[f]]=0;return a.O(l)},t=self.webpackChunkParaUI=self.webpackChunkParaUI||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))}();var c=a.O(void 0,[9296],(function(){return a(3835)}));return c=a.O(c)}()}));

package/AutoTips/index.d.ts

@@ -4,6 +4,7 @@
  * @description 超出...
  */
 import { FunctionComponent } from 'react';
+import './index.scss';
 export interface AutoTipsProps {
     /** 样式class */
     className?: string;

package/AutoTips/index.js

@@ -1,10 +1,10 @@
-!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){
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@material-ui/core"),require("react")):"function"==typeof define&&define.amd?define(["@material-ui/core","react"],r):"object"==typeof exports?exports.ParaUI=r(require("@material-ui/core"),require("react")):e.ParaUI=r(e["@material-ui/core"],e.react)}(self,(function(e,r){return function(){"use strict";var t,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){
+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,u,c=o(e),f=1;f<arguments.length;f++){for(var l in a=Object(arguments[f]))t.call(a,l)&&(c[l]=a[l]);if(r){u=r(a);for(var s=0;s<u.length;s++)n.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
  *
@@ -13,4 +13,4 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
  * 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}()}));
+t(4126);var n=t(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,u=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function f(e,r,t){var n,i={},f=null,l=null;for(n in void 0!==t&&(f=""+t),void 0!==r.key&&(f=""+r.key),void 0!==r.ref&&(l=r.ref),r)u.call(r,n)&&!c.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:f,ref:l,props:i,_owner:a.current}}r.jsx=f},7712:function(e,r,t){e.exports=t(9524)},3094:function(e,r,t){t.r(r);var n=t(7712),o=t(9297),i=t(1731),a=function(){return a=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},a.apply(this,arguments)};r.default=function(e){var r=e.children,t=e.placement,u=void 0===t?"bottom-start":t,c=e.tips,f=void 0===c?"":c,l=e.className,s=void 0===l?"":l,p=(0,o.useRef)(),d=(0,o.useState)(""),v=d[0],b=d[1];(0,o.useEffect)((function(){b(f)}),[f]);var y;return(0,n.jsx)("div",a({ref:function(e){e&&(p.current=e)},className:(y="paraui-auto-tips",s&&(y+=" "+s),y),onMouseOver:function(){p.current.scrollWidth>p.current.offsetWidth?b(v||p.current.innerText):b("")}},{children:(0,n.jsx)(i.Tooltip,a({title:v,placement:u},{children:(0,n.jsx)("div",a({className:"auto-tips-content"},{children:r}),void 0)}),void 0)}),void 0)}},1731:function(r){r.exports=e},9297:function(e){e.exports=r}},o={};function i(e){var r=o[e];if(void 0!==r)return r.exports;var t=o[e]={exports:{}};return n[e](t,t.exports,i),t.exports}i.m=n,t=[],i.O=function(e,r,n,o){if(!r){var a=1/0;for(f=0;f<t.length;f++){r=t[f][0],n=t[f][1],o=t[f][2];for(var u=!0,c=0;c<r.length;c++)(!1&o||a>=o)&&Object.keys(i.O).every((function(e){return i.O[e](r[c])}))?r.splice(c--,1):(u=!1,o<a&&(a=o));u&&(t.splice(f--,1),e=n())}return e}o=o||0;for(var f=t.length;f>0&&t[f-1][2]>o;f--)t[f]=t[f-1];t[f]=[r,n,o]},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,{a:r}),r},i.d=function(e,r){for(var t in r)i.o(r,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={1465:0,9296:0};i.O.j=function(r){return 0===e[r]};var r=function(r,t){var n,o,a=t[0],u=t[1],c=t[2],f=0;for(n in u)i.o(u,n)&&(i.m[n]=u[n]);if(c)var l=c(i);for(r&&r(t);f<a.length;f++)o=a[f],i.o(e,o)&&e[o]&&e[o][0](),e[a[f]]=0;return i.O(l)},t=self.webpackChunkParaUI=self.webpackChunkParaUI||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))}();var a=i.O(void 0,[9296],(function(){return i(3094)}));return a=i.O(a)}()}));

package/Breadcrumbs/index.d.ts

@@ -4,6 +4,7 @@
  * @description 面包屑
  */
 import { FunctionComponent, ReactNode } from 'react';
+import './index.scss';
 export interface listOptions {
     /** 每一项显示名 */
     label: ReactNode;

package/Breadcrumbs/index.js

@@ -1,4 +1,4 @@
-!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){
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@material-ui/core"),require("@para-ui/icons/More"),require("para-lib"),require("react")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons/More","para-lib","react"],r):"object"==typeof exports?exports.ParaUI=r(require("@material-ui/core"),require("@para-ui/icons/More"),require("para-lib"),require("react")):e.ParaUI=r(e["@material-ui/core"],e["@para-ui/icons/More"],e["para-lib"],e.react)}(self,(function(e,r,t,n){return function(){"use strict";var o,i={4126:function(e){
 /*
 object-assign
 (c) Sindre Sorhus
@@ -13,4 +13,4 @@ var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.pr
  * 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}()}));
+t(4126);var n=t(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 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)},8770:function(e,r,t){t.r(r),t.d(r,{Breadcrumbs:function(){return f}});var n=t(7712),o=t(9297),i=t(1731),a=t(6090),c=t.n(a),u=t(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=function(e){var r=e.className,t=e.list,a=e.separator,f=void 0===a?"/":a,d=e.popoverClassName,p=e.isShrink,b=void 0===p||p,m=e.onClickItem,v=(0,o.useState)("breadcrumbs-"+(0,u.UUID)())[0],h=(0,o.useState)([]),y=h[0],j=h[1],O=(0,o.useState)(0),g=O[0],x=O[1],w=(0,o.useState)(!1),S=w[0],_=w[1],N=(0,o.useRef)();(0,o.useEffect)((function(){setTimeout((function(){var e=document.querySelector("."+v);e&&x(e.offsetWidth)})),j(l([],t,!0))}),[t]),(0,o.useEffect)((function(){return b?(setTimeout((function(){P()})),window.addEventListener("resize",P)):window.removeEventListener("resize",P),function(){window.removeEventListener("resize",P)}}),[y,g,b]);var P=function(){var e=document.querySelector("."+v);if(e&&g)if(e.parentNode&&e.parentNode.offsetWidth>g)t.length!==y.length&&(j(l([],t,!0)),_(!1));else{var r=[];r.push(t[0]),r.push({more:"more-breadcrumbs"}),r.push(t[t.length-1]),r.length!==y.length&&j(l([],r,!0))}},k=function(e){return function(){"more-breadcrumbs"===e.more?_(!0):m&&m(e)}},E=function(){_(!1)},q=function(){var e="paraui-breadcrumbs "+v;return r&&(e+=" "+r),e},C=(0,o.useMemo)((function(){return S&&(0,n.jsx)(i.Popover,s({open:S,anchorEl:N.current,onClose:E,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},className:(e="paraui-breadcrumbs-popover",d&&(e+=" "+d),e)},{children:(0,n.jsx)("div",s({className:q()},{children:t.map((function(e,r){var i=t.length-1!==r;return(0,n.jsxs)(o.Fragment,{children:[(0,n.jsx)("div",s({onClick:k(e),className:r===t.length-1?"current-breadcrumbs breadcrumbs-item":"breadcrumbs-item"},{children:e.label}),void 0),i&&(0,n.jsx)("div",s({className:"breadcrumbs-separator"},{children:f}),void 0)]},r)}))}),void 0)}),void 0);var e}),[S,N,f,t,d]);return(0,n.jsxs)("div",s({className:q(),ref:N},{children:[y.map((function(e,r){var t=y.length-1!==r;return"more-breadcrumbs"===e.more?(0,n.jsxs)(o.Fragment,{children:[(0,n.jsx)("div",s({onClick:k(e),className:"more-breadcrumbs"},{children:(0,n.jsx)(c(),{},void 0)}),void 0),t&&(0,n.jsx)("div",s({className:"breadcrumbs-separator"},{children:f}),void 0)]},r):(0,n.jsxs)(o.Fragment,{children:[(0,n.jsx)("div",s({onClick:k(e),className:r===y.length-1?"current-breadcrumbs breadcrumbs-item":"breadcrumbs-item"},{children:e.label}),void 0),t&&(0,n.jsx)("div",s({className:"breadcrumbs-separator"},{children:f}),void 0)]},r)})),C]}),void 0)};r.default=f},1731:function(r){r.exports=e},6090:function(e){e.exports=r},3475:function(e){e.exports=t},9297:function(e){e.exports=n}},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.m=i,o=[],c.O=function(e,r,t,n){if(!r){var i=1/0;for(s=0;s<o.length;s++){r=o[s][0],t=o[s][1],n=o[s][2];for(var a=!0,u=0;u<r.length;u++)(!1&n||i>=n)&&Object.keys(c.O).every((function(e){return c.O[e](r[u])}))?r.splice(u--,1):(a=!1,n<i&&(i=n));a&&(o.splice(s--,1),e=t())}return e}n=n||0;for(var s=o.length;s>0&&o[s-1][2]>n;s--)o[s]=o[s-1];o[s]=[r,t,n]},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})},function(){var e={2091:0,9296:0};c.O.j=function(r){return 0===e[r]};var r=function(r,t){var n,o,i=t[0],a=t[1],u=t[2],s=0;for(n in a)c.o(a,n)&&(c.m[n]=a[n]);if(u)var l=u(c);for(r&&r(t);s<i.length;s++)o=i[s],c.o(e,o)&&e[o]&&e[o][0](),e[i[s]]=0;return c.O(l)},t=self.webpackChunkParaUI=self.webpackChunkParaUI||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))}();var u=c.O(void 0,[9296],(function(){return c(8770)}));return u=c.O(u)}()}));

package/Button/SplitButton.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @author Hanz
+ * @date 2021/8/4 上午10:22
+ * @description 分体式按钮组
+ */
+import React from 'react';
+interface Option {
+    /**
+     * 按钮label
+     */
+    label: string;
+    /**
+     * 按钮value
+     */
+    value: string;
+}
+declare type GroupOption = Array<Option>;
+export interface SplitButtonProps {
+    /**
+     * 分体式按钮文本
+     */
+    buttonText?: string;
+    /** 按钮选项数组 */
+    options?: Option[] | GroupOption[];
+    /** cls */
+    className?: string;
+    /** 禁用按钮组 */
+    disabled?: boolean;
+    /**
+     * click callback
+     * @param option
+     * @param evt
+     */
+    onClick?: (option: Option, evt?: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * 自定义选项渲染
+     * @param option
+     */
+    optionRender?: (option: Option) => React.ReactNode;
+}
+export default function SplitButton(props: SplitButtonProps): JSX.Element;
+export {};

package/Button/index.d.ts

@@ -4,30 +4,51 @@
  * @description 按钮
  */
 import React, { FunctionComponent } from 'react';
-import { ButtonProps as MuiButtonProps, IconButtonProps as MuiIconButtonProps, TooltipProps } from "@material-ui/core";
-export interface ButtonProps extends MuiButtonProps {
+import { ButtonProps as MuiButtonProps, IconButtonProps as MuiIconButtonProps } from "@material-ui/core";
+import { TooltipProps } from '../Tooltip';
+import SplitButton from "./SplitButton";
+import './index.scss';
+export interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {
+    variant?: 'contained' | 'outlined' | 'text';
     /** 圆角*/
     radius?: boolean;
     /** 设置按钮载入状态 */
     loading?: boolean | {
         delay: number;
     };
+    /**
+     * 禁用时提示文字 disabled 为true有效
+     */
+    toolTipTitle?: NonNullable<React.ReactNode>;
+    /**
+     * 设置危险按钮
+     */
+    danger?: boolean;
 }
-interface IconButtonProps extends MuiIconButtonProps {
-    /** 显示tooltip*/
-    showToolTip?: boolean;
-    /** tooltip title*/
+export interface IconButtonProps extends Omit<MuiIconButtonProps, 'size'> {
+    /** 按钮形状 */
+    variant?: 'contained' | 'outlined' | 'text';
+    size?: 'small' | 'medium' | 'large';
+    /** tooltip title */
     toolTipTitle?: NonNullable<React.ReactNode>;
     /** 设置按钮载入状态 */
     loading?: boolean | {
         delay: number;
     };
+    /**
+     * tooltip props
+     */
     TooltipProps?: Omit<TooltipProps, 'title' | 'children'>;
+    /**
+     * 设置危险按钮
+     */
+    danger?: boolean;
 }
 declare const InternalButton: FunctionComponent<ButtonProps>;
 declare const IconButton: FunctionComponent<IconButtonProps>;
 declare type mergedButtonType = typeof InternalButton & {
     IconButton: typeof IconButton;
+    SplitButton: typeof SplitButton;
 };
-declare const Button: mergedButtonType;
+export declare const Button: mergedButtonType;
 export default Button;

package/Button/index.js

@@ -1,10 +1,10 @@
-!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){
+!function(n,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@material-ui/core"),require("@para-ui/icons/Down"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/LoadingF"),require("react")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons/Down","@para-ui/icons/Forbid","@para-ui/icons/LoadingF","react"],r):"object"==typeof exports?exports.ParaUI=r(require("@material-ui/core"),require("@para-ui/icons/Down"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/LoadingF"),require("react")):n.ParaUI=r(n["@material-ui/core"],n["@para-ui/icons/Down"],n["@para-ui/icons/Forbid"],n["@para-ui/icons/LoadingF"],n.react)}(self,(function(n,r,t,e,i){return function(){"use strict";var o,a={4927:function(n,r,t){function e(n){var r,t,i="";if("string"==typeof n||"number"==typeof n)i+=n;else if("object"==typeof n)if(Array.isArray(n))for(r=0;r<n.length;r++)n[r]&&(t=e(n[r]))&&(i&&(i+=" "),i+=t);else for(r in n)n[r]&&(i&&(i+=" "),i+=r);return i}function i(){for(var n,r,t=0,i="";t<arguments.length;)(n=arguments[t++])&&(r=e(n))&&(i&&(i+=" "),i+=r);return i}t.d(r,{Z:function(){return i}})},4126:function(n){
 /*
 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){
+var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable;function i(n){if(null==n)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(n)}n.exports=function(){try{if(!Object.assign)return!1;var n=new String("abc");if(n[5]="de","5"===Object.getOwnPropertyNames(n)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(n){return r[n]})).join(""))return!1;var e={};return"abcdefghijklmnopqrst".split("").forEach((function(n){e[n]=n})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},e)).join("")}catch(n){return!1}}()?Object.assign:function(n,o){for(var a,c,u=i(n),l=1;l<arguments.length;l++){for(var s in a=Object(arguments[l]))t.call(a,s)&&(u[s]=a[s]);if(r){c=r(a);for(var d=0;d<c.length;d++)e.call(a,c[d])&&(u[c[d]]=a[c[d]])}}return u}},9524:function(n,r,t){
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -13,4 +13,4 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.pr
  * 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}()}));
+t(4126);var e=t(9297),i=60103;if(r.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;i=o("react.element"),r.Fragment=o("react.fragment")}var a=e.__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 l(n,r,t){var e,o={},l=null,s=null;for(e in void 0!==t&&(l=""+t),void 0!==r.key&&(l=""+r.key),void 0!==r.ref&&(s=r.ref),r)c.call(r,e)&&!u.hasOwnProperty(e)&&(o[e]=r[e]);if(n&&n.defaultProps)for(e in r=n.defaultProps)void 0===o[e]&&(o[e]=r[e]);return{$$typeof:i,type:n,key:l,ref:s,props:o,_owner:a.current}}r.jsx=l,r.jsxs=l},7712:function(n,r,t){n.exports=t(9524)},2990:function(n,r,t){t.r(r),t.d(r,{Button:function(){return h},default:function(){return j}});var e=t(7712),i=t(9297),o=t(1731),a=t(4927),c=t(1102),u=t.n(c),l=t(2749),s=t.n(l),d=t(6885),p=t(6028),f=t.n(p),v=function(){return v=Object.assign||function(n){for(var r,t=1,e=arguments.length;t<e;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(n[i]=r[i]);return n},v.apply(this,arguments)};var b=function(){return b=Object.assign||function(n){for(var r,t=1,e=arguments.length;t<e;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(n[i]=r[i]);return n},b.apply(this,arguments)},y=function(n,r){var t={};for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&r.indexOf(e)<0&&(t[e]=n[e]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(e=Object.getOwnPropertySymbols(n);i<e.length;i++)r.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(n,e[i])&&(t[e[i]]=n[e[i]])}return t},h=function(n){var r=n.variant,t=void 0===r?"contained":r,c=n.size,l=void 0===c?"large":c,p=n.className,f=n.disabled,v=void 0!==f&&f,h=n.children,j=n.startIcon,g=n.endIcon,m=n.loading,O=void 0!==m&&m,x=n.toolTipTitle,w=void 0===x?"":x,P=n.danger,N=void 0!==P&&P,S=y(n,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","danger"]),T=(0,i.useState)(!1),_=T[0],I=T[1],k=function(n){if(!_)return"start"===n&&j?(0,e.jsx)("span",b({className:(0,a.Z)("btn-icon","start-icon")},{children:j}),void 0):"end"===n&&g?(0,e.jsx)("span",b({className:(0,a.Z)("btn-icon","end-icon")},{children:g}),void 0):null;if("object"==typeof O){var r=O.delay||0;setTimeout((function(){return I(!1)}),r)}return"start"===n?(0,e.jsx)("span",b({className:"btn-icon loading-icon"},{children:(0,e.jsx)(u(),{},void 0)}),void 0):null},E=(0,e.jsx)(o.Button,b({},S,{color:"default",variant:"outlined",disabled:v,disableRipple:!0,disableElevation:!0,className:(0,a.Z)("paraui-button",p,"paraui-button-".concat(t),"paraui-button-".concat(l),_&&"paraui-button-loading",N&&!v&&"paraui-button-dangerous"),startIcon:k("start"),endIcon:k("end")},{children:h}),void 0);return(0,i.useEffect)((function(){I(!!O)}),[O]),v&&w?(0,e.jsx)(d.default,b({title:function(){if(v&&w){return(0,e.jsxs)("span",{children:[(0,e.jsx)(s(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}},void 0),w]},void 0)}return w}()},{children:(0,e.jsx)("span",b({className:"paraui-button--disabled"},{children:E}),void 0)}),void 0):E};h.IconButton=function(n){var r=n.variant,t=void 0===r?"contained":r,c=n.size,l=void 0===c?"large":c,p=n.toolTipTitle,f=void 0===p?"":p,v=n.children,h=n.className,j=n.disabled,g=void 0!==j&&j,m=n.loading,O=void 0!==m&&m,x=n.TooltipProps,w=n.danger,P=void 0!==w&&w,N=y(n,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),S=(0,i.useState)(!1),T=S[0],_=S[1],I=(0,e.jsx)(o.IconButton,b({},N,{disabled:g,disableRipple:!0,className:(0,a.Z)("paraui-icon-button",h,"paraui-icon-button-".concat(t),"paraui-icon-button-".concat(l),T&&"paraui-icon-button-loading",P&&!g&&"paraui-icon-button-dangerous")},{children:function(){if(!T)return v;if("object"==typeof O){var n=O.delay||0;setTimeout((function(){return _(!1)}),n)}return(0,e.jsx)("span",b({className:"loading-icon"},{children:(0,e.jsx)(u(),{},void 0)}),void 0)}()}),void 0);return(0,i.useEffect)((function(){_(!!O)}),[O]),f?(0,e.jsx)(d.default,b({},x,{title:function(){if(g&&f){return(0,e.jsxs)("span",{children:[(0,e.jsx)(s(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}},void 0),f]},void 0)}return f}()},{children:g?(0,e.jsx)("span",b({className:"paraui-button--disabled"},{children:I}),void 0):I}),void 0):I},h.SplitButton=function(n){var r=n.buttonText,t=n.options,c=void 0===t?[]:t,u=n.className,l=n.disabled,s=void 0!==l&&l,d=n.onClick,p=n.optionRender,b=(0,i.useState)(!1),y=b[0],h=b[1],g=(0,i.useRef)(null),m=(0,i.useRef)(),O=(0,i.useState)(0),x=O[0],w=O[1],P=function(n,r,t){var e;w(r),h(!1),null===(e=m.current)||void 0===e||e.classList.remove("paraui-button-split--active"),null==d||d(n,t)},N=function(n){var r,t;(null===(r=g.current)||void 0===r?void 0:r.contains(n.target))||(h(!1),null===(t=m.current)||void 0===t||t.classList.remove("paraui-button-split--active"))},S=function(){return(0,e.jsx)("div",v({className:"paraui-button-split-list"},{children:(0,e.jsx)("ul",{children:c.map((function(n,r){return Array.isArray(n)?function(n,r){return(0,e.jsx)("li",v({className:"split-li-group"},{children:n.map((function(n,t){var i="".concat(r,"-").concat(t);return(0,e.jsx)("div",v({className:(0,a.Z)("split-li",i===x&&"split-li--active"),onClick:function(r){return P(n,i,r)}},{children:(null==p?void 0:p(n))||n.label}),i)}))}),r)}(n,r):(0,e.jsx)("li",v({className:(0,a.Z)("split-li",r===x&&"split-li--active"),onClick:function(t){return P(n,r,t)}},{children:(null==p?void 0:p(n))||n.label}),r)}))},void 0)}),void 0)};return(0,e.jsxs)("div",v({className:(0,a.Z)("paraui-button-split",u),ref:g,onMouseLeave:function(n){var r;n.stopPropagation(),null===(r=n.currentTarget.firstElementChild)||void 0===r||r.classList.remove("paraui-button-split--active"),h(!1)}},{children:[(0,e.jsx)(j,v({variant:"outlined",onMouseEnter:function(n){n.stopPropagation();var r=n.currentTarget;m.current=r,r.classList.add("paraui-button-split--active"),h(!0)},startIcon:(0,e.jsx)(f(),{},void 0),disabled:s},{children:null!=r?r:"更多操作"}),void 0),(0,e.jsx)(o.Popper,v({open:y,anchorEl:g.current,transition:!0,placement:"bottom-end"},{children:function(n){var r=n.TransitionProps;n.placement;return(0,e.jsx)(o.Grow,v({},r,{children:(0,e.jsx)(e.Fragment,{children:(0,e.jsx)(o.ClickAwayListener,v({onClickAway:N},{children:S()}),void 0)},void 0)}),void 0)}}),void 0)]}),void 0)};var j=h},6885:function(n,r,t){var e=t(7712),i=t(1731),o=t(4927),a=function(){return a=Object.assign||function(n){for(var r,t=1,e=arguments.length;t<e;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(n[i]=r[i]);return n},a.apply(this,arguments)};r.default=function(n){var r,t=a(a({},n.classes),{popper:(0,o.Z)("paraui-tooltip",null===(r=n.classes)||void 0===r?void 0:r.popper)});return(0,e.jsx)(i.Tooltip,a({},n,{classes:t},{children:n.children}),void 0)}},1731:function(r){r.exports=n},6028:function(n){n.exports=r},2749:function(n){n.exports=t},1102:function(n){n.exports=e},9297:function(n){n.exports=i}},c={};function u(n){var r=c[n];if(void 0!==r)return r.exports;var t=c[n]={exports:{}};return a[n](t,t.exports,u),t.exports}u.m=a,o=[],u.O=function(n,r,t,e){if(!r){var i=1/0;for(l=0;l<o.length;l++){r=o[l][0],t=o[l][1],e=o[l][2];for(var a=!0,c=0;c<r.length;c++)(!1&e||i>=e)&&Object.keys(u.O).every((function(n){return u.O[n](r[c])}))?r.splice(c--,1):(a=!1,e<i&&(i=e));a&&(o.splice(l--,1),n=t())}return n}e=e||0;for(var l=o.length;l>0&&o[l-1][2]>e;l--)o[l]=o[l-1];o[l]=[r,t,e]},u.n=function(n){var r=n&&n.__esModule?function(){return n.default}:function(){return n};return u.d(r,{a:r}),r},u.d=function(n,r){for(var t in r)u.o(r,t)&&!u.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:r[t]})},u.o=function(n,r){return Object.prototype.hasOwnProperty.call(n,r)},u.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},function(){var n={6615:0,2823:0,9296:0};u.O.j=function(r){return 0===n[r]};var r=function(r,t){var e,i,o=t[0],a=t[1],c=t[2],l=0;for(e in a)u.o(a,e)&&(u.m[e]=a[e]);if(c)var s=c(u);for(r&&r(t);l<o.length;l++)i=o[l],u.o(n,i)&&n[i]&&n[i][0](),n[o[l]]=0;return u.O(s)},t=self.webpackChunkParaUI=self.webpackChunkParaUI||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))}();var l=u.O(void 0,[9296],(function(){return u(2990)}));return l=u.O(l)}()}));

package/ButtonGroup/index.d.ts

@@ -3,34 +3,29 @@
  * @date 2021/8/4 上午10:21
  * @description 按钮组
  */
-import { FunctionComponent, ReactNode } from 'react';
+import React, { FunctionComponent, ReactNode } from 'react';
 import { ButtonProps } from '../Button';
-import SplitButton from "./SplitButton";
-export interface CustomButtonProps {
+import './index.scss';
+export interface ButtonItem extends ButtonProps {
     /** 图标*/
     icon?: ReactNode;
     /** 文本*/
     text?: ReactNode;
     [key: string]: any;
 }
-export declare type ButtonData = CustomButtonProps & ButtonProps;
 export interface ButtonGroupProps {
-    /** 按钮组模式*/
-    mode?: 'iconSplit' | 'icon' | 'text';
-    /** 按钮组列表*/
-    data: ButtonData[];
-    /** cls*/
+    /** 按钮组模式 */
+    mode?: 'icon' | 'iconSplit' | 'text';
+    /** 按钮组数据 */
+    data: ButtonItem[];
+    /** cls */
     className?: string;
-    /** 显示tooltip*/
+    /** 显示tooltip */
     showToolTip?: boolean;
-    /** 禁用按钮组*/
+    /** 禁用按钮组 */
     disabled?: boolean;
-    /** onClick*/
-    onClick?: (evt: any, data: ButtonData) => void;
+    /** onClick */
+    onClick?: (item: ButtonItem, event?: React.MouseEvent) => void;
 }
 export declare const ButtonGroup: FunctionComponent<ButtonGroupProps>;
-declare type MergedButtonGroupType = typeof ButtonGroup & {
-    SplitButton: typeof SplitButton;
-};
-declare const MergedButtonGroup: MergedButtonGroupType;
-export default MergedButtonGroup;
+export default ButtonGroup;

package/ButtonGroup/index.js

@@ -1,10 +1,10 @@
-!function(o,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/Forbid"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/DownTriangleF")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","@material-ui/core/styles","@para-ui/icons/Forbid","@para-ui/icons/LoadingF","@para-ui/icons/DownTriangleF"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/DownTriangleF")):o.ParaUI=r(o.react,o["@material-ui/core"],o["@material-ui/core/styles"],o["@para-ui/icons/Forbid"],o["@para-ui/icons/LoadingF"],o["@para-ui/icons/DownTriangleF"])}(self,(function(o,r,e,t,n,i){return function(){"use strict";var a={4927:function(o,r,e){function t(o){var r,e,n="";if("string"==typeof o||"number"==typeof o)n+=o;else if("object"==typeof o)if(Array.isArray(o))for(r=0;r<o.length;r++)o[r]&&(e=t(o[r]))&&(n&&(n+=" "),n+=e);else for(r in o)o[r]&&(n&&(n+=" "),n+=r);return n}function n(){for(var o,r,e=0,n="";e<arguments.length;)(o=arguments[e++])&&(r=t(o))&&(n&&(n+=" "),n+=r);return n}e.d(r,{Z:function(){return n}})},4126:function(o){
+!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@material-ui/core"),require("@para-ui/icons/Down"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/LoadingF"),require("react")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons/Down","@para-ui/icons/Forbid","@para-ui/icons/LoadingF","react"],t):"object"==typeof exports?exports.ParaUI=t(require("@material-ui/core"),require("@para-ui/icons/Down"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/LoadingF"),require("react")):n.ParaUI=t(n["@material-ui/core"],n["@para-ui/icons/Down"],n["@para-ui/icons/Forbid"],n["@para-ui/icons/LoadingF"],n.react)}(self,(function(n,t,r,e,i){return function(){"use strict";var o,a={4927:function(n,t,r){function e(n){var t,r,i="";if("string"==typeof n||"number"==typeof n)i+=n;else if("object"==typeof n)if(Array.isArray(n))for(t=0;t<n.length;t++)n[t]&&(r=e(n[t]))&&(i&&(i+=" "),i+=r);else for(t in n)n[t]&&(i&&(i+=" "),i+=t);return i}function i(){for(var n,t,r=0,i="";r<arguments.length;)(n=arguments[r++])&&(t=e(n))&&(i&&(i+=" "),i+=t);return i}r.d(t,{Z:function(){return i}})},4126:function(n){
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var r=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function n(o){if(null==o)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(o)}o.exports=function(){try{if(!Object.assign)return!1;var o=new String("abc");if(o[5]="de","5"===Object.getOwnPropertyNames(o)[0])return!1;for(var r={},e=0;e<10;e++)r["_"+String.fromCharCode(e)]=e;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(o){return r[o]})).join(""))return!1;var t={};return"abcdefghijklmnopqrst".split("").forEach((function(o){t[o]=o})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},t)).join("")}catch(o){return!1}}()?Object.assign:function(o,i){for(var a,l,c=n(o),d=1;d<arguments.length;d++){for(var s in a=Object(arguments[d]))e.call(a,s)&&(c[s]=a[s]);if(r){l=r(a);for(var u=0;u<l.length;u++)t.call(a,l[u])&&(c[l[u]]=a[l[u]])}}return c}},9524:function(o,r,e){
+var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable;function i(n){if(null==n)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(n)}n.exports=function(){try{if(!Object.assign)return!1;var n=new String("abc");if(n[5]="de","5"===Object.getOwnPropertyNames(n)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(n){return t[n]})).join(""))return!1;var e={};return"abcdefghijklmnopqrst".split("").forEach((function(n){e[n]=n})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},e)).join("")}catch(n){return!1}}()?Object.assign:function(n,o){for(var a,c,u=i(n),l=1;l<arguments.length;l++){for(var s in a=Object(arguments[l]))r.call(a,s)&&(u[s]=a[s]);if(t){c=t(a);for(var d=0;d<c.length;d++)e.call(a,c[d])&&(u[c[d]]=a[c[d]])}}return u}},9524:function(n,t,r){
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -13,4 +13,4 @@ var r=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,t=Object.pr
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-e(4126);var t=e(9297),n=60103;if(r.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;n=i("react.element"),r.Fragment=i("react.fragment")}var a=t.__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 d(o,r,e){var t,i={},d=null,s=null;for(t in void 0!==e&&(d=""+e),void 0!==r.key&&(d=""+r.key),void 0!==r.ref&&(s=r.ref),r)l.call(r,t)&&!c.hasOwnProperty(t)&&(i[t]=r[t]);if(o&&o.defaultProps)for(t in r=o.defaultProps)void 0===i[t]&&(i[t]=r[t]);return{$$typeof:n,type:o,key:d,ref:s,props:i,_owner:a.current}}r.jsx=d,r.jsxs=d},7712:function(o,r,e){o.exports=e(9524)},5794:function(o,r,e){var t=e(7712),n=e(9297),i=e(1731),a=e(8604),l=e(4927),c=e(1102),d=e.n(c),s=e(853),u=function(){return u=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},u.apply(this,arguments)},p=function(o,r){var e={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&r.indexOf(t)<0&&(e[t]=o[t]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(o);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(o,t[n])&&(e[t[n]]=o[t[n]])}return e},f=(0,s.Z)(),b=(0,a.makeStyles)((function(o){return(0,a.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,a.withStyles)((function(o){return{tooltip:{margin:"6px 0",backgroundColor:f.bgBorderColor.bg4}}}))(i.Tooltip),h=function(o){var r=b(),e=o.radius,a=o.className,c=o.disabled,s=void 0!==c&&c,f=o.children,g=o.startIcon,h=o.endIcon,v=o.loading,x=void 0!==v&&v,m=p(o,["radius","className","disabled","children","startIcon","endIcon","loading"]);"text"===m.variant&&(m.disableRipple=!0);var y=(0,n.useState)(!1),j=y[0],F=y[1];return(0,n.useEffect)((function(){F(!!x)}),[x]),(0,t.jsx)(i.Button,u({disabled:s,className:(0,l.Z)("paraui-button",a,r.btnIcon,e&&r.radius,"outlined"===m.variant&&r.outlinedBtn,j&&r.loadingBtn),startIcon:function(){if(!j)return(0,t.jsx)("span",u({className:"btn-icon"},{children:g}),void 0);if("object"==typeof x){var o=x.delay||0;setTimeout((function(){return F(!1)}),o)}return(0,t.jsx)("span",u({className:"btn-icon loading-icon"},{children:(0,t.jsx)(d(),{},void 0)}),void 0)}(),endIcon:(0,t.jsx)("span",u({className:"btn-icon"},{children:h}),void 0)},m,{children:f}),void 0)};h.IconButton=function(o){var r=b(),e=o.showToolTip,a=void 0===e||e,c=o.toolTipTitle,s=void 0===c?"":c,f=o.children,h=o.className,v=o.disabled,x=void 0!==v&&v,m=o.loading,y=void 0!==m&&m,j=o.TooltipProps,F=p(o,["showToolTip","toolTipTitle","children","className","disabled","loading","TooltipProps"]),w=(0,n.useState)(!1),S=w[0],C=w[1],O=(0,t.jsx)(i.IconButton,u({},F,{disabled:x,disableRipple:!0,className:(0,l.Z)("paraui-icon-button",h,a&&x&&"iconButton-disabled",S&&r.loadingBtn)},{children:function(){if(!S)return f;if("object"==typeof y){var o=y.delay||0;setTimeout((function(){return C(!1)}),o)}return(0,t.jsx)("span",u({className:"loading-icon"},{children:(0,t.jsx)(d(),{},void 0)}),void 0)}()}),void 0);return(0,n.useEffect)((function(){C(!!y)}),[y]),a?(0,t.jsx)(g,u({title:s},j,{children:(0,t.jsx)("span",u({className:(0,l.Z)(x&&r.iconButtonToolTip)},{children:O}),void 0)}),void 0):O},r.default=h},853:function(o,r){var e={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"}}};r.Z=function(){return e}},1731:function(o){o.exports=r},8604:function(o){o.exports=e},8381:function(o){o.exports=i},2749:function(o){o.exports=t},1102:function(o){o.exports=n},9297:function(r){r.exports=o}},l={};function c(o){var r=l[o];if(void 0!==r)return r.exports;var e=l[o]={exports:{}};return a[o](e,e.exports,c),e.exports}c.n=function(o){var r=o&&o.__esModule?function(){return o.default}:function(){return o};return c.d(r,{a:r}),r},c.d=function(o,r){for(var e in r)c.o(r,e)&&!c.o(o,e)&&Object.defineProperty(o,e,{enumerable:!0,get:r[e]})},c.o=function(o,r){return Object.prototype.hasOwnProperty.call(o,r)},c.r=function(o){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(o,"__esModule",{value:!0})};var d={};return function(){c.r(d),c.d(d,{ButtonGroup:function(){return j},default:function(){return w}});var o=c(7712),r=c(1731),e=c(8604),t=c(2749),n=c.n(t),i=c(5794),a=c(9297),l=c(8381),s=c.n(l),u=c(853),p=c(4927),f=function(){return f=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},f.apply(this,arguments)},b=(0,u.Z)(),g=(0,e.makeStyles)((function(o){return(0,e.createStyles)({root:{display:"inline-flex",borderRadius:"4px",boxShadow:b.boxShadow,"& button":{width:"auto",padding:"7px 10px",boxShadow:"none",border:0,"&:hover":{border:0},"&:disabled":{padding:"7px 10px",border:0,"&:hover":{padding:"7px 10px"}},"&.dropDownButton":{minWidth:0,position:"relative","&:before":{content:'""',position:"absolute",left:0,top:"50%",transform:"translateY(-50%)",width:"1px",height:"10px",backgroundColor:b.bgBorderColor.bg1},"& svg":{fontSize:12,color:"currentColor"}}}},split:{},splitButtonMenu:{minWidth:"140px","& li":{height:"30px",padding:"6px 20px",fontSize:b.fontSize,color:b.textColor.secondary,"&:hover":{backgroundColor:b.bgBorderColor.bg2,color:b.thmemColor.primary},"&.selected":{backgroundColor:b.bgBorderColor.bg2,color:b.thmemColor.primary,"&:hover":{backgroundColor:b.bgBorderColor.bg2}}}},popperTop:{marginTop:6},paperShadow:{boxShadow:b.boxShadow}})}));var h=function(){return h=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},h.apply(this,arguments)},v=function(o,r){var e={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&r.indexOf(t)<0&&(e[t]=o[t]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(o);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(o,t[n])&&(e[t[n]]=o[t[n]])}return e},x=(0,u.Z)(),m=(0,e.withStyles)((function(o){return{tooltip:{margin:"6px 0",backgroundColor:x.bgBorderColor.bg4,"& .disabledIcon":{fontSize:12,marginRight:3,color:x.textColor.white},"& .tooltipTitle":{display:"inline-flex",alignItems:"center"}}}}))(r.Tooltip),y=(0,e.makeStyles)((function(o){return(0,e.createStyles)({root:{display:"inline-flex",borderRadius:"4px",boxShadow:x.boxShadow},auto:{boxShadow:"none"},text:{"& > div":{cursor:"not-allowed","&:not(:last-child)":{"& > button":{"&:after":{content:'""',position:"absolute",right:0,width:"1px",height:"10px",backgroundColor:x.bgBorderColor.bg1}}},"& > button":{position:"relative",width:"auto",minWidth:0,padding:"0 10px",boxShadow:"none","&:hover":{color:x.thmemColor.primary},"&:disabled":{pointerEvents:"none","&:hover":{backgroundColor:"transparent",color:x.textColor.thirdary}}}}},icon:{"& > div":{cursor:"not-allowed","&:not(:last-child)":{position:"relative","&:after":{content:'""',position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",width:"1px",height:"10px",backgroundColor:x.bgBorderColor.bg1}},"& > button":{padding:"5px 10px",borderRadius:"4px",color:x.textColor.primary,"&:hover":{backgroundColor:"transparent",color:x.thmemColor.primary},"&:disabled":{pointerEvents:"none","&:hover":{backgroundColor:"transparent",color:x.textColor.thirdary}}}}},iconSplit:{boxShadow:"none","& > div":{cursor:"not-allowed","& > button":{margin:"0 5px",padding:"5px",borderRadius:"4px",boxShadow:x.boxShadow,color:x.textColor.primary,"&:hover":{backgroundColor:"transparent",color:x.thmemColor.primary},"&:disabled":{pointerEvents:"none","&:hover":{backgroundColor:"transparent",color:x.textColor.thirdary}}}}}})})),j=function(e){var t=y(),a=e.mode,l=void 0===a?"text":a,c=e.data,d=void 0===c?[]:c,s=e.className,u=e.showToolTip,f=void 0===u||u,b=e.onClick,g=e.disabled,x=void 0!==g&&g,j=function(o){return function(r){null==b||b(r,o)}},F=function(e){void 0===e&&(e={});var t=e.text,n=e.icon,a=v(e,["text","icon"]);switch(delete e.disabled,l){case"text":return(0,o.jsx)(i.default,h({},a,{onClick:j(e)},{children:t}),void 0);case"icon":case"iconSplit":return(0,o.jsx)(r.IconButton,h({},a,{onClick:j(e)},{children:n}),void 0);default:return null}};return(0,o.jsx)("div",h({className:(0,p.Z)(t.root,t[l],s,"paraui-button-group")},{children:d&&d.length?d.map((function(r,e){var t=r.text,i=r.disabled;void 0===i&&(i=x,r.disabled=x);var a=i?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n(),{className:"disabledIcon"},void 0),t]},void 0):t;return f?(0,o.jsx)(m,h({title:(0,o.jsx)("span",h({className:"tooltipTitle"},{children:a}),void 0)},{children:(0,o.jsx)("div",{children:F(r)},void 0)}),e):(0,o.jsx)("div",{children:F(r)},e)})):null}),void 0)},F=j;F.SplitButton=function(e){var t,n=e.data,l=void 0===n?[]:n,c=e.disabled,d=void 0!==c&&c,u=e.onClick,b=e.className,h=(0,a.useState)(!1),v=h[0],x=h[1],m=(0,a.useRef)(null),y=(0,a.useState)(0),j=y[0],F=y[1],w=g(),S=function(o){m.current&&m.current.contains(o.target)||x(!1)};return(0,o.jsxs)("div",f({className:(0,p.Z)(w.root,b,"paraui-button-group")},{children:[(0,o.jsxs)(r.ButtonGroup,f({ref:m,disabled:d},{children:[(0,o.jsx)(i.default,f({onClick:function(o){null==u||u(o,l[j]||{})}},{children:(null===(t=l[j])||void 0===t?void 0:t.text)||""}),void 0),(0,o.jsx)(i.default,f({onClick:function(){x((function(o){return!o}))},className:"dropDownButton"},{children:(0,o.jsx)(s(),{},void 0)}),void 0)]}),void 0),(0,o.jsx)(r.Popper,f({open:v,anchorEl:m.current,transition:!0,placement:"bottom-end",className:w.popperTop},{children:function(e){var t=e.TransitionProps;e.placement;return(0,o.jsx)(r.Grow,f({},t,{children:(0,o.jsx)(r.Paper,f({elevation:0,className:w.paperShadow},{children:(0,o.jsx)(r.ClickAwayListener,f({onClickAway:S},{children:(0,o.jsx)(r.MenuList,f({className:w.splitButtonMenu},{children:l.map((function(e,t){return(0,o.jsx)(r.MenuItem,f({disabled:e.disabled,selected:t===j,className:t===j?"selected":"",onClick:function(o){return function(o,r){F(r),x(!1)}(0,t)}},{children:e.text||""}),t)}))}),void 0)}),void 0)}),void 0)}),void 0)}}),void 0)]}),void 0)};var w=F}(),d}()}));
+r(4126);var e=r(9297),i=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;i=o("react.element"),t.Fragment=o("react.fragment")}var a=e.__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 l(n,t,r){var e,o={},l=null,s=null;for(e in void 0!==r&&(l=""+r),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(s=t.ref),t)c.call(t,e)&&!u.hasOwnProperty(e)&&(o[e]=t[e]);if(n&&n.defaultProps)for(e in t=n.defaultProps)void 0===o[e]&&(o[e]=t[e]);return{$$typeof:i,type:n,key:l,ref:s,props:o,_owner:a.current}}t.jsx=l,t.jsxs=l},7712:function(n,t,r){n.exports=r(9524)},2990:function(n,t,r){r.d(t,{default:function(){return j}});var e=r(7712),i=r(9297),o=r(1731),a=r(4927),c=r(1102),u=r.n(c),l=r(2749),s=r.n(l),d=r(6885),p=r(6028),f=r.n(p),v=function(){return v=Object.assign||function(n){for(var t,r=1,e=arguments.length;r<e;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n},v.apply(this,arguments)};var b=function(){return b=Object.assign||function(n){for(var t,r=1,e=arguments.length;r<e;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n},b.apply(this,arguments)},h=function(n,t){var r={};for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&t.indexOf(e)<0&&(r[e]=n[e]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(e=Object.getOwnPropertySymbols(n);i<e.length;i++)t.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(n,e[i])&&(r[e[i]]=n[e[i]])}return r},y=function(n){var t=n.variant,r=void 0===t?"contained":t,c=n.size,l=void 0===c?"large":c,p=n.className,f=n.disabled,v=void 0!==f&&f,y=n.children,j=n.startIcon,g=n.endIcon,m=n.loading,x=void 0!==m&&m,O=n.toolTipTitle,w=void 0===O?"":O,P=n.danger,S=void 0!==P&&P,N=h(n,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","danger"]),T=(0,i.useState)(!1),_=T[0],k=T[1],I=function(n){if(!_)return"start"===n&&j?(0,e.jsx)("span",b({className:(0,a.Z)("btn-icon","start-icon")},{children:j}),void 0):"end"===n&&g?(0,e.jsx)("span",b({className:(0,a.Z)("btn-icon","end-icon")},{children:g}),void 0):null;if("object"==typeof x){var t=x.delay||0;setTimeout((function(){return k(!1)}),t)}return"start"===n?(0,e.jsx)("span",b({className:"btn-icon loading-icon"},{children:(0,e.jsx)(u(),{},void 0)}),void 0):null},E=(0,e.jsx)(o.Button,b({},N,{color:"default",variant:"outlined",disabled:v,disableRipple:!0,disableElevation:!0,className:(0,a.Z)("paraui-button",p,"paraui-button-".concat(r),"paraui-button-".concat(l),_&&"paraui-button-loading",S&&!v&&"paraui-button-dangerous"),startIcon:I("start"),endIcon:I("end")},{children:y}),void 0);return(0,i.useEffect)((function(){k(!!x)}),[x]),v&&w?(0,e.jsx)(d.default,b({title:function(){if(v&&w){return(0,e.jsxs)("span",{children:[(0,e.jsx)(s(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}},void 0),w]},void 0)}return w}()},{children:(0,e.jsx)("span",b({className:"paraui-button--disabled"},{children:E}),void 0)}),void 0):E};y.IconButton=function(n){var t=n.variant,r=void 0===t?"contained":t,c=n.size,l=void 0===c?"large":c,p=n.toolTipTitle,f=void 0===p?"":p,v=n.children,y=n.className,j=n.disabled,g=void 0!==j&&j,m=n.loading,x=void 0!==m&&m,O=n.TooltipProps,w=n.danger,P=void 0!==w&&w,S=h(n,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),N=(0,i.useState)(!1),T=N[0],_=N[1],k=(0,e.jsx)(o.IconButton,b({},S,{disabled:g,disableRipple:!0,className:(0,a.Z)("paraui-icon-button",y,"paraui-icon-button-".concat(r),"paraui-icon-button-".concat(l),T&&"paraui-icon-button-loading",P&&!g&&"paraui-icon-button-dangerous")},{children:function(){if(!T)return v;if("object"==typeof x){var n=x.delay||0;setTimeout((function(){return _(!1)}),n)}return(0,e.jsx)("span",b({className:"loading-icon"},{children:(0,e.jsx)(u(),{},void 0)}),void 0)}()}),void 0);return(0,i.useEffect)((function(){_(!!x)}),[x]),f?(0,e.jsx)(d.default,b({},O,{title:function(){if(g&&f){return(0,e.jsxs)("span",{children:[(0,e.jsx)(s(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}},void 0),f]},void 0)}return f}()},{children:g?(0,e.jsx)("span",b({className:"paraui-button--disabled"},{children:k}),void 0):k}),void 0):k},y.SplitButton=function(n){var t=n.buttonText,r=n.options,c=void 0===r?[]:r,u=n.className,l=n.disabled,s=void 0!==l&&l,d=n.onClick,p=n.optionRender,b=(0,i.useState)(!1),h=b[0],y=b[1],g=(0,i.useRef)(null),m=(0,i.useRef)(),x=(0,i.useState)(0),O=x[0],w=x[1],P=function(n,t,r){var e;w(t),y(!1),null===(e=m.current)||void 0===e||e.classList.remove("paraui-button-split--active"),null==d||d(n,r)},S=function(n){var t,r;(null===(t=g.current)||void 0===t?void 0:t.contains(n.target))||(y(!1),null===(r=m.current)||void 0===r||r.classList.remove("paraui-button-split--active"))},N=function(){return(0,e.jsx)("div",v({className:"paraui-button-split-list"},{children:(0,e.jsx)("ul",{children:c.map((function(n,t){return Array.isArray(n)?function(n,t){return(0,e.jsx)("li",v({className:"split-li-group"},{children:n.map((function(n,r){var i="".concat(t,"-").concat(r);return(0,e.jsx)("div",v({className:(0,a.Z)("split-li",i===O&&"split-li--active"),onClick:function(t){return P(n,i,t)}},{children:(null==p?void 0:p(n))||n.label}),i)}))}),t)}(n,t):(0,e.jsx)("li",v({className:(0,a.Z)("split-li",t===O&&"split-li--active"),onClick:function(r){return P(n,t,r)}},{children:(null==p?void 0:p(n))||n.label}),t)}))},void 0)}),void 0)};return(0,e.jsxs)("div",v({className:(0,a.Z)("paraui-button-split",u),ref:g,onMouseLeave:function(n){var t;n.stopPropagation(),null===(t=n.currentTarget.firstElementChild)||void 0===t||t.classList.remove("paraui-button-split--active"),y(!1)}},{children:[(0,e.jsx)(j,v({variant:"outlined",onMouseEnter:function(n){n.stopPropagation();var t=n.currentTarget;m.current=t,t.classList.add("paraui-button-split--active"),y(!0)},startIcon:(0,e.jsx)(f(),{},void 0),disabled:s},{children:null!=t?t:"更多操作"}),void 0),(0,e.jsx)(o.Popper,v({open:h,anchorEl:g.current,transition:!0,placement:"bottom-end"},{children:function(n){var t=n.TransitionProps;n.placement;return(0,e.jsx)(o.Grow,v({},t,{children:(0,e.jsx)(e.Fragment,{children:(0,e.jsx)(o.ClickAwayListener,v({onClickAway:S},{children:N()}),void 0)},void 0)}),void 0)}}),void 0)]}),void 0)};var j=y},8324:function(n,t,r){r.r(t),r.d(t,{ButtonGroup:function(){return f}});var e=r(7712),i=r(9297),o=r.n(i),a=r(2990),c=r(6885),u=r(4927),l=r(2749),s=r.n(l),d=function(){return d=Object.assign||function(n){for(var t,r=1,e=arguments.length;r<e;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n},d.apply(this,arguments)},p=function(n,t){var r={};for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&t.indexOf(e)<0&&(r[e]=n[e]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(e=Object.getOwnPropertySymbols(n);i<e.length;i++)t.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(n,e[i])&&(r[e[i]]=n[e[i]])}return r},f=function(n){var t=n.mode,r=void 0===t?"icon":t,i=n.data,l=void 0===i?[]:i,f=n.className,v=n.showToolTip,b=void 0!==v&&v,h=n.onClick,y=n.disabled,j=void 0!==y&&y,g=function(n,t){if(n&&t){return(0,e.jsxs)("span",{children:[(0,e.jsx)(s(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}},void 0),t]},void 0)}return t},m=function(n){return function(t){null==h||h(n,t)}},x=function(n){var t=null!=n?n:{},i=t.text,o=t.icon,c=p(t,["text","icon"]);switch(r){case"text":return(0,e.jsx)(a.default,d({onClick:m(n),variant:"outlined",size:"small"},c,{children:i}),void 0);case"icon":case"iconSplit":return(0,e.jsx)(a.default.IconButton,d({onClick:m(n),variant:"outlined"},c,{children:o}),void 0)}};return(0,e.jsx)("div",d({className:(0,u.Z)("paraui-button-group","paraui-button-group-".concat(r),f,b&&"paraui-button-group-tooltip")},{children:l&&l.length?l.map((function(n,t){var i=n.text,a=n.disabled;return void 0===a&&(a=j,n.disabled=j),b&&["icon","iconSplit"].includes(r)?(0,e.jsx)(c.default,d({title:g(a,i)},{children:(0,e.jsx)("span",{children:x(n)},void 0)}),t):(0,e.jsx)(o().Fragment,{children:x(n)},t)})):null}),void 0)};t.default=f},6885:function(n,t,r){var e=r(7712),i=r(1731),o=r(4927),a=function(){return a=Object.assign||function(n){for(var t,r=1,e=arguments.length;r<e;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n},a.apply(this,arguments)};t.default=function(n){var t,r=a(a({},n.classes),{popper:(0,o.Z)("paraui-tooltip",null===(t=n.classes)||void 0===t?void 0:t.popper)});return(0,e.jsx)(i.Tooltip,a({},n,{classes:r},{children:n.children}),void 0)}},1731:function(t){t.exports=n},6028:function(n){n.exports=t},2749:function(n){n.exports=r},1102:function(n){n.exports=e},9297:function(n){n.exports=i}},c={};function u(n){var t=c[n];if(void 0!==t)return t.exports;var r=c[n]={exports:{}};return a[n](r,r.exports,u),r.exports}u.m=a,o=[],u.O=function(n,t,r,e){if(!t){var i=1/0;for(l=0;l<o.length;l++){t=o[l][0],r=o[l][1],e=o[l][2];for(var a=!0,c=0;c<t.length;c++)(!1&e||i>=e)&&Object.keys(u.O).every((function(n){return u.O[n](t[c])}))?t.splice(c--,1):(a=!1,e<i&&(i=e));a&&(o.splice(l--,1),n=r())}return n}e=e||0;for(var l=o.length;l>0&&o[l-1][2]>e;l--)o[l]=o[l-1];o[l]=[t,r,e]},u.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return u.d(t,{a:t}),t},u.d=function(n,t){for(var r in t)u.o(t,r)&&!u.o(n,r)&&Object.defineProperty(n,r,{enumerable:!0,get:t[r]})},u.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},u.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},function(){var n={2691:0,6615:0,2823:0,9296:0};u.O.j=function(t){return 0===n[t]};var t=function(t,r){var e,i,o=r[0],a=r[1],c=r[2],l=0;for(e in a)u.o(a,e)&&(u.m[e]=a[e]);if(c)var s=c(u);for(t&&t(r);l<o.length;l++)i=o[l],u.o(n,i)&&n[i]&&n[i][0](),n[o[l]]=0;return u.O(s)},r=self.webpackChunkParaUI=self.webpackChunkParaUI||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}();var l=u.O(void 0,[9296],(function(){return u(8324)}));return l=u.O(l)}()}));

package/Cascader/index.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import './style/index.scss';
+/**
+ * @description: 级联选择器
+ * @param value{ string }: 选中的值
+ * @param label: { string }: 选项
+ * @param disabled: { Boolean }: 是否禁用
+ * @param children: { Array }: 子选项
+ * @param loading: { Boolean }: 是否加载中
+ * @param isLeaf: { Boolean }: 是否叶子节点
+ */
+interface Option {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    children?: Option[];
+    loading?: boolean;
+    isLeaf?: boolean;
+}
+/**
+ * @param data{ Array }: 数据源
+ * @param value{array}: 选中的值
+ * @param onChange{ Function }: 选中的值改变时的回调
+ * @param onDropdownVisibleChange{ Function }: 弹出层显示状态改变时的回调
+ * @param changeOnSelect{ Boolean }: 是否在选中时发生改变
+ * @param expandTrigger{ String }: 展开时触发的方式
+ * @param expandIcon{ React.ReactNode }: 展开图标
+ * @param loadingIcon{ React.ReactNode }: 加载图标
+ * @param expandJoin{ String }: 展开时的连接符
+ * @param fieldNames{ Object }: 字段名称
+ * @param disabled{ Boolean }: 是否禁用
+ * @param placeholder{ String }: 占位符
+ * @param loadData{ Function }: 加载数据的方法
+ */
+interface Props {
+    data: Option[];
+    expandTrigger?: 'click' | 'hover';
+    value?: string[];
+    onChange?: (value: string[], selectedOptions: Option[]) => void;
+    onDropdownVisibleChange?: (visible: boolean) => void;
+    changeOnSelect?: boolean;
+    expandIcon?: React.ReactNode;
+    expandJoin?: string;
+    fieldNames?: object;
+    disabled?: boolean;
+    placeholder?: string;
+    size?: 'small' | 'medium' | 'large';
+    loadData?: (selectedOptions: Option[], setState?: React.Dispatch<React.SetStateAction<Option[]>>) => void;
+    loadingIcon?: React.ReactNode;
+}
+export declare const Cascader: ({ data, expandTrigger, value, onChange, onDropdownVisibleChange, changeOnSelect, expandIcon, expandJoin, fieldNames, disabled, placeholder, loadData, loadingIcon, }: Props) => JSX.Element;
+export default Cascader;