@para-ui/core 1.1.31 → 2.0.3

package/InputNumber/index.js

@@ -1,10 +1,10 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@material-ui/core"),require("@para-ui/icons/Up"),require("@para-ui/icons/Down"),require("@para-ui/icons/Minus"),require("@para-ui/icons/Plus"),require("@material-ui/core/styles")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","@para-ui/icons/Up","@para-ui/icons/Down","@para-ui/icons/Minus","@para-ui/icons/Plus","@material-ui/core/styles"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core"),require("@para-ui/icons/Up"),require("@para-ui/icons/Down"),require("@para-ui/icons/Minus"),require("@para-ui/icons/Plus"),require("@material-ui/core/styles")):e.ParaUI=r(e.react,e["@material-ui/core"],e["@para-ui/icons/Up"],e["@para-ui/icons/Down"],e["@para-ui/icons/Minus"],e["@para-ui/icons/Plus"],e["@material-ui/core/styles"])}(self,(function(e,r,t,o,n,i,a){return function(){"use strict";var l={4126:function(e){
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@material-ui/core"),require("@para-ui/icons/Down"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Minus"),require("@para-ui/icons/Plus"),require("@para-ui/icons/PreviewClose"),require("@para-ui/icons/PreviewOpen"),require("@para-ui/icons/Up"),require("para-lib"),require("react")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons/Down","@para-ui/icons/LoadingF","@para-ui/icons/Minus","@para-ui/icons/Plus","@para-ui/icons/PreviewClose","@para-ui/icons/PreviewOpen","@para-ui/icons/Up","para-lib","react"],t):"object"==typeof exports?exports.ParaUI=t(require("@material-ui/core"),require("@para-ui/icons/Down"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Minus"),require("@para-ui/icons/Plus"),require("@para-ui/icons/PreviewClose"),require("@para-ui/icons/PreviewOpen"),require("@para-ui/icons/Up"),require("para-lib"),require("react")):e.ParaUI=t(e["@material-ui/core"],e["@para-ui/icons/Down"],e["@para-ui/icons/LoadingF"],e["@para-ui/icons/Minus"],e["@para-ui/icons/Plus"],e["@para-ui/icons/PreviewClose"],e["@para-ui/icons/PreviewOpen"],e["@para-ui/icons/Up"],e["para-lib"],e.react)}(self,(function(e,t,n,r,o,i,a,u,l,c){return function(){"use strict";var s,d={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 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,l,u=n(e),d=1;d<arguments.length;d++){for(var s in a=Object(arguments[d]))t.call(a,s)&&(u[s]=a[s]);if(r){l=r(a);for(var c=0;c<l.length;c++)o.call(a,l[c])&&(u[l[c]]=a[l[c]])}}return u}},9524:function(e,r,t){
+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,u,l=o(e),c=1;c<arguments.length;c++){for(var s in a=Object(arguments[c]))n.call(a,s)&&(l[s]=a[s]);if(t){u=t(a);for(var d=0;d<u.length;d++)r.call(a,u[d])&&(l[u[d]]=a[u[d]])}}return l}},9524:function(e,t,n){
 /** @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,l=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function d(e,r,t){var o,i={},d=null,s=null;for(o in void 0!==t&&(d=""+t),void 0!==r.key&&(d=""+r.key),void 0!==r.ref&&(s=r.ref),r)l.call(r,o)&&!u.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:d,ref:s,props:i,_owner:a.current}}r.jsx=d,r.jsxs=d},7712:function(e,r,t){e.exports=t(9524)},5415:function(e,r){var t={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 t}},1731:function(e){e.exports=r},8604:function(e){e.exports=a},6028:function(e){e.exports=o},3277:function(e){e.exports=n},5191:function(e){e.exports=i},3616:function(e){e.exports=t},9297:function(r){r.exports=e}},u={};function d(e){var r=u[e];if(void 0!==r)return r.exports;var t=u[e]={exports:{}};return l[e](t,t.exports,d),t.exports}d.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(r,{a:r}),r},d.d=function(e,r){for(var t in r)d.o(r,t)&&!d.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},d.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return function(){d.r(s),d.d(s,{InputNumber:function(){return v}});var e=d(7712),r=d(9297),t=d(1731),o=d(3616),n=d.n(o),i=d(6028),a=d.n(i),l=d(3277),u=d.n(l),c=d(5191),p=d.n(c),b=d(8604),f=d(5415),h=function(){return h=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},h.apply(this,arguments)},m=(0,f.Z)(),x=(0,b.makeStyles)((function(){return(0,b.createStyles)({"input-number":{fontFamily:m.fontFamily.zh,display:"inline-block",fontSize:m.standardFont.standardFont1.fontSize,paddingBottom:"20px",position:"relative","& input::-webkit-outer-spin-button,& input::-webkit-inner-spin-button":{appearance:"none !important"},"& input":{"-moz-appearance":"textfield"},"& fieldset":{border:0},"& > label":{color:m.textColor.secondary,marginBottom:"10px",display:"inline-block","& > span":{marginLeft:"3px"}},"& > .input-number-content":{border:"1px solid",borderColor:m.textColor.thirdary,borderRadius:m.borderRadius,position:"relative",width:"100%",display:"flex",overflow:"hidden","&:hover":{borderColor:m.thmemColor.primary},"& > .inside-label":{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",padding:"0 10px",cursor:"text","& > .inside-label-placeholder":{color:m.textColor.thirdary},"& > .inside-label-label":{color:m.textColor.thirdary,"& > span":{marginLeft:"3px"}}},"& > div":{width:"100%","& > div":{width:"100%",height:"100%","& input":{width:"100%",height:"100%",padding:"0 10px",fontSize:m.standardFont.standardFont1.fontSize,color:m.textColor.primary}}},"& > .tb-btn":{display:"flex",flexDirection:"column",alignItems:"center",width:"30px",backgroundColor:m.bgBorderColor.bg2,overflow:"hidden",borderLeft:"1px solid ",borderColor:m.textColor.thirdary,zIndex:"1","& > span":{lineHeight:"0",height:"50%",width:"100%",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center","&:hover":{"& > svg":{color:m.thmemColor.primary}},"& > svg":{color:m.textColor.secondary,transform:"scale(0.8)"},"&:last-child":{borderTop:"1px solid ",borderColor:m.textColor.thirdary}}},"& > .reduce-btn, & > .add-btn":{width:"34px",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",backgroundColor:m.bgBorderColor.bg2,"&:hover":{"& > svg":{color:m.thmemColor.primary}},"& > svg":{color:m.textColor.secondary}},"& > .reduce-btn":{borderRight:"1px solid "+m.textColor.thirdary},"& > .add-btn":{borderLeft:"1px solid",borderColor:m.textColor.thirdary}},"& > .input-number-error-text":{margin:0,height:"20px",lineHeight:"20px",position:"absolute",left:"10px",bottom:"0"},"&.input-number-small":{"& > .input-number-content":{height:"28px","& > .inside-label":{"& > .inside-label-placeholder":{lineHeight:"26px"},"& > .inside-label-label":{lineHeight:"26px"}},"& > div":{height:"26px"},"& input":{padding:"5px 10px"}}},"&.input-number-medium":{"& > .input-number-content":{height:"34px","& > .inside-label":{"& > .inside-label-placeholder":{lineHeight:"32px"},"& > .inside-label-label":{lineHeight:"32px"}},"& > div":{height:"32px"},"& input":{padding:"8px 10px"}}},"&.input-number-large":{"& > .input-number-content":{height:"40px","& > .inside-label":{"& > .inside-label-placeholder":{lineHeight:"38px"},"& > .inside-label-label":{lineHeight:"38px"}},"& > div":{height:"38px"},"& input":{padding:"11px 10px"}}},"&.input-number-disabled":{"& > .input-number-content":{"&:hover":{borderColor:m.textColor.thirdary},"& > .input-number-input":{backgroundColor:m.bgBorderColor.bg2,"& > div":{"& input":{color:m.textColor.secondary}}},"& > .inside-label, & > .reduce-btn, & > .add-btn, & > .tb-btn > span, & input":{cursor:"not-allowed"},"& > .reduce-btn, & > .add-btn":{"&:hover":{"& > svg":{color:m.textColor.thirdary}},"& > svg":{color:m.textColor.thirdary}},"& > .tb-btn":{"& > span":{"&:hover":{"& > svg":{color:m.textColor.thirdary,transform:"scale(0.8)"}},"& > svg":{color:m.textColor.thirdary}}}}},"&.input-number-disabled-add":{"& > .input-number-content":{"& > .add-btn":{cursor:"not-allowed","&:hover":{"& > svg":{color:m.textColor.thirdary}},"& > svg":{color:m.textColor.thirdary}},"& > .tb-btn":{"& > .tb-btn-top":{cursor:"not-allowed","&:hover":{"& > svg":{color:m.textColor.thirdary,transform:"scale(0.8)"}},"& > svg":{color:m.textColor.thirdary}}}}},"&.input-number-disabled-reduce":{"& > .input-number-content":{"& > .reduce-btn":{cursor:"not-allowed","&:hover":{"& > svg":{color:m.textColor.thirdary}},"& > svg":{color:m.textColor.thirdary}},"& > .tb-btn":{"& > .tb-btn-bottom":{cursor:"not-allowed","&:hover":{"& > svg":{color:m.textColor.thirdary,transform:"scale(0.8)"}},"& > svg":{color:m.textColor.thirdary}}}}},"&.input-number-error":{"& > .input-number-error-text":{color:m.stateColor.error},"& > .input-number-content":{borderColor:m.stateColor.error,"&:hover":{borderColor:m.stateColor.error}}},"&.input-number-focus":{"& > .input-number-content":{borderColor:m.thmemColor.primary}},"&.input-number-lr":{width:"166px","& > .input-number-content":{"& > .input-number-input":{width:"calc(100% - 68px)","& input":{textAlign:"center"}},"& > .inside-label":{width:"calc(100% - 68px)",left:"34px"}}},"&.input-number-tb":{width:"100px","& > .input-number-content":{"& > .input-number-input":{width:"calc(100% - 30px)"},"& > .inside-label":{paddingRight:"30px"}}}}})}));var v=function(o){var i=o.className,l=o.step,d=void 0===l?1:l,s=o.size,c=void 0===s?"small":s,b=o.labelMode,f=void 0===b?"outside":b,m=o.btnMode,v=void 0===m?"tb":m,g=o.placeholder,y=void 0===g?"":g,C=o.label,F=void 0===C?"":C,j=o.disabledStr,w=o.disabled,S=void 0!==w&&w,N=o.disabledAdd,O=void 0!==N&&N,D=o.disabledReduce,E=void 0!==D&&D,k=o.required,_=void 0!==k&&k,P=o.error,M=void 0!==P&&P,q=o.helperText,z=void 0===q?"":q,B=o.value,R=o.defaultValue,I=o.autoFocus,H=void 0!==I&&I,L=o.onBlur,U=o.onFocus,T=o.onChange,W=o.onKeydown,A=o.onKeyUp,K=o.onEnter,Y=x(o),Z=(0,r.useState)(),$=Z[0],V=Z[1],G=(0,r.useState)(!0),J=G[0],Q=G[1],X=(0,r.useState)(!1),ee=X[0],re=X[1],te=(0,r.useRef)(null);(0,r.useEffect)((function(){void 0!==R&&V(R)}),[]),(0,r.useEffect)((function(){void 0!==B&&V(B)}),[B]),(0,r.useEffect)((function(){void 0!==$&&Q(!1)}),[$]);var oe,ne=function(e){if(!S&&!O){var r=function(e,r){var t,o,n,i;isNaN(e)&&(e=0),isNaN(r)&&(r=0),e=Number(e),r=Number(r);try{t=e.toString().split(".")[1].length}catch(e){t=0}try{o=r.toString().split(".")[1].length}catch(e){o=0}if(i=Math.abs(t-o),n=Math.pow(10,Math.max(t,o)),i>0){var a=Math.pow(10,i);t>o?(e=Number(e.toString().replace(".","")),r=Number(r.toString().replace(".",""))*a):(e=Number(e.toString().replace(".",""))*a,r=Number(r.toString().replace(".","")))}else e=Number(e.toString().replace(".","")),r=Number(r.toString().replace(".",""));return(e+r)/n}(Number($||""),d);void 0===o.value&&V(r),T&&T(r,e)}},ie=function(e){if(!S&&!E){var r=Number(function(e,r){var t,o,n;isNaN(e)&&(e=0),isNaN(r)&&(r=0),e=Number(e),r=Number(r);try{t=e.toString().split(".")[1].length}catch(e){t=0}try{o=r.toString().split(".")[1].length}catch(e){o=0}return((e*(n=Math.pow(10,Math.max(t,o)))-r*n)/n).toFixed(t>=o?t:o)}(Number($||""),d));void 0===o.value&&V(r),T&&T(r,e)}},ae=function(){S||(Q(!1),(te&&te.current&&te.current.querySelector("input")).focus())},le=(0,r.useMemo)((function(){if("outside"===f)return F||_?(0,e.jsxs)("label",{children:[F,_&&(0,e.jsx)("span",{children:"(必填)"},void 0)]},void 0):null}),[f,_,F]),ue=(0,r.useMemo)((function(){return J?"inside"===f&&(F||_)?(0,e.jsx)("div",h({className:"inside-label",onClick:ae},{children:(0,e.jsxs)("span",h({className:"inside-label-label"},{children:[F,_&&(0,e.jsx)("span",{children:"(必填)"},void 0)]}),void 0)}),void 0):(0,e.jsx)("div",h({className:"inside-label",onClick:ae},{children:(0,e.jsx)("span",h({className:"inside-label-placeholder"},{children:y}),void 0)}),void 0):null}),[f,_,F,y,J,S]);return(0,e.jsxs)("div",h({className:(oe=Y["input-number"],oe+=" paraui-input-number",i&&(oe+=" "+i),c&&(oe+=" input-number-"+c),S&&(oe+=" input-number-disabled"),O&&(oe+=" input-number-disabled-add"),E&&(oe+=" input-number-disabled-reduce"),M&&(oe+=" input-number-error"),ee&&(oe+=" input-number-focus"),v&&(oe+=" input-number-"+v),oe)},{children:[le,(0,e.jsxs)("div",h({className:"input-number-content"},{children:["lr"===v&&(0,e.jsx)("span",h({className:"reduce-btn",onClick:ie},{children:(0,e.jsx)(u(),{},void 0)}),void 0),(0,e.jsx)(t.TextField,{className:"input-number-input",size:"small",variant:"outlined",type:"number",value:void 0===$?"":$,autoFocus:H,disabled:S,ref:te,onBlur:function(e){re(!1),""===e.target.value&&Q(!0),L&&L(e)},onFocus:function(e){re(!0),U&&U(e)},onChange:function(e){var r=e.target.value;void 0===o.value&&V(r),T&&T(r,e)},onKeyDown:function(e){if(j)for(var r=0,t=j.length;r<t;r++){var o=j[r];e.key===o&&e.preventDefault()}13===e.keyCode&&K&&K(e),W&&W(e)},onKeyUp:function(e){A&&A(e)},inputProps:{step:d}},void 0),"lr"===v&&(0,e.jsx)("span",h({className:"add-btn",onClick:ne},{children:(0,e.jsx)(p(),{},void 0)}),void 0),ue,"tb"===v&&(0,e.jsxs)("div",h({className:"tb-btn"},{children:[(0,e.jsx)("span",h({className:"tb-btn-top",onClick:ne},{children:(0,e.jsx)(n(),{},void 0)}),void 0),(0,e.jsx)("span",h({className:"tb-btn-bottom",onClick:ie},{children:(0,e.jsx)(a(),{},void 0)}),void 0)]}),void 0)]}),void 0),z&&(0,e.jsx)("p",h({className:"input-number-error-text"},{children:z}),void 0)]}),void 0)};s.default=v}(),s}()}));
+n(4126);var r=n(9297),o=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),t.Fragment=i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,i={},c=null,s=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(s=t.ref),t)u.call(t,r)&&!l.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:c,ref:s,props:i,_owner:a.current}}t.jsx=c,t.jsxs=c},7712:function(e,t,n){e.exports=n(9524)},3094:function(e,t,n){var r=n(7712),o=n(9297),i=n(6885),a=function(){return a=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},a.apply(this,arguments)};t.default=function(e){var t=e.children,n=e.placement,u=void 0===n?"bottom-start":n,l=e.tips,c=void 0===l?"":l,s=e.className,d=void 0===s?"":s,f=(0,o.useRef)(),p=(0,o.useState)(""),v=p[0],b=p[1];(0,o.useEffect)((function(){b(c)}),[c]);var h;return(0,r.jsx)("div",a({ref:function(e){e&&(f.current=e)},className:(h="paraui-auto-tips",d&&(h+=" "+d),h),onMouseOver:function(){f.current.scrollWidth>f.current.offsetWidth?b(v||f.current.innerText):b("")}},{children:(0,r.jsx)(i.default,a({title:v,placement:u},{children:(0,r.jsx)("div",a({className:"auto-tips-content"},{children:t}),void 0)}),void 0)}),void 0)}},601:function(e,t,n){n.r(t),n.d(t,{InputNumber:function(){return h}});var r=n(7712),o=n(9297),i=n(3616),a=n.n(i),u=n(6028),l=n.n(u),c=n(3277),s=n.n(c),d=n(5191),f=n.n(d),p=n(3672),v=function(){return v=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},v.apply(this,arguments)},b=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};var h=function(e){var t=e.className,n=(e.defaultValue,e.value),i=e.size,u=void 0===i?"large":i,c=e.btnMode,d=void 0===c?"tb":c,h=e.disabled,m=void 0!==h&&h,y=e.disabledStr,x=e.disabledAdd,g=void 0!==x&&x,j=e.disabledReduce,w=void 0!==j&&j,O=e.onChange,N=e.step,S=void 0===N?1:N,C=e.onKeydown,k=e.onEnter,P=b(e,["className","defaultValue","value","size","btnMode","disabled","disabledStr","disabledAdd","disabledReduce","onChange","step","onKeydown","onEnter"]),q=(0,o.useState)(),E=q[0],M=q[1];(0,o.useEffect)((function(){void 0!==e.defaultValue&&M(e.defaultValue)}),[]),(0,o.useEffect)((function(){void 0!==n&&M(n)}),[n]);var _,I=function(t){if(!m&&!g){var n=function(e,t){var n,r,o,i;isNaN(e)&&(e=0),isNaN(t)&&(t=0),e=Number(e),t=Number(t);try{n=e.toString().split(".")[1].length}catch(e){n=0}try{r=t.toString().split(".")[1].length}catch(e){r=0}if(i=Math.abs(n-r),o=Math.pow(10,Math.max(n,r)),i>0){var a=Math.pow(10,i);n>r?(e=Number(e.toString().replace(".","")),t=Number(t.toString().replace(".",""))*a):(e=Number(e.toString().replace(".",""))*a,t=Number(t.toString().replace(".","")))}else e=Number(e.toString().replace(".","")),t=Number(t.toString().replace(".",""));return(e+t)/o}(Number(E||""),S);void 0===e.value&&M(n),O&&O(n,t)}},F=function(t){if(!m&&!w){var n=Number(function(e,t){var n,r,o;isNaN(e)&&(e=0),isNaN(t)&&(t=0),e=Number(e),t=Number(t);try{n=e.toString().split(".")[1].length}catch(e){n=0}try{r=t.toString().split(".")[1].length}catch(e){r=0}return((e*(o=Math.pow(10,Math.max(n,r)))-t*o)/o).toFixed(n>=r?n:r)}(Number(E||""),S));void 0===e.value&&M(n),O&&O(n,t)}};return(0,r.jsx)("div",v({className:(_="paraui-input-number",t&&(_+=" "+t),u&&(_+=" input-number-"+u),m&&(_+=" input-number-disabled"),g&&(_+=" input-number-disabled-add"),w&&(_+=" input-number-disabled-reduce"),d&&(_+=" input-number-"+d),_)},{children:(0,r.jsx)(p.default,v({},P,{step:S,value:void 0===E?"":E,type:"number",size:u,disabled:m,addonAfter:function(){if(!m)return"tb"===d?(0,r.jsxs)("div",v({className:"tb-btn"},{children:[(0,r.jsx)("span",v({className:"tb-btn-top",onClick:I},{children:(0,r.jsx)(a(),{},void 0)}),void 0),(0,r.jsx)("span",v({className:"tb-btn-bottom",onClick:F},{children:(0,r.jsx)(l(),{},void 0)}),void 0)]}),void 0):"lr"===d?(0,r.jsx)("span",v({className:"reduce-btn",onClick:F},{children:(0,r.jsx)(s(),{},void 0)}),void 0):void 0}(),addonBefore:function(){if(!m&&"tb"!==d)return"lr"===d?(0,r.jsx)("span",v({className:"add-btn",onClick:I},{children:(0,r.jsx)(f(),{},void 0)}),void 0):void 0}(),onChange:function(t){var n=t.target.value;void 0===e.value&&M(n),O&&O(n,t)},onKeyDown:function(e){if(y)for(var t=0,n=y.length;t<n;t++){var r=y[t];e.key===r&&e.preventDefault()}13===e.keyCode&&k&&k(e),C&&C(e)}}),void 0)}),void 0)};t.default=h},3672:function(e,t,n){var r=n(7712),o=n(9297),i=n(1731),a=n(3094),u=n(8528),l=n.n(u),c=n(6570),s=n.n(c),d=n(1102),f=n.n(d),p=n(3475),v=function(){return v=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},v.apply(this,arguments)},b=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};t.default=function(e){var t=e.className,n=e.size,u=void 0===n?"large":n,c=e.labelMode,d=void 0===c?"outside":c,h=e.placeholder,m=void 0===h?"":h,y=e.label,x=void 0===y?"":y,g=e.disabled,j=void 0!==g&&g,w=e.multiline,O=void 0!==w&&w,N=e.required,S=void 0!==N&&N,C=e.labelSign,k=e.rows,P=void 0===k?2:k,q=e.error,E=void 0!==q&&q,M=e.helperText,_=void 0===M?"":M,I=e.addonBefore,F=void 0===I?"":I,D=e.addonAfter,L=void 0===D?"":D,U=(e.defaultValue,e.value),A=e.autoFocus,T=void 0!==A&&A,R=e.type,B=void 0===R?"text":R,K=e.onClickIcon,V=e.rightIcon,z=e.showRightIcon,W=void 0===z||z,H=e.limitLength,J=e.fetchSuggestions,Z=e.selectPopoverClass,$=e.renderSelectItem,Y=e.showSelectName,G=void 0===Y?"value":Y,Q=e.onBlur,X=e.onFocus,ee=e.onChange,te=e.onKeydown,ne=e.onKeyUp,re=e.onEnter,oe=e.onClickAddonBefore,ie=e.onClickAddonAfter,ae=e.onSelect,ue=b(e,["className","size","labelMode","placeholder","label","disabled","multiline","required","labelSign","rows","error","helperText","addonBefore","addonAfter","defaultValue","value","autoFocus","type","onClickIcon","rightIcon","showRightIcon","limitLength","fetchSuggestions","selectPopoverClass","renderSelectItem","showSelectName","onBlur","onFocus","onChange","onKeydown","onKeyUp","onEnter","onClickAddonBefore","onClickAddonAfter","onSelect"]),le=(0,o.useState)("text-field-select-content-"+(0,p.UUID)())[0],ce=(0,o.useState)(!0),se=ce[0],de=ce[1],fe=(0,o.useState)(""),pe=fe[0],ve=fe[1],be=(0,o.useState)(!1),he=be[0],me=be[1],ye=(0,o.useState)("text"),xe=ye[0],ge=ye[1],je=(0,o.useState)(!1),we=je[0],Oe=je[1],Ne=(0,o.useState)(!1),Se=Ne[0],Ce=Ne[1],ke=(0,o.useState)([]),Pe=ke[0],qe=ke[1],Ee=(0,o.useRef)(null),Me=(0,o.useRef)(null);(0,o.useEffect)((function(){void 0!==e.defaultValue&&(ve(e.defaultValue),Ie(e.defaultValue))}),[]),(0,o.useEffect)((function(){B!==xe&&ge(B)}),[B]),(0,o.useEffect)((function(){void 0!==U&&(ve(U),Ie(U))}),[U]),(0,o.useEffect)((function(){de(""===pe||void 0===pe)}),[pe]),(0,o.useEffect)((function(){J&&Oe(he)}),[he,J]),(0,o.useEffect)((function(){return we?window.addEventListener("keydown",Ue):window.removeEventListener("keydown",Ue),function(){window.removeEventListener("keydown",Ue)}}),[we]);var _e,Ie=function(e){Ee&&Ee.current&&(Ee.current.value=e,Ee.current.setAttribute("value",e))},Fe=function(){j||(de(!1),(Ee&&Ee.current).focus())},De=function(e){var t=e.selectDom,n=e.keyCode,r=e.currentDom,o="nextSibling",i=".text-field-select-content-item";38===n&&(o="previousSibling",i=".text-field-select-content-item:last-child"),r?(r=r[o])||(r=t.querySelector(i)):r=t.querySelector(".text-field-select-content-item"),r&&(r.classList.add("text-field-select-content-item-keydown"),Le(r,t))},Le=function(e,t){var n=t.clientHeight,r=e.offsetTop+e.clientHeight-n;t.scrollTop=r>0?r:0},Ue=function(e){var t=document.querySelector("."+le),n=null,r=t.querySelector(".text-field-select-content-item-keydown");if(13===e.keyCode&&r){var o=r.dataset.val;He(JSON.parse(o))(e),(Ee&&Ee.current).blur()}r&&(n=r,r.classList.remove("text-field-select-content-item-keydown")),40===e.keyCode&&De({selectDom:t,keyCode:e.keyCode,currentDom:n}),38===e.keyCode&&De({selectDom:t,keyCode:e.keyCode,currentDom:n})},Ae=function(e){me(!1),""===e.target.value&&de(!0),Q&&Q(e)},Te=function(e){Ce(!0),J&&J(e,(function(e){qe(e||[]),Ce(!1)}))},Re=function(e){me(!0),X&&X(e),Te(e.target.value)},Be=function(t){var n=t.target.value;n&&de(!1),H&&void 0!==n&&""!==n&&n.toString().length>H||(void 0===e.value&&(ve(n),Ie(n)),ee&&ee(t),Te(t.target.value))},Ke=function(e){13===e.keyCode&&re&&re(e),te&&te(e)},Ve=function(e){ne&&ne(e)},ze=function(e){"password"===B&&("text"===xe&&ge("password"),"password"===xe&&ge("text")),K&&K(e)},We=function(){Oe(!1)},He=function(e){return function(t){ae&&ae(e)}},Je=(0,o.useMemo)((function(){return(0,r.jsx)(r.Fragment,{children:void 0!==H&&(0,r.jsx)("span",v({className:"length-limit"},{children:(pe?pe.toString().length:0)+"/"+H}),void 0)},void 0)}),[H,pe]),Ze=(0,o.useMemo)((function(){var e=V||("password"===B?"password"===xe?(0,r.jsx)(s(),{},void 0):(0,r.jsx)(l(),{},void 0):null);return(0,r.jsx)(r.Fragment,{children:W&&e&&(0,r.jsx)("span",v({className:"right-icon",onClick:ze},{children:e}),void 0)},void 0)}),[W,V,B,xe]),$e=(0,o.useMemo)((function(){return(0,r.jsxs)("div",v({className:"text-field-content-within",ref:Me},{children:[(0,r.jsxs)("div",v({className:"text-field-content-within-input"},{children:[O?(0,r.jsx)("textarea",v({ref:Ee,rows:P,onBlur:Ae,onFocus:Re,onChange:Be,onKeyDown:Ke,onKeyUp:Ve,disabled:j},ue),void 0):(0,r.jsx)("input",v({ref:Ee,type:xe,onBlur:Ae,onFocus:Re,onChange:Be,onKeyDown:Ke,onKeyUp:Ve,disabled:j},ue),void 0),se&&(0,r.jsx)("span",v({className:"text-field-label-placeholder",onClick:Fe},{children:"outside"===d?m:(0,r.jsxs)(r.Fragment,{children:[x||m,S&&(0,r.jsx)("span",v({className:"text-field-required"},{children:"*"}),void 0),C&&(0,r.jsx)("span",{children:C},void 0)]},void 0)}),void 0)]}),void 0),Je,Ze]}),void 0)}),[se,T,xe,pe,Je,Ze,d,m,x,j,O,P,ue,ee,J]),Ye=(0,o.useMemo)((function(){var e;return(0,r.jsxs)("div",v({className:(e="text-field-select-content",Se&&(e+=" text-field-select-content-loading"),le&&(e+=" "+le),e),style:{width:(Me&&Me.current?Me.current.offsetWidth:0)+"px"}},{children:[Pe&&Pe.map((function(e,t){return(0,r.jsx)("div",v({className:"text-field-select-content-item",onMouseDown:He(e),"data-val":JSON.stringify(e)},{children:$?$(e):(0,r.jsx)(a.default,{children:e[G]},void 0)}),t)})),Se&&(0,r.jsx)("div",v({className:"loading-box"},{children:(0,r.jsx)(f(),{},void 0)}),void 0)]}),void 0)}),[Me,we,Pe,$,G,ae,Se,le]),Ge=(0,o.useMemo)((function(){return(0,r.jsx)(i.Tooltip,v({open:we,title:Ye,onClose:We,interactive:!0,disableFocusListener:!0,disableHoverListener:!0,disableTouchListener:!0,arrow:!0,classes:{popper:(e="paraui-text-field-select",u&&(e+=" paraui-text-field-select-"+u),Z&&(e+=" "+Z),e)}},{children:$e}),void 0);var e}),[se,T,xe,pe,Je,Ze,d,m,x,j,O,P,ue,ee,J,ae,Me,we,Z,u]),Qe=(0,o.useMemo)((function(){var e=Boolean(S||C||x);return(0,r.jsx)(r.Fragment,{children:"outside"===d&&e&&(0,r.jsxs)("label",v({className:"text-field-label"},{children:[x,S&&(0,r.jsx)("span",v({className:"text-field-required"},{children:"*"}),void 0),C&&(0,r.jsx)("span",{children:C},void 0)]}),void 0)},void 0)}),[d,x,C,S]);return(0,r.jsxs)("div",v({className:(_e="paraui-text-field",_e+=" text-field",u&&!O&&(_e+=" text-field-"+u),t&&(_e+=" "+t),E&&(_e+=" text-field-error"),he&&(_e+=" text-field-focus"),j&&(_e+=" text-field-disabled"),O&&(_e+=" text-field-multiline"),_e)},{children:[Qe,(0,r.jsxs)("div",v({className:"text-field-content"},{children:[F&&(0,r.jsx)("div",v({className:"text-field-content-before",onClick:function(e){oe&&oe(e)}},{children:F}),void 0),J?Ge:$e,L&&(0,r.jsx)("div",v({className:"text-field-content-after",onClick:function(e){ie&&ie(e)}},{children:L}),void 0)]}),void 0),_&&(0,r.jsx)("p",v({className:"text-field-error-text"},{children:_}),void 0)]}),void 0)}},6885:function(e,t,n){var r=n(7712),o=n(1731),i=n(4927),a=function(){return a=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},a.apply(this,arguments)};t.default=function(e){var t,n=a(a({},e.classes),{popper:(0,i.Z)("paraui-tooltip",null===(t=e.classes)||void 0===t?void 0:t.popper)});return(0,r.jsx)(o.Tooltip,a({},e,{classes:n},{children:e.children}),void 0)}},1731:function(t){t.exports=e},6028:function(e){e.exports=t},1102:function(e){e.exports=n},3277:function(e){e.exports=r},5191:function(e){e.exports=o},6570:function(e){e.exports=i},8528:function(e){e.exports=a},3616:function(e){e.exports=u},3475:function(e){e.exports=l},9297:function(e){e.exports=c}},f={};function p(e){var t=f[e];if(void 0!==t)return t.exports;var n=f[e]={exports:{}};return d[e](n,n.exports,p),n.exports}p.m=d,s=[],p.O=function(e,t,n,r){if(!t){var o=1/0;for(u=0;u<s.length;u++){t=s[u][0],n=s[u][1],r=s[u][2];for(var i=!0,a=0;a<t.length;a++)(!1&r||o>=r)&&Object.keys(p.O).every((function(e){return p.O[e](t[a])}))?t.splice(a--,1):(i=!1,r<o&&(o=r));i&&(s.splice(u--,1),e=n())}return e}r=r||0;for(var u=s.length;u>0&&s[u-1][2]>r;u--)s[u]=s[u-1];s[u]=[t,n,r]},p.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return p.d(t,{a:t}),t},p.d=function(e,t){for(var n in t)p.o(t,n)&&!p.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},p.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},p.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={2832:0,1465:0,2996:0,2823:0,9296:0};p.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,o,i=n[0],a=n[1],u=n[2],l=0;for(r in a)p.o(a,r)&&(p.m[r]=a[r]);if(u)var c=u(p);for(t&&t(n);l<i.length;l++)o=i[l],p.o(e,o)&&e[o]&&e[o][0](),e[i[l]]=0;return p.O(c)},n=self.webpackChunkParaUI=self.webpackChunkParaUI||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();var v=p.O(void 0,[9296],(function(){return p(601)}));return v=p.O(v)}()}));

package/Menu/footerExpansion.d.ts

@@ -1,8 +1,8 @@
 /**
-* @author linhd
-* @date 2021/8/10 15:26
-* @description 尾部展开
-*/
+ * @author linhd
+ * @date 2021/8/10 15:26
+ * @description 尾部展开
+ */
 import { FunctionComponent } from 'react';
 import { FooterExpansionProps } from './interface';
 export declare const FooterExpansion: FunctionComponent<FooterExpansionProps>;

package/Menu/index.d.ts

@@ -1,9 +1,10 @@
 /**
-* @author linhd
-* @date 2021/8/10 16:34
-* @description 菜单
-*/
+ * @author linhd
+ * @date 2021/8/10 16:58
+ * @description 竖向菜单list
+ */
 import { FunctionComponent } from 'react';
 import { MenuProps } from './interface';
+import './index.scss';
 export declare const Menu: FunctionComponent<MenuProps>;
 export default Menu;

package/Menu/index.js

@@ -1,10 +1,10 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("react"),require("@material-ui/core/styles"),require("react-dom"),require("@material-ui/core"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Down"),require("@para-ui/icons"),require("@para-ui/icons/More"),require("para-lib"),require("@para-ui/icons/IndentRightFill"),require("@para-ui/icons/IndentLeftFill")):"function"==typeof define&&define.amd?define(["react","@material-ui/core/styles","react-dom","@material-ui/core","@para-ui/icons/LoadingF","@para-ui/icons/Down","@para-ui/icons","@para-ui/icons/More","para-lib","@para-ui/icons/IndentRightFill","@para-ui/icons/IndentLeftFill"],o):"object"==typeof exports?exports.ParaUI=o(require("react"),require("@material-ui/core/styles"),require("react-dom"),require("@material-ui/core"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Down"),require("@para-ui/icons"),require("@para-ui/icons/More"),require("para-lib"),require("@para-ui/icons/IndentRightFill"),require("@para-ui/icons/IndentLeftFill")):e.ParaUI=o(e.react,e["@material-ui/core/styles"],e["react-dom"],e["@material-ui/core"],e["@para-ui/icons/LoadingF"],e["@para-ui/icons/Down"],e["@para-ui/icons"],e["@para-ui/icons/More"],e["para-lib"],e["@para-ui/icons/IndentRightFill"],e["@para-ui/icons/IndentLeftFill"])}(self,(function(e,o,n,t,i,r,a,l,s,c,u){return function(){"use strict";var p={4927:function(e,o,n){function t(e){var o,n,i="";if("string"==typeof e||"number"==typeof e)i+=e;else if("object"==typeof e)if(Array.isArray(e))for(o=0;o<e.length;o++)e[o]&&(n=t(e[o]))&&(i&&(i+=" "),i+=n);else for(o in e)e[o]&&(i&&(i+=" "),i+=o);return i}function i(){for(var e,o,n=0,i="";n<arguments.length;)(e=arguments[n++])&&(o=t(e))&&(i&&(i+=" "),i+=o);return i}n.d(o,{Z:function(){return i}})},4126:function(e){
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("@material-ui/core"),require("@para-ui/icons"),require("@para-ui/icons/Down"),require("@para-ui/icons/IndentLeftFill"),require("@para-ui/icons/IndentRightFill"),require("para-lib"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons","@para-ui/icons/Down","@para-ui/icons/IndentLeftFill","@para-ui/icons/IndentRightFill","para-lib","react","react-dom"],n):"object"==typeof exports?exports.ParaUI=n(require("@material-ui/core"),require("@para-ui/icons"),require("@para-ui/icons/Down"),require("@para-ui/icons/IndentLeftFill"),require("@para-ui/icons/IndentRightFill"),require("para-lib"),require("react"),require("react-dom")):e.ParaUI=n(e["@material-ui/core"],e["@para-ui/icons"],e["@para-ui/icons/Down"],e["@para-ui/icons/IndentLeftFill"],e["@para-ui/icons/IndentRightFill"],e["para-lib"],e.react,e["react-dom"])}(self,(function(e,n,r,t,i,o,a,c){return function(){"use strict";var u,s={4126:function(e){
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function i(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 o={},n=0;n<10;n++)o["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(o).map((function(e){return o[e]})).join(""))return!1;var t={};return"abcdefghijklmnopqrst".split("").forEach((function(e){t[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},t)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var a,l,s=i(e),c=1;c<arguments.length;c++){for(var u in a=Object(arguments[c]))n.call(a,u)&&(s[u]=a[u]);if(o){l=o(a);for(var p=0;p<l.length;p++)t.call(a,l[p])&&(s[l[p]]=a[l[p]])}}return s}},9524:function(e,o,n){
+var n=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function i(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 n={},r=0;r<10;r++)n["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(n).map((function(e){return n[e]})).join(""))return!1;var t={};return"abcdefghijklmnopqrst".split("").forEach((function(e){t[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},t)).join("")}catch(e){return!1}}()?Object.assign:function(e,o){for(var a,c,u=i(e),s=1;s<arguments.length;s++){for(var l in a=Object(arguments[s]))r.call(a,l)&&(u[l]=a[l]);if(n){c=n(a);for(var f=0;f<c.length;f++)t.call(a,c[f])&&(u[c[f]]=a[c[f]])}}return u}},9524:function(e,n,r){
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -13,4 +13,4 @@ var o=Object.getOwnPropertySymbols,n=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.
  */
-n(4126);var t=n(9297),i=60103;if(o.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var r=Symbol.for;i=r("react.element"),o.Fragment=r("react.fragment")}var a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,o,n){var t,r={},c=null,u=null;for(t in void 0!==n&&(c=""+n),void 0!==o.key&&(c=""+o.key),void 0!==o.ref&&(u=o.ref),o)l.call(o,t)&&!s.hasOwnProperty(t)&&(r[t]=o[t]);if(e&&e.defaultProps)for(t in o=e.defaultProps)void 0===r[t]&&(r[t]=o[t]);return{$$typeof:i,type:e,key:c,ref:u,props:r,_owner:a.current}}o.jsx=c,o.jsxs=c},7712:function(e,o,n){e.exports=n(9524)},36:function(e,o,n){var t=n(7712),i=n(9297),r=n(1731),a=n(8604),l=n(4927),s=n(1102),c=n.n(s),u=n(5415),p=function(){return p=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},p.apply(this,arguments)},m=function(e,o){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)o.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(n[t[i]]=e[t[i]])}return n},d=(0,u.Z)(),v=(0,a.makeStyles)((function(e){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:d.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"}}})})),h=(0,a.withStyles)((function(e){return{tooltip:{margin:"6px 0",backgroundColor:d.bgBorderColor.bg4}}}))(r.Tooltip),g=function(e){var o=v(),n=e.radius,a=e.className,s=e.disabled,u=void 0!==s&&s,d=e.children,h=e.startIcon,g=e.endIcon,f=e.loading,x=void 0!==f&&f,b=m(e,["radius","className","disabled","children","startIcon","endIcon","loading"]);"text"===b.variant&&(b.disableRipple=!0);var y=(0,i.useState)(!1),j=y[0],C=y[1];return(0,i.useEffect)((function(){C(!!x)}),[x]),(0,t.jsx)(r.Button,p({disabled:u,className:(0,l.Z)("paraui-button",a,o.btnIcon,n&&o.radius,"outlined"===b.variant&&o.outlinedBtn,j&&o.loadingBtn),startIcon:function(){if(!j)return(0,t.jsx)("span",p({className:"btn-icon"},{children:h}),void 0);if("object"==typeof x){var e=x.delay||0;setTimeout((function(){return C(!1)}),e)}return(0,t.jsx)("span",p({className:"btn-icon loading-icon"},{children:(0,t.jsx)(c(),{},void 0)}),void 0)}(),endIcon:(0,t.jsx)("span",p({className:"btn-icon"},{children:g}),void 0)},b,{children:d}),void 0)};g.IconButton=function(e){var o=v(),n=e.showToolTip,a=void 0===n||n,s=e.toolTipTitle,u=void 0===s?"":s,d=e.children,g=e.className,f=e.disabled,x=void 0!==f&&f,b=e.loading,y=void 0!==b&&b,j=e.TooltipProps,C=m(e,["showToolTip","toolTipTitle","children","className","disabled","loading","TooltipProps"]),w=(0,i.useState)(!1),S=w[0],N=w[1],k=(0,t.jsx)(r.IconButton,p({},C,{disabled:x,disableRipple:!0,className:(0,l.Z)("paraui-icon-button",g,a&&x&&"iconButton-disabled",S&&o.loadingBtn)},{children:function(){if(!S)return d;if("object"==typeof y){var e=y.delay||0;setTimeout((function(){return N(!1)}),e)}return(0,t.jsx)("span",p({className:"loading-icon"},{children:(0,t.jsx)(c(),{},void 0)}),void 0)}()}),void 0);return(0,i.useEffect)((function(){N(!!y)}),[y]),a?(0,t.jsx)(h,p({title:u},j,{children:(0,t.jsx)("span",p({className:(0,l.Z)(x&&o.iconButtonToolTip)},{children:k}),void 0)}),void 0):k},o.default=g},5415:function(e,o){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"}}};o.Z=function(){return n}},1731:function(e){e.exports=t},8604:function(e){e.exports=o},1609:function(e){e.exports=a},6028:function(e){e.exports=r},9387:function(e){e.exports=u},5295:function(e){e.exports=c},1102:function(e){e.exports=i},6090:function(e){e.exports=l},3475:function(e){e.exports=s},9297:function(o){o.exports=e},2268:function(e){e.exports=n}},m={};function d(e){var o=m[e];if(void 0!==o)return o.exports;var n=m[e]={exports:{}};return p[e](n,n.exports,d),n.exports}d.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(o,{a:o}),o},d.d=function(e,o){for(var n in o)d.o(o,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:o[n]})},d.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var v={};return function(){d.r(v),d.d(v,{Menu:function(){return de},default:function(){return ve}});var e=d(7712),o=d(9297),n=d.n(o),t=d(8604),i=d(5415),r=function(){return r=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},r.apply(this,arguments)},a=(0,i.Z)(),l=(0,t.makeStyles)((function(){return(0,t.createStyles)({logo:{width:"100%",display:"inline-block","& > .logo-content":{display:"inline-block",textAlign:"center",whiteSpace:"nowrap",width:"100%","& > img":{marginRight:"10px",width:"auto",verticalAlign:"top"},"& > span":{whiteSpace:"nowrap",fontWeight:"700",fontSize:"18px",color:"white",verticalAlign:"top",display:"inline-block"}},"&.logo-split":{padding:"12px 20px 0 20px","& > .logo-content":{backgroundColor:a.thmemColor.primary,borderRadius:a.borderRadius,padding:"7px 10px","& > img":{height:"24px"},"& > span":{height:"24px",lineHeight:"24px"}}},"&.logo-full":{"& > .logo-content":{backgroundColor:a.thmemColor.primary,padding:"10px 0","& > img":{height:"30px"},"& > span":{height:"30px",lineHeight:"30px"}}},"&.logo-shrink":{"&.logo-split":{padding:"0","& > .logo-content":{padding:"13px 0",borderRadius:"0","& > img":{marginRight:"0"}}},"&.logo-full":{"& > .logo-content":{"& > img":{marginRight:"0"}}}}}})})),s=function(o){var n,t=o.mode,i=void 0===t?"split":t,a=o.expansion,s=void 0===a||a,c=o.img,u=o.title,p=o.customizeContent,m=o.className,d=l(o);return(0,e.jsx)("div",r({className:(n=d.logo,n+=" logo",m&&(n+=" "+m),i&&(n+=" logo-"+i),s||(n+=" logo-shrink"),n)},{children:p||(0,e.jsxs)("div",r({className:"logo-content"},{children:[c&&(0,e.jsx)("img",{src:c},void 0),s&&u&&(0,e.jsx)("span",{children:u},void 0)]}),void 0)}),void 0)},c=d(2268),u=d(36),p=d(1731),m=function(){return m=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},m.apply(this,arguments)},h=(0,i.Z)(),g=(0,t.makeStyles)((function(){return(0,t.createStyles)({"horizontal-meun-right":{height:"100%",display:"flex","& > .back-btn":{padding:"0 15px",height:"100%",display:"flex",alignItems:"center","& > button":{width:"100%",whiteSpace:"nowrap",boxShadow:"none",padding:"0 10px 0 14px","& svg":{color:"white"}}},"& > .language":{height:"100%","& .language-item":{display:"flex",padding:"0 15px",cursor:"pointer",alignItems:"center",height:"100%",position:"relative","&:after":{position:"absolute",left:"0",top:"0",content:'""',zIndex:1},"&:hover":{backgroundColor:h.bgBorderColor.line1,"& > .language-item-icon":{"& > svg":{color:h.thmemColor.primary}},"& > .language-item-label":{color:h.thmemColor.primary},"& > .language-item-arrow":{"& > svg":{color:h.thmemColor.primary}}},"& > .language-item-icon":{width:"16px",marginRight:"5px","& > svg":{fontSize:"16px",color:h.textColor.primary,verticalAlign:"top",position:"relative"},"& > .opacity-pos-svg":{opacity:"0"}},"& > .language-item-label":{fontSize:"12px",color:h.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"}},"& > .li-collapse":{"& .language-item":{paddingLeft:"30px","&.language-item-select":{"& > .language-item-icon":{"& > svg":{color:h.thmemColor.primary}},"& > .language-item-label":{color:h.thmemColor.primary},"& > .language-item-arrow":{"& > svg":{color:h.thmemColor.primary}}}}},"&.language-select":{"& .language-item":{backgroundColor:h.bgBorderColor.line1,"& > .language-item-icon":{"& > svg":{color:h.thmemColor.primary}},"& > .language-item-label":{color:h.thmemColor.primary}}}},"& > .btn-list":{display:"flex",height:"100%","& > .btn-list-item":{display:"flex",padding:"0 15px",cursor:"pointer",alignItems:"center","&:hover":{backgroundColor:h.bgBorderColor.line1,"& > .btn-list-item-icon":{"& > svg":{color:h.thmemColor.primary}},"& > .btn-list-item-label":{color:h.thmemColor.primary}},"& > .btn-list-item-icon":{width:"16px",marginRight:"5px","& > svg":{fontSize:"16px",color:h.textColor.primary,verticalAlign:"top",position:"relative","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}}},"& > .btn-list-item-label":{fontSize:"12px",color:h.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"}}},"& > .logo":{display:"flex",padding:"0 15px",alignItems:"center",height:"100%","& > img":{height:"30px",width:"auto"},"& > span":{fontSize:"12px",color:h.textColor.primary,width:"100%",fontWeight:"700",whiteSpace:"nowrap",marginLeft:"10px"}}},"menu-popover":{paddingTop:"5px",zIndex:10,"& > .menu-popover-box":{boxShadow:h.boxShadow,borderRadius:h.borderRadius,backgroundColor:"white",color:h.textColor.primary,"& > .menu-popover-item":{width:"140px",height:"30px",padding:"0 10px",display:"flex",alignItems:"center",cursor:"pointer","&:hover":{backgroundColor:h.bgBorderColor.line1,"& > .icon":{"& > svg":{color:h.thmemColor.primary}},"& > .label":{color:h.thmemColor.primary}},"& > .icon":{marginRight:"10px","& > svg":{fontSize:"16px",color:h.textColor.primary,verticalAlign:"top",position:"relative"}},"& > .label":{fontSize:"12px",color:h.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap",textAlign:"left"},"&.menu-popover-item-select":{"& > .icon":{"& > svg":{color:h.thmemColor.primary}},"& > .label":{color:h.thmemColor.primary}}}}}})})),f=function(o){var n,t=o.backSelfcare,i=void 0===t?{}:t,r=o.customize,a=o.onClick,l=o.className,s=function(e){a&&a(e)};return(0,e.jsx)(e.Fragment,{children:r||(0,e.jsx)("div",m({className:(n="back-btn",l&&(n+=" "+l),n)},{children:(0,e.jsx)(u.default,m({startIcon:i.icon,variant:"contained",onClick:s},{children:i.label}),void 0)}),void 0)},void 0)},x=function(n){var t=g(n),i=n.language,r=void 0===i?[]:i,a=n.selectLang,l=void 0===a?"":a,s=n.onClick,u=n.expansion,d=void 0===u||u,v=n.className,h=n.customize,f=(0,o.useState)(!1),x=f[0],b=f[1],y=(0,o.useState)({}),j=y[0],C=y[1],w=(0,o.useState)({}),S=w[0],N=w[1],k=(0,o.useState)(!1),z=k[0],M=k[1],F=(0,o.useState)(null),O=F[0],E=F[1],T=(0,o.useState)({})[0];(0,o.useEffect)((function(){var e=j[l]||{};N(e)}),[l,j]),(0,o.useEffect)((function(){for(var e={},o=0,n=r.length;o<n;o++){var t=r[o];t.value&&(e[t.value]=t)}C(e)}),[r]);var P,I=function(e){return function(){s&&s(e.value,e),b(!1),M(!1)}},L=function(e){T.timer=setTimeout((function(){M(!1),E(null)}),100)},B=function(e){return function(o){clearTimeout(T.timer),M(!0),e&&E(o.target)}},R=(0,o.useMemo)((function(){return(0,e.jsx)("div",m({className:"language-item",onMouseLeave:L,onMouseEnter:B(!0)},{children:(0,e.jsxs)(e.Fragment,{children:[S.icon&&(0,e.jsx)("span",m({className:"language-item-icon"},{children:S.icon}),void 0),(0,e.jsx)("span",m({className:"language-item-label"},{children:S.label}),void 0)]},void 0)}),void 0)}),[d,S,r,x,T]),A=(0,o.useMemo)((function(){var o=function(e){var o="menu-popover-item";return e.value===S.value&&(o+=" menu-popover-item-select"),o};return(0,c.createPortal)((0,e.jsx)((function(){return(0,e.jsx)(p.Popper,m({open:z,anchorEl:O,disablePortal:!0,placement:"bottom-end",onMouseLeave:L,onMouseEnter:B(!1),className:(n=t["menu-popover"],n+=" menu-popover")},{children:(0,e.jsx)("div",m({className:"menu-popover-box"},{children:r.map((function(n,t){return(0,e.jsxs)("div",m({className:o(n),onClick:I(n)},{children:[n.icon&&(0,e.jsx)("span",m({className:"icon"},{children:n.icon}),void 0),(0,e.jsx)("span",m({className:"label"},{children:n.label}),void 0)]}),t)}))}),void 0)}),void 0);var n}),{},void 0),document.getElementsByTagName("body")[0])}),[r,S,t,z,O,T,s]);return(0,e.jsx)(e.Fragment,{children:h||(0,e.jsxs)("div",m({className:(P="language",v&&(P+=" "+v),z&&(P+=" language-select"),P)},{children:[R,z&&A]}),void 0)},void 0)},b=function(n){var t,i=n.list,r=void 0===i?[]:i,a=n.expansion,l=void 0===a||a,s=n.customize,c=n.className,u=n.onClick,p=function(e){return function(o){u&&u(e,o)}},d=(0,o.useMemo)((function(){var o=function(o){return l?(0,e.jsxs)(e.Fragment,{children:[o.icon&&(0,e.jsx)("span",m({className:"btn-list-item-icon"},{children:o.icon}),void 0),(0,e.jsx)("span",m({className:"btn-list-item-label"},{children:o.label}),void 0)]},void 0):o.icon?(0,e.jsx)("span",m({className:"btn-list-item-icon"},{children:o.icon}),void 0):o.label?"string"==typeof o.label?(0,e.jsx)("span",m({className:"btn-list-item-icon"},{children:o.label[0]}),void 0):(0,e.jsx)("span",m({className:"btn-list-item-label"},{children:o.label}),void 0):void 0};return(0,e.jsx)(e.Fragment,{children:r.map((function(n,t){return(0,e.jsx)("div",m({className:"btn-list-item",onClick:p(n)},{children:o(n)}),t)}))},void 0)}),[r,l]);return(0,e.jsx)(e.Fragment,{children:s||(0,e.jsx)("div",m({className:(t="btn-list",c&&(t+=" "+c),l||(t+=" btn-list-shrink"),t)},{children:d}),void 0)},void 0)},y=function(o){var n,t=o.user,i=void 0===t?{}:t,r=o.customize,a=o.className,l=o.onClick;return(0,e.jsx)(e.Fragment,{children:r||(0,e.jsx)("div",m({className:(n="logo",a&&(n+=" "+a),n),onClick:function(e){l&&l(e)}},{children:(0,e.jsxs)(e.Fragment,{children:[i.img&&(0,e.jsx)("img",{src:i.img,alt:""},void 0),i.label&&(0,e.jsx)("span",{children:i.label},void 0)]},void 0)}),void 0)},void 0)},j=function(n){var t,i=g(n),r=n.className,a=void 0===r?"":r,l=n.expansion,s=void 0===l||l,c=n.backSelfcareProps,u=n.languageProps,p=n.btnListProps,d=n.userProps,v=n.customize,h=(0,o.useMemo)((function(){return c&&(0,e.jsx)(f,m({},c,{expansion:s}),void 0)}),[c,s]),j=(0,o.useMemo)((function(){return u&&(0,e.jsx)(x,m({},u,{expansion:s}),void 0)}),[u,s]),C=(0,o.useMemo)((function(){return p&&(0,e.jsx)(b,m({},p,{expansion:s}),void 0)}),[p,s]),w=(0,o.useMemo)((function(){return d&&(0,e.jsx)(y,m({},d,{expansion:s}),void 0)}),[d,s]);return(0,e.jsx)(e.Fragment,{children:v||(0,e.jsxs)("div",m({className:(t=i["horizontal-meun-right"],a&&(t+=" "+a),t)},{children:[h,j,C,w]}),void 0)},void 0)},C=d(6028),w=d.n(C),S=d(1609),N=d(6090),k=d.n(N),z=d(3475),M=function(){return M=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},M.apply(this,arguments)},F=function(e,o,n){if(n||2===arguments.length)for(var t,i=0,r=o.length;i<r;i++)!t&&i in o||(t||(t=Array.prototype.slice.call(o,0,i)),t[i]=o[i]);return e.concat(t||Array.prototype.slice.call(o))},O=(0,i.Z)(),E=(0,t.makeStyles)((function(){return(0,t.createStyles)({"horizontal-menu-list":{height:"100%",width:"100%",lineHeight:"0",overflow:"hidden","& > .horizontal-menu-list-item":{padding:"0 20px",height:"100%",display:"flex",alignItems:"center",cursor:"pointer",position:"relative",whiteSpace:"nowrap",float:"left","&:after":{position:"absolute",left:"0",top:"0",content:'""',zIndex:1},"&:hover":{backgroundColor:O.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}},"& > .menu-item-icon":{"& > svg":{fontSize:"16px",color:O.textColor.primary,marginRight:"5px"}},"& > .menu-item-label":{fontSize:"12px",color:O.textColor.primary,whiteSpace:"nowarp"},"& > .menu-item-arrow":{"& > svg":{fontSize:"16px",transition:"all .3s",color:O.textColor.primary,marginLeft:"2px"}},"&.horizontal-menu-list-item-select":{"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}},"&.horizontal-menu-list-item-hover":{backgroundColor:O.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}}}},"menu-item-popper":{paddingTop:"5px","& > .menu-item-popper-content":{"& > .menu-item-popper-content-item":{"&:first-child:after":{width:"100%",height:"100%",content:'""',position:"absolute",left:"0",top:"-5px",zIndex:-1}}},"& .menu-item-popper, &.menu-item-popper":{zIndex:10,"& > .menu-item-popper-content":{boxShadow:O.boxShadow,borderRadius:O.borderRadius,backgroundColor:"white",color:O.textColor.primary,"& > .menu-item-popper-content-item":{position:"relative","& > .menu-item-popper-content-item-content":{width:"140px",height:"30px",padding:"0 10px",display:"flex",cursor:"pointer",alignItems:"center","&:hover":{backgroundColor:O.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}},"& > .menu-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:O.textColor.primary,verticalAlign:"top",position:"relative","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}},"& > .menu-item-label":{fontSize:"12px",color:O.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap",textAlign:"left"},"& > .menu-item-arrow":{width:"16px","& > svg":{fontSize:"16px",transition:"all .3s",color:O.textColor.primary,verticalAlign:"top",position:"relative",transform:"rotate(270deg)","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}},"& > .menu-item-popper":{paddingLeft:"5px"}},"&.menu-item-popper-content-item-select":{"& > .menu-item-popper-content-item-content":{"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}}}}},"& .menu-item-popper":{position:"absolute",transform:"none !important",left:"100% !important",top:"0"}}}})})),T=function(n){var t=n.open,i=void 0!==t&&t,r=n.anchorEl,a=n.idMenuLast,l=n.selectMenu,s=void 0===l?"":l,u=n.onClickMenu,m=n.list,d=void 0===m?[]:m,v=n.onMouseEnter,h=n.onMouseLeave,g=n.level,f=void 0===g?1:g,x=n.className,b=(0,o.useState)(null),y=b[0],j=b[1],C=(0,o.useState)(null),N=C[0],k=C[1],z=(0,o.useState)([]),F=z[0],O=z[1],E=(0,o.useState)({})[0],P=function(e,o){return function(n){var t;t=n,clearTimeout(E.leaveTimer),E.leaveTimer=setTimeout((function(){1===f&&v&&v();var n=[e];e.children&&e.children.length>0&&(n=e.children);var i=t.target;k(i),O(n),j(o)}),50)}},I=function(e){return function(o){e.children&&e.children.length>0||(u&&u(e),h&&h())}},L=function(e){var o="menu-item-popper-content-item",n=a&&a[s];return n&&-1!==n.indexOf(e.path)&&(o+=" menu-item-popper-content-item-select"),o},B=function(){var e="menu-item-popper";return x&&(e+=" "+x),e},R=(0,o.useCallback)((function(o,n){return(0,e.jsx)(e.Fragment,{children:o.children&&o.children.length>0&&y===n&&(0,e.jsx)(T,{open:y===n,anchorEl:N,list:F,idMenuLast:a,selectMenu:s,onClickMenu:u,onMouseEnter:v,onMouseLeave:h,level:f+1},void 0)},void 0)}),[y,N,F,a,s,u,v,h,f]),A=(0,o.useMemo)((function(){return(0,e.jsx)("div",M({className:"menu-item-popper-content"},{children:d.map((function(o,n){var t=function(e){var o=e.icon;if(o){var n=S[o];return n?n():o}}(o),i=function(o){var n=o.children;if(n&&n.length>0)return(0,e.jsx)(w(),{},void 0)}(o);return(0,e.jsx)("div",M({className:L(o),onMouseLeave:function(e){clearTimeout(E.leaveTimer),E.leaveTimer=setTimeout((function(){1===f&&h&&h(),j(null),k(null),O([])}))},onMouseEnter:P(o,n)},{children:(0,e.jsxs)("div",M({className:"menu-item-popper-content-item-content",onClick:I(o)},{children:[t&&(0,e.jsx)("span",M({className:"menu-item-icon"},{children:t}),void 0),(0,e.jsx)("span",M({className:"menu-item-label"},{children:o.label}),void 0),i&&(0,e.jsx)("span",M({className:"menu-item-arrow"},{children:i}),void 0),R(o,n)]}),void 0)}),n)}))}),void 0)}),[d,u,y,N,F,a,s,u,v,h,f]),D=function(){return 1!==f?(0,e.jsx)("div",M({className:B()},{children:A}),void 0):(0,e.jsx)(p.Popper,M({open:i,anchorEl:r,disablePortal:!0,placement:"bottom-start",className:B()},{children:A}),void 0)};return(0,e.jsx)(e.Fragment,{children:1===f?(0,c.createPortal)((0,e.jsx)(D,{},void 0),document.getElementsByTagName("body")[0]):(0,e.jsx)(D,{},void 0)},void 0)},P=function(n){var t=n.list,i=void 0===t?[]:t,r=n.selectMenu,a=void 0===r?"":r,l=n.onClickMenu,s=n.className,c=n.moreCustomize,u=E(n),p=(0,o.useState)(!1),m=p[0],d=p[1],v=(0,o.useState)(null),h=v[0],g=v[1],f=(0,o.useState)(null),x=f[0],b=f[1],y=(0,o.useState)([]),j=y[0],C=y[1],N=(0,o.useState)(""),O=N[0],P=N[1],I=(0,o.useState)({}),L=I[0],B=I[1],R=(0,o.useState)({}),A=R[0],D=R[1],q=(0,o.useState)("horizontal-menu-list-"+(0,z.UUID)())[0],W=(0,o.useState)(null),_=W[0],H=W[1],Z=(0,o.useState)({})[0];(0,o.useEffect)((function(){a!==O&&P(a)}),[a]),(0,o.useEffect)((function(){return J(i),Y(),window.addEventListener("resize",Y),function(){window.removeEventListener("resize",Y)}}),[i]);var U,Y=function(){clearTimeout(Z.timerResize),G(),Z.timerResize=setTimeout((function(){H(i.length),$()}),100)},$=function(e){if(null!==e&&0!==e){void 0===e&&(e=i.length);var o=document.querySelector("."+q);if(o)if(o.scrollHeight>o.clientHeight){var n=Number(e)-1;H(n),$(n)}else i.length<=e&&G()}},G=function(){},J=function(e){var o={},n={},t={},i={},r=function(e,a,l){for(var s=0,c=e.length;s<c;s++){var u=e[s],p=u.path;o[p]=u;var m=void 0===l?s:l;if(a){var d=(0,z.DeepClone)(n[a.path]||[]);d.push(p),n[p]=F([],d,!0)}else n[p]=[p];u.children&&u.children.length>0?r(u.children,u,m):(t[p]=n[p],i[p]=m)}};r(e),D(i),B(t)},K=function(e,o){return function(n){clearTimeout(Z.leaveTimer);var t=[];e.children&&e.children.length>0&&(t=e.children),g(o),b(n.target),C(t),d(!0)}},Q=function(){d(!1),b(null),C([]),g(null)},V=function(){clearTimeout(Z.leaveTimer)},X=function(){Q()},ee=function(e){l&&l(e)},oe=function(e,o){var n=" horizontal-menu-list-item",t=L[O];return t&&-1!==t.indexOf(e.path)&&(n+=" horizontal-menu-list-item-select"),h===o&&(n+=" horizontal-menu-list-item-hover"),n},ne=(0,o.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:m&&(0,e.jsx)(T,{open:m,anchorEl:x,list:j,idMenuLast:L,selectMenu:O,onClickMenu:ee,onMouseEnter:V,onMouseLeave:X,className:u["menu-item-popper"],level:1},void 0)},void 0)}),[m,x,j,L,O,l,Z]),te=function(e){clearTimeout(Z.leaveTimer);for(var o=[],n=Number(_),t=i.length;n<t;n++)o.push(i[n]);g(_),b(e.target),C(o),d(!0)},ie=function(){clearTimeout(Z.leaveTimer),Z.leaveTimer=setTimeout((function(){Q()}),100)},re=function(){var e=" horizontal-menu-list-item",o=A[O];return null!==_&&_<=o&&(e+=" horizontal-menu-list-item-select"),h===_&&(e+=" horizontal-menu-list-item-hover"),e};return(0,e.jsxs)("div",M({className:(U=u["horizontal-menu-list"],U+=" horizontal-menu-list",s&&(U+=" "+s),q&&(U+=" "+q),U)},{children:[i.map((function(o,n){if(null!==_&&_<=n)return null;var t=function(e){var o=e.icon;if(o){var n=S[o];return n?n():o}}(o),i=function(o){var n=o.children;if(n&&n.length>0)return(0,e.jsx)(w(),{},void 0)}(o);return(0,e.jsxs)("div",M({onClick:function(){ee(o)},onMouseEnter:K(o,n),onMouseLeave:function(e){clearTimeout(Z.leaveTimer),Z.leaveTimer=setTimeout((function(){Q()}),100)},className:oe(o,n)},{children:[t&&(0,e.jsx)("span",M({className:"menu-item-icon"},{children:t}),void 0),(0,e.jsx)("span",M({className:"menu-item-label"},{children:o.label}),void 0),i&&(0,e.jsx)("span",M({className:"menu-item-arrow"},{children:i}),void 0)]}),n)})),function(){if(null!==_&&i.length>_)return(0,e.jsx)("div",M({onMouseEnter:te,onMouseLeave:ie,className:re()},{children:c||(0,e.jsx)("span",M({className:"menu-item-icon"},{children:(0,e.jsx)(k(),{},void 0)}),void 0)}),void 0)}(),ne]}),void 0)},I=d(5295),L=d.n(I),B=d(9387),R=d.n(B),A=function(){return A=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},A.apply(this,arguments)},D=(0,i.Z)(),q=(0,t.makeStyles)((function(){return(0,t.createStyles)({"horizontal-menu":{height:"50px",width:"100%",display:"flex",justifyContent:"space-between",boxShadow:D.boxShadow,"& > .horizontal-menu-left":{display:"flex",width:"100%","& > .logo":{width:"200px","&.logo-split":{paddingTop:"6px",paddingRight:"15px"},"&.logo-full":{marginRight:"15px"}},"& > .horizontal-expansion":{display:"flex",alignItems:"center",cursor:"pointer"},"& > .horizontal-menu-list-box":{width:"calc(100% - 200px)"}},"& > .horizontal-menu-right":{},"&.horizontal-menu-shrink":{"& > .horizontal-menu-left":{"& > .logo":{"&.logo-split":{padding:"0"}}},"&.horizontal-menu-logo-expansion":{"& > .horizontal-menu-left":{"& > .logo":{"&.logo-split":{padding:"6px 15px 0 20px"}}}}},"&.horizontal-menu-no-logo":{"& > .horizontal-menu-left":{"& > .horizontal-menu-list-box":{width:"100%"}}},"&.horizontal-menu-show-expansion":{"& > .horizontal-menu-left":{"& > .horizontal-menu-list-box":{width:"calc(100% - 215px)"}}},"&.horizontal-menu-logo-full":{"& > .horizontal-menu-left":{"& > .horizontal-menu-list-box":{width:"calc(100% - 215px)"}},"&.horizontal-menu-show-expansion":{"& > .horizontal-menu-left":{"& > .horizontal-menu-list-box":{width:"calc(100% - 230px)"}}}}}})})),W=function(n){var t=n.logoProps,i=n.menuListProps,r=n.footerProps,a=n.expansion,l=void 0===a||a,c=n.onClickExpansion,u=n.selectMenu,p=n.onClickMenu,m=n.showExpansion,d=void 0!==m&&m,v=n.footerExpansionProps,h=n.className,g=q(n),f=(0,o.useState)(!0),x=f[0],b=f[1];(0,o.useEffect)((function(){l!==x&&b(l)}),[l]);var y,C=function(){c&&c(!x)},w=(0,o.useMemo)((function(){return n.logoProps&&t&&void 0===n.logoProps.expansion&&(t.expansion=!0),n.logoProps&&(0,e.jsx)(s,A({expansion:x},t),void 0)}),[x,t]),S=(0,o.useMemo)((function(){if(!d)return null;var o=v||{},n=o.customizeContent,t=o.expandIcon,i=o.shrinkIcon,r=o.className;if(n)return n;var a;return(0,e.jsx)("div",A({className:(a="horizontal-expansion",r&&(a+=" "+r),a)},{children:x?t||(0,e.jsx)(L(),{onClick:C},void 0):i||(0,e.jsx)(R(),{onClick:C},void 0)}),void 0)}),[x,c,d,v]),N=(0,o.useMemo)((function(){return n.menuListProps&&(0,e.jsx)("div",A({className:"horizontal-menu-list-box"},{children:(0,e.jsx)(P,A({},i,{expansion:x,selectMenu:u,onClickMenu:p}),void 0)}),void 0)}),[i,x,u,p]),k=(0,o.useMemo)((function(){return n.footerProps&&(0,e.jsx)(j,A({},r,{expansion:x}),void 0)}),[r,x]);return(0,e.jsxs)("div",A({className:(y=g["horizontal-menu"],y+=" paraui-horizontal-menu",h&&(y+=" "+h),x||(y+=" horizontal-menu-shrink"),t||(y+=" horizontal-menu-no-logo"),t&&t.expansion&&(y+=" horizontal-menu-logo-expansion"),t&&"full"===t.mode&&(y+=" horizontal-menu-logo-full"),d&&(y+=" horizontal-menu-show-expansion"),y)},{children:[(0,e.jsxs)("div",A({className:"horizontal-menu-left"},{children:[w,S,N]}),void 0),(0,e.jsx)("div",A({className:"horizontal-menu-right"},{children:k}),void 0)]}),void 0)},_=function(){return _=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},_.apply(this,arguments)},H=function(e,o,n){if(n||2===arguments.length)for(var t,i=0,r=o.length;i<r;i++)!t&&i in o||(t||(t=Array.prototype.slice.call(o,0,i)),t[i]=o[i]);return e.concat(t||Array.prototype.slice.call(o))},Z=(0,i.Z)(),U=(0,t.makeStyles)((function(){return(0,t.createStyles)({"vertical-menu-list":{overflow:"hidden",height:"100%",padding:"30px 0",position:"relative","& > .scroll-top":{position:"absolute",top:"0",left:"0",width:"100%",height:"30px",textAlign:"center","& > svg":{color:Z.textColor.primary,cursor:"pointer",verticalAlign:"top",marginTop:"7px",transform:"rotate(180deg)","&:hover":{color:Z.thmemColor.primary}}},"& > .vertical-menu-list-box":{height:"100%",overflow:"hidden","& > .vertical-menu-list-box-srcoll":{transition:"all .3s","& .vertical-menu-list-item":{"& > .vertical-menu-list-item-content":{height:"40px",lineHeight:"40px",cursor:"pointer",display:"flex","&:hover":{backgroundColor:Z.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:Z.thmemColor.primary}},"& > .menu-item-label":{color:Z.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:Z.thmemColor.primary}}},"& > .menu-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:Z.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"},"& > .opacity-pos-svg":{opacity:"0"}},"& > .menu-item-label":{fontSize:"12px",color:Z.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"},"& > .menu-item-arrow":{width:"16px","& > svg":{fontSize:"16px",transition:"all .3s",color:Z.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"},"& > .opacity-pos-svg":{opacity:"0"}}},"&.vertical-menu-list-item-open":{backgroundColor:Z.bgBorderColor.bg2,"& > .vertical-menu-list-item-content":{"& > .menu-item-arrow":{"& > svg":{transform:"rotate(180deg)"}}}},"&.vertical-menu-list-item-select":{"& > .vertical-menu-list-item-content":{"& > .menu-item-icon":{"& > svg":{color:Z.thmemColor.primary}},"& > .menu-item-label":{color:Z.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:Z.thmemColor.primary}}}}},"& .vertical-menu-list-item-shrink":{height:"40px",lineHeight:"40px","&:hover":{"& > span":{color:Z.thmemColor.primary,backgroundColor:Z.bgBorderColor.line1,"& > svg":{color:Z.thmemColor.primary}}},"& > span":{display:"inline-block",width:"100%",height:"100%",color:Z.textColor.primary,textAlign:"center",fontSize:"12px",cursor:"pointer",position:"relative","&:after":{content:'""',position:"absolute",width:"100%",height:"100%",left:"0",top:"0",zIndex:1},"& > svg":{verticalAlign:"top",position:"relative",top:"12px",fontSize:"16px",color:Z.textColor.primary}},"&.vertical-menu-list-item-shrink-select":{"& > span":{color:Z.thmemColor.primary,"& > svg":{color:Z.thmemColor.primary}}},"&.vertical-menu-list-item-shrink-hover":{"& > span":{color:Z.thmemColor.primary,backgroundColor:Z.bgBorderColor.line1,"& > svg":{color:Z.thmemColor.primary}}}}}},"& > .scroll-bottom":{position:"absolute",bottom:"0",left:"0",width:"100%",height:"30px",textAlign:"center","& > svg":{color:Z.textColor.primary,cursor:"pointer",verticalAlign:"top",marginTop:"7px","&:hover":{color:Z.thmemColor.primary}}}},"vertical-menu-item-popper":{"& .vertical-menu-item-popper, &.vertical-menu-item-popper":{paddingLeft:"5px",zIndex:10,"& > .menu-item-popper-content":{boxShadow:Z.boxShadow,borderRadius:Z.borderRadius,backgroundColor:"white",color:Z.textColor.primary,"& > .menu-item-popper-content-item":{position:"relative","&:after":{position:"absolute",left:"-5px",top:"0",width:"100%",height:"40px",zIndex:-1,content:'""'},"& > .menu-item-popper-content-item-content":{width:"200px",height:"40px",padding:"0 10px",display:"flex",cursor:"pointer","&:hover":{backgroundColor:Z.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:Z.thmemColor.primary}},"& > .menu-item-label":{color:Z.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:Z.thmemColor.primary}}},"& > .menu-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:Z.textColor.primary,verticalAlign:"top",position:"relative",top:"12px","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}},"& > .menu-item-label":{fontSize:"12px",color:Z.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap",textAlign:"left",lineHeight:"40px"},"& > .menu-item-arrow":{width:"16px","& > svg":{fontSize:"16px",transition:"all .3s",color:Z.textColor.primary,verticalAlign:"top",position:"relative",top:"12px",transform:"rotate(270deg)","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}}},"&.menu-item-popper-content-item-select":{"& > .menu-item-popper-content-item-content":{"& > .menu-item-icon":{"& > svg":{color:Z.thmemColor.primary}},"& > .menu-item-label":{color:Z.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:Z.thmemColor.primary}}}}}},"& .vertical-menu-item-popper":{position:"absolute",transform:"none !important",left:"100% !important",top:"0"}}}})})),Y=function(n){var t=n.label,i=(n.type,n.path),r=n.icon,a=n.children,l=n.className,s=n.level,c=void 0===s?1:s,u=n.selectMenu,m=void 0===u?"":u,d=n.idMenuLast,v=n.onClickMenu,h=n.shrinkOthers,g=void 0===h||h,f=(0,o.useState)(!1),x=f[0],b=f[1];(0,o.useEffect)((function(){var e=d[m];e&&-1!==e.indexOf(i)&&e.length>1?b(!0):g&&b(!1)}),[d,m,i]);var y=function(){if(a&&a.length>0)return v&&v(!1),b(!x);v&&v(n)},j=function(){if(r){var o=S[r];return o?o():r}return(0,e.jsx)(w(),{className:"opacity-pos-svg"},void 0)},C=(0,o.useMemo)((function(){return(0,e.jsxs)("div",_({onClick:y,className:"vertical-menu-list-item-content",style:{paddingLeft:15*c+"px",paddingRight:"15px"}},{children:[(0,e.jsx)("span",_({className:"menu-item-icon"},{children:j()}),void 0),(0,e.jsx)("span",_({className:"menu-item-label"},{children:t}),void 0),(0,e.jsx)("span",_({className:"menu-item-arrow"},{children:a&&a.length>0?(0,e.jsx)(w(),{},void 0):(0,e.jsx)(w(),{className:"opacity-pos-svg"},void 0)}),void 0)]}),void 0)}),[a,v,x,c,r,t]),N=(0,o.useMemo)((function(){return(0,e.jsx)(p.Collapse,_({in:x,className:"li-collapse",timeout:"auto"},{children:a&&a.length>0&&a.map((function(o,n){return(0,e.jsx)(Y,_({},o,{level:c+1,idMenuLast:d,selectMenu:m,onClickMenu:v,shrinkOthers:g}),n)}))}),void 0)}),[x,a,c,d,m,v,g]);return(0,e.jsxs)("div",_({className:function(){var e="vertical-menu-list-item";x&&(e+=" vertical-menu-list-item-open"),l&&(e+=" "+l);var o=d[m];return o&&-1!==o.indexOf(i)&&(e+=" vertical-menu-list-item-select"),e}()},{children:[C,N]}),void 0)},$=function(n){var t=n.open,i=void 0!==t&&t,r=n.anchorEl,a=n.idMenuLast,l=n.selectMenu,s=void 0===l?"":l,u=n.onClickMenu,m=n.list,d=void 0===m?[]:m,v=n.onMouseEnter,h=n.onMouseLeave,g=n.level,f=void 0===g?1:g,x=n.className,b=(0,o.useState)(null),y=b[0],j=b[1],C=(0,o.useState)(null),N=C[0],k=C[1],z=(0,o.useState)([]),M=z[0],F=z[1],O=(0,o.useState)({})[0],E=function(e,o){return function(n){var t;t=n,clearTimeout(O.leaveTimer),O.leaveTimer=setTimeout((function(){1===f&&v&&v();var n=[e];e.children&&e.children.length>0&&(n=e.children);var i=t.target;k(i),F(n),j(o)}),50)}},T=function(e){return function(o){e.children&&e.children.length>0||(u&&u(e),h&&h())}},P=function(o){if(o){var n=S[o];return n?n():o}return(0,e.jsx)(w(),{className:"opacity-pos-svg"},void 0)},I=function(e){var o="menu-item-popper-content-item",n=a&&a[s];return n&&-1!==n.indexOf(e.path)&&(o+=" menu-item-popper-content-item-select"),o},L=function(){var e="vertical-menu-item-popper";return x&&(e+=" "+x),e},B=(0,o.useCallback)((function(o,n){return(0,e.jsx)(e.Fragment,{children:o.children&&o.children.length>0&&y===n&&(0,e.jsx)($,{open:y===n,anchorEl:N,list:M,idMenuLast:a,selectMenu:s,onClickMenu:u,onMouseEnter:v,onMouseLeave:h,level:f+1},void 0)},void 0)}),[y,N,M,a,s,u,v,h,f]),R=(0,o.useMemo)((function(){return(0,e.jsx)("div",_({className:"menu-item-popper-content"},{children:d.map((function(o,n){return(0,e.jsx)("div",_({className:I(o),onMouseLeave:function(e){clearTimeout(O.leaveTimer),O.leaveTimer=setTimeout((function(){1===f&&h&&h(),j(null),k(null),F([])}))},onMouseEnter:E(o,n)},{children:(0,e.jsxs)("div",_({className:"menu-item-popper-content-item-content",onClick:T(o)},{children:[(0,e.jsx)("span",_({className:"menu-item-icon"},{children:P(o.icon)}),void 0),(0,e.jsx)("span",_({className:"menu-item-label"},{children:o.label}),void 0),(0,e.jsx)("span",_({className:"menu-item-arrow"},{children:(t=o.children,t&&t.length>0?(0,e.jsx)(w(),{},void 0):(0,e.jsx)(w(),{className:"opacity-pos-svg"},void 0))}),void 0),B(o,n)]}),void 0)}),n);var t}))}),void 0)}),[d,u,y,N,M,a,s,u,v,h,f]),A=function(){return 1!==f?(0,e.jsx)("div",_({className:L()},{children:R}),void 0):(0,e.jsx)(p.Popper,_({open:i,anchorEl:r,disablePortal:!0,placement:"right-start",className:L()},{children:R}),void 0)};return(0,e.jsx)(e.Fragment,{children:1===f?(0,c.createPortal)((0,e.jsx)(A,{},void 0),document.getElementsByTagName("body")[0]):(0,e.jsx)(A,{},void 0)},void 0)},G=function(e){if(!e)return 0;try{var o=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(o&&o[2])}catch(e){}return 0},J=function(t){var i=t.list,r=void 0===i?[]:i,a=t.expansion,l=void 0===a||a,s=t.selectMenu,c=void 0===s?"":s,u=t.onClickMenu,p=t.className,m=t.shrinkOthers,d=void 0===m||m,v=U(t),h=(0,o.useState)(!1),g=h[0],f=h[1],x=(0,o.useState)(null),b=x[0],y=x[1],j=(0,o.useState)(null),C=j[0],N=j[1],k=(0,o.useState)([]),M=k[0],F=k[1],O=(0,o.useState)(""),E=O[0],T=O[1],P=(0,o.useState)({}),I=P[0],L=P[1],B=(0,o.useState)({prev:!1,next:!1}),R=B[0],A=B[1],D=(0,o.useState)({})[0],q=n().useRef();(0,o.useEffect)((function(){c!==E&&T(c),Z()}),[c]),(0,o.useEffect)((function(){V(r),Z()}),[r]);var W,Z=function(){var e=Q(),o=e.min,n=e.max,t=G(q.current.style.transform);A({prev:t!==o,next:t>n})},J=function(e){return function(){var o=G(q.current.style.transform);switch(e){case"next":o-=100;break;case"prev":o+=100}K(o)}},K=function(e){var o=Q(),n=o.min,t=o.max;e>n&&(e=n),e<t&&(e=t),A({prev:e!==n,next:e>t}),q.current.style.transform="translate3d(0, ".concat(e,"px, 0)")},Q=function(){var e=q.current.parentNode.getBoundingClientRect().height,o=-(q.current.getBoundingClientRect().height-e);return e>q.current.getBoundingClientRect().height&&(o=0),{min:0,max:o}},V=function(e){var o={},n={},t={},i=function(e,r){for(var a=0,l=e.length;a<l;a++){var s=e[a],c=s.path;if(o[c]=s,r){var u=(0,z.DeepClone)(n[r.path]||[]);u.push(c),n[c]=H([],u,!0)}else n[c]=[c];s.children&&s.children.length>0?i(s.children,s):t[c]=n[c]}};i(e),L(t)},X=function(e,o){return function(n){clearTimeout(D.leaveTimer);var t=[e];e.children&&e.children.length>0&&(t=e.children),y(o),N(n.target),F(t),f(!0)}},ee=function(){f(!1),N(null),F([]),y(null)},oe=function(){clearTimeout(D.leaveTimer)},ne=function(){ee()},te=function(e){var o=e.icon,n=e.label;if(o){var t=S[o];return t?t():o}if(n)return n[0]},ie=function(e){if(!1===e)return setTimeout((function(){Z()}),300);u&&u(e)},re=function(e,o){var n="vertical-menu-list-item-shrink",t=I[E];return t&&-1!==t.indexOf(e.path)&&(n+=" vertical-menu-list-item-shrink-select"),b===o&&(n+=" vertical-menu-list-item-shrink-hover"),n},ae=(0,o.useMemo)((function(){if(l)return r.map((function(e,n){return(0,o.createElement)(Y,_({},e,{key:n,level:1,idMenuLast:I,selectMenu:E,onClickMenu:ie,shrinkOthers:d}))}))}),[l,r,I,E,u,d]),le=(0,o.useMemo)((function(){return l?null:r.map((function(o,n){return(0,e.jsx)("div",_({className:re(o,n),onMouseEnter:X(o,n),onMouseLeave:function(e){clearTimeout(D.leaveTimer),D.leaveTimer=setTimeout((function(){ee()}),100)}},{children:(0,e.jsx)("span",{children:te(o)},void 0)}),n)}))}),[l,r,I,E,b]),se=(0,o.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:R.prev&&(0,e.jsx)("span",_({className:"scroll-top"},{children:(0,e.jsx)(w(),{onClick:J("prev")},void 0)}),void 0)},void 0)}),[R]),ce=(0,o.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:R.next&&(0,e.jsx)("span",_({className:"scroll-bottom"},{children:(0,e.jsx)(w(),{onClick:J("next")},void 0)}),void 0)},void 0)}),[R]),ue=(0,o.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:g&&(0,e.jsx)($,{open:g,anchorEl:C,list:M,idMenuLast:I,selectMenu:E,onClickMenu:ie,onMouseEnter:oe,onMouseLeave:ne,className:v["vertical-menu-item-popper"],level:1},void 0)},void 0)}),[g,C,M,I,E,u,D]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",_({className:(W=v["vertical-menu-list"],W+=" vertical-menu-list",p&&(W+=" "+p),W),onWheel:function(e){return function(e){var o=e.deltaY,n=G(q.current.style.transform);K(n-=o)}(e)}},{children:[se,(0,e.jsx)("div",_({className:"vertical-menu-list-box"},{children:(0,e.jsxs)("div",_({className:"vertical-menu-list-box-srcoll",ref:q},{children:[ae,le]}),void 0)}),void 0),ce]}),void 0),ue]},void 0)},K=function(){return K=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},K.apply(this,arguments)},Q=(0,i.Z)(),V=(0,t.makeStyles)((function(){return(0,t.createStyles)({"vertical-footer":{paddingBottom:"20px","& > .line":{width:"calc(100% - 30px)",borderTop:"1px solid "+Q.bgBorderColor.line1,paddingBottom:"20px",margin:"0 auto"},"& > .back-btn":{padding:"0 15px",marginBottom:"10px","& > button":{width:"100%",whiteSpace:"nowrap",boxShadow:"none","& svg":{color:"white"}},"&.back-btn-shrink":{padding:"0","& > button":{minWidth:"inherit",borderRadius:"0","& > span":{"& > span":{margin:"0"}}}}},"& > .language":{"& .language-item":{height:"40px",lineHeight:"40px",display:"flex",padding:"0 15px",cursor:"pointer","&:hover":{backgroundColor:Q.bgBorderColor.line1,"& > .language-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .language-item-label":{color:Q.thmemColor.primary},"& > .language-item-arrow":{"& > svg":{color:Q.thmemColor.primary}}},"& > .language-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:Q.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"},"& > .opacity-pos-svg":{opacity:"0"}},"& > .language-item-label":{fontSize:"12px",color:Q.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"},"& > .language-item-arrow":{width:"16px","& > svg":{fontSize:"16px",transition:"all .3s",color:Q.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"},"& > .opacity-pos-svg":{opacity:"0"}}},"& > .li-collapse":{"& .language-item":{paddingLeft:"30px","&.language-item-select":{"& > .language-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .language-item-label":{color:Q.thmemColor.primary},"& > .language-item-arrow":{"& > svg":{color:Q.thmemColor.primary}}}}},"&.language-shrink":{"& .language-item":{justifyContent:"center",padding:"0",textAlign:"center","& > .language-item-icon":{marginRight:"0",width:"100%",position:"relative","&:after":{content:'""',position:"absolute",left:"0",top:"0",width:"100%",height:"100%",zIndex:10}}}},"&.language-select":{"& .language-item":{backgroundColor:Q.bgBorderColor.line1,"& > .language-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .language-item-label":{color:Q.thmemColor.primary}}}},"& > .btn-list":{"& > .btn-list-item":{height:"40px",lineHeight:"40px",display:"flex",padding:"0 15px",cursor:"pointer","&:hover":{backgroundColor:Q.bgBorderColor.line1,"& > .btn-list-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .btn-list-item-label":{color:Q.thmemColor.primary}},"& > .btn-list-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:Q.textColor.primary,verticalAlign:"top",position:"relative",top:"12px","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}},"& > .btn-list-item-label":{fontSize:"12px",color:Q.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"},"&.btn-list-item-select":{backgroundColor:Q.bgBorderColor.line1,"& > .btn-list-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .btn-list-item-label":{color:Q.thmemColor.primary}}},"&.btn-list-shrink":{"& .btn-list-item":{justifyContent:"center",padding:"0",textAlign:"center","& > .btn-list-item-icon":{marginRight:"0",width:"100%",position:"relative","&:after":{content:'""',position:"absolute",left:"0",top:"0",width:"100%",height:"100%",zIndex:10}}}}},"& > .logo":{display:"flex",padding:"0 15px",alignItems:"center",height:"40px",lineHeight:"40px","& > img":{height:"30px",width:"auto"},"& > span":{fontSize:"12px",color:Q.textColor.primary,width:"100%",fontWeight:"700",whiteSpace:"nowrap",marginLeft:"10px"},"&.logo-shrink":{padding:0,justifyContent:"center","& > span":{marginLeft:"0",textAlign:"center"}}},"&.vertical-footer-shrink":{"& > .line":{width:"calc(100% - 15px)"}}},"menu-popover":{paddingLeft:"5px",zIndex:10,"& > .menu-popover-box":{boxShadow:Q.boxShadow,borderRadius:Q.borderRadius,backgroundColor:"white",color:Q.textColor.primary,"& > .menu-popover-item":{width:"200px",height:"40px",padding:"0 10px",display:"flex",cursor:"pointer","&:hover":{backgroundColor:Q.bgBorderColor.line1,"& > .icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .label":{color:Q.thmemColor.primary}},"& > .icon":{marginRight:"10px","& > svg":{fontSize:"16px",color:Q.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"}},"& > .label":{fontSize:"12px",color:Q.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap",textAlign:"left",lineHeight:"40px"},"&.menu-popover-item-select":{"& > .icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .label":{color:Q.thmemColor.primary}}}}}})})),X=function(o){var n,t=o.backSelfcare,i=void 0===t?{}:t,r=o.expansion,a=void 0===r||r,l=o.customize,s=o.className,c=o.onClick,p=function(e){c&&c(e)};return(0,e.jsx)(e.Fragment,{children:l||(0,e.jsx)("div",K({className:(n="back-btn",s&&(n+=" "+s),a||(n+=" back-btn-shrink"),n)},{children:function(){if(a)return(0,e.jsx)(u.default,K({startIcon:i.icon,variant:"contained",onClick:p},{children:i.label}),void 0);if(i.icon)return(0,e.jsx)(u.default,{startIcon:i.icon,variant:"contained",onClick:p},void 0);if(i.label){var o=i.label;return"string"==typeof o&&(o=o[0]),(0,e.jsx)(u.default,K({variant:"contained",onClick:p},{children:o}),void 0)}}()}),void 0)},void 0)},ee=function(n){var t=V(n),i=n.language,r=void 0===i?[]:i,a=n.selectLang,l=void 0===a?"":a,s=n.onClick,u=n.expansion,m=void 0===u||u,d=n.className,v=n.customize,h=(0,o.useState)(!1),g=h[0],f=h[1],x=(0,o.useState)({}),b=x[0],y=x[1],j=(0,o.useState)({}),C=j[0],S=j[1],N=(0,o.useState)(!1),k=N[0],z=N[1],M=(0,o.useState)(null),F=M[0],O=M[1],E=(0,o.useState)({})[0];(0,o.useEffect)((function(){var e=b[l]||{};S(e)}),[l,b]),(0,o.useEffect)((function(){for(var e={},o=0,n=r.length;o<n;o++){var t=r[o];t.value&&(e[t.value]=t)}y(e)}),[r]);var T,P=function(){m&&f(!g)},I=function(e){return function(){s&&s(e.value,e),f(!1),z(!1)}},L=function(e){var o="language-item";return e.value===l&&(o+=" language-item-select"),o},B=(0,o.useMemo)((function(){return(0,e.jsx)(p.Collapse,K({in:g&&m,className:"li-collapse",timeout:"auto"},{children:r.map((function(o,n){return(0,e.jsxs)("div",K({className:L(o),onClick:I(o)},{children:[o.icon&&(0,e.jsx)("span",K({className:"language-item-icon"},{children:o.icon}),void 0),(0,e.jsx)("span",K({className:"language-item-label"},{children:o.label}),void 0)]}),n)}))}),void 0)}),[g,r,m,s]),R=function(e){m||(E.timer=setTimeout((function(){z(!1),O(null)}),100))},A=function(e){return function(o){m||(clearTimeout(E.timer),z(!0),e&&O(o.target))}},D=(0,o.useMemo)((function(){return(0,e.jsx)("div",K({className:"language-item",onClick:P,onMouseLeave:R,onMouseEnter:A(!0)},{children:m?(0,e.jsxs)(e.Fragment,{children:[C.icon&&(0,e.jsx)("span",K({className:"language-item-icon"},{children:C.icon}),void 0),(0,e.jsx)("span",K({className:"language-item-label"},{children:C.label}),void 0),r.length>1&&(0,e.jsx)("span",K({className:"language-item-arrow"},{children:(0,e.jsx)(w(),{},void 0)}),void 0)]},void 0):C.icon?(0,e.jsx)("span",K({className:"language-item-icon"},{children:C.icon}),void 0):C.label?"string"==typeof C.label?(0,e.jsx)("span",K({className:"language-item-label"},{children:C.label[0]}),void 0):(0,e.jsx)("span",K({className:"language-item-label"},{children:C.label}),void 0):void 0}),void 0)}),[m,C,r,g,E]),q=(0,o.useMemo)((function(){var o=function(e){var o="menu-popover-item";return e.value===C.value&&(o+=" menu-popover-item-select"),o};return(0,c.createPortal)((0,e.jsx)((function(){return(0,e.jsx)(p.Popper,K({open:k,anchorEl:F,disablePortal:!0,placement:"right-start",onMouseLeave:R,onMouseEnter:A(!1),className:(n=t["menu-popover"],n+=" menu-popover")},{children:(0,e.jsx)("div",K({className:"menu-popover-box"},{children:r.map((function(n,t){return(0,e.jsxs)("div",K({className:o(n),onClick:I(n)},{children:[n.icon&&(0,e.jsx)("span",K({className:"icon"},{children:n.icon}),void 0),(0,e.jsx)("span",K({className:"label"},{children:n.label}),void 0)]}),t)}))}),void 0)}),void 0);var n}),{},void 0),document.getElementsByTagName("body")[0])}),[r,C,t,k,F,E,s]);return(0,e.jsx)(e.Fragment,{children:v||(0,e.jsxs)("div",K({className:(T="language",d&&(T+=" "+d),m||(T+=" language-shrink"),k&&(T+=" language-select"),T)},{children:[D,B,k&&q]}),void 0)},void 0)},oe=function(n){var t,i=V(n),r=n.list,a=void 0===r?[]:r,l=n.expansion,s=void 0===l||l,u=n.customize,m=n.className,d=n.onClick,v=(0,o.useState)({}),h=v[0],g=v[1],f=(0,o.useState)(!1),x=f[0],b=f[1],y=(0,o.useState)(null),j=y[0],C=y[1],w=(0,o.useState)({})[0],S=function(e){s||(w.timer=setTimeout((function(){b(!1),C(null),g({})}),50))},N=function(e){return function(o){s||(clearTimeout(w.timer),b(!0),e&&(C(o.target),g(e)))}},k=function(e){return function(o){d&&d(e,o)}},z=(0,o.useMemo)((function(){return(0,c.createPortal)((0,e.jsx)((function(){return(0,e.jsx)(p.Popper,K({open:x,anchorEl:j,disablePortal:!0,placement:"right-start",onMouseLeave:S,onMouseEnter:N(),className:(o=i["menu-popover"],o+=" menu-popover")},{children:(0,e.jsx)("div",K({className:"menu-popover-box"},{children:(0,e.jsxs)("div",K({className:"menu-popover-item",onClick:k(h)},{children:[h.icon&&(0,e.jsx)("span",K({className:"icon"},{children:h.icon}),void 0),(0,e.jsx)("span",K({className:"label"},{children:h.label}),void 0)]}),void 0)}),void 0)}),void 0);var o}),{},void 0),document.getElementsByTagName("body")[0])}),[a,i,x,j,w,h]),M=(0,o.useMemo)((function(){var o=function(o){return s?(0,e.jsxs)(e.Fragment,{children:[o.icon&&(0,e.jsx)("span",K({className:"btn-list-item-icon"},{children:o.icon}),void 0),(0,e.jsx)("span",K({className:"btn-list-item-label"},{children:o.label}),void 0)]},void 0):o.icon?(0,e.jsx)("span",K({className:"btn-list-item-icon"},{children:o.icon}),void 0):o.label?"string"==typeof o.label?(0,e.jsx)("span",K({className:"btn-list-item-icon"},{children:o.label[0]}),void 0):(0,e.jsx)("span",K({className:"btn-list-item-label"},{children:o.label}),void 0):void 0};return(0,e.jsx)(e.Fragment,{children:a.map((function(n,t){var i="btn-list-item";return n.label&&n.label===h.label&&(i+=" btn-list-item-select"),(0,e.jsx)("div",K({className:i,onClick:k(n),onMouseLeave:S,onMouseEnter:N(n)},{children:o(n)}),t)}))},void 0)}),[a,s,h]);return(0,e.jsx)(e.Fragment,{children:u||(0,e.jsxs)("div",K({className:(t="btn-list",m&&(t+=" "+m),s||(t+=" btn-list-shrink"),t)},{children:[M,x&&z]}),void 0)},void 0)},ne=function(o){var n,t=o.user,i=void 0===t?{}:t,r=o.expansion,a=void 0===r||r,l=o.customize,s=o.className,c=o.onClick;return(0,e.jsx)(e.Fragment,{children:l||(0,e.jsx)("div",K({className:(n="logo",s&&(n+=" "+s),a||(n+=" logo-shrink"),n),onClick:function(e){c&&c(e)}},{children:function(){if(a)return(0,e.jsxs)(e.Fragment,{children:[i.img&&(0,e.jsx)("img",{src:i.img,alt:""},void 0),i.label&&(0,e.jsx)("span",{children:i.label},void 0)]},void 0);if(i.img)return(0,e.jsx)("img",{src:i.img,alt:""},void 0);if(i.label){if("string"==typeof i.label)return(0,e.jsx)("span",{children:i.label[0]},void 0);(0,e.jsx)("span",{children:i.label},void 0)}}()}),void 0)},void 0)},te=function(n){var t,i=V(n),r=n.className,a=void 0===r?"":r,l=n.expansion,s=void 0===l||l,c=n.backSelfcareProps,u=n.languageProps,p=n.btnListProps,m=n.userProps,d=n.customize,v=(0,o.useMemo)((function(){return c&&(0,e.jsx)(X,K({},c,{expansion:s}),void 0)}),[c,s]),h=(0,o.useMemo)((function(){return u&&(0,e.jsx)(ee,K({},u,{expansion:s}),void 0)}),[u,s]),g=(0,o.useMemo)((function(){return p&&(0,e.jsx)(oe,K({},p,{expansion:s}),void 0)}),[p,s]),f=(0,o.useMemo)((function(){return m&&(0,e.jsx)(ne,K({},m,{expansion:s}),void 0)}),[m,s]);return(0,e.jsx)(e.Fragment,{children:d||(0,e.jsxs)("div",K({className:(t=i["vertical-footer"],a&&(t+=" "+a),s||(t+=" vertical-footer-shrink"),t)},{children:[(0,e.jsx)("div",{className:"line"},void 0),v,h,g,f]}),void 0)},void 0)},ie=function(){return ie=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},ie.apply(this,arguments)},re=(0,i.Z)(),ae=(0,t.makeStyles)((function(){return(0,t.createStyles)({"footer-expansion":{"&.footer-expansion":{display:"flex",alignItems:"center",backgroundColor:re.bgBorderColor.bg2,padding:"5px 0",whiteSpace:"nowrap",height:"30px",lineHeight:"30px","& > svg":{fontSize:"20px",color:re.textColor.secondary,cursor:"pointer",marginLeft:"15px","&:hover":{color:re.thmemColor.primary}},"& > .line":{borderRight:"1px solid"+re.bgBorderColor.bg1,display:"inline-block",height:"16px",marginLeft:"15px"},"& > .version":{marginLeft:"10px",fontSize:"12px",color:re.textColor.secondary},"&.footer-expansion-shrink":{justifyContent:"center","& > svg":{margin:"0"},"& > .line":{display:"none"},"& > .version":{}}}}})})),le=function(o){var n=o.expansion,t=void 0===n||n,i=o.expandIcon,r=o.shrinkIcon,a=o.customizeContent,l=o.clickExpansion,s=o.version,c=o.className,u=ae(o),p=function(){l&&l(!t)},m=function(){var e=u["footer-expansion"];return e+=" footer-expansion",c&&(e+=" "+c),t||(e+=" footer-expansion-shrink"),e};return(0,e.jsx)("div",ie({className:m()},{children:function(){if(a)return a;return(0,e.jsxs)("div",ie({className:m()},{children:[t?i||(0,e.jsx)(L(),{onClick:p},void 0):r||(0,e.jsx)(R(),{onClick:p},void 0),(0,e.jsx)("span",{className:"line"},void 0),t&&s&&(0,e.jsx)("span",ie({className:"version"},{children:s}),void 0)]}),void 0)}()}),void 0)},se=function(){return se=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},se.apply(this,arguments)},ce=((0,i.Z)(),(0,t.makeStyles)((function(){return(0,t.createStyles)({"vertical-menu":{width:"100%",height:"100%",display:"flex",flexDirection:"column"}})}))),ue=function(n){var t=n.logoProps,i=n.menuListProps,r=n.footerProps,a=n.expansion,l=void 0===a||a,c=n.onClickExpansion,u=n.selectMenu,p=n.onClickMenu,m=n.className,d=n.shrinkOthers,v=void 0===d||d,h=n.footerExpansionProps,g=n.showExpansion,f=void 0===g||g,x=ce(n),b=(0,o.useState)(!0),y=b[0],j=b[1];(0,o.useEffect)((function(){l!==y&&j(l)}),[l]);var C,w=function(){c&&c(!y)},S=(0,o.useMemo)((function(){return n.logoProps&&(0,e.jsx)(s,se({},t,{expansion:y}),void 0)}),[t,y]),N=(0,o.useMemo)((function(){return n.menuListProps&&(0,e.jsx)(J,se({},i,{expansion:y,selectMenu:u,onClickMenu:p,shrinkOthers:v}),void 0)}),[i,y,u,p]),k=(0,o.useMemo)((function(){return n.footerProps&&(0,e.jsx)(te,se({},r,{expansion:y}),void 0)}),[r,y]),z=(0,o.useMemo)((function(){return f?(0,e.jsx)(le,se({clickExpansion:w},h,{expansion:y}),void 0):null}),[y,c,h,c,f]);return(0,e.jsxs)("div",se({className:(C=x["vertical-menu"],C+=" vertical-menu paraui-vertical-menu",m&&(C+=" "+m),l||(C+=" vertical-menu-shrink"),C)},{children:[S,N,k,z]}),void 0)},pe=function(){return pe=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},pe.apply(this,arguments)},me=function(e,o){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)o.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(n[t[i]]=e[t[i]])}return n},de=function(o){var n=o.mode,t=void 0===n?"vertical":n,i=me(o,["mode"]);return(0,e.jsx)(e.Fragment,{children:"vertical"===t?(0,e.jsx)(ue,pe({},i),void 0):(0,e.jsx)(W,pe({},i),void 0)},void 0)},ve=de}(),v}()}));
+r(4126);var t=r(9297),i=60103;if(n.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;i=o("react.element"),n.Fragment=o("react.fragment")}var a=t.__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,n,r){var t,o={},s=null,l=null;for(t in void 0!==r&&(s=""+r),void 0!==n.key&&(s=""+n.key),void 0!==n.ref&&(l=n.ref),n)c.call(n,t)&&!u.hasOwnProperty(t)&&(o[t]=n[t]);if(e&&e.defaultProps)for(t in n=e.defaultProps)void 0===o[t]&&(o[t]=n[t]);return{$$typeof:i,type:e,key:s,ref:l,props:o,_owner:a.current}}n.jsx=s,n.jsxs=s},7712:function(e,n,r){e.exports=r(9524)},7940:function(e,n,r){r.r(n),r.d(n,{Menu:function(){return P},default:function(){return C}});var t=r(7712),i=r(9297),o=r.n(i),a=function(){return a=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},a.apply(this,arguments)},c=function(e){var n,r=e.expansion,i=void 0===r||r,o=e.render,c=e.className;return(0,t.jsx)("div",a({className:(n="logo paraui-logo",c&&(n+=" "+c),i||(n+=" logo-shrink"),n)},{children:function(){if(o)return o}()}),void 0)},u=r(2268),s=r(1731),l=r(6028),f=r.n(l),p=r(1609),v=r(3475),d=function(){return d=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},d.apply(this,arguments)},m=function(e,n,r){if(r||2===arguments.length)for(var t,i=0,o=n.length;i<o;i++)!t&&i in n||(t||(t=Array.prototype.slice.call(n,0,i)),t[i]=n[i]);return e.concat(t||Array.prototype.slice.call(n))},h=function(e){var n=e.label,r=(e.type,e.path),o=e.icon,a=e.children,c=e.className,u=e.level,l=void 0===u?1:u,v=e.selectMenu,m=void 0===v?"":v,x=e.idMenuLast,j=e.onClickMenu,g=e.shrinkOthers,b=void 0===g||g,y=(0,i.useState)(!1),O=y[0],M=y[1];(0,i.useEffect)((function(){var e=x[m];e&&-1!==e.indexOf(r)&&e.length>1?M(!0):b&&M(!1)}),[x,m,r]);var k=function(){if(a&&a.length>0)return j&&j(!1),M(!O);j&&j(e)},N=function(){if(o){var e=p[o];return e?(0,t.jsx)("span",d({className:"menu-item-icon"},{children:e()}),void 0):(0,t.jsx)("span",d({className:"menu-item-icon"},{children:o}),void 0)}},E=(0,i.useMemo)((function(){return(0,t.jsxs)("div",d({onClick:k,className:"vertical-menu-list-item-content",style:(e={paddingRight:"12px"},e.paddingLeft=l>=0?36*(l-1)+16+"px":"16px",e)},{children:[N(),(0,t.jsx)("span",d({className:"menu-item-label"},{children:n}),void 0),(0,t.jsx)("span",d({className:"menu-item-arrow"},{children:a&&a.length>0?(0,t.jsx)(f(),{},void 0):(0,t.jsx)(f(),{className:"opacity-pos-svg"},void 0)}),void 0)]}),void 0);var e}),[a,j,O,l,o,n]),P=(0,i.useMemo)((function(){return(0,t.jsx)(s.Collapse,d({in:O,className:"li-collapse",timeout:"auto"},{children:a&&a.length>0&&a.map((function(e,n){return(0,t.jsx)(h,d({},e,{level:l+1,idMenuLast:x,selectMenu:m,onClickMenu:j,shrinkOthers:b}),n)}))}),void 0)}),[O,a,l,x,m,j,b]);return(0,t.jsxs)("div",d({className:function(){var e="vertical-menu-list-item";O&&(e+=" vertical-menu-list-item-open"),c&&(e+=" "+c);var n=x[m];if(n){var t=n.indexOf(r);-1!==t&&(e+=" vertical-menu-list-item-select",t===n.length-1&&(e+=" vertical-menu-list-item-select-last"),O||(e+=" vertical-menu-list-item-select-retract"))}return e}()},{children:[E,P]}),void 0)},x=function(e){var n=e.open,r=void 0!==n&&n,o=e.anchorEl,a=e.idMenuLast,c=e.selectMenu,l=void 0===c?"":c,v=e.onClickMenu,m=e.list,h=void 0===m?[]:m,j=e.onMouseEnter,g=e.onMouseLeave,b=e.level,y=void 0===b?1:b,O=e.className,M=(0,i.useState)(null),k=M[0],N=M[1],E=(0,i.useState)(null),P=E[0],C=E[1],S=(0,i.useState)([]),w=S[0],T=S[1],L=(0,i.useState)({})[0],_=function(e,n){return function(r){var t;r.stopPropagation(),r.cancelBubble=!0,t=r,clearTimeout(L.leaveTimer),L.leaveTimer=setTimeout((function(){1===y&&j&&j();var r=[e];e.children&&e.children.length>0&&(r=e.children);var i=t.target;C(i),T(r),N(n)}))}},q=function(e){return function(n){e.children&&e.children.length>0||(v&&v(e),g&&g())}},F=function(e){if(e){var n=p[e];return n?(0,t.jsx)("span",d({className:"menu-item-icon"},{children:n()}),void 0):(0,t.jsx)("span",d({className:"menu-item-icon"},{children:e}),void 0)}},I=function(e){var n="menu-item-popper-content-item",r=a&&a[l];return r&&-1!==r.indexOf(e.path)&&(n+=" menu-item-popper-content-item-select"),n},R=function(){var e="vertical-menu-item-popper";return O&&(e+=" "+O),e},B=(0,i.useCallback)((function(e,n){return(0,t.jsx)(t.Fragment,{children:e.children&&e.children.length>0&&k===n&&(0,t.jsx)(x,{open:k===n,anchorEl:P,list:w,idMenuLast:a,selectMenu:l,onClickMenu:v,onMouseEnter:j,onMouseLeave:g,level:y+1},void 0)},void 0)}),[k,P,w,a,l,v,j,g,y]),D=(0,i.useMemo)((function(){return(0,t.jsx)("div",d({className:"menu-item-popper-content"},{children:h.map((function(e,n){return(0,t.jsx)("div",d({className:I(e),onMouseLeave:function(e){e.stopPropagation(),e.cancelBubble=!0,clearTimeout(L.leaveTimer),L.leaveTimer=setTimeout((function(){g&&g(),N(null),C(null),T([])}))},onMouseEnter:_(e,n)},{children:(0,t.jsxs)("div",d({className:"menu-item-popper-content-item-content",onClick:q(e)},{children:[F(e.icon),(0,t.jsx)("span",d({className:"menu-item-label"},{children:e.label}),void 0),(0,t.jsx)("span",d({className:"menu-item-arrow"},{children:(r=e.children,r&&r.length>0?(0,t.jsx)(f(),{},void 0):(0,t.jsx)(f(),{className:"opacity-pos-svg"},void 0))}),void 0),B(e,n)]}),void 0)}),n);var r}))}),void 0)}),[h,v,k,P,w,a,l,v,j,g,y]),U=function(){return 1!==y?(0,t.jsx)("div",d({className:R()},{children:D}),void 0):(0,t.jsx)(s.Popper,d({open:r,anchorEl:o,disablePortal:!0,placement:"right-start",className:R()},{children:D}),void 0)};return(0,t.jsx)(t.Fragment,{children:1===y?(0,u.createPortal)((0,t.jsx)(U,{},void 0),document.getElementsByTagName("body")[0]):(0,t.jsx)(U,{},void 0)},void 0)},j=function(e){if(!e)return 0;try{var n=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(n&&n[2])}catch(e){}return 0},g=function(e){var n=e.list,r=void 0===n?[]:n,a=e.expansion,c=void 0===a||a,u=e.selectMenu,s=void 0===u?"":u,l=e.onClickMenu,g=e.className,b=e.shrinkOthers,y=void 0===b||b,O=e.color,M=(0,i.useState)(!1),k=M[0],N=M[1],E=(0,i.useState)(null),P=E[0],C=E[1],S=(0,i.useState)(null),w=S[0],T=S[1],L=(0,i.useState)([]),_=L[0],q=L[1],F=(0,i.useState)(""),I=F[0],R=F[1],B=(0,i.useState)({}),D=B[0],U=B[1],A=(0,i.useState)({prev:!1,next:!1}),W=A[0],Y=A[1],$=(0,i.useState)({})[0],z=o().useRef();(0,i.useEffect)((function(){s!==I&&R(s),H()}),[s]),(0,i.useEffect)((function(){V(r),H()}),[r]);var G,H=function(){var e=Q(),n=e.min,r=e.max,t=j(z.current.style.transform);Y({prev:t!==n,next:t>r})},J=function(e){return function(){var n=j(z.current.style.transform);switch(e){case"next":n-=100;break;case"prev":n+=100}K(n)}},K=function(e){var n=Q(),r=n.min,t=n.max;e>r&&(e=r),e<t&&(e=t),Y({prev:e!==r,next:e>t}),z.current.style.transform="translate3d(0, ".concat(e,"px, 0)")},Q=function(){var e=z.current.parentNode.getBoundingClientRect().height,n=-(z.current.getBoundingClientRect().height-e);return e>z.current.getBoundingClientRect().height&&(n=0),{min:0,max:n}},V=function(e){var n={},r={},t={},i=function(e,o){for(var a=0,c=e.length;a<c;a++){var u=e[a],s=u.path;if(n[s]=u,o){var l=(0,v.DeepClone)(r[o.path]||[]);l.push(s),r[s]=m([],l,!0)}else r[s]=[s];u.children&&u.children.length>0?i(u.children,u):t[s]=r[s]}};i(e),U(t)},X=function(e,n){return function(r){clearTimeout($.leaveTimer);var t=[e];e.children&&e.children.length>0&&(t=e.children),C(n),T(r.target),q(t),N(!0)}},Z=function(){N(!1),T(null),q([]),C(null)},ee=function(){clearTimeout($.leaveTimer)},ne=function(){Z()},re=function(e){var n=e.icon,r=e.label;if(n){var t=p[n];return t?t():n}return"string"==typeof r?r[0]:r},te=function(e){if(!1===e)return setTimeout((function(){H()}),300);l&&l(e)},ie=function(e,n){var r="vertical-menu-list-item-shrink",t=D[I];return t&&-1!==t.indexOf(e.path)&&(r+=" vertical-menu-list-item-shrink-select"),P===n&&(r+=" vertical-menu-list-item-shrink-hover"),r},oe=(0,i.useMemo)((function(){if(c)return r.map((function(e,n){return(0,i.createElement)(h,d({},e,{key:n,level:1,idMenuLast:D,selectMenu:I,onClickMenu:te,shrinkOthers:y}))}))}),[c,r,D,I,l,y]),ae=(0,i.useMemo)((function(){return c?null:r.map((function(e,n){return(0,t.jsx)("div",d({className:ie(e,n),onMouseEnter:X(e,n),onMouseLeave:function(e){clearTimeout($.leaveTimer),$.leaveTimer=setTimeout((function(){Z()}),100)}},{children:(0,t.jsx)("span",{children:re(e)},void 0)}),n)}))}),[c,r,D,I,P]),ce=(0,i.useMemo)((function(){return(0,t.jsx)(t.Fragment,{children:W.prev&&(0,t.jsx)("span",d({className:"scroll-top"},{children:(0,t.jsx)(f(),{onClick:J("prev")},void 0)}),void 0)},void 0)}),[W]),ue=(0,i.useMemo)((function(){return(0,t.jsx)(t.Fragment,{children:W.next&&(0,t.jsx)("span",d({className:"scroll-bottom"},{children:(0,t.jsx)(f(),{onClick:J("next")},void 0)}),void 0)},void 0)}),[W]),se=(0,i.useMemo)((function(){var e;return(0,t.jsx)(t.Fragment,{children:k&&(0,t.jsx)(x,{open:k,anchorEl:w,list:_,idMenuLast:D,selectMenu:I,onClickMenu:te,onMouseEnter:ee,onMouseLeave:ne,className:(e="paraui-vertical-menu-item-popper",O&&(e+=" paraui-vertical-menu-item-popper-"+O),e),level:1},void 0)},void 0)}),[k,w,_,D,I,l,$,O]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",d({className:(G="paraui-vertical-menu-list vertical-menu-list",g&&(G+=" "+g),G),onWheel:function(e){return function(e){var n=e.deltaY,r=j(z.current.style.transform);K(r-=n)}(e)}},{children:[ce,(0,t.jsx)("div",d({className:"vertical-menu-list-box"},{children:(0,t.jsxs)("div",d({className:"vertical-menu-list-box-srcoll",ref:z},{children:[oe,ae]}),void 0)}),void 0),ue]}),void 0),se]},void 0)},b=r(1228),y=r.n(b),O=r(9387),M=r.n(O),k=function(){return k=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},k.apply(this,arguments)},N=function(e){var n,r=e.expansion,i=void 0===r||r,o=e.expandIcon,a=e.shrinkIcon,c=e.customizeContent,u=e.clickExpansion,s=e.version,l=e.className,f=function(){u&&u(!i)};return(0,t.jsx)("div",k({className:(n="footer-expansion paraui-footer-expansion",l&&(n+=" "+l),i||(n+=" footer-expansion-shrink"),n)},{children:function(){if(c)return c;return(0,t.jsxs)(t.Fragment,{children:[i?o||(0,t.jsx)(y(),{onClick:f},void 0):a||(0,t.jsx)(M(),{onClick:f},void 0),i&&s&&(0,t.jsx)("span",k({className:"version"},{children:s}),void 0)]},void 0)}()}),void 0)},E=function(){return E=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},E.apply(this,arguments)},P=function(e){var n=e.color,r=void 0===n?"deep":n,o=e.logoProps,a=e.menuListProps,u=e.expansion,s=void 0===u||u,l=e.onClickExpansion,f=e.selectMenu,p=e.onClickMenu,v=e.className,d=e.shrinkOthers,m=void 0===d||d,h=e.footerExpansionProps,x=e.showExpansion,j=void 0===x||x,b=(0,i.useState)(!0),y=b[0],O=b[1];(0,i.useEffect)((function(){s!==y&&O(s)}),[s]);var M,k=function(){l&&l(!y)},P=(0,i.useMemo)((function(){return e.logoProps&&(0,t.jsx)(c,E({},o,{expansion:y}),void 0)}),[o,y]),C=(0,i.useMemo)((function(){return e.menuListProps&&(0,t.jsx)(g,E({},a,{color:r,expansion:y,selectMenu:f,onClickMenu:p,shrinkOthers:m}),void 0)}),[a,y,f,p,r]),S=(0,i.useMemo)((function(){return j?(0,t.jsx)(N,E({clickExpansion:k},h,{expansion:y}),void 0):null}),[y,l,h,l,j]);return(0,t.jsxs)("div",E({className:(M="vertical-menu paraui-vertical-menu",v&&(M+=" "+v),r&&(M+=" paraui-vertical-menu-"+r),s||(M+=" vertical-menu-shrink"),M)},{children:[P,C,S]}),void 0)},C=P},1731:function(n){n.exports=e},1609:function(e){e.exports=n},6028:function(e){e.exports=r},9387:function(e){e.exports=t},1228:function(e){e.exports=i},3475:function(e){e.exports=o},9297:function(e){e.exports=a},2268:function(e){e.exports=c}},l={};function f(e){var n=l[e];if(void 0!==n)return n.exports;var r=l[e]={exports:{}};return s[e](r,r.exports,f),r.exports}f.m=s,u=[],f.O=function(e,n,r,t){if(!n){var i=1/0;for(c=0;c<u.length;c++){n=u[c][0],r=u[c][1],t=u[c][2];for(var o=!0,a=0;a<n.length;a++)(!1&t||i>=t)&&Object.keys(f.O).every((function(e){return f.O[e](n[a])}))?n.splice(a--,1):(o=!1,t<i&&(i=t));o&&(u.splice(c--,1),e=r())}return e}t=t||0;for(var c=u.length;c>0&&u[c-1][2]>t;c--)u[c]=u[c-1];u[c]=[n,r,t]},f.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(n,{a:n}),n},f.d=function(e,n){for(var r in n)f.o(n,r)&&!f.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},f.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={7309:0,9296:0};f.O.j=function(n){return 0===e[n]};var n=function(n,r){var t,i,o=r[0],a=r[1],c=r[2],u=0;for(t in a)f.o(a,t)&&(f.m[t]=a[t]);if(c)var s=c(f);for(n&&n(r);u<o.length;u++)i=o[u],f.o(e,i)&&e[i]&&e[i][0](),e[o[u]]=0;return f.O(s)},r=self.webpackChunkParaUI=self.webpackChunkParaUI||[];r.forEach(n.bind(null,0)),r.push=n.bind(null,r.push.bind(r))}();var p=f.O(void 0,[9296],(function(){return f(7940)}));return p=f.O(p)}()}));

package/Menu/interface.d.ts

@@ -4,32 +4,25 @@
  * @description 菜单参数
  */
 import { ReactNode } from 'react';
+/** 菜单类型 */
+export declare type MenuListTypeType = 'redirect' | 'router' | "iframe" | "snack" | "snackPage";
+/** color类型 */
+export declare type ColorType = 'deep' | 'light';
 /** logo参数 */
 export interface LogoProps {
-    /** 模式 split分离 full铺满 */
-    mode?: 'split' | 'full';
     /** 展开 / 收起 */
     expansion?: boolean;
-    /** logo地址 */
-    img?: string;
-    /** 标题 */
-    title?: string;
     /** 自定义内容 */
-    customizeContent?: ReactNode;
+    render?: ReactNode;
     /** 样式class */
     className?: string;
-    [name: string]: any;
 }
-/** 菜单模式: vertical竖向 horizontal横向 */
-export declare type MenuModeType = 'vertical' | 'horizontal';
-/** 菜单类型 */
-export declare type MenuListTypeType = 'redirect' | 'router' | "iframe" | "snack" | "snackPage";
 /** 菜单列表项参数 */
 export interface MenuChildrenProps {
     /** 样式class */
     className?: string;
     /** 菜单名 */
-    label?: string;
+    label?: ReactNode;
     /** 菜单类型 */
     type?: MenuListTypeType;
     /** 菜单路径 */
@@ -52,8 +45,8 @@ export interface MenuChildrenProps {
 }
 /** 菜单列表参数 */
 export interface MenuListProps {
-    /** 菜单模式 vertical竖向 horizontal横向 */
-    mode?: MenuModeType;
+    /** 颜色 */
+    color?: ColorType;
     /** 展开 / 收起 */
     expansion?: boolean;
     /** 菜单列表参数 */
@@ -66,8 +59,6 @@ export interface MenuListProps {
     className?: string;
     /** 选中菜单,是否收起其他展开项 */
     shrinkOthers?: boolean;
-    /** 自定义更多内容 */
-    moreCustomize?: ReactNode;
     [name: string]: any;
 }
 /** 弹出菜单 */
@@ -93,108 +84,6 @@ export interface MenuItemPopoverProps {
     className?: string;
     [name: string]: any;
 }
-/** 语言 */
-export interface LanguageItemProps {
-    /** 图标 */
-    icon?: ReactNode;
-    /** 文字 */
-    label?: ReactNode;
-    /** 值 */
-    value?: string;
-    [name: string]: any;
-}
-/** 语言 */
-export interface LanguageProps {
-    /** 样式class */
-    className?: string;
-    /** 是否展开 */
-    expansion?: boolean;
-    /** 当前选中的语言 */
-    selectLang?: string;
-    /** 语言列表 */
-    language?: LanguageItemProps[];
-    /** 点击下拉语言 */
-    onClick?: (val: any, item: LanguageItemProps) => void;
-    /** 自定义 */
-    customize?: ReactNode;
-}
-export interface BackSelfcareProps {
-    /** 返回自助服务 */
-    backSelfcare?: {
-        /** 图标 */
-        icon?: ReactNode;
-        /** 标题 */
-        label?: ReactNode;
-        [name: string]: any;
-    };
-    /** 是否展开 */
-    expansion?: boolean;
-    /** 自定义 */
-    customize?: ReactNode;
-    /** 样式class */
-    className?: string;
-    /** 点击事件 */
-    onClick?: (e: any) => void;
-}
-/** 按钮listItem */
-export interface BtnListItemProps {
-    /** 图标 */
-    icon?: ReactNode;
-    /** 标题 */
-    label?: ReactNode;
-    /** 值 */
-    value?: string;
-    [name: string]: any;
-}
-/** 按钮列表 */
-export interface BtnListProps {
-    /** 按钮list */
-    list?: BtnListItemProps[];
-    /** 是否展开 */
-    expansion?: boolean;
-    /** 自定义 */
-    customize?: ReactNode;
-    /** 样式class */
-    className?: string;
-    /** 点击事件 */
-    onClick?: (item: BtnListItemProps, e: any) => void;
-}
-/** 用户信息 */
-export interface UserProps {
-    /** 用户信息 */
-    user?: {
-        /** 图片地址 */
-        img?: string;
-        /** 显示名 */
-        label?: ReactNode;
-        [name: string]: any;
-    };
-    /** 是否展开 */
-    expansion?: boolean;
-    /** 自定义 */
-    customize?: ReactNode;
-    /** 样式class */
-    className?: string;
-    /** 点击用户 */
-    onClick?: (e: any) => void;
-}
-/** 尾部导航 */
-export interface FooterProps {
-    /** 样式class */
-    className?: string;
-    /** 是否展开 */
-    expansion?: boolean;
-    /** 返回自助参数 */
-    backSelfcareProps?: BackSelfcareProps;
-    /** 语言采纳数 */
-    languageProps?: LanguageProps;
-    /** 按钮list */
-    btnListProps?: BtnListProps;
-    /** 用户参数 */
-    userProps?: UserProps;
-    /** 自定义 */
-    customize?: ReactNode;
-}
 /** 尾部展开 */
 export interface FooterExpansionProps {
     /** 是否展开 */
@@ -203,8 +92,8 @@ export interface FooterExpansionProps {
     expandIcon?: ReactNode;
     /** 收起图标 */
     shrinkIcon?: ReactNode;
-    /** 自定义 */
-    customizeContent?: ReactNode;
+    /** 自定义尾部 */
+    render?: ReactNode;
     /** 样式class */
     className?: string;
     /** 展开事件 */
@@ -217,8 +106,8 @@ export interface FooterExpansionProps {
 export interface MenuProps {
     /** 样式class */
     className?: string;
-    /** 菜单模式 vertical竖向 horizontal横向 */
-    mode?: MenuModeType;
+    /** 颜色 */
+    color?: ColorType;
     /** 展开 / 收起 */
     expansion?: boolean;
     /** 当前选中菜单 */
@@ -231,8 +120,6 @@ export interface MenuProps {
     logoProps?: LogoProps;
     /** 菜单配置 */
     menuListProps?: MenuListProps;
-    /** 尾部参数 */
-    footerProps?: FooterProps;
     /** 尾部展开参数 */
     footerExpansionProps?: FooterExpansionProps;
     /** 展开事件 */

package/Menu/logo.d.ts

@@ -1,8 +1,8 @@
 /**
-* @author linhd
-* @date 2021/8/10 16:35
-* @description 菜单图标
-*/
+ * @author linhd
+ * @date 2021/8/10 16:35
+ * @description 菜单图标
+ */
 import { FunctionComponent } from 'react';
 import { LogoProps } from './interface';
 export declare const Logo: FunctionComponent<LogoProps>;

package/Menu/verticalMenuList.d.ts

@@ -1,8 +1,8 @@
 /**
-* @author linhd
-* @date 2021/8/10 17:54
-* @description 竖向菜单
-*/
+ * @author linhd
+ * @date 2021/8/10 17:54
+ * @description 竖向菜单
+ */
 import { FunctionComponent } from 'react';
 import { MenuListProps } from './interface';
 /** 上下箭头 */

package/Message/index.d.ts

@@ -18,6 +18,14 @@ export declare type MsgTypeProps = {
      * 最大显示数
      */
     maxCount?: number;
+    /**
+     * 描述
+     */
+    desc?: string;
+    /**
+     * 隐藏默认图标
+     */
+    hideIcon?: boolean;
 };
 interface MsgPorps {
     (config: string | MsgTypeProps, removeTime?: number): void;