@para-ui/core 2.0.13 → 2.0.17

package/Menu/index.js

@@ -1,10 +1,10 @@
-!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){
+!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,t,r,i,o,a,c){return function(){"use strict";var s={7418:function(e){
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-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){
+var n=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=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={},t=0;t<10;t++)n["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(n).map((function(e){return n[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,o){for(var a,c,s=i(e),u=1;u<arguments.length;u++){for(var l in a=Object(arguments[u]))t.call(a,l)&&(s[l]=a[l]);if(n){c=n(a);for(var p=0;p<c.length;p++)r.call(a,c[p])&&(s[c[p]]=a[c[p]])}}return s}},5251:function(e,n,t){
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -13,4 +13,4 @@ var n=Object.getOwnPropertySymbols,r=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.
  */
-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)}()}));
+t(7418);var r=t(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=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function u(e,n,t){var r,o={},u=null,l=null;for(r in void 0!==t&&(u=""+t),void 0!==n.key&&(u=""+n.key),void 0!==n.ref&&(l=n.ref),n)c.call(n,r)&&!s.hasOwnProperty(r)&&(o[r]=n[r]);if(e&&e.defaultProps)for(r in n=e.defaultProps)void 0===o[r]&&(o[r]=n[r]);return{$$typeof:i,type:e,key:u,ref:l,props:o,_owner:a.current}}n.jsx=u,n.jsxs=u},5893:function(e,n,t){e.exports=t(5251)},1731:function(n){n.exports=e},1609:function(e){e.exports=n},6028:function(e){e.exports=t},9387:function(e){e.exports=r},1228:function(e){e.exports=i},3475:function(e){e.exports=o},9297:function(e){e.exports=a},2268:function(e){e.exports=c}},u={};function l(e){var n=u[e];if(void 0!==n)return n.exports;var t=u[e]={exports:{}};return s[e](t,t.exports,l),t.exports}l.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(n,{a:n}),n},l.d=function(e,n){for(var t in n)l.o(n,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},l.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};return function(){l.r(p),l.d(p,{Menu:function(){return E},default:function(){return P}});var e=l(5893),n=l(9297),t=l.n(n),r=function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},r.apply(this,arguments)},i=function(n){var t,i=n.expansion,o=void 0===i||i,a=n.render,c=n.className;return(0,e.jsx)("div",r({className:(t="logo paraui-logo",c&&(t+=" "+c),o||(t+=" logo-shrink"),t)},{children:function(){if(a)return a}()}),void 0)},o=l(2268),a=l(1731),c=l(6028),s=l.n(c),u=l(1609),f=l(3475),d=function(){return d=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},d.apply(this,arguments)},v=function(e,n,t){if(t||2===arguments.length)for(var r,i=0,o=n.length;i<o;i++)!r&&i in n||(r||(r=Array.prototype.slice.call(n,0,i)),r[i]=n[i]);return e.concat(r||Array.prototype.slice.call(n))},m=function(t){var r=t.label,i=(t.type,t.path),o=t.icon,c=t.children,l=t.className,p=t.level,f=void 0===p?1:p,v=t.selectMenu,h=void 0===v?"":v,x=t.idMenuLast,j=t.onClickMenu,g=t.shrinkOthers,y=void 0===g||g,b=(0,n.useState)(!1),O=b[0],M=b[1];(0,n.useEffect)((function(){var e=x[h];e&&-1!==e.indexOf(i)&&e.length>1?M(!0):y&&M(!1)}),[x,h,i]);var N=function(){if(c&&c.length>0)return j&&j(!1),M(!O);j&&j(t)},k=function(){if(o){var n=u[o];return n?(0,e.jsx)("span",d({className:"menu-item-icon"},{children:n()}),void 0):(0,e.jsx)("span",d({className:"menu-item-icon"},{children:o}),void 0)}},E=(0,n.useMemo)((function(){return(0,e.jsxs)("div",d({onClick:N,className:"vertical-menu-list-item-content",style:(n={paddingRight:"12px"},n.paddingLeft=f>=0?36*(f-1)+16+"px":"16px",n)},{children:[k(),(0,e.jsx)("span",d({className:"menu-item-label"},{children:r}),void 0),(0,e.jsx)("span",d({className:"menu-item-arrow"},{children:c&&c.length>0?(0,e.jsx)(s(),{},void 0):(0,e.jsx)(s(),{className:"opacity-pos-svg"},void 0)}),void 0)]}),void 0);var n}),[c,j,O,f,o,r]),P=(0,n.useMemo)((function(){return(0,e.jsx)(a.Collapse,d({in:O,className:"li-collapse",timeout:"auto"},{children:c&&c.length>0&&c.map((function(n,t){return(0,e.jsx)(m,d({},n,{level:f+1,idMenuLast:x,selectMenu:h,onClickMenu:j,shrinkOthers:y}),t)}))}),void 0)}),[O,c,f,x,h,j,y]);return(0,e.jsxs)("div",d({className:function(){var e="vertical-menu-list-item";O&&(e+=" vertical-menu-list-item-open"),l&&(e+=" "+l);var n=x[h];if(n){var t=n.indexOf(i);-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)},h=function(t){var r=t.open,i=void 0!==r&&r,c=t.anchorEl,l=t.idMenuLast,p=t.selectMenu,f=void 0===p?"":p,v=t.onClickMenu,m=t.list,x=void 0===m?[]:m,j=t.onMouseEnter,g=t.onMouseLeave,y=t.level,b=void 0===y?1:y,O=t.className,M=(0,n.useState)(null),N=M[0],k=M[1],E=(0,n.useState)(null),P=E[0],S=E[1],C=(0,n.useState)([]),w=C[0],T=C[1],L=(0,n.useState)({})[0],_=function(e,n){return function(t){var r;t.stopPropagation(),t.cancelBubble=!0,r=t,clearTimeout(L.leaveTimer),L.leaveTimer=setTimeout((function(){1===b&&j&&j();var t=[e];e.children&&e.children.length>0&&(t=e.children);var i=r.target;S(i),T(t),k(n)}))}},q=function(e){return function(n){e.children&&e.children.length>0||(v&&v(e),g&&g())}},F=function(n){if(n){var t=u[n];return t?(0,e.jsx)("span",d({className:"menu-item-icon"},{children:t()}),void 0):(0,e.jsx)("span",d({className:"menu-item-icon"},{children:n}),void 0)}},I=function(e){var n="menu-item-popper-content-item",t=l&&l[f];return t&&-1!==t.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,n.useCallback)((function(n,t){return(0,e.jsx)(e.Fragment,{children:n.children&&n.children.length>0&&N===t&&(0,e.jsx)(h,{open:N===t,anchorEl:P,list:w,idMenuLast:l,selectMenu:f,onClickMenu:v,onMouseEnter:j,onMouseLeave:g,level:b+1},void 0)},void 0)}),[N,P,w,l,f,v,j,g,b]),D=(0,n.useMemo)((function(){return(0,e.jsx)("div",d({className:"menu-item-popper-content"},{children:x.map((function(n,t){return(0,e.jsx)("div",d({className:I(n),onMouseLeave:function(e){e.stopPropagation(),e.cancelBubble=!0,clearTimeout(L.leaveTimer),L.leaveTimer=setTimeout((function(){g&&g(),k(null),S(null),T([])}))},onMouseEnter:_(n,t)},{children:(0,e.jsxs)("div",d({className:"menu-item-popper-content-item-content",onClick:q(n)},{children:[F(n.icon),(0,e.jsx)("span",d({className:"menu-item-label"},{children:n.label}),void 0),(0,e.jsx)("span",d({className:"menu-item-arrow"},{children:(r=n.children,r&&r.length>0?(0,e.jsx)(s(),{},void 0):(0,e.jsx)(s(),{className:"opacity-pos-svg"},void 0))}),void 0),B(n,t)]}),void 0)}),t);var r}))}),void 0)}),[x,v,N,P,w,l,f,v,j,g,b]),U=function(){return 1!==b?(0,e.jsx)("div",d({className:R()},{children:D}),void 0):(0,e.jsx)(a.Popper,d({open:i,anchorEl:c,disablePortal:!0,placement:"right-start",className:R()},{children:D}),void 0)};return(0,e.jsx)(e.Fragment,{children:1===b?(0,o.createPortal)((0,e.jsx)(U,{},void 0),document.getElementsByTagName("body")[0]):(0,e.jsx)(U,{},void 0)},void 0)},x=function(e){if(!e)return 0;try{var n=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(n&&n[2])}catch(e){}return 0},j=function(r){var i=r.list,o=void 0===i?[]:i,a=r.expansion,c=void 0===a||a,l=r.selectMenu,p=void 0===l?"":l,j=r.onClickMenu,g=r.className,y=r.shrinkOthers,b=void 0===y||y,O=r.color,M=(0,n.useState)(!1),N=M[0],k=M[1],E=(0,n.useState)(null),P=E[0],S=E[1],C=(0,n.useState)(null),w=C[0],T=C[1],L=(0,n.useState)([]),_=L[0],q=L[1],F=(0,n.useState)(""),I=F[0],R=F[1],B=(0,n.useState)({}),D=B[0],U=B[1],A=(0,n.useState)({prev:!1,next:!1}),W=A[0],Y=A[1],$=(0,n.useState)({})[0],z=t().useRef();(0,n.useEffect)((function(){p!==I&&R(p),H()}),[p]),(0,n.useEffect)((function(){V(o),H()}),[o]);var G,H=function(){var e=Q(),n=e.min,t=e.max,r=x(z.current.style.transform);Y({prev:r!==n,next:r>t})},J=function(e){return function(){var n=x(z.current.style.transform);switch(e){case"next":n-=100;break;case"prev":n+=100}K(n)}},K=function(e){var n=Q(),t=n.min,r=n.max;e>t&&(e=t),e<r&&(e=r),Y({prev:e!==t,next:e>r}),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={},t={},r={},i=function(e,o){for(var a=0,c=e.length;a<c;a++){var s=e[a],u=s.path;if(n[u]=s,o){var l=(0,f.DeepClone)(t[o.path]||[]);l.push(u),t[u]=v([],l,!0)}else t[u]=[u];s.children&&s.children.length>0?i(s.children,s):r[u]=t[u]}};i(e),U(r)},X=function(e,n){return function(t){clearTimeout($.leaveTimer);var r=[e];e.children&&e.children.length>0&&(r=e.children),S(n),T(t.target),q(r),k(!0)}},Z=function(){k(!1),T(null),q([]),S(null)},ee=function(){clearTimeout($.leaveTimer)},ne=function(){Z()},te=function(e){var n=e.icon,t=e.label;if(n){var r=u[n];return r?r():n}return"string"==typeof t?t[0]:t},re=function(e){if(!1===e)return setTimeout((function(){H()}),300);j&&j(e)},ie=function(e,n){var t="vertical-menu-list-item-shrink",r=D[I];return r&&-1!==r.indexOf(e.path)&&(t+=" vertical-menu-list-item-shrink-select"),P===n&&(t+=" vertical-menu-list-item-shrink-hover"),t},oe=(0,n.useMemo)((function(){if(c)return o.map((function(e,t){return(0,n.createElement)(m,d({},e,{key:t,level:1,idMenuLast:D,selectMenu:I,onClickMenu:re,shrinkOthers:b}))}))}),[c,o,D,I,j,b]),ae=(0,n.useMemo)((function(){return c?null:o.map((function(n,t){return(0,e.jsx)("div",d({className:ie(n,t),onMouseEnter:X(n,t),onMouseLeave:function(e){clearTimeout($.leaveTimer),$.leaveTimer=setTimeout((function(){Z()}),100)}},{children:(0,e.jsx)("span",{children:te(n)},void 0)}),t)}))}),[c,o,D,I,P]),ce=(0,n.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:W.prev&&(0,e.jsx)("span",d({className:"scroll-top"},{children:(0,e.jsx)(s(),{onClick:J("prev")},void 0)}),void 0)},void 0)}),[W]),se=(0,n.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:W.next&&(0,e.jsx)("span",d({className:"scroll-bottom"},{children:(0,e.jsx)(s(),{onClick:J("next")},void 0)}),void 0)},void 0)}),[W]),ue=(0,n.useMemo)((function(){var n;return(0,e.jsx)(e.Fragment,{children:N&&(0,e.jsx)(h,{open:N,anchorEl:w,list:_,idMenuLast:D,selectMenu:I,onClickMenu:re,onMouseEnter:ee,onMouseLeave:ne,className:(n="paraui-vertical-menu-item-popper",O&&(n+=" paraui-vertical-menu-item-popper-"+O),n),level:1},void 0)},void 0)}),[N,w,_,D,I,j,$,O]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.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,t=x(z.current.style.transform);K(t-=n)}(e)}},{children:[ce,(0,e.jsx)("div",d({className:"vertical-menu-list-box"},{children:(0,e.jsxs)("div",d({className:"vertical-menu-list-box-srcoll",ref:z},{children:[oe,ae]}),void 0)}),void 0),se]}),void 0),ue]},void 0)},g=l(1228),y=l.n(g),b=l(9387),O=l.n(b),M=function(){return M=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},M.apply(this,arguments)},N=function(n){var t,r=n.expansion,i=void 0===r||r,o=n.expandIcon,a=n.shrinkIcon,c=n.customizeContent,s=n.clickExpansion,u=n.version,l=n.className,p=function(){s&&s(!i)};return(0,e.jsx)("div",M({className:(t="footer-expansion paraui-footer-expansion",l&&(t+=" "+l),i||(t+=" footer-expansion-shrink"),t)},{children:function(){if(c)return c;return(0,e.jsxs)(e.Fragment,{children:[i?o||(0,e.jsx)(y(),{onClick:p},void 0):a||(0,e.jsx)(O(),{onClick:p},void 0),i&&u&&(0,e.jsx)("span",M({className:"version"},{children:u}),void 0)]},void 0)}()}),void 0)},k=function(){return k=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},k.apply(this,arguments)},E=function(t){var r=t.color,o=void 0===r?"deep":r,a=t.logoProps,c=t.menuListProps,s=t.expansion,u=void 0===s||s,l=t.onClickExpansion,p=t.selectMenu,f=t.onClickMenu,d=t.className,v=t.shrinkOthers,m=void 0===v||v,h=t.footerExpansionProps,x=t.showExpansion,g=void 0===x||x,y=(0,n.useState)(!0),b=y[0],O=y[1];(0,n.useEffect)((function(){u!==b&&O(u)}),[u]);var M,E=function(){l&&l(!b)},P=(0,n.useMemo)((function(){return t.logoProps&&(0,e.jsx)(i,k({},a,{expansion:b}),void 0)}),[a,b]),S=(0,n.useMemo)((function(){return t.menuListProps&&(0,e.jsx)(j,k({},c,{color:o,expansion:b,selectMenu:p,onClickMenu:f,shrinkOthers:m}),void 0)}),[c,b,p,f,o]),C=(0,n.useMemo)((function(){return g?(0,e.jsx)(N,k({clickExpansion:E},h,{expansion:b}),void 0):null}),[b,l,h,l,g]);return(0,e.jsxs)("div",k({className:(M="vertical-menu paraui-vertical-menu",d&&(M+=" "+d),o&&(M+=" paraui-vertical-menu-"+o),u||(M+=" vertical-menu-shrink"),M)},{children:[P,S,C]}),void 0)},P=E}(),p}()}));

package/Message/index.css

@@ -0,0 +1,2 @@
+.para-message-box{position:fixed;top:3%;left:0;z-index:10005;text-align:center;width:100%;pointer-events:none}.para-message-box .msg-item{pointer-events:auto}.para-message-box .msg-item .msg-wrapper{position:relative;display:inline-block;margin:10px auto;padding:15px 16px;border-radius:8px;font-size:14px;box-shadow:0px 2px 8px 0px rgba(171,176,185,0.4);text-align:left;line-height:1}.para-message-box .msg-item .msg-icon{position:absolute;top:16px;left:16px}.para-message-box .msg-item .msg-icon svg{font-size:14px;color:currentColor}.para-message-box .msg-item .msg-text{display:inline-block;max-width:60vw;word-wrap:break-word;margin-right:32px;margin-left:22px}.para-message-box .msg-item .msg-text--title{font-weight:700}.para-message-box .msg-item .msg-text--noicon{margin-left:0}.para-message-box .msg-item .msg-text .msg-desc{display:block;margin-top:8px;font-weight:400;word-wrap:break-word}.para-message-box .msg-item .msg-close{position:absolute;right:16px;top:15px;cursor:pointer;pointer-events:auto}.para-message-box .msg-item .msg-close svg{font-size:14px;color:currentColor}.para-message-box .msg-info{background-color:#F3F6FC;color:#3666d6}.para-message-box .msg-info .msg-close{color:#3666d6}.para-message-box .msg-warn{background-color:#FEF9F5;color:#ffa150}.para-message-box .msg-warn .msg-close{color:#ffa150}.para-message-box .msg-error{background-color:#FDF6F5;color:#eb6054}.para-message-box .msg-error .msg-close{color:#eb6054}.para-message-box .msg-success{background-color:#F5FBF2;color:#53c31b}.para-message-box .msg-success .msg-close{color:#53c31b}.para-message-box .para-message-fadeInDown{animation-duration:.5s;animation-name:para-message-fadeInDown}@keyframes para-message-fadeInDown{from{opacity:0;transform:translate(0, -50px)}to{opacity:1;transform:translate(0, 0)}}
+

package/Message/index.js

@@ -1,10 +1,10 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/WarningCircleF"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["@para-ui/icons/CheckCircleF","@para-ui/icons/Close","@para-ui/icons/CloseCircleF","@para-ui/icons/WarningCircleF","react","react-dom"],r):"object"==typeof exports?exports.ParaUI=r(require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/WarningCircleF"),require("react"),require("react-dom")):e.ParaUI=r(e["@para-ui/icons/CheckCircleF"],e["@para-ui/icons/Close"],e["@para-ui/icons/CloseCircleF"],e["@para-ui/icons/WarningCircleF"],e.react,e["react-dom"])}(self,(function(e,r,n,t,o,i){return function(){"use strict";var c,a={4126:function(e){
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/WarningCircleF"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["@para-ui/icons/CheckCircleF","@para-ui/icons/Close","@para-ui/icons/CloseCircleF","@para-ui/icons/WarningCircleF","react","react-dom"],r):"object"==typeof exports?exports.ParaUI=r(require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/WarningCircleF"),require("react"),require("react-dom")):e.ParaUI=r(e["@para-ui/icons/CheckCircleF"],e["@para-ui/icons/Close"],e["@para-ui/icons/CloseCircleF"],e["@para-ui/icons/WarningCircleF"],e.react,e["react-dom"])}(self,(function(e,r,n,t,o,i){return function(){"use strict";var c={7418:function(e){
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var r=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},n=0;n<10;n++)r["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[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,i){for(var c,a,u=o(e),s=1;s<arguments.length;s++){for(var l in c=Object(arguments[s]))n.call(c,l)&&(u[l]=c[l]);if(r){a=r(c);for(var d=0;d<a.length;d++)t.call(c,a[d])&&(u[a[d]]=c[a[d]])}}return u}},9524:function(e,r,n){
+var r=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},n=0;n<10;n++)r["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[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,i){for(var c,a,s=o(e),u=1;u<arguments.length;u++){for(var l in c=Object(arguments[u]))n.call(c,l)&&(s[l]=c[l]);if(r){a=r(c);for(var d=0;d<a.length;d++)t.call(c,a[d])&&(s[a[d]]=c[a[d]])}}return s}},5251:function(e,r,n){
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -13,4 +13,4 @@ var r=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),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var c=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,r,n){var t,i={},s=null,l=null;for(t in void 0!==n&&(s=""+n),void 0!==r.key&&(s=""+r.key),void 0!==r.ref&&(l=r.ref),r)a.call(r,t)&&!u.hasOwnProperty(t)&&(i[t]=r[t]);if(e&&e.defaultProps)for(t in r=e.defaultProps)void 0===i[t]&&(i[t]=r[t]);return{$$typeof:o,type:e,key:s,ref:l,props:i,_owner:c.current}}r.jsx=s},7712:function(e,r,n){e.exports=n(9524)},9810:function(e,r,n){n.r(r),n.d(r,{Message:function(){return b}});var t=n(7712),o=n(2268),i=n.n(o),c=n(9248),a=n.n(c),u=n(3285),s=n.n(u),l=n(19),d=n.n(l),f=n(20),p=n.n(f),m={info:(0,t.jsx)(a(),{},void 0),warn:(0,t.jsx)(a(),{},void 0),error:(0,t.jsx)(p(),{},void 0),success:(0,t.jsx)(s(),{},void 0)},v="msgbox_"+String(1e5*Math.random()|0+(new Date).getTime());r.default=function(){return(0,t.jsx)("div",{className:"para-message-box",id:v},void 0)};var y=function(e,r,n,o){var c=r.icon,a=r.text,u=r.id,s=r.type,l=r.html,f=r.close,p=r.desc,m=r.hideIcon,v=function(e){var r=e.icon,n=e.text,t=e.id,o=e.type,i=e.html,c=e.close,a=e.desc,u=e.hideIcon,s=document.createElement("div");s.className="msg-item",s.id=t,s.innerHTML='<div class="msg-wrapper para-message-fadeInDown msg-'.concat(o,'">\n                ').concat(r?'<div class="msg-icon"></div>':"",'\n                <div class="msg-text"></div>\n                ').concat(c?'<div class="msg-close"></div>':"","\n                </div>\n    ");var l=s.querySelector(".msg-text");if(!l)return s;if(i?l.innerHTML=n:l.textContent=n,a){var d=document.createElement("span");d.className="msg-desc",d.textContent=a||"",l.classList.add("msg-text--title"),l.appendChild(d)}u&&l.classList.add("msg-text--noicon");var f=s.querySelector(".msg-close");return f&&f.addEventListener("click",(function(){var e;document.querySelector("#".concat(t))&&(null===(e=null==s?void 0:s.parentNode)||void 0===e||e.removeChild(s),s=null)})),s}({id:u,text:a,icon:c,type:s,html:l,close:f,desc:p,hideIcon:m});null==e||e.appendChild(v);var y=document.querySelector("#".concat(u," .msg-icon"));y&&c&&!m&&i().render(c,y);var g=document.querySelector("#".concat(u," .msg-close"));g&&i().render((0,t.jsx)(d(),{},void 0),g),o&&setTimeout((function(){document.querySelector("#".concat(v.id))&&(null==e||e.removeChild(v))}),n)},g=function(e,r,n,t){var o,i=m[n],c="",a="",u=!1,s=!1,l=1/0,d=!isNaN(r)&&r>0;"string"==typeof e?c=e:"object"==typeof e&&(c=e.text||"",a=e.desc,i=e.icon||m[n],u=e.html||!1,s=e.hideIcon||!1,e.maxCount>0&&(l=e.maxCount||1/0)),o="object"==typeof e&&"boolean"==typeof e.close?e.close:!d;var f=document.getElementById(t);f||((f=document.createElement("div")).id=t,f.className="para-message-box",document.body.appendChild(f));var p="msgitem_"+String(1e5*Math.random()|0+(new Date).getTime());y(f,{id:p,text:c,icon:i,type:n,html:u,close:o,desc:a,hideIcon:s},r,d),h(f,l)},h=function(e,r){var n,t;if(e&&(null===(n=e.children)||void 0===n?void 0:n.length)){var o=e.children,i=o.length;if(i>r)for(var c=0;c<i;c++)c<r&&o[c]&&(null===(t=o[c].parentNode)||void 0===t||t.removeChild(o[c]))}},b={info:function(e,r){return void 0===r&&(r=2e3),g(e,r,"info",v)},warn:function(e,r){return void 0===r&&(r=2e3),g(e,r,"warn",v)},error:function(e,r){return void 0===r&&(r=2e3),g(e,r,"error",v)},success:function(e,r){return void 0===r&&(r=2e3),g(e,r,"success",v)},clear:function(){return function(e){var r=document.getElementById(e);r&&(r.innerHTML="")}(v)}}},3285:function(r){r.exports=e},19:function(e){e.exports=r},20:function(e){e.exports=n},9248:function(e){e.exports=t},9297:function(e){e.exports=o},2268:function(e){e.exports=i}},u={};function s(e){var r=u[e];if(void 0!==r)return r.exports;var n=u[e]={exports:{}};return a[e](n,n.exports,s),n.exports}s.m=a,c=[],s.O=function(e,r,n,t){if(!r){var o=1/0;for(u=0;u<c.length;u++){r=c[u][0],n=c[u][1],t=c[u][2];for(var i=!0,a=0;a<r.length;a++)(!1&t||o>=t)&&Object.keys(s.O).every((function(e){return s.O[e](r[a])}))?r.splice(a--,1):(i=!1,t<o&&(o=t));i&&(c.splice(u--,1),e=n())}return e}t=t||0;for(var u=c.length;u>0&&c[u-1][2]>t;u--)c[u]=c[u-1];c[u]=[r,n,t]},s.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(r,{a:r}),r},s.d=function(e,r){for(var n in r)s.o(r,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},s.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={641:0,9296:0};s.O.j=function(r){return 0===e[r]};var r=function(r,n){var t,o,i=n[0],c=n[1],a=n[2],u=0;for(t in c)s.o(c,t)&&(s.m[t]=c[t]);if(a)var l=a(s);for(r&&r(n);u<i.length;u++)o=i[u],s.o(e,o)&&e[o]&&e[o][0](),e[i[u]]=0;return s.O(l)},n=self.webpackChunkParaUI=self.webpackChunkParaUI||[];n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))}();var l=s.O(void 0,[9296],(function(){return s(9810)}));return l=s.O(l)}()}));
+n(7418);var t=n(9297),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var c=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function u(e,r,n){var t,i={},u=null,l=null;for(t in void 0!==n&&(u=""+n),void 0!==r.key&&(u=""+r.key),void 0!==r.ref&&(l=r.ref),r)a.call(r,t)&&!s.hasOwnProperty(t)&&(i[t]=r[t]);if(e&&e.defaultProps)for(t in r=e.defaultProps)void 0===i[t]&&(i[t]=r[t]);return{$$typeof:o,type:e,key:u,ref:l,props:i,_owner:c.current}}r.jsx=u},5893:function(e,r,n){e.exports=n(5251)},3285:function(r){r.exports=e},19:function(e){e.exports=r},20:function(e){e.exports=n},9248:function(e){e.exports=t},9297:function(e){e.exports=o},2268:function(e){e.exports=i}},a={};function s(e){var r=a[e];if(void 0!==r)return r.exports;var n=a[e]={exports:{}};return c[e](n,n.exports,s),n.exports}s.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(r,{a:r}),r},s.d=function(e,r){for(var n in r)s.o(r,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},s.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return function(){s.r(u),s.d(u,{Message:function(){return b}});var e=s(5893),r=s(2268),n=s.n(r),t=s(9248),o=s.n(t),i=s(3285),c=s.n(i),a=s(19),l=s.n(a),d=s(20),f=s.n(d),p={info:(0,e.jsx)(o(),{},void 0),warn:(0,e.jsx)(o(),{},void 0),error:(0,e.jsx)(f(),{},void 0),success:(0,e.jsx)(c(),{},void 0)},m="msgbox_"+String(1e5*Math.random()|0+(new Date).getTime());u.default=function(){return(0,e.jsx)("div",{className:"para-message-box",id:m},void 0)};var v=function(r,t,o,i){var c=t.icon,a=t.text,s=t.id,u=t.type,d=t.html,f=t.close,p=t.desc,m=t.hideIcon,v=function(e){var r=e.icon,n=e.text,t=e.id,o=e.type,i=e.html,c=e.close,a=e.desc,s=e.hideIcon,u=document.createElement("div");u.className="msg-item",u.id=t,u.innerHTML='<div class="msg-wrapper para-message-fadeInDown msg-'.concat(o,'">\n                ').concat(r?'<div class="msg-icon"></div>':"",'\n                <div class="msg-text"></div>\n                ').concat(c?'<div class="msg-close"></div>':"","\n                </div>\n    ");var l=u.querySelector(".msg-text");if(!l)return u;if(i?l.innerHTML=n:l.textContent=n,a){var d=document.createElement("span");d.className="msg-desc",d.textContent=a||"",l.classList.add("msg-text--title"),l.appendChild(d)}s&&l.classList.add("msg-text--noicon");var f=u.querySelector(".msg-close");return f&&f.addEventListener("click",(function(){var e;document.querySelector("#".concat(t))&&(null===(e=null==u?void 0:u.parentNode)||void 0===e||e.removeChild(u),u=null)})),u}({id:s,text:a,icon:c,type:u,html:d,close:f,desc:p,hideIcon:m});null==r||r.appendChild(v);var y=document.querySelector("#".concat(s," .msg-icon"));y&&c&&!m&&n().render(c,y);var g=document.querySelector("#".concat(s," .msg-close"));g&&n().render((0,e.jsx)(l(),{},void 0),g),i&&setTimeout((function(){document.querySelector("#".concat(v.id))&&(null==r||r.removeChild(v))}),o)},y=function(e,r,n,t){var o,i=p[n],c="",a="",s=!1,u=!1,l=1/0,d=!isNaN(r)&&r>0;"string"==typeof e?c=e:"object"==typeof e&&(c=e.text||"",a=e.desc,i=e.icon||p[n],s=e.html||!1,u=e.hideIcon||!1,e.maxCount>0&&(l=e.maxCount||1/0)),o="object"==typeof e&&"boolean"==typeof e.close?e.close:!d;var f=document.getElementById(t);f||((f=document.createElement("div")).id=t,f.className="para-message-box",document.body.appendChild(f));var m="msgitem_"+String(1e5*Math.random()|0+(new Date).getTime());v(f,{id:m,text:c,icon:i,type:n,html:s,close:o,desc:a,hideIcon:u},r,d),g(f,l)},g=function(e,r){var n,t;if(e&&(null===(n=e.children)||void 0===n?void 0:n.length)){var o=e.children,i=o.length;if(i>r)for(var c=0;c<i;c++)c<r&&o[c]&&(null===(t=o[c].parentNode)||void 0===t||t.removeChild(o[c]))}},b={info:function(e,r){return void 0===r&&(r=2e3),y(e,r,"info",m)},warn:function(e,r){return void 0===r&&(r=2e3),y(e,r,"warn",m)},error:function(e,r){return void 0===r&&(r=2e3),y(e,r,"error",m)},success:function(e,r){return void 0===r&&(r=2e3),y(e,r,"success",m)},clear:function(){return function(e){var r=document.getElementById(e);r&&(r.innerHTML="")}(m)}}}(),u}()}));

package/Modal/Confirm/index.d.ts

@@ -45,7 +45,9 @@ interface InternalConfirmProps {
     destroy?: Function;
 }
 export declare const InternalConfirm: FunctionComponent<InternalConfirmProps>;
-declare type ConfirmProps = Omit<InternalConfirmProps, 'open' | 'resolveFn' | 'destroy' | 'callback'>;
+declare type ConfirmProps = Omit<InternalConfirmProps, 'open' | 'resolveFn' | 'destroy' | 'callback'> & {
+    uuid?: string;
+};
 interface ConfirmFn {
     (config: ConfirmProps | string, callback?: Function): void | Promise<any>;
 }
@@ -54,6 +56,7 @@ export interface ConfirmObject {
     warn: ConfirmFn;
     error: ConfirmFn;
     success: ConfirmFn;
+    destroyAll?: (uuid?: string) => void;
 }
 export declare const Confirm: ConfirmObject;
 export {};

package/Modal/index.css

@@ -0,0 +1,10 @@
+.paraui-tooltip>div{font-size:14px;color:#fff;background-color:rgba(46,55,67,0.701961)}.paraui-tooltip-left-right>div{margin:0 8px}.paraui-tooltip-top-bottom>div{margin:8px 0}
+
+@keyframes loadingSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.paraui-button{min-width:auto;padding:0 16px;line-height:normal;text-transform:none;border-radius:8px;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400}.paraui-button-loading{pointer-events:none}.paraui-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-button-contained:hover{background-color:rgba(54,102,214,0.8);box-shadow:none}.paraui-button-contained[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-contained[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.paraui-button-contained .btn-icon{display:inline-flex;color:inherit}.paraui-button-contained .btn-icon svg{color:inherit;font-size:16px}.paraui-button-contained .btn-icon.start-icon{margin-right:-3px}.paraui-button-contained .btn-icon.end-icon{margin-left:-3px}.paraui-button-contained .btn-icon.loading-icon{margin-right:-3px;animation:loadingSpin 1s infinite linear}.paraui-button-contained.paraui-button-dangerous{background-color:#eb6054}.paraui-button-outlined{color:rgba(46,55,67,0.701961);background-color:#fff;border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,0.2);background-color:#fff;box-shadow:none}.paraui-button-outlined[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-outlined[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.paraui-button-outlined .btn-icon{display:inline-flex;color:inherit}.paraui-button-outlined .btn-icon svg{color:inherit;font-size:16px}.paraui-button-outlined .btn-icon.start-icon{margin-right:-3px}.paraui-button-outlined .btn-icon.end-icon{margin-left:-3px}.paraui-button-outlined .btn-icon.loading-icon{margin-right:-3px;animation:loadingSpin 1s infinite linear}.paraui-button-outlined.paraui-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-button-outlined.paraui-button-dangerous:hover{border-color:rgba(235,96,84,0.8)}.paraui-button-text{color:rgba(46,55,67,0.701961);background-color:#fff;border:1px solid rgba(171,176,185,0.4);box-shadow:none;background-color:transparent;border:none}.paraui-button-text:hover{color:#3666d6;background-color:transparent;box-shadow:none}.paraui-button-text[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-text[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.paraui-button-text .btn-icon{display:inline-flex;color:inherit}.paraui-button-text .btn-icon svg{color:inherit;font-size:16px}.paraui-button-text .btn-icon.start-icon{margin-right:-3px}.paraui-button-text .btn-icon.end-icon{margin-left:-3px}.paraui-button-text .btn-icon.loading-icon{margin-right:-3px;animation:loadingSpin 1s infinite linear}.paraui-button-text.paraui-button-dangerous{color:#eb6054}.paraui-button-large{height:36px}.paraui-button-medium{height:32px}.paraui-button-small{height:28px}.paraui-button--disabled{display:inline-block}.paraui-icon-button{padding:0;border-radius:8px}.paraui-icon-button-loading{pointer-events:none}.paraui-icon-button-loading .loading-icon{display:inline-flex;animation:loadingSpin 1s infinite linear}.paraui-icon-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-icon-button-contained:hover{background-color:rgba(54,102,214,0.8);box-shadow:none}.paraui-icon-button-contained[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-icon-button-contained[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.paraui-icon-button-contained svg{color:inherit;font-size:16px}.paraui-icon-button-contained.paraui-icon-button-dangerous{background-color:#eb6054}.paraui-icon-button-outlined{color:rgba(46,55,67,0.701961);background-color:#fff;border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-icon-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,0.2);box-shadow:none;background-color:#fff}.paraui-icon-button-outlined[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-icon-button-outlined[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.paraui-icon-button-outlined svg{color:inherit;font-size:16px}.paraui-icon-button-outlined.paraui-icon-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-icon-button-outlined.paraui-icon-button-dangerous:hover{border-color:rgba(235,96,84,0.8)}.paraui-icon-button-text{color:#3666d6}.paraui-icon-button-text:hover{background-color:transparent}.paraui-icon-button-text[disabled]{color:rgba(46,55,67,0.4)}.paraui-icon-button-text[disabled]:hover{background-color:transparent}.paraui-icon-button-text svg{color:inherit}.paraui-icon-button-text.paraui-icon-button-dangerous{color:#eb6054}.paraui-icon-button-text.paraui-icon-button-large{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-large svg{font-size:28px}.paraui-icon-button-text.paraui-icon-button-medium{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-medium svg{font-size:24px}.paraui-icon-button-text.paraui-icon-button-small{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-small svg{font-size:20px}.paraui-icon-button-large{width:36px;height:36px}.paraui-icon-button-medium{width:32px;height:32px}.paraui-icon-button-small{width:28px;height:28px}.paraui-button-split{display:inline-block}.paraui-button-split .paraui-button{height:34px}.paraui-button-split .paraui-button:hover{border-color:rgba(54,102,214,0.8)}.paraui-button-split .paraui-button-split--active{color:#3666d6;border-color:rgba(54,102,214,0.8);box-shadow:none;background-color:#fff}.paraui-button-split-list{padding:8px 0;margin-top:8px;border-radius:8px;box-shadow:0px 2px 8px 0px rgba(171,176,185,0.4);background-color:#fff}.paraui-button-split-list ul .split-li{min-width:140px;padding:11px 12px;color:#2e3743;font-size:14px;line-height:1;cursor:pointer;transition:background-color .3s, color .3s}.paraui-button-split-list ul .split-li:hover{background-color:rgba(171,176,185,0.121569)}.paraui-button-split-list ul .split-li.split-li--active{color:#3666d6}.paraui-button-split-list ul .split-li.split-li--active:hover{background-color:rgba(171,176,185,0.121569)}.paraui-button-split-list ul .split-li-group:not(:first-child){position:relative;margin-top:16px}.paraui-button-split-list ul .split-li-group:not(:first-child):before{content:'';position:absolute;top:-8px;left:8px;right:8px;border-top:1px solid rgba(171,176,185,0.2)}
+
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{font-family:Source Han Sans CN,Source Han Sans CN-Regular;margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}ol,ul{list-style:none}a,h1,h2,h3,h4,h5,h6,input,select,button,textarea{outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-radius:8px}::-webkit-scrollbar-thumb{border-radius:8px;background:#C6C6C6}::-webkit-scrollbar-thumb:hover{background:#cdcccc}::-webkit-scrollbar-thumb:active{background:#bababa}::-webkit-scrollbar-thumb:window-inactive{background-color:#C6C6C6}
+
+.paraui-confirm-wrapper{position:absolute;top:50%;left:50%;width:416px;transform:translate(-50%, -50%);background-color:#fff;box-shadow:0px 2px 8px 0px rgba(171,176,185,0.4);border-radius:8px;outline:none}.paraui-confirm-content{position:relative;padding:32px 32px 24px}.paraui-confirm-content .paraui-confirm-content-close{position:absolute;right:16px;top:16px;border:none}.paraui-confirm-content-icon{float:left;margin-top:2px;color:#ffa150}.paraui-confirm-content-icon svg{color:inherit;font-size:16px}.paraui-confirm-content-icon--warn,.paraui-confirm-content-icon-warning{color:#ffa150}.paraui-confirm-content-icon--error{color:#eb6054}.paraui-confirm-content-icon--success{color:#53c31b}.paraui-confirm-content-icon--info{color:#3666d6}.paraui-confirm-content-body{margin:0 16px 0 30px;color:#2e3743;font-size:14px}.paraui-confirm-content-body .paraui-confirm-body-title{display:block;margin-bottom:8px;font-weight:700;font-size:16px}.paraui-confirm-content-actions{margin-top:24px;text-align:right}.paraui-confirm-content-actions>button+button{margin-left:16px}
+
+.paraui-modal .paraui-modal-paper-sm{width:430px;max-height:250px}.paraui-modal .paraui-modal-paper-md{width:486px;max-height:610px}.paraui-modal .paraui-modal-paper-lg{width:948px;max-height:610px}.paraui-modal .paraui-modal-title{position:relative;height:44px;padding:12px 24px;border-bottom:1px solid rgba(171,176,185,0.2)}.paraui-modal .paraui-modal-title>h3{margin-right:30px;font-size:14px;color:#2e3743;font-weight:700;line-height:20px}.paraui-modal .paraui-modal-title-close{position:absolute;top:8px;right:12px;border:none}.paraui-modal .paraui-modal-content{padding:16px 24px}.paraui-modal .paraui-modal-actions{padding-right:24px;padding-bottom:24px}.paraui-modal .paraui-modal-actions>button+button{margin-left:16px}
+

package/Modal/index.js

@@ -1,10 +1,10 @@
-!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/Down"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/WarningCircle"),require("@para-ui/icons/WarningCircleF"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["@material-ui/core","@material-ui/core/styles","@para-ui/icons/CheckCircleF","@para-ui/icons/Close","@para-ui/icons/CloseCircleF","@para-ui/icons/Down","@para-ui/icons/Forbid","@para-ui/icons/LoadingF","@para-ui/icons/WarningCircle","@para-ui/icons/WarningCircleF","react","react-dom"],n):"object"==typeof exports?exports.ParaUI=n(require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/Down"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/WarningCircle"),require("@para-ui/icons/WarningCircleF"),require("react"),require("react-dom")):e.ParaUI=n(e["@material-ui/core"],e["@material-ui/core/styles"],e["@para-ui/icons/CheckCircleF"],e["@para-ui/icons/Close"],e["@para-ui/icons/CloseCircleF"],e["@para-ui/icons/Down"],e["@para-ui/icons/Forbid"],e["@para-ui/icons/LoadingF"],e["@para-ui/icons/WarningCircle"],e["@para-ui/icons/WarningCircleF"],e.react,e["react-dom"])}(self,(function(e,n,i,r,o,t,a,c,l,s,u,d){return function(){"use strict";var p,f={4927:function(e,n,i){function r(e){var n,i,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(n=0;n<e.length;n++)e[n]&&(i=r(e[n]))&&(o&&(o+=" "),o+=i);else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function o(){for(var e,n,i=0,o="";i<arguments.length;)(e=arguments[i++])&&(n=r(e))&&(o&&(o+=" "),o+=n);return o}i.d(n,{Z:function(){return o}})},4126:function(e){
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/Down"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/WarningCircle"),require("@para-ui/icons/WarningCircleF"),require("para-lib"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["@material-ui/core","@material-ui/core/styles","@para-ui/icons/CheckCircleF","@para-ui/icons/Close","@para-ui/icons/CloseCircleF","@para-ui/icons/Down","@para-ui/icons/Forbid","@para-ui/icons/LoadingF","@para-ui/icons/WarningCircle","@para-ui/icons/WarningCircleF","para-lib","react","react-dom"],n):"object"==typeof exports?exports.ParaUI=n(require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/Down"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/WarningCircle"),require("@para-ui/icons/WarningCircleF"),require("para-lib"),require("react"),require("react-dom")):e.ParaUI=n(e["@material-ui/core"],e["@material-ui/core/styles"],e["@para-ui/icons/CheckCircleF"],e["@para-ui/icons/Close"],e["@para-ui/icons/CloseCircleF"],e["@para-ui/icons/Down"],e["@para-ui/icons/Forbid"],e["@para-ui/icons/LoadingF"],e["@para-ui/icons/WarningCircle"],e["@para-ui/icons/WarningCircleF"],e["para-lib"],e.react,e["react-dom"])}(self,(function(e,n,i,r,o,t,a,c,l,s,u,d,p){return function(){"use strict";var f={6010:function(e,n,i){function r(e){var n,i,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(n=0;n<e.length;n++)e[n]&&(i=r(e[n]))&&(o&&(o+=" "),o+=i);else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function o(){for(var e,n,i=0,o="";i<arguments.length;)(e=arguments[i++])&&(n=r(e))&&(o&&(o+=" "),o+=n);return o}i.d(n,{Z:function(){return o}})},7418:function(e){
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var n=Object.getOwnPropertySymbols,i=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 n={},i=0;i<10;i++)n["_"+String.fromCharCode(i)]=i;if("0123456789"!==Object.getOwnPropertyNames(n).map((function(e){return n[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,t){for(var a,c,l=o(e),s=1;s<arguments.length;s++){for(var u in a=Object(arguments[s]))i.call(a,u)&&(l[u]=a[u]);if(n){c=n(a);for(var d=0;d<c.length;d++)r.call(a,c[d])&&(l[c[d]]=a[c[d]])}}return l}},9524:function(e,n,i){
+var n=Object.getOwnPropertySymbols,i=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 n={},i=0;i<10;i++)n["_"+String.fromCharCode(i)]=i;if("0123456789"!==Object.getOwnPropertyNames(n).map((function(e){return n[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,t){for(var a,c,l=o(e),s=1;s<arguments.length;s++){for(var u in a=Object(arguments[s]))i.call(a,u)&&(l[u]=a[u]);if(n){c=n(a);for(var d=0;d<c.length;d++)r.call(a,c[d])&&(l[c[d]]=a[c[d]])}}return l}},5251:function(e,n,i){
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -13,4 +13,4 @@ var n=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,r=Object.pr
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-i(4126);var r=i(9297),o=60103;if(n.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var t=Symbol.for;o=t("react.element"),n.Fragment=t("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function s(e,n,i){var r,t={},s=null,u=null;for(r in void 0!==i&&(s=""+i),void 0!==n.key&&(s=""+n.key),void 0!==n.ref&&(u=n.ref),n)c.call(n,r)&&!l.hasOwnProperty(r)&&(t[r]=n[r]);if(e&&e.defaultProps)for(r in n=e.defaultProps)void 0===t[r]&&(t[r]=n[r]);return{$$typeof:o,type:e,key:s,ref:u,props:t,_owner:a.current}}n.jsx=s,n.jsxs=s},7712:function(e,n,i){e.exports=i(9524)},2990:function(e,n,i){i.d(n,{default:function(){return j}});var r=i(7712),o=i(9297),t=i(1731),a=i(4927),c=i(1102),l=i.n(c),s=i(2749),u=i.n(s),d=i(6885),p=i(6028),f=i.n(p),v=function(){return v=Object.assign||function(e){for(var n,i=1,r=arguments.length;i<r;i++)for(var o in n=arguments[i])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},v.apply(this,arguments)};var m=function(){return m=Object.assign||function(e){for(var n,i=1,r=arguments.length;i<r;i++)for(var o in n=arguments[i])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},m.apply(this,arguments)},b=function(e,n){var i={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(i[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(i[r[o]]=e[r[o]])}return i},h=function(e){var n=e.variant,i=void 0===n?"contained":n,c=e.size,s=void 0===c?"large":c,p=e.className,f=e.disabled,v=void 0!==f&&f,h=e.children,j=e.startIcon,y=e.endIcon,x=e.loading,g=void 0!==x&&x,O=e.toolTipTitle,C=void 0===O?"":O,w=e.danger,P=void 0!==w&&w,k=b(e,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","danger"]),N=(0,o.useState)(!1),T=N[0],S=N[1],F=function(e){if(!T)return"start"===e&&j?(0,r.jsx)("span",m({className:(0,a.Z)("btn-icon","start-icon")},{children:j}),void 0):"end"===e&&y?(0,r.jsx)("span",m({className:(0,a.Z)("btn-icon","end-icon")},{children:y}),void 0):null;if("object"==typeof g){var n=g.delay||0;setTimeout((function(){return S(!1)}),n)}return"start"===e?(0,r.jsx)("span",m({className:"btn-icon loading-icon"},{children:(0,r.jsx)(l(),{},void 0)}),void 0):null},E=(0,r.jsx)(t.Button,m({},k,{color:"default",variant:"contained",disabled:v,disableRipple:!0,disableElevation:!0,className:(0,a.Z)("paraui-button",p,"paraui-button-".concat(i),"paraui-button-".concat(s),T&&"paraui-button-loading",P&&!v&&"paraui-button-dangerous"),startIcon:F("start"),endIcon:F("end")},{children:h}),void 0);return(0,o.useEffect)((function(){S(!!g)}),[g]),v&&C?(0,r.jsx)(d.default,m({title:function(){if(v&&C){return(0,r.jsxs)("span",{children:[(0,r.jsx)(u(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}},void 0),C]},void 0)}return C}()},{children:(0,r.jsx)("span",m({className:"paraui-button--disabled"},{children:E}),void 0)}),void 0):E};h.IconButton=function(e){var n=e.variant,i=void 0===n?"contained":n,c=e.size,s=void 0===c?"large":c,p=e.toolTipTitle,f=void 0===p?"":p,v=e.children,h=e.className,j=e.disabled,y=void 0!==j&&j,x=e.loading,g=void 0!==x&&x,O=e.TooltipProps,C=e.danger,w=void 0!==C&&C,P=b(e,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),k=(0,o.useState)(!1),N=k[0],T=k[1],S=(0,r.jsx)(t.IconButton,m({},P,{disabled:y,disableRipple:!0,className:(0,a.Z)("paraui-icon-button",h,"paraui-icon-button-".concat(i),"paraui-icon-button-".concat(s),N&&"paraui-icon-button-loading",w&&!y&&"paraui-icon-button-dangerous")},{children:function(){if(!N)return v;if("object"==typeof g){var e=g.delay||0;setTimeout((function(){return T(!1)}),e)}return(0,r.jsx)("span",m({className:"loading-icon"},{children:(0,r.jsx)(l(),{},void 0)}),void 0)}()}),void 0);return(0,o.useEffect)((function(){T(!!g)}),[g]),f?(0,r.jsx)(d.default,m({},O,{title:function(){if(y&&f){return(0,r.jsxs)("span",{children:[(0,r.jsx)(u(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}},void 0),f]},void 0)}return f}()},{children:y?(0,r.jsx)("span",m({className:"paraui-button--disabled"},{children:S}),void 0):S}),void 0):S},h.SplitButton=function(e){var n=e.buttonText,i=e.options,c=void 0===i?[]:i,l=e.className,s=e.disabled,u=void 0!==s&&s,d=e.onClick,p=e.optionRender,m=(0,o.useState)(!1),b=m[0],h=m[1],y=(0,o.useRef)(null),x=(0,o.useRef)(),g=(0,o.useState)(0),O=g[0],C=g[1],w=function(e,n,i){var r;C(n),h(!1),null===(r=x.current)||void 0===r||r.classList.remove("paraui-button-split--active"),null==d||d(e,i)},P=function(e){var n,i;(null===(n=y.current)||void 0===n?void 0:n.contains(e.target))||(h(!1),null===(i=x.current)||void 0===i||i.classList.remove("paraui-button-split--active"))},k=function(){return(0,r.jsx)("div",v({className:"paraui-button-split-list"},{children:(0,r.jsx)("ul",{children:c.map((function(e,n){return Array.isArray(e)?function(e,n){return(0,r.jsx)("li",v({className:"split-li-group"},{children:e.map((function(e,i){var o="".concat(n,"-").concat(i);return(0,r.jsx)("div",v({className:(0,a.Z)("split-li",o===O&&"split-li--active"),onClick:function(n){return w(e,o,n)}},{children:(null==p?void 0:p(e))||e.label}),o)}))}),n)}(e,n):(0,r.jsx)("li",v({className:(0,a.Z)("split-li",n===O&&"split-li--active"),onClick:function(i){return w(e,n,i)}},{children:(null==p?void 0:p(e))||e.label}),n)}))},void 0)}),void 0)};return(0,r.jsxs)("div",v({className:(0,a.Z)("paraui-button-split",l),ref:y,onMouseLeave:function(e){var n;e.stopPropagation(),null===(n=e.currentTarget.firstElementChild)||void 0===n||n.classList.remove("paraui-button-split--active"),h(!1)}},{children:[(0,r.jsx)(j,v({variant:"outlined",onMouseEnter:function(e){e.stopPropagation();var n=e.currentTarget;x.current=n,n.classList.add("paraui-button-split--active"),h(!0)},startIcon:(0,r.jsx)(f(),{},void 0),disabled:u},{children:null!=n?n:"更多操作"}),void 0),(0,r.jsx)(t.Popper,v({open:b,anchorEl:y.current,transition:!0,placement:"bottom-end"},{children:function(e){var n=e.TransitionProps;e.placement;return(0,r.jsx)(t.Grow,v({},n,{children:(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(t.ClickAwayListener,v({onClickAway:P},{children:k()}),void 0)},void 0)}),void 0)}}),void 0)]}),void 0)};var j=h},3007:function(e,n,i){i.r(n),i.d(n,{Confirm:function(){return P},Modal:function(){return T},default:function(){return S}});var r=i(7712),o=i(9297),t=i(1731),a=i(2990),c=i(19),l=i.n(c),s=i(4927),u=i(2268),d=i.n(u),p=i(3285),f=i.n(p),v=i(20),m=i.n(v),b=i(6897),h=i.n(b),j=i(9248),y=i.n(j),x=i(7297),g=function(){return g=Object.assign||function(e){for(var n,i=1,r=arguments.length;i<r;i++)for(var o in n=arguments[i])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},g.apply(this,arguments)},O={success:(0,r.jsx)(f(),{},void 0),warn:(0,r.jsx)(y(),{},void 0),warning:(0,r.jsx)(y(),{},void 0),error:(0,r.jsx)(m(),{},void 0),info:(0,r.jsx)(h(),{},void 0)},C=function(e){var n=e.type,i=void 0===n?"warning":n,o=e.open,c=void 0!==o&&o,u=e.title,d=e.content,p=e.icon,f=void 0===p?null:p,v=e.okText,m=e.cancelText,b=e.onOk,h=e.onCancel,j=e.className,y=e.showCancel,x=void 0===y||y,C=e.closable,w=void 0!==C&&C,P=e.disableBackdropClick,k=void 0===P||P,N=e.disableEscapeKeyDown,T=void 0===N||N,S=e.okButtonProps,F=e.cancelButtonProps,E=e.resolveFn,q=e.callback,I=e.destroy,_=function(){null==h||h(),null==E||E(!1),null==I||I()},z=function(){null==b||b(),null==E||E(!0),null==q||q(),null==I||I()};return(0,r.jsx)(t.Modal,g({open:c,onClose:function(e,n){k||_()},closeAfterTransition:!0,BackdropProps:{timeout:500},disableEscapeKeyDown:T,disableAutoFocus:!0,className:(0,s.Z)("paraui-confirm",j)},{children:(0,r.jsx)(t.Fade,g({in:c},{children:(0,r.jsx)("div",g({className:"paraui-confirm-wrapper"},{children:(0,r.jsxs)("div",g({className:"paraui-confirm-content"},{children:[w&&(0,r.jsx)(a.default.IconButton,g({variant:"outlined",size:"small",className:"paraui-confirm-content-close",onClick:_},{children:(0,r.jsx)(l(),{},void 0)}),void 0),(0,r.jsx)("span",g({className:(0,s.Z)("paraui-confirm-content-icon","paraui-confirm-content-icon--".concat(i))},{children:f||O[i]}),void 0),(0,r.jsxs)("div",g({className:"paraui-confirm-content-body"},{children:[u&&(0,r.jsx)("span",g({className:"paraui-confirm-body-title"},{children:u}),void 0),(0,r.jsx)("div",g({className:"paraui-confirm-body-desc"},{children:d}),void 0)]}),void 0),(0,r.jsxs)("div",g({className:"paraui-confirm-content-actions"},{children:[x&&(0,r.jsx)(a.default,g({variant:"outlined",size:"small",onClick:_},F,{children:m||"取消"}),void 0),(0,r.jsx)(a.default,g({variant:"contained",size:"small",onClick:z},S,{children:v||"确定"}),void 0)]}),void 0)]}),void 0)}),void 0)}),void 0)}),void 0)},w=function(e,n,i){var o={type:n};return"string"==typeof e?o.content=e:o=g(g({},e),{type:n}),new Promise((function(e){!function(e,n,i){var o=document.createElement("div");document.body.appendChild(o);var t=function(){d().unmountComponentAtNode(o)&&o.parentNode&&o.parentNode.removeChild(o)};setTimeout((function(){d().render((0,r.jsx)(x.default,{children:(0,r.jsx)(C,g({},e,{open:!0,resolveFn:n,callback:i,destroy:t}),void 0)},void 0),o)}))}(o,e,i)}))},P={info:function(e,n){return w(e,"info",n)},warn:function(e,n){return w(e,"warn",n)},error:function(e,n){return w(e,"error",n)},success:function(e,n){return w(e,"success",n)}},k=function(){return k=Object.assign||function(e){for(var n,i=1,r=arguments.length;i<r;i++)for(var o in n=arguments[i])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},k.apply(this,arguments)},N=function(e,n){var i={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(i[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(i[r[o]]=e[r[o]])}return i},T=function(e){var n=e.open,i=void 0!==n&&n,c=e.title,u=void 0===c?"":c,d=e.children,p=void 0===d?null:d,f=e.actions,v=void 0===f?null:f,m=e.showActions,b=void 0===m||m,h=e.onOk,j=e.onCancel,y=e.okText,x=e.cancelText,g=e.okButtonProps,O=e.cancelButtonProps,C=e.showCancel,w=void 0===C||C,P=e.className,T=e.size,S=void 0===T?"md":T,F=e.disableBackdropClick,E=void 0===F||F,q=e.disableEscapeKeyDown,I=void 0===q||q,_=e.disableEnforceFocus,z=void 0===_||_,B=e.fullScreen,D=void 0!==B&&B,A=e.customizeSize,L=N(e,["open","title","children","actions","showActions","onOk","onCancel","okText","cancelText","okButtonProps","cancelButtonProps","showCancel","className","size","disableBackdropClick","disableEscapeKeyDown","disableEnforceFocus","fullScreen","customizeSize"]),R=(0,o.useState)(!1),Z=R[0],W=R[1],M=D||"fullScreen"===S,U=function(){W(!1),null==j||j()},K=function(){null==h||h()};(0,o.useEffect)((function(){W(i)}),[i]);return(0,r.jsxs)(t.Dialog,k({className:(0,s.Z)("paraui-modal",P),scroll:"paper",onClose:function(e,n){E||U()},open:Z,maxWidth:!1,disableEscapeKeyDown:I,disableEnforceFocus:z,fullScreen:M},L,{PaperProps:{style:function(){if(A)return A}()},classes:A?{paper:"paraui-modal-paper-customizesize"}:{paper:{sm:"paraui-modal-paper-sm",md:"paraui-modal-paper-md",lg:"paraui-modal-paper-lg",auto:"paraui-modal-paper-auto",fullScreen:"paraui-modal-paper-fullscreen"}[S]}},{children:[(0,r.jsxs)(t.DialogTitle,k({classes:{root:"paraui-modal-title"},disableTypography:!0},{children:[(0,r.jsx)("h3",{children:u},void 0),(0,r.jsx)(a.default.IconButton,k({onClick:U,className:"paraui-modal-title-close",variant:"outlined",size:"small"},{children:(0,r.jsx)(l(),{},void 0)}),void 0)]}),void 0),(0,r.jsx)(t.DialogContent,k({className:"paraui-modal-content"},{children:p}),void 0),b?v?(0,r.jsx)(t.DialogActions,k({className:"paraui-modal-actions"},{children:v}),void 0):(0,r.jsxs)(t.DialogActions,k({className:"paraui-modal-actions"},{children:[w&&(0,r.jsx)(a.default,k({onClick:U,variant:"outlined",size:"small"},O,{children:x||"取消"}),void 0),(0,r.jsx)(a.default,k({variant:"contained",onClick:K},g,{size:"small"},{children:y||"确定"}),void 0)]}),void 0):null]}),void 0)},S=T},7297:function(e,n,i){var r=i(7712),o=i(8604),t=function(){return t=Object.assign||function(e){for(var n,i=1,r=arguments.length;i<r;i++)for(var o in n=arguments[i])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},t.apply(this,arguments)};n.default=function(e){var n,i=(0,o.createGenerateClassName)({seed:e.seed||"",productionPrefix:e.productionPrefix||"paraui"});return n=e.theme?(0,o.createMuiTheme)(t({},e.theme)):(0,o.createMuiTheme)({}),(0,r.jsx)(o.StylesProvider,t({generateClassName:i,injectFirst:!0},{children:(0,r.jsx)(o.ThemeProvider,t({theme:n},{children:e.children}),void 0)}),void 0)}},6885:function(e,n,i){var r=i(7712),o=i(1731),t=i(4927),a=function(){return a=Object.assign||function(e){for(var n,i=1,r=arguments.length;i<r;i++)for(var o in n=arguments[i])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},a.apply(this,arguments)};n.default=function(e){var n,i=e.placement,c=void 0===i?"bottom":i,l=a(a({},e.classes),{popper:(0,t.Z)("paraui-tooltip",null===(n=e.classes)||void 0===n?void 0:n.popper,{"paraui-tooltip-left-right":(null==c?void 0:c.includes("left"))||(null==c?void 0:c.includes("right")),"paraui-tooltip-top-bottom":(null==c?void 0:c.includes("top"))||(null==c?void 0:c.includes("bottom"))})});return(0,r.jsx)(o.Tooltip,a({},e,{classes:l}),void 0)}},1731:function(n){n.exports=e},8604:function(e){e.exports=n},3285:function(e){e.exports=i},19:function(e){e.exports=r},20:function(e){e.exports=o},6028:function(e){e.exports=t},2749:function(e){e.exports=a},1102:function(e){e.exports=c},6897:function(e){e.exports=l},9248:function(e){e.exports=s},9297:function(e){e.exports=u},2268:function(e){e.exports=d}},v={};function m(e){var n=v[e];if(void 0!==n)return n.exports;var i=v[e]={exports:{}};return f[e](i,i.exports,m),i.exports}m.m=f,p=[],m.O=function(e,n,i,r){if(!n){var o=1/0;for(c=0;c<p.length;c++){n=p[c][0],i=p[c][1],r=p[c][2];for(var t=!0,a=0;a<n.length;a++)(!1&r||o>=r)&&Object.keys(m.O).every((function(e){return m.O[e](n[a])}))?n.splice(a--,1):(t=!1,r<o&&(o=r));t&&(p.splice(c--,1),e=i())}return e}r=r||0;for(var c=p.length;c>0&&p[c-1][2]>r;c--)p[c]=p[c-1];p[c]=[n,i,r]},m.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return m.d(n,{a:n}),n},m.d=function(e,n){for(var i in n)m.o(n,i)&&!m.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:n[i]})},m.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},m.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={951:0,6615:0,4304:0,2823:0,9296:0};m.O.j=function(n){return 0===e[n]};var n=function(n,i){var r,o,t=i[0],a=i[1],c=i[2],l=0;for(r in a)m.o(a,r)&&(m.m[r]=a[r]);if(c)var s=c(m);for(n&&n(i);l<t.length;l++)o=t[l],m.o(e,o)&&e[o]&&e[o][0](),e[t[l]]=0;return m.O(s)},i=self.webpackChunkParaUI=self.webpackChunkParaUI||[];i.forEach(n.bind(null,0)),i.push=n.bind(null,i.push.bind(i))}();var b=m.O(void 0,[9296],(function(){return m(3007)}));return b=m.O(b)}()}));
+i(7418);var r=i(9297),o=60103;if(n.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var t=Symbol.for;o=t("react.element"),n.Fragment=t("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function s(e,n,i){var r,t={},s=null,u=null;for(r in void 0!==i&&(s=""+i),void 0!==n.key&&(s=""+n.key),void 0!==n.ref&&(u=n.ref),n)c.call(n,r)&&!l.hasOwnProperty(r)&&(t[r]=n[r]);if(e&&e.defaultProps)for(r in n=e.defaultProps)void 0===t[r]&&(t[r]=n[r]);return{$$typeof:o,type:e,key:s,ref:u,props:t,_owner:a.current}}n.jsx=s,n.jsxs=s},5893:function(e,n,i){e.exports=i(5251)},8595:function(e,n,i){i.d(n,{default:function(){return y}});var r=i(5893),o=i(9297),t=i(1731),a=i(6010),c=i(1102),l=i.n(c),s=i(2749),u=i.n(s),d=i(7371),p=i(6028),f=i.n(p),v=function(){return v=Object.assign||function(e){for(var n,i=1,r=arguments.length;i<r;i++)for(var o in n=arguments[i])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},v.apply(this,arguments)};var m=function(){return m=Object.assign||function(e){for(var n,i=1,r=arguments.length;i<r;i++)for(var o in n=arguments[i])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},m.apply(this,arguments)},b=function(e,n){var i={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(i[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(i[r[o]]=e[r[o]])}return i},h=function(e){var n=e.variant,i=void 0===n?"contained":n,c=e.size,s=void 0===c?"large":c,p=e.className,f=e.disabled,v=void 0!==f&&f,h=e.children,y=e.startIcon,j=e.endIcon,x=e.loading,g=void 0!==x&&x,O=e.toolTipTitle,C=void 0===O?"":O,w=e.danger,P=void 0!==w&&w,N=b(e,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","danger"]),k=(0,o.useState)(!1),T=k[0],S=k[1],F=function(e){if(!T)return"start"===e&&y?(0,r.jsx)("span",m({className:(0,a.Z)("btn-icon","start-icon")},{children:y}),void 0):"end"===e&&j?(0,r.jsx)("span",m({className:(0,a.Z)("btn-icon","end-icon")},{children:j}),void 0):null;if("object"==typeof g){var n=g.delay||0;setTimeout((function(){return S(!1)}),n)}return"start"===e?(0,r.jsx)("span",m({className:"btn-icon loading-icon"},{children:(0,r.jsx)(l(),{},void 0)}),void 0):null},q=(0,r.jsx)(t.Button,m({},N,{color:"default",variant:"contained",disabled:v,disableRipple:!0,disableElevation:!0,className:(0,a.Z)("paraui-button",p,"paraui-button-".concat(i),"paraui-button-".concat(s),T&&"paraui-button-loading",P&&!v&&"paraui-button-dangerous"),startIcon:F("start"),endIcon:F("end")},{children:h}),void 0);return(0,o.useEffect)((function(){S(!!g)}),[g]),v&&C?(0,r.jsx)(d.default,m({title:function(){if(v&&C){return(0,r.jsxs)("span",{children:[(0,r.jsx)(u(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}},void 0),C]},void 0)}return C}()},{children:(0,r.jsx)("span",m({className:"paraui-button--disabled"},{children:q}),void 0)}),void 0):q};h.IconButton=function(e){var n=e.variant,i=void 0===n?"contained":n,c=e.size,s=void 0===c?"large":c,p=e.toolTipTitle,f=void 0===p?"":p,v=e.children,h=e.className,y=e.disabled,j=void 0!==y&&y,x=e.loading,g=void 0!==x&&x,O=e.TooltipProps,C=e.danger,w=void 0!==C&&C,P=b(e,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),N=(0,o.useState)(!1),k=N[0],T=N[1],S=(0,r.jsx)(t.IconButton,m({},P,{disabled:j,disableRipple:!0,className:(0,a.Z)("paraui-icon-button",h,"paraui-icon-button-".concat(i),"paraui-icon-button-".concat(s),k&&"paraui-icon-button-loading",w&&!j&&"paraui-icon-button-dangerous")},{children:function(){if(!k)return v;if("object"==typeof g){var e=g.delay||0;setTimeout((function(){return T(!1)}),e)}return(0,r.jsx)("span",m({className:"loading-icon"},{children:(0,r.jsx)(l(),{},void 0)}),void 0)}()}),void 0);return(0,o.useEffect)((function(){T(!!g)}),[g]),f?(0,r.jsx)(d.default,m({},O,{title:function(){if(j&&f){return(0,r.jsxs)("span",{children:[(0,r.jsx)(u(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}},void 0),f]},void 0)}return f}()},{children:j?(0,r.jsx)("span",m({className:"paraui-button--disabled"},{children:S}),void 0):S}),void 0):S},h.SplitButton=function(e){var n=e.buttonText,i=e.options,c=void 0===i?[]:i,l=e.className,s=e.disabled,u=void 0!==s&&s,d=e.onClick,p=e.optionRender,m=(0,o.useState)(!1),b=m[0],h=m[1],j=(0,o.useRef)(null),x=(0,o.useRef)(),g=(0,o.useState)(0),O=g[0],C=g[1],w=function(e,n,i){var r;C(n),h(!1),null===(r=x.current)||void 0===r||r.classList.remove("paraui-button-split--active"),null==d||d(e,i)},P=function(e){var n,i;(null===(n=j.current)||void 0===n?void 0:n.contains(e.target))||(h(!1),null===(i=x.current)||void 0===i||i.classList.remove("paraui-button-split--active"))},N=function(){return(0,r.jsx)("div",v({className:"paraui-button-split-list"},{children:(0,r.jsx)("ul",{children:c.map((function(e,n){return Array.isArray(e)?function(e,n){return(0,r.jsx)("li",v({className:"split-li-group"},{children:e.map((function(e,i){var o="".concat(n,"-").concat(i);return(0,r.jsx)("div",v({className:(0,a.Z)("split-li",o===O&&"split-li--active"),onClick:function(n){return w(e,o,n)}},{children:(null==p?void 0:p(e))||e.label}),o)}))}),n)}(e,n):(0,r.jsx)("li",v({className:(0,a.Z)("split-li",n===O&&"split-li--active"),onClick:function(i){return w(e,n,i)}},{children:(null==p?void 0:p(e))||e.label}),n)}))},void 0)}),void 0)};return(0,r.jsxs)("div",v({className:(0,a.Z)("paraui-button-split",l),ref:j,onMouseLeave:function(e){var n;e.stopPropagation(),null===(n=e.currentTarget.firstElementChild)||void 0===n||n.classList.remove("paraui-button-split--active"),h(!1)}},{children:[(0,r.jsx)(y,v({variant:"outlined",onMouseEnter:function(e){e.stopPropagation();var n=e.currentTarget;x.current=n,n.classList.add("paraui-button-split--active"),h(!0)},startIcon:(0,r.jsx)(f(),{},void 0),disabled:u},{children:null!=n?n:"更多操作"}),void 0),(0,r.jsx)(t.Popper,v({open:b,anchorEl:j.current,transition:!0,placement:"bottom-end"},{children:function(e){var n=e.TransitionProps;e.placement;return(0,r.jsx)(t.Grow,v({},n,{children:(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(t.ClickAwayListener,v({onClickAway:P},{children:N()}),void 0)},void 0)}),void 0)}}),void 0)]}),void 0)};var y=h},1706:function(e,n,i){var r=i(5893),o=i(8604),t=function(){return t=Object.assign||function(e){for(var n,i=1,r=arguments.length;i<r;i++)for(var o in n=arguments[i])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},t.apply(this,arguments)};n.default=function(e){var n,i=(0,o.createGenerateClassName)({seed:e.seed||"",productionPrefix:e.productionPrefix||"paraui"});return n=e.theme?(0,o.createMuiTheme)(t({},e.theme)):(0,o.createMuiTheme)({}),(0,r.jsx)(o.StylesProvider,t({generateClassName:i,injectFirst:!0},{children:(0,r.jsx)(o.ThemeProvider,t({theme:n},{children:e.children}),void 0)}),void 0)}},7371:function(e,n,i){var r=i(5893),o=i(1731),t=i(6010),a=function(){return a=Object.assign||function(e){for(var n,i=1,r=arguments.length;i<r;i++)for(var o in n=arguments[i])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},a.apply(this,arguments)};n.default=function(e){var n,i=e.placement,c=void 0===i?"bottom":i,l=a(a({},e.classes),{popper:(0,t.Z)("paraui-tooltip",null===(n=e.classes)||void 0===n?void 0:n.popper,{"paraui-tooltip-left-right":(null==c?void 0:c.includes("left"))||(null==c?void 0:c.includes("right")),"paraui-tooltip-top-bottom":(null==c?void 0:c.includes("top"))||(null==c?void 0:c.includes("bottom"))})});return(0,r.jsx)(o.Tooltip,a({},e,{classes:l}),void 0)}},1731:function(n){n.exports=e},8604:function(e){e.exports=n},3285:function(e){e.exports=i},19:function(e){e.exports=r},20:function(e){e.exports=o},6028:function(e){e.exports=t},2749:function(e){e.exports=a},1102:function(e){e.exports=c},6897:function(e){e.exports=l},9248:function(e){e.exports=s},3475:function(e){e.exports=u},9297:function(e){e.exports=d},2268:function(e){e.exports=p}},v={};function m(e){var n=v[e];if(void 0!==n)return n.exports;var i=v[e]={exports:{}};return f[e](i,i.exports,m),i.exports}m.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return m.d(n,{a:n}),n},m.d=function(e,n){for(var i in n)m.o(n,i)&&!m.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:n[i]})},m.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},m.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var b={};return function(){m.r(b),m.d(b,{Confirm:function(){return N},Modal:function(){return S},default:function(){return F}});var e=m(5893),n=m(9297),i=m(1731),r=m(8595),o=m(19),t=m.n(o),a=m(6010),c=m(2268),l=m.n(c),s=m(3285),u=m.n(s),d=m(20),p=m.n(d),f=m(6897),v=m.n(f),h=m(9248),y=m.n(h),j=m(1706),x=m(3475),g=function(){return g=Object.assign||function(e){for(var n,i=1,r=arguments.length;i<r;i++)for(var o in n=arguments[i])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},g.apply(this,arguments)},O={success:(0,e.jsx)(u(),{},void 0),warn:(0,e.jsx)(y(),{},void 0),warning:(0,e.jsx)(y(),{},void 0),error:(0,e.jsx)(p(),{},void 0),info:(0,e.jsx)(v(),{},void 0)},C=function(n){var o=n.type,c=void 0===o?"warning":o,l=n.open,s=void 0!==l&&l,u=n.title,d=n.content,p=n.icon,f=void 0===p?null:p,v=n.okText,m=n.cancelText,b=n.onOk,h=n.onCancel,y=n.className,j=n.showCancel,x=void 0===j||j,C=n.closable,w=void 0!==C&&C,P=n.disableBackdropClick,N=void 0===P||P,k=n.disableEscapeKeyDown,T=void 0===k||k,S=n.okButtonProps,F=n.cancelButtonProps,q=n.resolveFn,E=n.callback,_=n.destroy,z=function(){null==h||h(),null==q||q(!1),null==_||_()},I=function(){null==b||b(),null==q||q(!0),null==E||E(),null==_||_()};return(0,e.jsx)(i.Modal,g({open:s,onClose:function(e,n){N||z()},closeAfterTransition:!0,BackdropProps:{timeout:500},disableEscapeKeyDown:T,disableAutoFocus:!0,className:(0,a.Z)("paraui-confirm",y)},{children:(0,e.jsx)(i.Fade,g({in:s},{children:(0,e.jsx)("div",g({className:"paraui-confirm-wrapper"},{children:(0,e.jsxs)("div",g({className:"paraui-confirm-content"},{children:[w&&(0,e.jsx)(r.default.IconButton,g({variant:"outlined",size:"small",className:"paraui-confirm-content-close",onClick:z},{children:(0,e.jsx)(t(),{},void 0)}),void 0),(0,e.jsx)("span",g({className:(0,a.Z)("paraui-confirm-content-icon","paraui-confirm-content-icon--".concat(c))},{children:f||O[c]}),void 0),(0,e.jsxs)("div",g({className:"paraui-confirm-content-body"},{children:[u&&(0,e.jsx)("span",g({className:"paraui-confirm-body-title"},{children:u}),void 0),(0,e.jsx)("div",g({className:"paraui-confirm-body-desc"},{children:d}),void 0)]}),void 0),(0,e.jsxs)("div",g({className:"paraui-confirm-content-actions"},{children:[x&&(0,e.jsx)(r.default,g({variant:"outlined",size:"small",onClick:z},F,{children:m||"取消"}),void 0),(0,e.jsx)(r.default,g({variant:"contained",size:"small",onClick:I},S,{children:v||"确定"}),void 0)]}),void 0)]}),void 0)}),void 0)}),void 0)}),void 0)},w=new Map,P=function(n,i,r){var o={type:i};return"string"==typeof n?o.content=n:o=g(g({},n),{type:i}),new Promise((function(n){!function(n,i,r){var o=document.createElement("div"),t=n.uuid||(0,x.UUID)();n.uuid&&o.setAttribute("data-confirm-cid",n.uuid),document.body.appendChild(o);var a=function(){l().unmountComponentAtNode(o)&&o.parentNode&&o.parentNode.removeChild(o),w.delete(t)};w.set(t,a),setTimeout((function(){l().render((0,e.jsx)(j.default,{children:(0,e.jsx)(C,g({},n,{open:!0,resolveFn:i,callback:r,destroy:a}),void 0)},void 0),o)}))}(o,n,r)}))},N={info:function(e,n){return P(e,"info",n)},warn:function(e,n){return P(e,"warn",n)},error:function(e,n){return P(e,"error",n)},success:function(e,n){return P(e,"success",n)},destroyAll:function(e){if(e){var n=w.get(e);return n&&n(),void w.delete(e)}w.forEach((function(e){e&&e()})),w.clear()}},k=function(){return k=Object.assign||function(e){for(var n,i=1,r=arguments.length;i<r;i++)for(var o in n=arguments[i])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},k.apply(this,arguments)},T=function(e,n){var i={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(i[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(i[r[o]]=e[r[o]])}return i},S=function(o){var c=o.open,l=void 0!==c&&c,s=o.title,u=void 0===s?"":s,d=o.children,p=void 0===d?null:d,f=o.actions,v=void 0===f?null:f,m=o.showActions,b=void 0===m||m,h=o.onOk,y=o.onCancel,j=o.okText,x=o.cancelText,g=o.okButtonProps,O=o.cancelButtonProps,C=o.showCancel,w=void 0===C||C,P=o.className,N=o.size,S=void 0===N?"md":N,F=o.disableBackdropClick,q=void 0===F||F,E=o.disableEscapeKeyDown,_=void 0===E||E,z=o.disableEnforceFocus,I=void 0===z||z,B=o.fullScreen,D=void 0!==B&&B,A=o.customizeSize,L=T(o,["open","title","children","actions","showActions","onOk","onCancel","okText","cancelText","okButtonProps","cancelButtonProps","showCancel","className","size","disableBackdropClick","disableEscapeKeyDown","disableEnforceFocus","fullScreen","customizeSize"]),R=(0,n.useState)(!1),Z=R[0],M=R[1],W=D||"fullScreen"===S,U=function(){M(!1),null==y||y()},K=function(){null==h||h()};(0,n.useEffect)((function(){M(l)}),[l]);return(0,e.jsxs)(i.Dialog,k({className:(0,a.Z)("paraui-modal",P),scroll:"paper",onClose:function(e,n){q||U()},open:Z,maxWidth:!1,disableEscapeKeyDown:_,disableEnforceFocus:I,fullScreen:W},L,{PaperProps:{style:function(){if(A)return A}()},classes:A?{paper:"paraui-modal-paper-customizesize"}:{paper:{sm:"paraui-modal-paper-sm",md:"paraui-modal-paper-md",lg:"paraui-modal-paper-lg",auto:"paraui-modal-paper-auto",fullScreen:"paraui-modal-paper-fullscreen"}[S]}},{children:[(0,e.jsxs)(i.DialogTitle,k({classes:{root:"paraui-modal-title"},disableTypography:!0},{children:[(0,e.jsx)("h3",{children:u},void 0),(0,e.jsx)(r.default.IconButton,k({onClick:U,className:"paraui-modal-title-close",variant:"outlined",size:"small"},{children:(0,e.jsx)(t(),{},void 0)}),void 0)]}),void 0),(0,e.jsx)(i.DialogContent,k({className:"paraui-modal-content"},{children:p}),void 0),b?v?(0,e.jsx)(i.DialogActions,k({className:"paraui-modal-actions"},{children:v}),void 0):(0,e.jsxs)(i.DialogActions,k({className:"paraui-modal-actions"},{children:[w&&(0,e.jsx)(r.default,k({onClick:U,variant:"outlined",size:"small"},O,{children:x||"取消"}),void 0),(0,e.jsx)(r.default,k({variant:"contained",onClick:K},g,{size:"small"},{children:j||"确定"}),void 0)]}),void 0):null]}),void 0)},F=S}(),b}()}));

package/MultiBox/index.css

@@ -0,0 +1,10 @@
+.paraui-tooltip>div{font-size:14px;color:#fff;background-color:rgba(46,55,67,0.701961)}.paraui-tooltip-left-right>div{margin:0 8px}.paraui-tooltip-top-bottom>div{margin:8px 0}
+
+.paraui-auto-tips{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-auto-tips>.auto-tips-content{display:inline;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+
+@keyframes rotateLoading{0%{transformOrigin:50% 50%}100%{transform:rotate(360deg)}}.paraui-loading{position:absolute;left:0;top:0;width:100%;height:100%}.paraui-loading .paraui-loading-mask{position:absolute;width:100%;height:100%;background-color:white;z-index:1}.paraui-loading .paraui-loading-box{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2}.paraui-loading .paraui-loading-box>svg{transition:all .3s ease-in-out;animation:rotateLoading 1s infinite linear;font-size:20px}
+
+.paraui-text-field{font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400;display:inline-block;width:100%;padding-bottom:20px}.paraui-text-field>.text-field-label{color:rgba(46,55,67,0.701961);margin-bottom:8px;display:inline-block}.paraui-text-field>.text-field-label>.text-field-required{margin-left:2px;color:#eb6054}.paraui-text-field>.text-field-content{border:1px solid;border-radius:8px;border-color:rgba(171,176,185,0.4);display:flex;width:100%;position:relative}.paraui-text-field>.text-field-content:hover{border-color:#3666d6}.paraui-text-field>.text-field-content>.text-field-content-before{color:#2e3743;padding:0 12px;border-right:1px solid rgba(171,176,185,0.4);background-color:rgba(171,176,185,0.121569);border-bottom-left-radius:8px;border-top-left-radius:8px;white-space:nowrap;display:flex;align-items:center}.paraui-text-field>.text-field-content>.text-field-content-before svg{font-size:20px}.paraui-text-field>.text-field-content>.text-field-content-within{position:relative;width:100%;display:flex}.paraui-text-field>.text-field-content>.text-field-content-within>.right-icon{display:flex;height:100%;align-items:center;margin-right:12px;cursor:pointer;color:rgba(46,55,67,0.701961);position:relative;z-index:1}.paraui-text-field>.text-field-content>.text-field-content-within>.right-icon svg{color:rgba(46,55,67,0.701961);font-size:20px}.paraui-text-field>.text-field-content>.text-field-content-within>.length-limit{display:flex;height:100%;align-items:center;margin-right:12px;color:rgba(46,55,67,0.701961)}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input{width:100%;line-height:0}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input input::-webkit-outer-spin-button,.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input input::-webkit-inner-spin-button{-webkit-appearance:none}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input input[type="number"]{-moz-appearance:textfield}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>input{width:100%;height:100%}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>textarea{width:100% !important;padding:12px}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>input,.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>textarea{font-size:14px;color:#2e3743;border:0;border-radius:8px;background:transparent}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>input::-ms-clear,.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>textarea::-ms-clear{display:none}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>input::-ms-reveal,.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>textarea::-ms-reveal{display:none}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>input:disabled,.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>textarea:disabled{background-color:transparent}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder{width:100%;position:absolute;left:0;top:0;height:100%;padding:0 12px;color:rgba(46,55,67,0.4);cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder>.text-field-required{margin-left:2px;color:#eb6054}.paraui-text-field>.text-field-content>.text-field-content-after{color:#2e3743;padding:0 12px;border-left:1px solid rgba(171,176,185,0.4);background-color:rgba(171,176,185,0.121569);border-bottom-right-radius:8px;border-top-right-radius:8px;white-space:nowrap;display:flex;align-items:center}.paraui-text-field>.text-field-content>.text-field-content-after svg{font-size:20px}.paraui-text-field>.text-field-error-text{margin:8px 0 0 0;padding-left:12px;line-height:1}.paraui-text-field.text-field-multiline>.text-field-content .text-field-content-within>.length-limit{height:14px;position:absolute;right:0;bottom:8px}.paraui-text-field.text-field-multiline>.text-field-content .text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder{padding-top:12px;line-height:1;height:calc(100% - 14px)}.paraui-text-field.text-field-disabled>.text-field-content{background-color:rgba(171,176,185,0.121569)}.paraui-text-field.text-field-disabled>.text-field-content:hover{border-color:rgba(171,176,185,0.4)}.paraui-text-field.text-field-disabled>.text-field-content>.text-field-content-before{background-color:transparent}.paraui-text-field.text-field-disabled>.text-field-content>.text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder{cursor:not-allowed}.paraui-text-field.text-field-disabled>.text-field-content>.text-field-content-within>.text-field-content-within-input>input,.paraui-text-field.text-field-disabled>.text-field-content>.text-field-content-within>.text-field-content-within-input>textarea{cursor:not-allowed}.paraui-text-field.text-field-disabled>.text-field-content>.text-field-content-after{background-color:transparent}.paraui-text-field.text-field-error>.text-field-error-text{color:#eb6054}.paraui-text-field.text-field-error>.text-field-content{border-color:#eb6054}.paraui-text-field.text-field-error>.text-field-content:hover{border-color:#eb6054}.paraui-text-field.text-field-limit>.text-field-content{border-color:#eb6054 !important}.paraui-text-field.text-field-limit>.text-field-content:hover{border-color:#eb6054 !important}.paraui-text-field.text-field-focus>.text-field-content{border-color:#3666d6}.paraui-text-field.text-field-small>.text-field-content{height:28px}.paraui-text-field.text-field-small>.text-field-content>.text-field-content-before{line-height:26px}.paraui-text-field.text-field-small>.text-field-content>.text-field-content-within>.text-field-content-within-input{height:26px}.paraui-text-field.text-field-small>.text-field-content>.text-field-content-within>.text-field-content-within-input>input{padding:6px 12px}.paraui-text-field.text-field-small>.text-field-content>.text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder{line-height:26px}.paraui-text-field.text-field-small>.text-field-content .text-field-content-after{line-height:26px}.paraui-text-field.text-field-medium>.text-field-content{height:32px}.paraui-text-field.text-field-medium>.text-field-content>.text-field-content-before{line-height:30px}.paraui-text-field.text-field-medium>.text-field-content>.text-field-content-within>.text-field-content-within-input{height:30px}.paraui-text-field.text-field-medium>.text-field-content>.text-field-content-within>.text-field-content-within-input>input{padding:8px 12px}.paraui-text-field.text-field-medium>.text-field-content>.text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder{line-height:30px}.paraui-text-field.text-field-medium>.text-field-content .text-field-content-after{line-height:30px}.paraui-text-field.text-field-large>.text-field-content{height:36px}.paraui-text-field.text-field-large>.text-field-content>.text-field-content-before{line-height:34px}.paraui-text-field.text-field-large>.text-field-content>.text-field-content-within>.text-field-content-within-input{height:34px}.paraui-text-field.text-field-large>.text-field-content>.text-field-content-within>.text-field-content-within-input>input{padding:10px 12px}.paraui-text-field.text-field-large>.text-field-content>.text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder{line-height:34px}.paraui-text-field.text-field-large>.text-field-content .text-field-content-after{line-height:34px}.paraui-text-field-select>div{max-width:none;padding:0;background-color:white;box-shadow:0px 2px 8px 0px rgba(171,176,185,0.4);border-radius:8px;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400}.paraui-text-field-select>div>span{color:white}.paraui-text-field-select>div .text-field-select-content{max-height:300px;overflow:auto}.paraui-text-field-select>div .text-field-select-content>.text-field-select-content-item{display:flex;cursor:pointer;color:#2e3743;padding:0 12px}.paraui-text-field-select>div .text-field-select-content>.text-field-select-content-item:hover{background-color:rgba(171,176,185,0.121569);color:#3666d6}.paraui-text-field-select>div .text-field-select-content>.text-field-select-content-item.text-field-select-content-item-keydown{background-color:rgba(171,176,185,0.121569);color:#3666d6}.paraui-text-field-select>div .text-field-select-content.text-field-select-content-loading{height:100px;position:relative;overflow:hidden}.paraui-text-field-select.paraui-text-field-select-small>div .text-field-select-content>.text-field-select-content-item{line-height:28px}.paraui-text-field-select.paraui-text-field-select-medium>div .text-field-select-content>.text-field-select-content-item{line-height:32px}.paraui-text-field-select.paraui-text-field-select-large>div .text-field-select-content>.text-field-select-content-item{line-height:36px}
+
+.paraui-multi-box{display:inline-block;width:100%;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400;padding-bottom:20px}.paraui-multi-box>.multi-box-label{color:rgba(46,55,67,0.701961);margin-bottom:8px;display:inline-block}.paraui-multi-box>.multi-box-label>.multi-box-label-required{margin-left:2px;color:#eb6054}.paraui-multi-box>.multi-box-content{line-height:0}.paraui-multi-box>.multi-box-content>.multi-box-content-item{padding-bottom:15px;display:flex}.paraui-multi-box>.multi-box-content>.multi-box-content-item>.multi-box-content-item-input{width:calc(100% - 30px);display:flex}.paraui-multi-box>.multi-box-content>.multi-box-content-item>.multi-box-content-item-input>.text-field{padding-bottom:0px;width:calc(50% - 10px)}.paraui-multi-box>.multi-box-content>.multi-box-content-item>.multi-box-content-item-input>span{display:flex;align-items:center;justify-content:center;width:20px}.paraui-multi-box>.multi-box-content>.multi-box-content-item>.single-box-content-item-svg{display:flex;align-items:center;justify-content:center;width:30px;cursor:pointer}.paraui-multi-box>.multi-box-add{text-align:center;border:1px dashed;border-color:rgba(171,176,185,0.4);display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.paraui-multi-box>.multi-box-add>svg{font-size:24px}.paraui-multi-box>.multi-box-add:hover{border-color:#3666d6;color:#3666d6}.paraui-multi-box>.multi-box-error-text{margin:8px 0 0 0;padding-left:12px;line-height:1}.paraui-multi-box.multi-box-small>.multi-box-add{height:28px}.paraui-multi-box.multi-box-medium>.multi-box-add{height:32px}.paraui-multi-box.multi-box-large>.multi-box-add{height:36px}.paraui-multi-box.multi-box-error>.multi-box-error-text{color:#eb6054}.paraui-multi-box.multi-box-disabled>.multi-box-content>.multi-box-content-item>.single-box-content-item-svg{cursor:not-allowed}.paraui-multi-box.multi-box-disabled>.multi-box-content>.multi-box-content-item>.single-box-content-item-svg>svg{color:rgba(46,55,67,0.701961)}.paraui-multi-box.multi-box-disabled>.multi-box-add{border-color:rgba(171,176,185,0.4);cursor:not-allowed;background-color:rgba(171,176,185,0.121569);color:rgba(46,55,67,0.701961)}.paraui-multi-box.multi-box-disabled>.multi-box-add>svg{color:rgba(46,55,67,0.701961)}.paraui-multi-box.multi-box-disabled>.multi-box-add:hover{border-color:rgba(171,176,185,0.4);color:rgba(46,55,67,0.701961)}
+

package/MultiBox/index.js

@@ -1,10 +1,10 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@material-ui/core"),require("@para-ui/icons/Delete"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Plus"),require("@para-ui/icons/PreviewClose"),require("@para-ui/icons/PreviewOpen"),require("para-lib"),require("react")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons/Delete","@para-ui/icons/LoadingF","@para-ui/icons/Plus","@para-ui/icons/PreviewClose","@para-ui/icons/PreviewOpen","para-lib","react"],t):"object"==typeof exports?exports.ParaUI=t(require("@material-ui/core"),require("@para-ui/icons/Delete"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Plus"),require("@para-ui/icons/PreviewClose"),require("@para-ui/icons/PreviewOpen"),require("para-lib"),require("react")):e.ParaUI=t(e["@material-ui/core"],e["@para-ui/icons/Delete"],e["@para-ui/icons/LoadingF"],e["@para-ui/icons/Plus"],e["@para-ui/icons/PreviewClose"],e["@para-ui/icons/PreviewOpen"],e["para-lib"],e.react)}(self,(function(e,t,n,o,r,i,a,l){return function(){"use strict";var u,s={4927:function(e,t,n){function o(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=o(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function r(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=o(e))&&(r&&(r+=" "),r+=t);return r}n.d(t,{Z:function(){return r}})},4126:function(e){
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@material-ui/core"),require("@para-ui/icons/Delete"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Plus"),require("@para-ui/icons/PreviewClose"),require("@para-ui/icons/PreviewOpen"),require("para-lib"),require("react")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons/Delete","@para-ui/icons/LoadingF","@para-ui/icons/Plus","@para-ui/icons/PreviewClose","@para-ui/icons/PreviewOpen","para-lib","react"],t):"object"==typeof exports?exports.ParaUI=t(require("@material-ui/core"),require("@para-ui/icons/Delete"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Plus"),require("@para-ui/icons/PreviewClose"),require("@para-ui/icons/PreviewOpen"),require("para-lib"),require("react")):e.ParaUI=t(e["@material-ui/core"],e["@para-ui/icons/Delete"],e["@para-ui/icons/LoadingF"],e["@para-ui/icons/Plus"],e["@para-ui/icons/PreviewClose"],e["@para-ui/icons/PreviewOpen"],e["para-lib"],e.react)}(self,(function(e,t,n,o,i,r,a,l){return function(){"use strict";var s={6010:function(e,t,n){function o(e){var t,n,i="";if("string"==typeof e||"number"==typeof e)i+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=o(e[t]))&&(i&&(i+=" "),i+=n);else for(t in e)e[t]&&(i&&(i+=" "),i+=t);return i}function i(){for(var e,t,n=0,i="";n<arguments.length;)(e=arguments[n++])&&(t=o(e))&&(i&&(i+=" "),i+=t);return i}n.d(t,{Z:function(){return i}})},7418:function(e){
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function r(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 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=r(e),s=1;s<arguments.length;s++){for(var c in a=Object(arguments[s]))n.call(a,c)&&(u[c]=a[c]);if(t){l=t(a);for(var d=0;d<l.length;d++)o.call(a,l[d])&&(u[l[d]]=a[l[d]])}}return u}},9524:function(e,t,n){
+var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=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 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 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,r){for(var a,l,s=i(e),u=1;u<arguments.length;u++){for(var c in a=Object(arguments[u]))n.call(a,c)&&(s[c]=a[c]);if(t){l=t(a);for(var d=0;d<l.length;d++)o.call(a,l[d])&&(s[l[d]]=a[l[d]])}}return s}},5251:function(e,t,n){
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -13,4 +13,4 @@ var t=Object.getOwnPropertySymbols,n=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.
  */
-n(4126);var o=n(9297),r=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;r=i("react.element"),t.Fragment=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 s(e,t,n){var o,i={},s=null,c=null;for(o in void 0!==n&&(s=""+n),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(c=t.ref),t)l.call(t,o)&&!u.hasOwnProperty(o)&&(i[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===i[o]&&(i[o]=t[o]);return{$$typeof:r,type:e,key:s,ref:c,props:i,_owner:a.current}}t.jsx=s,t.jsxs=s},7712:function(e,t,n){e.exports=n(9524)},3094:function(e,t,n){var o=n(7712),r=n(9297),i=n(6885),a=function(){return a=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a.apply(this,arguments)};t.default=function(e){var t=e.children,n=e.placement,l=void 0===n?"bottom-start":n,u=e.tips,s=void 0===u?"":u,c=e.className,d=void 0===c?"":c,f=(0,r.useRef)(),v=(0,r.useState)(""),p=v[0],h=v[1];(0,r.useEffect)((function(){h(s)}),[s]);var m;return(0,o.jsx)("div",a({ref:f,className:(m="paraui-auto-tips",d&&(m+=" "+d),m),onMouseOver:function(e){f.current&&f.current.scrollWidth>f.current.offsetWidth?h(s||f.current.innerText):h("")}},{children:(0,o.jsx)(i.default,a({title:p,placement:l},{children:(0,o.jsx)("div",a({className:"auto-tips-content"},{children:t}),void 0)}),void 0)}),void 0)}},9011:function(e,t,n){var o=n(7712),r=n(9297),i=n(1102),a=n.n(i),l=function(){return l=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},l.apply(this,arguments)};t.default=function(e){var t=e.className,n=e.style,i=e.opacity,u=void 0===i?.7:i,s=(0,r.useRef)(null);(0,r.useEffect)((function(){s&&s.current&&s.current.parentNode&&((getComputedStyle(s.current.parentNode)||{}).position||(s.current.parentNode.style.position="relative"))}),[]);var c;return(0,o.jsxs)("div",l({className:(c="paraui-loading",t&&(c+=" "+t),c),style:n,ref:s},{children:[(0,o.jsx)("div",l({className:"paraui-loading-box"},{children:(0,o.jsx)(a(),{},void 0)}),void 0),(0,o.jsx)("div",{className:"paraui-loading-mask",style:{opacity:u}},void 0)]}),void 0)}},5268:function(e,t,n){n.r(t),n.d(t,{MultiBox:function(){return f}});var o=n(7712),r=n(9297),i=n(3672),a=n(5191),l=n.n(a),u=n(6243),s=n.n(u),c=function(){return c=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},c.apply(this,arguments)},d=function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))},f=function(e){var t=e.className,n=e.size,a=void 0===n?"large":n,u=e.placeholderKey,f=void 0===u?"":u,v=e.placeholderValue,p=void 0===v?"":v,h=e.label,m=void 0===h?"":h,x=e.disabled,y=void 0!==x&&x,g=e.required,b=void 0!==g&&g,j=e.error,O=void 0!==j&&j,w=e.helperText,S=void 0===w?"":w,k=e.value,N=e.replaceFields,C=e.onChange,P=e.fetchSuggestionsKey,q=e.fetchSuggestionsValue,E=(0,r.useState)([]),L=E[0],_=E[1],F=(0,r.useState)({key:"label",value:"value"}),I=F[0],D=F[1];(0,r.useEffect)((function(){void 0!==e.defaultValue&&_(d([],e.defaultValue,!0))}),[]),(0,r.useEffect)((function(){void 0!==k&&_(d([],k,!0))}),[k]),(0,r.useEffect)((function(){if(N){var e=c(c({},I),N);D(e)}}),[N]);var T,A=function(t){return function(){y||(L.splice(t,1),void 0===e.value&&_(d([],L,!0)),C&&C(L))}},M=function(t,n){return function(o){L[n][t]=o.target.value,void 0===e.value&&_(d([],L,!0)),C&&C(L)}},U=function(e){return function(t,n){"key"===e?P&&P(t,n):q&&q(t,n)}},B=function(e,t){return function(n){L[t][e]=n.value,_(d([],L,!0)),C&&C(L)}};return(0,o.jsxs)("div",c({className:(T="paraui-multi-box multi-box",t&&(T+=" "+t),a&&(T+=" multi-box-"+a),O&&(T+=" multi-box-error"),y&&(T+=" multi-box-disabled"),T)},{children:[m?(0,o.jsxs)("label",c({className:"multi-box-label"},{children:[m,b&&(0,o.jsx)("span",c({className:"multi-box-label-required"},{children:"*"}),void 0)]}),void 0):null,(0,o.jsx)("div",c({className:"multi-box-content"},{children:L.map((function(e,t){return(0,o.jsxs)("div",c({className:"multi-box-content-item"},{children:[(0,o.jsxs)("div",c({className:"multi-box-content-item-input"},{children:[(0,o.jsx)(i.default,{size:a,disabled:y,placeholder:f,value:e[I.key||""],onChange:M(I.key||"",t),fetchSuggestions:P?U("key"):void 0,onSelect:B(I.key||"",t)},void 0),(0,o.jsx)("span",{children:":"},void 0),(0,o.jsx)(i.default,{size:a,disabled:y,placeholder:p,value:e[I.value||""],onChange:M(I.value||"",t),fetchSuggestions:q?U("value"):void 0,onSelect:B(I.value||"",t)},void 0)]}),void 0),(0,o.jsx)("span",c({className:"single-box-content-item-svg"},{children:(0,o.jsx)(s(),{onClick:A(t)},void 0)}),void 0)]}),t)}))}),void 0),(0,o.jsx)("div",c({className:"multi-box-add",onClick:function(){y||(L.push({}),void 0===e.value&&_(d([],L,!0)),C&&C(L))}},{children:(0,o.jsx)(l(),{},void 0)}),void 0),S&&(0,o.jsx)("p",c({className:"multi-box-error-text"},{children:S}),void 0)]}),void 0)};t.default=f},3672:function(e,t,n){var o=n(7712),r=n(9297),i=n(1731),a=n(3094),l=n(9011),u=n(8528),s=n.n(u),c=n(6570),d=n.n(c),f=n(3475),v=function(){return v=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},v.apply(this,arguments)},p=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n};t.default=function(e){var t=e.className,n=e.size,u=void 0===n?"large":n,c=e.labelMode,h=void 0===c?"outside":c,m=e.placeholder,x=void 0===m?"":m,y=e.label,g=void 0===y?"":y,b=e.disabled,j=void 0!==b&&b,O=e.multiline,w=void 0!==O&&O,S=e.required,k=void 0!==S&&S,N=e.labelSign,C=e.rows,P=void 0===C?2:C,q=e.error,E=void 0!==q&&q,L=e.helperText,_=void 0===L?"":L,F=e.addonBefore,I=void 0===F?"":F,D=e.addonAfter,T=void 0===D?"":D,A=(e.defaultValue,e.value),M=e.autoFocus,U=void 0!==M&&M,B=e.type,R=void 0===B?"text":B,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,oe=e.onEnter,re=e.onClickAddonBefore,ie=e.onClickAddonAfter,ae=e.onSelect,le=p(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"]),ue=(0,r.useState)("text-field-select-content-"+(0,f.UUID)())[0],se=(0,r.useState)(!0),ce=se[0],de=se[1],fe=(0,r.useState)(""),ve=fe[0],pe=fe[1],he=(0,r.useState)(!1),me=he[0],xe=he[1],ye=(0,r.useState)("text"),ge=ye[0],be=ye[1],je=(0,r.useState)(!1),Oe=je[0],we=je[1],Se=(0,r.useState)(!1),ke=Se[0],Ne=Se[1],Ce=(0,r.useState)([]),Pe=Ce[0],qe=Ce[1],Ee=((0,r.useState)({isCompositions:!0})[0],(0,r.useRef)(null)),Le=(0,r.useRef)(null);(0,r.useEffect)((function(){void 0!==e.defaultValue&&(pe(e.defaultValue),Ie(e.defaultValue))}),[]),(0,r.useEffect)((function(){R!==ge&&be(R)}),[R]),(0,r.useEffect)((function(){void 0!==A&&(pe(A),Ie(A))}),[A]),(0,r.useEffect)((function(){de(""===ve||void 0===ve)}),[ve]),(0,r.useEffect)((function(){J&&we(me)}),[me,J]),(0,r.useEffect)((function(){return Oe?window.addEventListener("keydown",Me):window.removeEventListener("keydown",Me),function(){window.removeEventListener("keydown",Me)}}),[Oe]),(0,r.useEffect)((function(){if(!me&&ve){var t=Fe(ve);if(t!==ve){var n={};n.target=Ee.current,n.target.value=t,e.onChange&&e.onChange(n)}}}),[ve,me]);var _e,Fe=function(t){var n=t;return e.limitLength&&t.toString().length>e.limitLength&&(n=n.toString().substr(0,e.limitLength)),n},Ie=function(e){Ee&&Ee.current&&(Ee.current.value=e,Ee.current.setAttribute("value",e))},De=function(){j||(de(!1),(Ee&&Ee.current).focus())},Te=function(e){var t=e.selectDom,n=e.keyCode,o=e.currentDom,r="nextSibling",i=".text-field-select-content-item";38===n&&(r="previousSibling",i=".text-field-select-content-item:last-child"),o?(o=o[r])||(o=t.querySelector(i)):o=t.querySelector(".text-field-select-content-item"),o&&(o.classList.add("text-field-select-content-item-keydown"),Ae(o,t))},Ae=function(e,t){var n=t.clientHeight,o=e.offsetTop+e.clientHeight-n;t.scrollTop=o>0?o:0},Me=function(e){var t=document.querySelector("."+ue),n=null,o=t.querySelector(".text-field-select-content-item-keydown");if(13===e.keyCode&&o){var r=o.dataset.val;Je(JSON.parse(r))(e),(Ee&&Ee.current).blur()}o&&(n=o,o.classList.remove("text-field-select-content-item-keydown")),40===e.keyCode&&Te({selectDom:t,keyCode:e.keyCode,currentDom:n}),38===e.keyCode&&Te({selectDom:t,keyCode:e.keyCode,currentDom:n})},Ue=function(e){xe(!1),""===e.target.value&&de(!0),Q&&Q(e)},Be=function(e){Ne(!0),J&&J(e,(function(e){qe(e||[]),Ne(!1)}))},Re=function(e){xe(!0),X&&X(e),Be(e.target.value)},Ke=function(t){var n=t.target.value;n&&de(!1),void 0===e.value&&(pe(n),Ie(n)),ee&&ee(t),Be(t.target.value)},Ve=function(e){13===e.keyCode&&oe&&oe(e),te&&te(e)},ze=function(e){ne&&ne(e)},We=function(e){"password"===R&&("text"===ge&&be("password"),"password"===ge&&be("text")),K&&K(e)},He=function(){we(!1)},Je=function(e){return function(t){ae&&ae(e)}},Ze=(0,r.useMemo)((function(){return(0,o.jsx)(o.Fragment,{children:void 0!==H&&(0,o.jsx)("span",v({className:"length-limit"},{children:(ve?ve.toString().length:0)+"/"+H}),void 0)},void 0)}),[H,ve]),$e=(0,r.useMemo)((function(){var e=V||("password"===R?"password"===ge?(0,o.jsx)(d(),{},void 0):(0,o.jsx)(s(),{},void 0):null);return(0,o.jsx)(o.Fragment,{children:W&&e&&(0,o.jsx)("span",v({className:"right-icon",onClick:We},{children:e}),void 0)},void 0)}),[W,V,R,ge]),Ye=(0,r.useMemo)((function(){return(0,o.jsxs)("div",v({className:"text-field-content-within",ref:Le},{children:[(0,o.jsxs)("div",v({className:"text-field-content-within-input"},{children:[w?(0,o.jsx)("textarea",v({ref:Ee,rows:P,onBlur:Ue,onFocus:Re,onChange:Ke,onKeyDown:Ve,onKeyUp:ze,disabled:j},le),void 0):(0,o.jsx)("input",v({ref:Ee,type:ge,onBlur:Ue,onFocus:Re,onChange:Ke,onKeyDown:Ve,onKeyUp:ze,disabled:j},le),void 0),ce&&!me&&(0,o.jsx)("span",v({className:"text-field-label-placeholder",onClick:De},{children:"outside"===h?x:(0,o.jsxs)(o.Fragment,{children:[g||x,k&&(0,o.jsx)("span",v({className:"text-field-required"},{children:"*"}),void 0),N&&(0,o.jsx)("span",{children:N},void 0)]},void 0)}),void 0)]}),void 0),Ze,$e]}),void 0)}),[ce,me,U,ge,ve,Ze,$e,h,x,g,j,w,P,le,ee,J]),Ge=(0,r.useMemo)((function(){var e;return(0,o.jsxs)("div",v({className:(e="text-field-select-content",ke&&(e+=" text-field-select-content-loading"),ue&&(e+=" "+ue),e),style:{width:(Le&&Le.current?Le.current.offsetWidth:0)+"px"}},{children:[Pe&&Pe.map((function(e,t){return(0,o.jsx)("div",v({className:"text-field-select-content-item",onMouseDown:Je(e),"data-val":JSON.stringify(e)},{children:$?$(e):(0,o.jsx)(a.default,{children:e[G]},void 0)}),t)})),ke&&(0,o.jsx)(l.default,{},void 0)]}),void 0)}),[Le,Oe,Pe,$,G,ae,ke,ue]),Qe=(0,r.useMemo)((function(){return(0,o.jsx)(i.Tooltip,v({open:Oe,title:Ge,onClose:He,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:Ye}),void 0);var e}),[ce,me,U,ge,ve,Ze,$e,h,x,g,j,w,P,le,ee,J,ae,Le,Oe,Z,u]),Xe=(0,r.useMemo)((function(){var e=Boolean(k||N||g);return(0,o.jsx)(o.Fragment,{children:"outside"===h&&e&&(0,o.jsxs)("label",v({className:"text-field-label"},{children:[g,k&&(0,o.jsx)("span",v({className:"text-field-required"},{children:"*"}),void 0),N&&(0,o.jsx)("span",{children:N},void 0)]}),void 0)},void 0)}),[h,g,N,k]);return(0,o.jsxs)("div",v({className:(_e="paraui-text-field",_e+=" text-field",u&&!w&&(_e+=" text-field-"+u),t&&(_e+=" "+t),E&&(_e+=" text-field-error"),me&&(_e+=" text-field-focus"),j&&(_e+=" text-field-disabled"),w&&(_e+=" text-field-multiline"),e.limitLength&&ve&&ve.toString().length>e.limitLength&&(_e+=" text-field-limit"),_e)},{children:[Xe,(0,o.jsxs)("div",v({className:"text-field-content"},{children:[I&&(0,o.jsx)("div",v({className:"text-field-content-before",onClick:function(e){re&&re(e)}},{children:I}),void 0),J?Qe:Ye,T&&(0,o.jsx)("div",v({className:"text-field-content-after",onClick:function(e){ie&&ie(e)}},{children:T}),void 0)]}),void 0),_&&(0,o.jsx)("p",v({className:"text-field-error-text"},{children:_}),void 0)]}),void 0)}},6885:function(e,t,n){var o=n(7712),r=n(1731),i=n(4927),a=function(){return a=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a.apply(this,arguments)};t.default=function(e){var t,n=e.placement,l=void 0===n?"bottom":n,u=a(a({},e.classes),{popper:(0,i.Z)("paraui-tooltip",null===(t=e.classes)||void 0===t?void 0:t.popper,{"paraui-tooltip-left-right":(null==l?void 0:l.includes("left"))||(null==l?void 0:l.includes("right")),"paraui-tooltip-top-bottom":(null==l?void 0:l.includes("top"))||(null==l?void 0:l.includes("bottom"))})});return(0,o.jsx)(r.Tooltip,a({},e,{classes:u}),void 0)}},1731:function(t){t.exports=e},6243:function(e){e.exports=t},1102:function(e){e.exports=n},5191:function(e){e.exports=o},6570:function(e){e.exports=r},8528:function(e){e.exports=i},3475:function(e){e.exports=a},9297:function(e){e.exports=l}},c={};function d(e){var t=c[e];if(void 0!==t)return t.exports;var n=c[e]={exports:{}};return s[e](n,n.exports,d),n.exports}d.m=s,u=[],d.O=function(e,t,n,o){if(!t){var r=1/0;for(l=0;l<u.length;l++){t=u[l][0],n=u[l][1],o=u[l][2];for(var i=!0,a=0;a<t.length;a++)(!1&o||r>=o)&&Object.keys(d.O).every((function(e){return d.O[e](t[a])}))?t.splice(a--,1):(i=!1,o<r&&(r=o));i&&(u.splice(l--,1),e=n())}return e}o=o||0;for(var l=u.length;l>0&&u[l-1][2]>o;l--)u[l]=u[l-1];u[l]=[t,n,o]},d.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(t,{a:t}),t},d.d=function(e,t){for(var n in t)d.o(t,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},d.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={8766:0,1465:0,5717:0,2996:0,2823:0,9296:0};d.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,r,i=n[0],a=n[1],l=n[2],u=0;for(o in a)d.o(a,o)&&(d.m[o]=a[o]);if(l)var s=l(d);for(t&&t(n);u<i.length;u++)r=i[u],d.o(e,r)&&e[r]&&e[r][0](),e[i[u]]=0;return d.O(s)},n=self.webpackChunkParaUI=self.webpackChunkParaUI||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();var f=d.O(void 0,[9296],(function(){return d(5268)}));return f=d.O(f)}()}));
+n(7418);var o=n(9297),i=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var r=Symbol.for;i=r("react.element"),t.Fragment=r("react.fragment")}var a=o.__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 u(e,t,n){var o,r={},u=null,c=null;for(o in void 0!==n&&(u=""+n),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(c=t.ref),t)l.call(t,o)&&!s.hasOwnProperty(o)&&(r[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===r[o]&&(r[o]=t[o]);return{$$typeof:i,type:e,key:u,ref:c,props:r,_owner:a.current}}t.jsx=u,t.jsxs=u},5893:function(e,t,n){e.exports=n(5251)},7839:function(e,t,n){var o=n(5893),i=n(9297),r=n(7371),a=function(){return a=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},a.apply(this,arguments)};t.default=function(e){var t=e.children,n=e.placement,l=void 0===n?"bottom-start":n,s=e.tips,u=void 0===s?"":s,c=e.className,d=void 0===c?"":c,f=(0,i.useRef)(),v=(0,i.useState)(""),p=v[0],m=v[1];(0,i.useEffect)((function(){m(u)}),[u]);var h;return(0,o.jsx)("div",a({ref:f,className:(h="paraui-auto-tips",d&&(h+=" "+d),h),onMouseOver:function(e){f.current&&f.current.scrollWidth>f.current.offsetWidth?m(u||f.current.innerText):m("")}},{children:(0,o.jsx)(r.default,a({title:p,placement:l},{children:(0,o.jsx)("div",a({className:"auto-tips-content"},{children:t}),void 0)}),void 0)}),void 0)}},7502:function(e,t,n){var o=n(5893),i=n(9297),r=n(1102),a=n.n(r),l=function(){return l=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},l.apply(this,arguments)};t.default=function(e){var t=e.className,n=e.style,r=e.opacity,s=void 0===r?.7:r,u=(0,i.useRef)(null);(0,i.useEffect)((function(){u&&u.current&&u.current.parentNode&&((getComputedStyle(u.current.parentNode)||{}).position||(u.current.parentNode.style.position="relative"))}),[]);var c;return(0,o.jsxs)("div",l({className:(c="paraui-loading",t&&(c+=" "+t),c),style:n,ref:u},{children:[(0,o.jsx)("div",l({className:"paraui-loading-box"},{children:(0,o.jsx)(a(),{},void 0)}),void 0),(0,o.jsx)("div",{className:"paraui-loading-mask",style:{opacity:s}},void 0)]}),void 0)}},7320:function(e,t,n){var o=n(5893),i=n(9297),r=n(1731),a=n(7839),l=n(7502),s=n(8528),u=n.n(s),c=n(6570),d=n.n(c),f=n(3475),v=function(){return v=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},v.apply(this,arguments)},p=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(n[o[i]]=e[o[i]])}return n};t.default=function(e){var t=e.className,n=e.size,s=void 0===n?"large":n,c=e.labelMode,m=void 0===c?"outside":c,h=e.placeholder,x=void 0===h?"":h,y=e.label,g=void 0===y?"":y,b=e.disabled,j=void 0!==b&&b,w=e.multiline,O=void 0!==w&&w,S=e.required,N=void 0!==S&&S,C=e.labelSign,k=e.rows,P=void 0===k?2:k,q=e.error,E=void 0!==q&&q,L=e.helperText,_=void 0===L?"":L,F=e.addonBefore,D=void 0===F?"":F,I=e.addonAfter,T=void 0===I?"":I,A=(e.defaultValue,e.value),M=e.autoFocus,B=void 0!==M&&M,R=e.type,K=void 0===R?"text":R,U=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,oe=e.onEnter,ie=e.onClickAddonBefore,re=e.onClickAddonAfter,ae=e.onSelect,le=p(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"]),se=(0,i.useState)("text-field-select-content-"+(0,f.UUID)())[0],ue=(0,i.useState)(!0),ce=ue[0],de=ue[1],fe=(0,i.useState)(""),ve=fe[0],pe=fe[1],me=(0,i.useState)(!1),he=me[0],xe=me[1],ye=(0,i.useState)("text"),ge=ye[0],be=ye[1],je=(0,i.useState)(!1),we=je[0],Oe=je[1],Se=(0,i.useState)(!1),Ne=Se[0],Ce=Se[1],ke=(0,i.useState)([]),Pe=ke[0],qe=ke[1],Ee=((0,i.useState)({isCompositions:!0})[0],(0,i.useRef)(null)),Le=(0,i.useRef)(null);(0,i.useEffect)((function(){void 0!==e.defaultValue&&(pe(e.defaultValue),De(e.defaultValue))}),[]),(0,i.useEffect)((function(){K!==ge&&be(K)}),[K]),(0,i.useEffect)((function(){void 0!==A&&(pe(A),De(A))}),[A]),(0,i.useEffect)((function(){de(""===ve||void 0===ve)}),[ve]),(0,i.useEffect)((function(){J&&Oe(he)}),[he,J]),(0,i.useEffect)((function(){return we?window.addEventListener("keydown",Me):window.removeEventListener("keydown",Me),function(){window.removeEventListener("keydown",Me)}}),[we]),(0,i.useEffect)((function(){if(!he&&ve){var t=Fe(ve);if(t!==ve){var n={};n.target=Ee.current,n.target.value=t,e.onChange&&e.onChange(n)}}}),[ve,he]);var _e,Fe=function(t){var n=t;return e.limitLength&&t.toString().length>e.limitLength&&(n=n.toString().substr(0,e.limitLength)),n},De=function(e){Ee&&Ee.current&&(Ee.current.value=e,Ee.current.setAttribute("value",e))},Ie=function(){j||(de(!1),(Ee&&Ee.current).focus())},Te=function(e){var t=e.selectDom,n=e.keyCode,o=e.currentDom,i="nextSibling",r=".text-field-select-content-item";38===n&&(i="previousSibling",r=".text-field-select-content-item:last-child"),o?(o=o[i])||(o=t.querySelector(r)):o=t.querySelector(".text-field-select-content-item"),o&&(o.classList.add("text-field-select-content-item-keydown"),Ae(o,t))},Ae=function(e,t){var n=t.clientHeight,o=e.offsetTop+e.clientHeight-n;t.scrollTop=o>0?o:0},Me=function(e){var t=document.querySelector("."+se),n=null,o=t.querySelector(".text-field-select-content-item-keydown");if(13===e.keyCode&&o){var i=o.dataset.val;Je(JSON.parse(i))(e),(Ee&&Ee.current).blur()}o&&(n=o,o.classList.remove("text-field-select-content-item-keydown")),40===e.keyCode&&Te({selectDom:t,keyCode:e.keyCode,currentDom:n}),38===e.keyCode&&Te({selectDom:t,keyCode:e.keyCode,currentDom:n})},Be=function(e){xe(!1),""===e.target.value&&de(!0),Q&&Q(e)},Re=function(e){Ce(!0),J&&J(e,(function(e){qe(e||[]),Ce(!1)}))},Ke=function(e){xe(!0),X&&X(e),Re(e.target.value)},Ue=function(t){var n=t.target.value;n&&de(!1),void 0===e.value&&(pe(n),De(n)),ee&&ee(t),Re(t.target.value)},Ve=function(e){13===e.keyCode&&oe&&oe(e),te&&te(e)},ze=function(e){ne&&ne(e)},We=function(e){"password"===K&&("text"===ge&&be("password"),"password"===ge&&be("text")),U&&U(e)},He=function(){Oe(!1)},Je=function(e){return function(t){ae&&ae(e)}},Ze=(0,i.useMemo)((function(){return(0,o.jsx)(o.Fragment,{children:void 0!==H&&(0,o.jsx)("span",v({className:"length-limit"},{children:(ve?ve.toString().length:0)+"/"+H}),void 0)},void 0)}),[H,ve]),$e=(0,i.useMemo)((function(){var e=V||("password"===K?"password"===ge?(0,o.jsx)(d(),{},void 0):(0,o.jsx)(u(),{},void 0):null);return(0,o.jsx)(o.Fragment,{children:W&&e&&(0,o.jsx)("span",v({className:"right-icon",onClick:We},{children:e}),void 0)},void 0)}),[W,V,K,ge]),Ye=(0,i.useMemo)((function(){return(0,o.jsxs)("div",v({className:"text-field-content-within",ref:Le},{children:[(0,o.jsxs)("div",v({className:"text-field-content-within-input"},{children:[O?(0,o.jsx)("textarea",v({ref:Ee,rows:P,onBlur:Be,onFocus:Ke,onChange:Ue,onKeyDown:Ve,onKeyUp:ze,disabled:j},le),void 0):(0,o.jsx)("input",v({ref:Ee,type:ge,onBlur:Be,onFocus:Ke,onChange:Ue,onKeyDown:Ve,onKeyUp:ze,disabled:j},le),void 0),ce&&!he&&(0,o.jsx)("span",v({className:"text-field-label-placeholder",onClick:Ie},{children:"outside"===m?x:(0,o.jsxs)(o.Fragment,{children:[g||x,N&&(0,o.jsx)("span",v({className:"text-field-required"},{children:"*"}),void 0),C&&(0,o.jsx)("span",{children:C},void 0)]},void 0)}),void 0)]}),void 0),Ze,$e]}),void 0)}),[ce,he,B,ge,ve,Ze,$e,m,x,g,j,O,P,le,ee,J]),Ge=(0,i.useMemo)((function(){var e;return(0,o.jsxs)("div",v({className:(e="text-field-select-content",Ne&&(e+=" text-field-select-content-loading"),se&&(e+=" "+se),e),style:{width:(Le&&Le.current?Le.current.offsetWidth:0)+"px"}},{children:[Pe&&Pe.map((function(e,t){return(0,o.jsx)("div",v({className:"text-field-select-content-item",onMouseDown:Je(e),"data-val":JSON.stringify(e)},{children:$?$(e):(0,o.jsx)(a.default,{children:e[G]},void 0)}),t)})),Ne&&(0,o.jsx)(l.default,{},void 0)]}),void 0)}),[Le,we,Pe,$,G,ae,Ne,se]),Qe=(0,i.useMemo)((function(){return(0,o.jsx)(r.Tooltip,v({open:we,title:Ge,onClose:He,interactive:!0,disableFocusListener:!0,disableHoverListener:!0,disableTouchListener:!0,arrow:!0,classes:{popper:(e="paraui-text-field-select",s&&(e+=" paraui-text-field-select-"+s),Z&&(e+=" "+Z),e)}},{children:Ye}),void 0);var e}),[ce,he,B,ge,ve,Ze,$e,m,x,g,j,O,P,le,ee,J,ae,Le,we,Z,s]),Xe=(0,i.useMemo)((function(){var e=Boolean(N||C||g);return(0,o.jsx)(o.Fragment,{children:"outside"===m&&e&&(0,o.jsxs)("label",v({className:"text-field-label"},{children:[g,N&&(0,o.jsx)("span",v({className:"text-field-required"},{children:"*"}),void 0),C&&(0,o.jsx)("span",{children:C},void 0)]}),void 0)},void 0)}),[m,g,C,N]);return(0,o.jsxs)("div",v({className:(_e="paraui-text-field",_e+=" text-field",s&&!O&&(_e+=" text-field-"+s),t&&(_e+=" "+t),E&&(_e+=" text-field-error"),he&&(_e+=" text-field-focus"),j&&(_e+=" text-field-disabled"),O&&(_e+=" text-field-multiline"),e.limitLength&&ve&&ve.toString().length>e.limitLength&&(_e+=" text-field-limit"),_e)},{children:[Xe,(0,o.jsxs)("div",v({className:"text-field-content"},{children:[D&&(0,o.jsx)("div",v({className:"text-field-content-before",onClick:function(e){ie&&ie(e)}},{children:D}),void 0),J?Qe:Ye,T&&(0,o.jsx)("div",v({className:"text-field-content-after",onClick:function(e){re&&re(e)}},{children:T}),void 0)]}),void 0),_&&(0,o.jsx)("p",v({className:"text-field-error-text"},{children:_}),void 0)]}),void 0)}},7371:function(e,t,n){var o=n(5893),i=n(1731),r=n(6010),a=function(){return a=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},a.apply(this,arguments)};t.default=function(e){var t,n=e.placement,l=void 0===n?"bottom":n,s=a(a({},e.classes),{popper:(0,r.Z)("paraui-tooltip",null===(t=e.classes)||void 0===t?void 0:t.popper,{"paraui-tooltip-left-right":(null==l?void 0:l.includes("left"))||(null==l?void 0:l.includes("right")),"paraui-tooltip-top-bottom":(null==l?void 0:l.includes("top"))||(null==l?void 0:l.includes("bottom"))})});return(0,o.jsx)(i.Tooltip,a({},e,{classes:s}),void 0)}},1731:function(t){t.exports=e},6243:function(e){e.exports=t},1102:function(e){e.exports=n},5191:function(e){e.exports=o},6570:function(e){e.exports=i},8528:function(e){e.exports=r},3475:function(e){e.exports=a},9297:function(e){e.exports=l}},u={};function c(e){var t=u[e];if(void 0!==t)return t.exports;var n=u[e]={exports:{}};return s[e](n,n.exports,c),n.exports}c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,{a:t}),t},c.d=function(e,t){for(var n in t)c.o(t,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return function(){c.r(d),c.d(d,{MultiBox:function(){return u}});var e=c(5893),t=c(9297),n=c(7320),o=c(5191),i=c.n(o),r=c(6243),a=c.n(r),l=function(){return l=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},l.apply(this,arguments)},s=function(e,t,n){if(n||2===arguments.length)for(var o,i=0,r=t.length;i<r;i++)!o&&i in t||(o||(o=Array.prototype.slice.call(t,0,i)),o[i]=t[i]);return e.concat(o||Array.prototype.slice.call(t))},u=function(o){var r=o.className,u=o.size,c=void 0===u?"large":u,d=o.placeholderKey,f=void 0===d?"":d,v=o.placeholderValue,p=void 0===v?"":v,m=o.label,h=void 0===m?"":m,x=o.disabled,y=void 0!==x&&x,g=o.required,b=void 0!==g&&g,j=o.error,w=void 0!==j&&j,O=o.helperText,S=void 0===O?"":O,N=o.value,C=o.replaceFields,k=o.onChange,P=o.fetchSuggestionsKey,q=o.fetchSuggestionsValue,E=(0,t.useState)([]),L=E[0],_=E[1],F=(0,t.useState)({key:"label",value:"value"}),D=F[0],I=F[1];(0,t.useEffect)((function(){void 0!==o.defaultValue&&_(s([],o.defaultValue,!0))}),[]),(0,t.useEffect)((function(){void 0!==N&&_(s([],N,!0))}),[N]),(0,t.useEffect)((function(){if(C){var e=l(l({},D),C);I(e)}}),[C]);var T,A=function(e){return function(){y||(L.splice(e,1),void 0===o.value&&_(s([],L,!0)),k&&k(L))}},M=function(e,t){return function(n){L[t][e]=n.target.value,void 0===o.value&&_(s([],L,!0)),k&&k(L)}},B=function(e){return function(t,n){"key"===e?P&&P(t,n):q&&q(t,n)}},R=function(e,t){return function(n){L[t][e]=n.value,_(s([],L,!0)),k&&k(L)}};return(0,e.jsxs)("div",l({className:(T="paraui-multi-box multi-box",r&&(T+=" "+r),c&&(T+=" multi-box-"+c),w&&(T+=" multi-box-error"),y&&(T+=" multi-box-disabled"),T)},{children:[h?(0,e.jsxs)("label",l({className:"multi-box-label"},{children:[h,b&&(0,e.jsx)("span",l({className:"multi-box-label-required"},{children:"*"}),void 0)]}),void 0):null,(0,e.jsx)("div",l({className:"multi-box-content"},{children:L.map((function(t,o){return(0,e.jsxs)("div",l({className:"multi-box-content-item"},{children:[(0,e.jsxs)("div",l({className:"multi-box-content-item-input"},{children:[(0,e.jsx)(n.default,{size:c,disabled:y,placeholder:f,value:t[D.key||""],onChange:M(D.key||"",o),fetchSuggestions:P?B("key"):void 0,onSelect:R(D.key||"",o)},void 0),(0,e.jsx)("span",{children:":"},void 0),(0,e.jsx)(n.default,{size:c,disabled:y,placeholder:p,value:t[D.value||""],onChange:M(D.value||"",o),fetchSuggestions:q?B("value"):void 0,onSelect:R(D.value||"",o)},void 0)]}),void 0),(0,e.jsx)("span",l({className:"single-box-content-item-svg"},{children:(0,e.jsx)(a(),{onClick:A(o)},void 0)}),void 0)]}),o)}))}),void 0),(0,e.jsx)("div",l({className:"multi-box-add",onClick:function(){y||(L.push({}),void 0===o.value&&_(s([],L,!0)),k&&k(L))}},{children:(0,e.jsx)(i(),{},void 0)}),void 0),S&&(0,e.jsx)("p",l({className:"multi-box-error-text"},{children:S}),void 0)]}),void 0)};d.default=u}(),d}()}));

package/PageHeader/index.css

@@ -0,0 +1,6 @@
+.paraui-tooltip>div{font-size:14px;color:#fff;background-color:rgba(46,55,67,0.701961)}.paraui-tooltip-left-right>div{margin:0 8px}.paraui-tooltip-top-bottom>div{margin:8px 0}
+
+@keyframes loadingSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.paraui-button{min-width:auto;padding:0 16px;line-height:normal;text-transform:none;border-radius:8px;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400}.paraui-button-loading{pointer-events:none}.paraui-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-button-contained:hover{background-color:rgba(54,102,214,0.8);box-shadow:none}.paraui-button-contained[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-contained[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.paraui-button-contained .btn-icon{display:inline-flex;color:inherit}.paraui-button-contained .btn-icon svg{color:inherit;font-size:16px}.paraui-button-contained .btn-icon.start-icon{margin-right:-3px}.paraui-button-contained .btn-icon.end-icon{margin-left:-3px}.paraui-button-contained .btn-icon.loading-icon{margin-right:-3px;animation:loadingSpin 1s infinite linear}.paraui-button-contained.paraui-button-dangerous{background-color:#eb6054}.paraui-button-outlined{color:rgba(46,55,67,0.701961);background-color:#fff;border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,0.2);background-color:#fff;box-shadow:none}.paraui-button-outlined[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-outlined[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.paraui-button-outlined .btn-icon{display:inline-flex;color:inherit}.paraui-button-outlined .btn-icon svg{color:inherit;font-size:16px}.paraui-button-outlined .btn-icon.start-icon{margin-right:-3px}.paraui-button-outlined .btn-icon.end-icon{margin-left:-3px}.paraui-button-outlined .btn-icon.loading-icon{margin-right:-3px;animation:loadingSpin 1s infinite linear}.paraui-button-outlined.paraui-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-button-outlined.paraui-button-dangerous:hover{border-color:rgba(235,96,84,0.8)}.paraui-button-text{color:rgba(46,55,67,0.701961);background-color:#fff;border:1px solid rgba(171,176,185,0.4);box-shadow:none;background-color:transparent;border:none}.paraui-button-text:hover{color:#3666d6;background-color:transparent;box-shadow:none}.paraui-button-text[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-text[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.paraui-button-text .btn-icon{display:inline-flex;color:inherit}.paraui-button-text .btn-icon svg{color:inherit;font-size:16px}.paraui-button-text .btn-icon.start-icon{margin-right:-3px}.paraui-button-text .btn-icon.end-icon{margin-left:-3px}.paraui-button-text .btn-icon.loading-icon{margin-right:-3px;animation:loadingSpin 1s infinite linear}.paraui-button-text.paraui-button-dangerous{color:#eb6054}.paraui-button-large{height:36px}.paraui-button-medium{height:32px}.paraui-button-small{height:28px}.paraui-button--disabled{display:inline-block}.paraui-icon-button{padding:0;border-radius:8px}.paraui-icon-button-loading{pointer-events:none}.paraui-icon-button-loading .loading-icon{display:inline-flex;animation:loadingSpin 1s infinite linear}.paraui-icon-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-icon-button-contained:hover{background-color:rgba(54,102,214,0.8);box-shadow:none}.paraui-icon-button-contained[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-icon-button-contained[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.paraui-icon-button-contained svg{color:inherit;font-size:16px}.paraui-icon-button-contained.paraui-icon-button-dangerous{background-color:#eb6054}.paraui-icon-button-outlined{color:rgba(46,55,67,0.701961);background-color:#fff;border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-icon-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,0.2);box-shadow:none;background-color:#fff}.paraui-icon-button-outlined[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-icon-button-outlined[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.paraui-icon-button-outlined svg{color:inherit;font-size:16px}.paraui-icon-button-outlined.paraui-icon-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-icon-button-outlined.paraui-icon-button-dangerous:hover{border-color:rgba(235,96,84,0.8)}.paraui-icon-button-text{color:#3666d6}.paraui-icon-button-text:hover{background-color:transparent}.paraui-icon-button-text[disabled]{color:rgba(46,55,67,0.4)}.paraui-icon-button-text[disabled]:hover{background-color:transparent}.paraui-icon-button-text svg{color:inherit}.paraui-icon-button-text.paraui-icon-button-dangerous{color:#eb6054}.paraui-icon-button-text.paraui-icon-button-large{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-large svg{font-size:28px}.paraui-icon-button-text.paraui-icon-button-medium{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-medium svg{font-size:24px}.paraui-icon-button-text.paraui-icon-button-small{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-small svg{font-size:20px}.paraui-icon-button-large{width:36px;height:36px}.paraui-icon-button-medium{width:32px;height:32px}.paraui-icon-button-small{width:28px;height:28px}.paraui-button-split{display:inline-block}.paraui-button-split .paraui-button{height:34px}.paraui-button-split .paraui-button:hover{border-color:rgba(54,102,214,0.8)}.paraui-button-split .paraui-button-split--active{color:#3666d6;border-color:rgba(54,102,214,0.8);box-shadow:none;background-color:#fff}.paraui-button-split-list{padding:8px 0;margin-top:8px;border-radius:8px;box-shadow:0px 2px 8px 0px rgba(171,176,185,0.4);background-color:#fff}.paraui-button-split-list ul .split-li{min-width:140px;padding:11px 12px;color:#2e3743;font-size:14px;line-height:1;cursor:pointer;transition:background-color .3s, color .3s}.paraui-button-split-list ul .split-li:hover{background-color:rgba(171,176,185,0.121569)}.paraui-button-split-list ul .split-li.split-li--active{color:#3666d6}.paraui-button-split-list ul .split-li.split-li--active:hover{background-color:rgba(171,176,185,0.121569)}.paraui-button-split-list ul .split-li-group:not(:first-child){position:relative;margin-top:16px}.paraui-button-split-list ul .split-li-group:not(:first-child):before{content:'';position:absolute;top:-8px;left:8px;right:8px;border-top:1px solid rgba(171,176,185,0.2)}
+
+.paraui-page-header{width:100%;height:100%;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400;display:flex;justify-content:space-between;box-shadow:0px 2px 8px 0px rgba(171,176,185,0.4);padding:0 16px;color:rgba(46,55,67,0.701961)}.paraui-page-header>.paraui-page-header-left{white-space:nowrap;display:flex;justify-content:center;align-items:center}.paraui-page-header>.menu-box{width:100%}.paraui-page-header>.menu-box>.horizontal-menu-list{width:100%;height:100%;line-height:0;overflow:hidden}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item{padding:0 20px;height:100%;display:flex;align-items:center;position:relative;white-space:nowrap;float:left;cursor:pointer}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item:after{position:absolute;left:0;top:0;content:'';z-index:1}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item:hover{background-color:rgba(171,176,185,0.121569)}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item:hover>.menu-item-icon>svg{color:#3666d6}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item:hover>.menu-item-label{color:#3666d6}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item:hover>.menu-item-arrow{color:#3666d6}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item>.menu-item-icon>svg{font-size:18px;color:rgba(46,55,67,0.701961);margin-right:5px}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item>.menu-item-label{font-size:14px;color:rgba(46,55,67,0.701961);white-space:nowrap}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item>.menu-item-arrow>svg{font-size:18px;transition:all .3s;color:rgba(46,55,67,0.701961);margin-left:2px}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item.horizontal-menu-list-item-select>.menu-item-icon>svg{color:#3666d6}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item.horizontal-menu-list-item-select>.menu-item-label{color:#3666d6}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item.horizontal-menu-list-item-select>.menu-item-arrow{color:#3666d6}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item.horizontal-menu-list-item-hover{background-color:rgba(171,176,185,0.121569)}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item.horizontal-menu-list-item-hover>.menu-item-icon>svg{color:#3666d6}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item.horizontal-menu-list-item-hover>.menu-item-label{color:#3666d6}.paraui-page-header>.menu-box>.horizontal-menu-list>.horizontal-menu-list-item.horizontal-menu-list-item-hover>.menu-item-arrow{color:#3666d6}.paraui-page-header .paraui-horizontal-meun-right{height:100%;display:flex}.paraui-page-header .paraui-horizontal-meun-right>.back-btn{padding:0 12px;height:100%;display:flex;align-items:center}.paraui-page-header .paraui-horizontal-meun-right>.back-btn>button{width:100%;white-space:nowrap;padding:0 10px 0 14px;line-height:14px;font-size:14px}.paraui-page-header .paraui-horizontal-meun-right>.back-btn>button svg{color:white}.paraui-page-header .paraui-horizontal-meun-right>.language{height:100%}.paraui-page-header .paraui-horizontal-meun-right>.language .language-item{display:flex;padding:0 12px;cursor:pointer;align-items:center;height:100%;position:relative}.paraui-page-header .paraui-horizontal-meun-right>.language .language-item:hover{background-color:rgba(171,176,185,0.121569)}.paraui-page-header .paraui-horizontal-meun-right>.language .language-item:hover>.language-item-icon>svg{color:#3666d6}.paraui-page-header .paraui-horizontal-meun-right>.language .language-item:hover>.language-item-label{color:#3666d6}.paraui-page-header .paraui-horizontal-meun-right>.language .language-item:hover>.language-item-arrow>svg{color:#3666d6}.paraui-page-header .paraui-horizontal-meun-right>.language .language-item>.language-item-icon{display:flex;align-items:center}.paraui-page-header .paraui-horizontal-meun-right>.language .language-item>.language-item-icon>svg{font-size:18px;color:rgba(46,55,67,0.701961)}.paraui-page-header .paraui-horizontal-meun-right>.language .language-item>.language-item-label{font-size:14px;line-height:14px;color:rgba(46,55,67,0.701961);white-space:nowrap;margin-left:5px;display:inline-block}.paraui-page-header .paraui-horizontal-meun-right>.language.language-select .language-item>.language-item-icon>svg{color:#3666d6}.paraui-page-header .paraui-horizontal-meun-right>.language.language-select .language-item>.language-item-label{color:#3666d6}.paraui-page-header .paraui-horizontal-meun-right>.btn-list{display:flex;height:100%}.paraui-page-header .paraui-horizontal-meun-right>.btn-list>.btn-list-item{display:flex;padding:0 12px;cursor:pointer;align-items:center}.paraui-page-header .paraui-horizontal-meun-right>.btn-list>.btn-list-item.btn-list-item-sign>.btn-list-item-icon{position:relative}.paraui-page-header .paraui-horizontal-meun-right>.btn-list>.btn-list-item.btn-list-item-sign>.btn-list-item-icon:after{content:'';position:absolute;top:0;right:0;width:4px;height:4px;border-radius:50%;background-color:#eb6054}.paraui-page-header .paraui-horizontal-meun-right>.btn-list>.btn-list-item:hover{background-color:rgba(171,176,185,0.121569)}.paraui-page-header .paraui-horizontal-meun-right>.btn-list>.btn-list-item:hover>.btn-list-item-icon>svg{color:#3666d6}.paraui-page-header .paraui-horizontal-meun-right>.btn-list>.btn-list-item:hover>.btn-list-item-label{color:#3666d6}.paraui-page-header .paraui-horizontal-meun-right>.btn-list>.btn-list-item>.btn-list-item-icon{display:flex;justify-content:center;align-items:center}.paraui-page-header .paraui-horizontal-meun-right>.btn-list>.btn-list-item>.btn-list-item-icon>svg{font-size:18px;color:rgba(46,55,67,0.701961);position:relative}.paraui-page-header .paraui-horizontal-meun-right>.btn-list>.btn-list-item>.btn-list-item-icon>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';z-index:1}.paraui-page-header .paraui-horizontal-meun-right>.btn-list>.btn-list-item>.btn-list-item-label{font-size:14px;line-height:14px;color:rgba(46,55,67,0.701961);width:100%;white-space:nowrap;margin-left:5px}.paraui-page-header .paraui-horizontal-meun-right>.logo{display:flex;padding:0 12px;align-items:center;height:100%;cursor:pointer}.paraui-page-header .paraui-horizontal-meun-right>.logo.logo-show-dialog{background-color:rgba(171,176,185,0.121569)}.paraui-page-header .paraui-horizontal-meun-right>.logo:hover{background-color:rgba(171,176,185,0.121569)}.paraui-page-header .paraui-horizontal-meun-right>.logo>img{height:36px;width:auto}.paraui-page-header .paraui-horizontal-meun-right>.logo>.label{font-size:14px;line-height:14px;color:rgba(46,55,67,0.701961);width:100%;font-weight:700;white-space:nowrap;margin-left:12px}.paraui-page-header .paraui-horizontal-meun-right>.logo>.arrow{display:flex;justify-content:center;align-items:center;margin-left:5px;color:rgba(46,55,67,0.701961);font-size:18px}.paraui-page-header .paraui-horizontal-meun-right>.logo>.arrow>svg{color:rgba(46,55,67,0.701961);font-size:18px}.paraui-horizontal-menu-popper{padding-top:5px}.paraui-horizontal-menu-popper>.menu-item-popper-content>.menu-item-popper-content-item:first-child:after{width:100%;height:100%;content:'';position:absolute;left:0;top:-5px;z-index:-1}.paraui-horizontal-menu-popper .menu-item-popper,.paraui-horizontal-menu-popper.menu-item-popper{z-index:10}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content{box-shadow:0px 2px 8px 0px rgba(171,176,185,0.4);border-radius:8px;background-color:white;color:rgba(46,55,67,0.701961)}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item{position:relative}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:140px;height:40px;line-height:40px;padding:0 10px;display:flex;cursor:pointer;align-items:center}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:rgba(171,176,185,0.121569)}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-icon>svg,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-icon>svg{color:#3666d6}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-label,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-label{color:#3666d6}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-arrow>svg,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-arrow>svg{color:#3666d6}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon{display:flex;justify-content:center;align-items:center;margin-right:5px}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{font-size:20px;color:rgba(46,55,67,0.701961)}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg:after,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';z-index:1}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label{font-size:14px;color:rgba(46,55,67,0.701961);width:100%;white-space:nowrap;text-align:left}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;justify-content:center;align-items:center}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{font-size:20px;transition:all .3s;color:rgba(46,55,67,0.701961);transform:rotate(270deg);position:relative}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg:after,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';z-index:1}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.opacity-pos-svg,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-popper,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-popper{padding-left:5px}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content>.menu-item-icon>svg,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#3666d6}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content>.menu-item-label,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content>.menu-item-label{color:#3666d6}.paraui-horizontal-menu-popper .menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content>.menu-item-arrow>svg,.paraui-horizontal-menu-popper.menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#3666d6}.paraui-horizontal-menu-popper .menu-item-popper{position:absolute;transform:none !important;left:100% !important;top:0}.paraui-horizontal-meun-right-popover{padding-top:5px;z-index:10}.paraui-horizontal-meun-right-popover>.menu-popover-box{box-shadow:0px 2px 8px 0px rgba(171,176,185,0.4);border-radius:8px;background-color:white;color:rgba(46,55,67,0.701961)}.paraui-horizontal-meun-right-popover>.menu-popover-box>.menu-popover-item{max-width:140px;height:36px;line-height:36px;padding:0 10px;display:flex;cursor:pointer;align-items:center}.paraui-horizontal-meun-right-popover>.menu-popover-box>.menu-popover-item:hover{background-color:rgba(171,176,185,0.121569)}.paraui-horizontal-meun-right-popover>.menu-popover-box>.menu-popover-item:hover>.icon>svg{color:#3666d6}.paraui-horizontal-meun-right-popover>.menu-popover-box>.menu-popover-item:hover>.label{color:#3666d6}.paraui-horizontal-meun-right-popover>.menu-popover-box>.menu-popover-item>.icon{display:flex;justify-content:center;align-items:center}.paraui-horizontal-meun-right-popover>.menu-popover-box>.menu-popover-item>.icon>svg{font-size:18px;color:rgba(46,55,67,0.701961)}.paraui-horizontal-meun-right-popover>.menu-popover-box>.menu-popover-item>.icon>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';z-index:1}.paraui-horizontal-meun-right-popover>.menu-popover-box>.menu-popover-item>.label{font-size:14px;color:rgba(46,55,67,0.701961);width:100%;white-space:nowrap;text-align:left}.paraui-horizontal-meun-right-popover>.menu-popover-box>.menu-popover-item.menu-popover-item-select>.icon>svg{color:#3666d6}.paraui-horizontal-meun-right-popover>.menu-popover-box>.menu-popover-item.menu-popover-item-select>.label{color:#3666d6}
+