@para-ui/core 2.0.13 → 2.0.17

package/IconList/index.js

@@ -1,10 +1,10 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons"),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(["@material-ui/core","@material-ui/core/styles","@para-ui/icons","@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("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons"),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["@material-ui/core"],e["@material-ui/core/styles"],e["@para-ui/icons"],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,c,a,u){return function(){"use strict";var s,l={4126:function(e){
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons"),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(["@material-ui/core","@material-ui/core/styles","@para-ui/icons","@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("@material-ui/core"),require("@material-ui/core/styles"),require("@para-ui/icons"),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["@material-ui/core"],e["@material-ui/core/styles"],e["@para-ui/icons"],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,t,n,o,i,c,a,s){return function(){"use strict";var u={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,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var c,a,s=o(e),u=1;u<arguments.length;u++){for(var l in c=Object(arguments[u]))t.call(c,l)&&(s[l]=c[l]);if(r){a=r(c);for(var d=0;d<a.length;d++)n.call(c,a[d])&&(s[a[d]]=c[a[d]])}}return s}},5251:function(e,r,t){
 /** @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,r.jsxs=s},7712:function(e,r,n){e.exports=n(9524)},7753:function(e,r,n){n.r(r),n.d(r,{IconList:function(){return d}});var t=n(7712),o=n(9297),i=n(1609),c=n(1731),a=n(9810),u=n(8604),s=function(){return s=Object.assign||function(e){for(var r,n=1,t=arguments.length;n<t;n++)for(var o in r=arguments[n])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},s.apply(this,arguments)},l=(0,u.makeStyles)((function(){return(0,u.createStyles)({"icon-list":{position:"relative","& > div":{display:"inline-block",margin:"5px",cursor:"pointer"},"& > .icon-list-input":{position:"absolute",zIndex:-1,opacity:0}},iconItem:{padding:"12px",textAlign:"center",fontSize:"12px"}})})),d=function(e){var r=l(),n=(0,o.useState)(i||{})[0],u=(0,o.useRef)(),d=function(e){return function(){var r,n;r="import ".concat(e,' from "@para-ui/icons/').concat(e,'";'),(n=u&&u.current).setAttribute("value",r),n.select(),document.execCommand("copy"),a.Message.success({text:"复制成功,请前往粘贴"})}};return(0,t.jsxs)("div",s({className:r["icon-list"]},{children:[Object.keys(n).map((function(e,o){return(0,t.jsx)(c.Tooltip,s({title:e},{children:(0,t.jsx)("div",s({onClick:d(e)},{children:(0,t.jsxs)("div",s({className:r.iconItem},{children:[n[e](),(0,t.jsx)("div",{children:e},void 0)]}),void 0)}),void 0)}),o)})),(0,t.jsx)("input",{type:"text",className:"icon-list-input",ref:u},void 0)]}),void 0)};r.default=d},9810:function(e,r,n){n.d(r,{Message:function(){return x}});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()),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]))}},x={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)}}},1731:function(r){r.exports=e},8604:function(e){e.exports=r},1609:function(e){e.exports=n},3285:function(e){e.exports=t},19:function(e){e.exports=o},20:function(e){e.exports=i},9248:function(e){e.exports=c},9297:function(e){e.exports=a},2268:function(e){e.exports=u}},d={};function f(e){var r=d[e];if(void 0!==r)return r.exports;var n=d[e]={exports:{}};return l[e](n,n.exports,f),n.exports}f.m=l,s=[],f.O=function(e,r,n,t){if(!r){var o=1/0;for(a=0;a<s.length;a++){r=s[a][0],n=s[a][1],t=s[a][2];for(var i=!0,c=0;c<r.length;c++)(!1&t||o>=t)&&Object.keys(f.O).every((function(e){return f.O[e](r[c])}))?r.splice(c--,1):(i=!1,t<o&&(o=t));i&&(s.splice(a--,1),e=n())}return e}t=t||0;for(var a=s.length;a>0&&s[a-1][2]>t;a--)s[a]=s[a-1];s[a]=[r,n,t]},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,{a:r}),r},f.d=function(e,r){for(var n in r)f.o(r,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},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={6132:0,641:0,9296:0};f.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)f.o(c,t)&&(f.m[t]=c[t]);if(a)var s=a(f);for(r&&r(n);u<i.length;u++)o=i[u],f.o(e,o)&&e[o]&&e[o][0](),e[i[u]]=0;return f.O(s)},n=self.webpackChunkParaUI=self.webpackChunkParaUI||[];n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))}();var p=f.O(void 0,[9296],(function(){return f(7753)}));return p=f.O(p)}()}));
+t(7418);var n=t(9297),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var c=n.__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,t){var n,i={},u=null,l=null;for(n in void 0!==t&&(u=""+t),void 0!==r.key&&(u=""+r.key),void 0!==r.ref&&(l=r.ref),r)a.call(r,n)&&!s.hasOwnProperty(n)&&(i[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===i[n]&&(i[n]=r[n]);return{$$typeof:o,type:e,key:u,ref:l,props:i,_owner:c.current}}r.jsx=u,r.jsxs=u},5893:function(e,r,t){e.exports=t(5251)},8613:function(e,r,t){t.d(r,{Message:function(){return h}});var n=t(5893),o=t(2268),i=t.n(o),c=t(9248),a=t.n(c),s=t(3285),u=t.n(s),l=t(19),d=t.n(l),p=t(20),f=t.n(p),m={info:(0,n.jsx)(a(),{},void 0),warn:(0,n.jsx)(a(),{},void 0),error:(0,n.jsx)(f(),{},void 0),success:(0,n.jsx)(u(),{},void 0)},v="msgbox_"+String(1e5*Math.random()|0+(new Date).getTime()),y=function(e,r,t,o){var c=r.icon,a=r.text,s=r.id,u=r.type,l=r.html,p=r.close,f=r.desc,m=r.hideIcon,v=function(e){var r=e.icon,t=e.text,n=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=n,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=t:l.textContent=t,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 p=u.querySelector(".msg-close");return p&&p.addEventListener("click",(function(){var e;document.querySelector("#".concat(n))&&(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:l,close:p,desc:f,hideIcon:m});null==e||e.appendChild(v);var y=document.querySelector("#".concat(s," .msg-icon"));y&&c&&!m&&i().render(c,y);var g=document.querySelector("#".concat(s," .msg-close"));g&&i().render((0,n.jsx)(d(),{},void 0),g),o&&setTimeout((function(){document.querySelector("#".concat(v.id))&&(null==e||e.removeChild(v))}),t)},g=function(e,r,t,n){var o,i=m[t],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||m[t],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 p=document.getElementById(n);p||((p=document.createElement("div")).id=n,p.className="para-message-box",document.body.appendChild(p));var f="msgitem_"+String(1e5*Math.random()|0+(new Date).getTime());y(p,{id:f,text:c,icon:i,type:t,html:s,close:o,desc:a,hideIcon:u},r,d),x(p,l)},x=function(e,r){var t,n;if(e&&(null===(t=e.children)||void 0===t?void 0:t.length)){var o=e.children,i=o.length;if(i>r)for(var c=0;c<i;c++)c<r&&o[c]&&(null===(n=o[c].parentNode)||void 0===n||n.removeChild(o[c]))}},h={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)}}},1731:function(r){r.exports=e},8604:function(e){e.exports=r},1609:function(e){e.exports=t},3285:function(e){e.exports=n},19:function(e){e.exports=o},20:function(e){e.exports=i},9248:function(e){e.exports=c},9297:function(e){e.exports=a},2268:function(e){e.exports=s}},l={};function d(e){var r=l[e];if(void 0!==r)return r.exports;var t=l[e]={exports:{}};return u[e](t,t.exports,d),t.exports}d.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(r,{a:r}),r},d.d=function(e,r){for(var t in r)d.o(r,t)&&!d.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},d.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};return function(){d.r(p),d.d(p,{IconList:function(){return s}});var e=d(5893),r=d(9297),t=d(1609),n=d(1731),o=d(8613),i=d(8604),c=function(){return c=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},c.apply(this,arguments)},a=(0,i.makeStyles)((function(){return(0,i.createStyles)({"icon-list":{position:"relative","& > div":{display:"inline-block",margin:"5px",cursor:"pointer"},"& > .icon-list-input":{position:"absolute",zIndex:-1,opacity:0}},iconItem:{padding:"12px",textAlign:"center",fontSize:"12px"}})})),s=function(i){var s=a(),u=(0,r.useState)(t||{})[0],l=(0,r.useRef)(),d=function(e){return function(){var r,t;r="import ".concat(e,' from "@para-ui/icons/').concat(e,'";'),(t=l&&l.current).setAttribute("value",r),t.select(),document.execCommand("copy"),o.Message.success({text:"复制成功,请前往粘贴"})}};return(0,e.jsxs)("div",c({className:s["icon-list"]},{children:[Object.keys(u).map((function(r,t){return(0,e.jsx)(n.Tooltip,c({title:r},{children:(0,e.jsx)("div",c({onClick:d(r)},{children:(0,e.jsxs)("div",c({className:s.iconItem},{children:[u[r](),(0,e.jsx)("div",{children:r},void 0)]}),void 0)}),void 0)}),t)})),(0,e.jsx)("input",{type:"text",className:"icon-list-input",ref:l},void 0)]}),void 0)};p.default=s}(),p}()}));

package/InputLang/index.css

@@ -0,0 +1,12 @@
+.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)}
+
+.paraui-input-lang{display:inline-block;width:100%;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400}.paraui-input-lang>.paraui-text-field>.text-field-content>.text-field-content-after{cursor:pointer}.paraui-input-lang>.paraui-text-field>.text-field-content>.text-field-content-after .lang-list-icon{display:flex;align-items:center;justify-content:center}.paraui-input-lang-popover>.input-lang-popover-box{margin-top:8px}.paraui-input-lang-popover>.input-lang-popover-box>.input-lang-list{padding:12px;width:300px;line-height:0}.paraui-input-lang-popover>.input-lang-popover-box>.input-lang-list .paraui-multi-box{padding-bottom:0}
+

package/InputLang/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/Application"),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/Application","@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/Application"),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/Application"],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,u){return function(){"use strict";var c,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/Application"),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/Application","@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/Application"),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/Application"],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,u){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),c=1;c<arguments.length;c++){for(var s in a=Object(arguments[c]))n.call(a,s)&&(u[s]=a[s]);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,u=i(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}},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 c(e,t,n){var o,i={},c=null,s=null;for(o in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(s=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:c,ref:s,props:i,_owner:a.current}}t.jsx=c,t.jsxs=c},7712:function(e,t,n){e.exports=n(9524)},3094:function(e,t,n){var 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,c=void 0===u?"":u,s=e.className,d=void 0===s?"":s,f=(0,r.useRef)(),v=(0,r.useState)(""),p=v[0],h=v[1];(0,r.useEffect)((function(){h(c)}),[c]);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(c||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)}},1493:function(e,t,n){n.r(t),n.d(t,{InputLang:function(){return v}});var o=n(7712),r=n(9297),i=n(3672),a=n(5268),l=n(770),u=n.n(l),c=n(1731),s=n(3475),d=function(){return d=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},d.apply(this,arguments)},f=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))},v=function(e){var t=e.className,n=void 0===t?"":t,l=e.label,v=void 0===l?"":l,p=e.size,h=void 0===p?"large":p,m=e.placeholder,g=void 0===m?"":m,x=e.placeholderKey,y=void 0===x?"":x,b=e.placeholderValue,j=void 0===b?"":b,O=e.error,w=void 0!==O&&O,S=e.helperText,N=void 0===S?"":S,C=e.required,k=void 0!==C&&C,P=e.popoverClassName,q=e.value,E=e.onChange,L=e.langList,A=void 0===L?["zh","en"]:L,_=e.disabled,I=void 0!==_&&_,F=(0,r.useState)(!1),T=F[0],D=F[1],M=(0,r.useState)(null),U=M[0],K=M[1],V=(0,r.useState)("input-lang-"+(0,s.UUID)())[0],z=(0,r.useState)((0,s.GetLanguage)()||"zh")[0],B=(0,r.useState)({}),R=B[0],W=B[1],H=(0,r.useState)([]),J=H[0],Z=H[1];(0,r.useEffect)((function(){void 0!==e.defaultValue&&G(e.defaultValue)}),[]),(0,r.useEffect)((function(){void 0!==q&&G(q)}),[q]);var $,G=function(e){var t=d({},e);void 0===t[z]&&(t[z]="");for(var n=Object.keys(t),o=[],r=0,i=n.length;r<i;r++){var a=n[r],l=t[a];a!==z&&o.push({label:a,value:l})}Z(o),W(t)},Y=function(e){Z(f([],e,!0))},Q=function(e,t){for(var n=[],o=(0,s.ArrayToObject)("label",J),r=0,i=A.length;r<i;r++){var a=A[r];o[a]||a===z||n.push({label:a,value:a})}t(n)},X=function(){K(null),D(!1);var t={};t[z]=R[z];for(var n=0,o=J.length;n<o;n++){var r=J[n];r.label&&(t[r.label]=r.value||"")}void 0===e.value&&W(d({},t)),E&&E(d({},t))},ee=(0,r.useMemo)((function(){return(0,o.jsx)("div",{children:z},void 0)}),[z]),te=(0,r.useMemo)((function(){return(0,o.jsx)("div",d({className:"lang-list-icon"},{children:(0,o.jsx)(u(),{},void 0)}),void 0)}),[]),ne=(0,r.useMemo)((function(){return(0,o.jsx)(c.Popover,d({open:T,anchorEl:U,onClose:X,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},className:(e="paraui-input-lang-popover",P&&(e+=" "+P),e),classes:{paper:"input-lang-popover-box"}},{children:(0,o.jsx)("div",d({className:"input-lang-list"},{children:(0,o.jsx)(a.default,{size:h,disabled:I,value:J,onChange:Y,fetchSuggestionsKey:Q,placeholderKey:y,placeholderValue:j},void 0)}),void 0)}),void 0);var e}),[T,P,J,y,j,z,A,h,I]);return(0,o.jsxs)("div",d({className:($="paraui-input-lang input-lang",$+=" "+V,h&&($+=" input-lang-"+h),n&&($+=" "+n),$)},{children:[(0,o.jsx)(i.default,{size:h,error:w,disabled:I,required:k,helperText:N,label:v,placeholder:g,value:R[z],addonAfter:te,addonBefore:ee,onClickAddonAfter:function(){var e=document.querySelector("."+V+" .text-field-content-after");K(e),D(!0)},onChange:function(t){R[z]=t.target.value;var n=d({},R);void 0===e.value&&W(n),E&&E(n)}},void 0),ne]}),void 0)};t.default=v},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,c=(0,r.useRef)(null);(0,r.useEffect)((function(){c&&c.current&&c.current.parentNode&&((getComputedStyle(c.current.parentNode)||{}).position||(c.current.parentNode.style.position="relative"))}),[]);var s;return(0,o.jsxs)("div",l({className:(s="paraui-loading",t&&(s+=" "+t),s),style:n,ref:c},{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){var o=n(7712),r=n(9297),i=n(3672),a=n(5191),l=n.n(a),u=n(6243),c=n.n(u),s=function(){return s=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},s.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))};t.default=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,g=e.disabled,x=void 0!==g&&g,y=e.required,b=void 0!==y&&y,j=e.error,O=void 0!==j&&j,w=e.helperText,S=void 0===w?"":w,N=e.value,C=e.replaceFields,k=e.onChange,P=e.fetchSuggestionsKey,q=e.fetchSuggestionsValue,E=(0,r.useState)([]),L=E[0],A=E[1],_=(0,r.useState)({key:"label",value:"value"}),I=_[0],F=_[1];(0,r.useEffect)((function(){void 0!==e.defaultValue&&A(d([],e.defaultValue,!0))}),[]),(0,r.useEffect)((function(){void 0!==N&&A(d([],N,!0))}),[N]),(0,r.useEffect)((function(){if(C){var e=s(s({},I),C);F(e)}}),[C]);var T,D=function(t){return function(){x||(L.splice(t,1),void 0===e.value&&A(d([],L,!0)),k&&k(L))}},M=function(t,n){return function(o){L[n][t]=o.target.value,void 0===e.value&&A(d([],L,!0)),k&&k(L)}},U=function(e){return function(t,n){"key"===e?P&&P(t,n):q&&q(t,n)}},K=function(e,t){return function(n){L[t][e]=n.value,A(d([],L,!0)),k&&k(L)}};return(0,o.jsxs)("div",s({className:(T="paraui-multi-box multi-box",t&&(T+=" "+t),a&&(T+=" multi-box-"+a),O&&(T+=" multi-box-error"),x&&(T+=" multi-box-disabled"),T)},{children:[m?(0,o.jsxs)("label",s({className:"multi-box-label"},{children:[m,b&&(0,o.jsx)("span",s({className:"multi-box-label-required"},{children:"*"}),void 0)]}),void 0):null,(0,o.jsx)("div",s({className:"multi-box-content"},{children:L.map((function(e,t){return(0,o.jsxs)("div",s({className:"multi-box-content-item"},{children:[(0,o.jsxs)("div",s({className:"multi-box-content-item-input"},{children:[(0,o.jsx)(i.default,{size:a,disabled:x,placeholder:f,value:e[I.key||""],onChange:M(I.key||"",t),fetchSuggestions:P?U("key"):void 0,onSelect:K(I.key||"",t)},void 0),(0,o.jsx)("span",{children:":"},void 0),(0,o.jsx)(i.default,{size:a,disabled:x,placeholder:p,value:e[I.value||""],onChange:M(I.value||"",t),fetchSuggestions:q?U("value"):void 0,onSelect:K(I.value||"",t)},void 0)]}),void 0),(0,o.jsx)("span",s({className:"single-box-content-item-svg"},{children:(0,o.jsx)(c(),{onClick:D(t)},void 0)}),void 0)]}),t)}))}),void 0),(0,o.jsx)("div",s({className:"multi-box-add",onClick:function(){x||(L.push({}),void 0===e.value&&A(d([],L,!0)),k&&k(L))}},{children:(0,o.jsx)(l(),{},void 0)}),void 0),S&&(0,o.jsx)("p",s({className:"multi-box-error-text"},{children:S}),void 0)]}),void 0)}},3672:function(e,t,n){var o=n(7712),r=n(9297),i=n(1731),a=n(3094),l=n(9011),u=n(8528),c=n.n(u),s=n(6570),d=n.n(s),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,s=e.labelMode,h=void 0===s?"outside":s,m=e.placeholder,g=void 0===m?"":m,x=e.label,y=void 0===x?"":x,b=e.disabled,j=void 0!==b&&b,O=e.multiline,w=void 0!==O&&O,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,A=void 0===L?"":L,_=e.addonBefore,I=void 0===_?"":_,F=e.addonAfter,T=void 0===F?"":F,D=(e.defaultValue,e.value),M=e.autoFocus,U=void 0!==M&&M,K=e.type,V=void 0===K?"text":K,z=e.onClickIcon,B=e.rightIcon,R=e.showRightIcon,W=void 0===R||R,H=e.limitLength,J=e.fetchSuggestions,Z=e.selectPopoverClass,$=e.renderSelectItem,G=e.showSelectName,Y=void 0===G?"value":G,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],ce=(0,r.useState)(!0),se=ce[0],de=ce[1],fe=(0,r.useState)(""),ve=fe[0],pe=fe[1],he=(0,r.useState)(!1),me=he[0],ge=he[1],xe=(0,r.useState)("text"),ye=xe[0],be=xe[1],je=(0,r.useState)(!1),Oe=je[0],we=je[1],Se=(0,r.useState)(!1),Ne=Se[0],Ce=Se[1],ke=(0,r.useState)([]),Pe=ke[0],qe=ke[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(){V!==ye&&be(V)}),[V]),(0,r.useEffect)((function(){void 0!==D&&(pe(D),Ie(D))}),[D]),(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=_e(ve);if(t!==ve){var n={};n.target=Ee.current,n.target.value=t,e.onChange&&e.onChange(n)}}}),[ve,me]);var Ae,_e=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))},Fe=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"),De(o,t))},De=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){ge(!1),""===e.target.value&&de(!0),Q&&Q(e)},Ke=function(e){Ce(!0),J&&J(e,(function(e){qe(e||[]),Ce(!1)}))},Ve=function(e){ge(!0),X&&X(e),Ke(e.target.value)},ze=function(t){var n=t.target.value;n&&de(!1),void 0===e.value&&(pe(n),Ie(n)),ee&&ee(t),Ke(t.target.value)},Be=function(e){13===e.keyCode&&oe&&oe(e),te&&te(e)},Re=function(e){ne&&ne(e)},We=function(e){"password"===V&&("text"===ye&&be("password"),"password"===ye&&be("text")),z&&z(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=B||("password"===V?"password"===ye?(0,o.jsx)(d(),{},void 0):(0,o.jsx)(c(),{},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,B,V,ye]),Ge=(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:Ve,onChange:ze,onKeyDown:Be,onKeyUp:Re,disabled:j},le),void 0):(0,o.jsx)("input",v({ref:Ee,type:ye,onBlur:Ue,onFocus:Ve,onChange:ze,onKeyDown:Be,onKeyUp:Re,disabled:j},le),void 0),se&&!me&&(0,o.jsx)("span",v({className:"text-field-label-placeholder",onClick:Fe},{children:"outside"===h?g:(0,o.jsxs)(o.Fragment,{children:[y||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)]}),void 0),Ze,$e]}),void 0)}),[se,me,U,ye,ve,Ze,$e,h,g,y,j,w,P,le,ee,J]),Ye=(0,r.useMemo)((function(){var e;return(0,o.jsxs)("div",v({className:(e="text-field-select-content",Ne&&(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[Y]},void 0)}),t)})),Ne&&(0,o.jsx)(l.default,{},void 0)]}),void 0)}),[Le,Oe,Pe,$,Y,ae,Ne,ue]),Qe=(0,r.useMemo)((function(){return(0,o.jsx)(i.Tooltip,v({open:Oe,title:Ye,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:Ge}),void 0);var e}),[se,me,U,ye,ve,Ze,$e,h,g,y,j,w,P,le,ee,J,ae,Le,Oe,Z,u]),Xe=(0,r.useMemo)((function(){var e=Boolean(N||C||y);return(0,o.jsx)(o.Fragment,{children:"outside"===h&&e&&(0,o.jsxs)("label",v({className:"text-field-label"},{children:[y,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)}),[h,y,C,N]);return(0,o.jsxs)("div",v({className:(Ae="paraui-text-field",Ae+=" text-field",u&&!w&&(Ae+=" text-field-"+u),t&&(Ae+=" "+t),E&&(Ae+=" text-field-error"),me&&(Ae+=" text-field-focus"),j&&(Ae+=" text-field-disabled"),w&&(Ae+=" text-field-multiline"),e.limitLength&&ve&&ve.toString().length>e.limitLength&&(Ae+=" text-field-limit"),Ae)},{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:Ge,T&&(0,o.jsx)("div",v({className:"text-field-content-after",onClick:function(e){ie&&ie(e)}},{children:T}),void 0)]}),void 0),A&&(0,o.jsx)("p",v({className:"text-field-error-text"},{children:A}),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},770:function(e){e.exports=t},6243:function(e){e.exports=n},1102:function(e){e.exports=o},5191:function(e){e.exports=r},6570:function(e){e.exports=i},8528:function(e){e.exports=a},3475:function(e){e.exports=l},9297:function(e){e.exports=u}},d={};function f(e){var t=d[e];if(void 0!==t)return t.exports;var n=d[e]={exports:{}};return s[e](n,n.exports,f),n.exports}f.m=s,c=[],f.O=function(e,t,n,o){if(!t){var r=1/0;for(l=0;l<c.length;l++){t=c[l][0],n=c[l][1],o=c[l][2];for(var i=!0,a=0;a<t.length;a++)(!1&o||r>=o)&&Object.keys(f.O).every((function(e){return f.O[e](t[a])}))?t.splice(a--,1):(i=!1,o<r&&(r=o));i&&(c.splice(l--,1),e=n())}return e}o=o||0;for(var l=c.length;l>0&&c[l-1][2]>o;l--)c[l]=c[l-1];c[l]=[t,n,o]},f.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(t,{a:t}),t},f.d=function(e,t){for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},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={7842:0,1465:0,5717:0,8766:0,2996:0,2823:0,9296:0};f.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)f.o(a,o)&&(f.m[o]=a[o]);if(l)var c=l(f);for(t&&t(n);u<i.length;u++)r=i[u],f.o(e,r)&&e[r]&&e[r][0](),e[i[u]]=0;return f.O(c)},n=self.webpackChunkParaUI=self.webpackChunkParaUI||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();var v=f.O(void 0,[9296],(function(){return f(1493)}));return v=f.O(v)}()}));
+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,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,n){var o,r={},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)&&(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:s,ref:c,props:r,_owner:a.current}}t.jsx=s,t.jsxs=s},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,u=e.tips,s=void 0===u?"":u,c=e.className,d=void 0===c?"":c,f=(0,i.useRef)(),v=(0,i.useState)(""),p=v[0],h=v[1];(0,i.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)(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,u=void 0===r?.7:r,s=(0,i.useRef)(null);(0,i.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)}},7853:function(e,t,n){var o=n(5893),i=n(9297),r=n(7320),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 i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},c.apply(this,arguments)},d=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))};t.default=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,g=e.disabled,x=void 0!==g&&g,y=e.required,b=void 0!==y&&y,j=e.error,O=void 0!==j&&j,S=e.helperText,w=void 0===S?"":S,N=e.value,C=e.replaceFields,k=e.onChange,P=e.fetchSuggestionsKey,q=e.fetchSuggestionsValue,E=(0,i.useState)([]),L=E[0],A=E[1],_=(0,i.useState)({key:"label",value:"value"}),F=_[0],I=_[1];(0,i.useEffect)((function(){void 0!==e.defaultValue&&A(d([],e.defaultValue,!0))}),[]),(0,i.useEffect)((function(){void 0!==N&&A(d([],N,!0))}),[N]),(0,i.useEffect)((function(){if(C){var e=c(c({},F),C);I(e)}}),[C]);var T,D=function(t){return function(){x||(L.splice(t,1),void 0===e.value&&A(d([],L,!0)),k&&k(L))}},M=function(t,n){return function(o){L[n][t]=o.target.value,void 0===e.value&&A(d([],L,!0)),k&&k(L)}},K=function(e){return function(t,n){"key"===e?P&&P(t,n):q&&q(t,n)}},V=function(e,t){return function(n){L[t][e]=n.value,A(d([],L,!0)),k&&k(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"),x&&(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)(r.default,{size:a,disabled:x,placeholder:f,value:e[F.key||""],onChange:M(F.key||"",t),fetchSuggestions:P?K("key"):void 0,onSelect:V(F.key||"",t)},void 0),(0,o.jsx)("span",{children:":"},void 0),(0,o.jsx)(r.default,{size:a,disabled:x,placeholder:p,value:e[F.value||""],onChange:M(F.value||"",t),fetchSuggestions:q?K("value"):void 0,onSelect:V(F.value||"",t)},void 0)]}),void 0),(0,o.jsx)("span",c({className:"single-box-content-item-svg"},{children:(0,o.jsx)(s(),{onClick:D(t)},void 0)}),void 0)]}),t)}))}),void 0),(0,o.jsx)("div",c({className:"multi-box-add",onClick:function(){x||(L.push({}),void 0===e.value&&A(d([],L,!0)),k&&k(L))}},{children:(0,o.jsx)(l(),{},void 0)}),void 0),w&&(0,o.jsx)("p",c({className:"multi-box-error-text"},{children:w}),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),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 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,u=void 0===n?"large":n,c=e.labelMode,h=void 0===c?"outside":c,m=e.placeholder,g=void 0===m?"":m,x=e.label,y=void 0===x?"":x,b=e.disabled,j=void 0!==b&&b,O=e.multiline,S=void 0!==O&&O,w=e.required,N=void 0!==w&&w,C=e.labelSign,k=e.rows,P=void 0===k?2:k,q=e.error,E=void 0!==q&&q,L=e.helperText,A=void 0===L?"":L,_=e.addonBefore,F=void 0===_?"":_,I=e.addonAfter,T=void 0===I?"":I,D=(e.defaultValue,e.value),M=e.autoFocus,K=void 0!==M&&M,V=e.type,z=void 0===V?"text":V,U=e.onClickIcon,B=e.rightIcon,R=e.showRightIcon,W=void 0===R||R,H=e.limitLength,J=e.fetchSuggestions,Z=e.selectPopoverClass,$=e.renderSelectItem,G=e.showSelectName,Y=void 0===G?"value":G,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"]),ue=(0,i.useState)("text-field-select-content-"+(0,f.UUID)())[0],se=(0,i.useState)(!0),ce=se[0],de=se[1],fe=(0,i.useState)(""),ve=fe[0],pe=fe[1],he=(0,i.useState)(!1),me=he[0],ge=he[1],xe=(0,i.useState)("text"),ye=xe[0],be=xe[1],je=(0,i.useState)(!1),Oe=je[0],Se=je[1],we=(0,i.useState)(!1),Ne=we[0],Ce=we[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),Fe(e.defaultValue))}),[]),(0,i.useEffect)((function(){z!==ye&&be(z)}),[z]),(0,i.useEffect)((function(){void 0!==D&&(pe(D),Fe(D))}),[D]),(0,i.useEffect)((function(){de(""===ve||void 0===ve)}),[ve]),(0,i.useEffect)((function(){J&&Se(me)}),[me,J]),(0,i.useEffect)((function(){return Oe?window.addEventListener("keydown",Me):window.removeEventListener("keydown",Me),function(){window.removeEventListener("keydown",Me)}}),[Oe]),(0,i.useEffect)((function(){if(!me&&ve){var t=_e(ve);if(t!==ve){var n={};n.target=Ee.current,n.target.value=t,e.onChange&&e.onChange(n)}}}),[ve,me]);var Ae,_e=function(t){var n=t;return e.limitLength&&t.toString().length>e.limitLength&&(n=n.toString().substr(0,e.limitLength)),n},Fe=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"),De(o,t))},De=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 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})},Ke=function(e){ge(!1),""===e.target.value&&de(!0),Q&&Q(e)},Ve=function(e){Ce(!0),J&&J(e,(function(e){qe(e||[]),Ce(!1)}))},ze=function(e){ge(!0),X&&X(e),Ve(e.target.value)},Ue=function(t){var n=t.target.value;n&&de(!1),void 0===e.value&&(pe(n),Fe(n)),ee&&ee(t),Ve(t.target.value)},Be=function(e){13===e.keyCode&&oe&&oe(e),te&&te(e)},Re=function(e){ne&&ne(e)},We=function(e){"password"===z&&("text"===ye&&be("password"),"password"===ye&&be("text")),U&&U(e)},He=function(){Se(!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=B||("password"===z?"password"===ye?(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,B,z,ye]),Ge=(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:[S?(0,o.jsx)("textarea",v({ref:Ee,rows:P,onBlur:Ke,onFocus:ze,onChange:Ue,onKeyDown:Be,onKeyUp:Re,disabled:j},le),void 0):(0,o.jsx)("input",v({ref:Ee,type:ye,onBlur:Ke,onFocus:ze,onChange:Ue,onKeyDown:Be,onKeyUp:Re,disabled:j},le),void 0),ce&&!me&&(0,o.jsx)("span",v({className:"text-field-label-placeholder",onClick:Ie},{children:"outside"===h?g:(0,o.jsxs)(o.Fragment,{children:[y||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)]}),void 0),Ze,$e]}),void 0)}),[ce,me,K,ye,ve,Ze,$e,h,g,y,j,S,P,le,ee,J]),Ye=(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"),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[Y]},void 0)}),t)})),Ne&&(0,o.jsx)(l.default,{},void 0)]}),void 0)}),[Le,Oe,Pe,$,Y,ae,Ne,ue]),Qe=(0,i.useMemo)((function(){return(0,o.jsx)(r.Tooltip,v({open:Oe,title:Ye,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:Ge}),void 0);var e}),[ce,me,K,ye,ve,Ze,$e,h,g,y,j,S,P,le,ee,J,ae,Le,Oe,Z,u]),Xe=(0,i.useMemo)((function(){var e=Boolean(N||C||y);return(0,o.jsx)(o.Fragment,{children:"outside"===h&&e&&(0,o.jsxs)("label",v({className:"text-field-label"},{children:[y,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)}),[h,y,C,N]);return(0,o.jsxs)("div",v({className:(Ae="paraui-text-field",Ae+=" text-field",u&&!S&&(Ae+=" text-field-"+u),t&&(Ae+=" "+t),E&&(Ae+=" text-field-error"),me&&(Ae+=" text-field-focus"),j&&(Ae+=" text-field-disabled"),S&&(Ae+=" text-field-multiline"),e.limitLength&&ve&&ve.toString().length>e.limitLength&&(Ae+=" text-field-limit"),Ae)},{children:[Xe,(0,o.jsxs)("div",v({className:"text-field-content"},{children:[F&&(0,o.jsx)("div",v({className:"text-field-content-before",onClick:function(e){ie&&ie(e)}},{children:F}),void 0),J?Qe:Ge,T&&(0,o.jsx)("div",v({className:"text-field-content-after",onClick:function(e){re&&re(e)}},{children:T}),void 0)]}),void 0),A&&(0,o.jsx)("p",v({className:"text-field-error-text"},{children:A}),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,u=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:u}),void 0)}},1731:function(t){t.exports=e},770:function(e){e.exports=t},6243:function(e){e.exports=n},1102:function(e){e.exports=o},5191:function(e){e.exports=i},6570:function(e){e.exports=r},8528:function(e){e.exports=a},3475:function(e){e.exports=l},9297:function(e){e.exports=u}},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.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})};var f={};return function(){d.r(f),d.d(f,{InputLang:function(){return c}});var e=d(5893),t=d(9297),n=d(7320),o=d(7853),i=d(770),r=d.n(i),a=d(1731),l=d(3475),u=function(){return u=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},u.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))},c=function(i){var c=i.className,d=void 0===c?"":c,f=i.label,v=void 0===f?"":f,p=i.size,h=void 0===p?"large":p,m=i.placeholder,g=void 0===m?"":m,x=i.placeholderKey,y=void 0===x?"":x,b=i.placeholderValue,j=void 0===b?"":b,O=i.error,S=void 0!==O&&O,w=i.helperText,N=void 0===w?"":w,C=i.required,k=void 0!==C&&C,P=i.popoverClassName,q=i.value,E=i.onChange,L=i.langList,A=void 0===L?["zh","en"]:L,_=i.disabled,F=void 0!==_&&_,I=(0,t.useState)(!1),T=I[0],D=I[1],M=(0,t.useState)(null),K=M[0],V=M[1],z=(0,t.useState)("input-lang-"+(0,l.UUID)())[0],U=(0,t.useState)((0,l.GetLanguage)()||"zh")[0],B=(0,t.useState)({}),R=B[0],W=B[1],H=(0,t.useState)([]),J=H[0],Z=H[1];(0,t.useEffect)((function(){void 0!==i.defaultValue&&G(i.defaultValue)}),[]),(0,t.useEffect)((function(){void 0!==q&&G(q)}),[q]);var $,G=function(e){var t=u({},e);void 0===t[U]&&(t[U]="");for(var n=Object.keys(t),o=[],i=0,r=n.length;i<r;i++){var a=n[i],l=t[a];a!==U&&o.push({label:a,value:l})}Z(o),W(t)},Y=function(e){Z(s([],e,!0))},Q=function(e,t){for(var n=[],o=(0,l.ArrayToObject)("label",J),i=0,r=A.length;i<r;i++){var a=A[i];o[a]||a===U||n.push({label:a,value:a})}t(n)},X=function(){V(null),D(!1);var e={};e[U]=R[U];for(var t=0,n=J.length;t<n;t++){var o=J[t];o.label&&(e[o.label]=o.value||"")}void 0===i.value&&W(u({},e)),E&&E(u({},e))},ee=(0,t.useMemo)((function(){return(0,e.jsx)("div",{children:U},void 0)}),[U]),te=(0,t.useMemo)((function(){return(0,e.jsx)("div",u({className:"lang-list-icon"},{children:(0,e.jsx)(r(),{},void 0)}),void 0)}),[]),ne=(0,t.useMemo)((function(){return(0,e.jsx)(a.Popover,u({open:T,anchorEl:K,onClose:X,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},className:(t="paraui-input-lang-popover",P&&(t+=" "+P),t),classes:{paper:"input-lang-popover-box"}},{children:(0,e.jsx)("div",u({className:"input-lang-list"},{children:(0,e.jsx)(o.default,{size:h,disabled:F,value:J,onChange:Y,fetchSuggestionsKey:Q,placeholderKey:y,placeholderValue:j},void 0)}),void 0)}),void 0);var t}),[T,P,J,y,j,U,A,h,F]);return(0,e.jsxs)("div",u({className:($="paraui-input-lang input-lang",$+=" "+z,h&&($+=" input-lang-"+h),d&&($+=" "+d),$)},{children:[(0,e.jsx)(n.default,{size:h,error:S,disabled:F,required:k,helperText:N,label:v,placeholder:g,value:R[U],addonAfter:te,addonBefore:ee,onClickAddonAfter:function(){var e=document.querySelector("."+z+" .text-field-content-after");V(e),D(!0)},onChange:function(e){R[U]=e.target.value;var t=u({},R);void 0===i.value&&W(t),E&&E(t)}},void 0),ne]}),void 0)};f.default=c}(),f}()}));

package/InputNumber/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-input-number{width:120px;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400;display:inline-block}.paraui-input-number>.paraui-text-field>.text-field-content>.text-field-content-before{padding:0;background-color:white}.paraui-input-number>.paraui-text-field>.text-field-content>.text-field-content-after{padding:0;background-color:white}.paraui-input-number.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>span{display:flex;align-items:center;justify-content:center;width:30px;height:100%;cursor:pointer;background-color:rgba(171,176,185,0.121569)}.paraui-input-number.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>span:hover>svg{color:#3666d6}.paraui-input-number.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>span>svg{color:rgba(46,55,67,0.701961)}.paraui-input-number.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span{display:flex;align-items:center;justify-content:center;width:30px;height:100%;cursor:pointer;background-color:rgba(171,176,185,0.121569)}.paraui-input-number.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span:hover>svg{color:#3666d6}.paraui-input-number.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span>svg{color:rgba(46,55,67,0.701961)}.paraui-input-number.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn{display:flex;flex-direction:column;align-items:center;width:30px}.paraui-input-number.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span{line-height:0;height:50%;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:rgba(171,176,185,0.121569)}.paraui-input-number.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span:hover>svg{color:#3666d6}.paraui-input-number.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span>svg{color:rgba(46,55,67,0.701961)}.paraui-input-number.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span:last-child{border-top:1px solid;border-color:rgba(171,176,185,0.2)}.paraui-input-number.input-number-disabled.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span{cursor:not-allowed}.paraui-input-number.input-number-disabled.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>span{cursor:not-allowed}.paraui-input-number.input-number-disabled.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>span:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>span>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span{cursor:not-allowed}.paraui-input-number.input-number-disabled.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-add.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>.tb-btn-top{cursor:not-allowed}.paraui-input-number.input-number-disabled-add.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>.tb-btn-top:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-add.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>.tb-btn-top>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-add.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>.add-btn{cursor:not-allowed}.paraui-input-number.input-number-disabled-add.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>.add-btn:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-add.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>.add-btn>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-reduce.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>.tb-btn-bottom{cursor:not-allowed}.paraui-input-number.input-number-disabled-reduce.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>.tb-btn-bottom:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-reduce.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>.tb-btn-bottom>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-reduce.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span{cursor:not-allowed}.paraui-input-number.input-number-disabled-reduce.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-reduce.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-small.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span>svg{font-size:13px}.paraui-input-number.input-number-medium.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span>svg{font-size:15px}.paraui-input-number.input-number-large.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span>svg{font-size:17px}
+

package/InputNumber/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/Down"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Minus"),require("@para-ui/icons/Plus"),require("@para-ui/icons/PreviewClose"),require("@para-ui/icons/PreviewOpen"),require("@para-ui/icons/Up"),require("para-lib"),require("react")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons/Down","@para-ui/icons/LoadingF","@para-ui/icons/Minus","@para-ui/icons/Plus","@para-ui/icons/PreviewClose","@para-ui/icons/PreviewOpen","@para-ui/icons/Up","para-lib","react"],t):"object"==typeof exports?exports.ParaUI=t(require("@material-ui/core"),require("@para-ui/icons/Down"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Minus"),require("@para-ui/icons/Plus"),require("@para-ui/icons/PreviewClose"),require("@para-ui/icons/PreviewOpen"),require("@para-ui/icons/Up"),require("para-lib"),require("react")):e.ParaUI=t(e["@material-ui/core"],e["@para-ui/icons/Down"],e["@para-ui/icons/LoadingF"],e["@para-ui/icons/Minus"],e["@para-ui/icons/Plus"],e["@para-ui/icons/PreviewClose"],e["@para-ui/icons/PreviewOpen"],e["@para-ui/icons/Up"],e["para-lib"],e.react)}(self,(function(e,t,n,r,o,i,a,u,l,s){return function(){"use strict";var c,d={4927:function(e,t,n){function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}n.d(t,{Z:function(){return o}})},4126:function(e){
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@material-ui/core"),require("@para-ui/icons/Down"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Minus"),require("@para-ui/icons/Plus"),require("@para-ui/icons/PreviewClose"),require("@para-ui/icons/PreviewOpen"),require("@para-ui/icons/Up"),require("para-lib"),require("react")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons/Down","@para-ui/icons/LoadingF","@para-ui/icons/Minus","@para-ui/icons/Plus","@para-ui/icons/PreviewClose","@para-ui/icons/PreviewOpen","@para-ui/icons/Up","para-lib","react"],t):"object"==typeof exports?exports.ParaUI=t(require("@material-ui/core"),require("@para-ui/icons/Down"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Minus"),require("@para-ui/icons/Plus"),require("@para-ui/icons/PreviewClose"),require("@para-ui/icons/PreviewOpen"),require("@para-ui/icons/Up"),require("para-lib"),require("react")):e.ParaUI=t(e["@material-ui/core"],e["@para-ui/icons/Down"],e["@para-ui/icons/LoadingF"],e["@para-ui/icons/Minus"],e["@para-ui/icons/Plus"],e["@para-ui/icons/PreviewClose"],e["@para-ui/icons/PreviewOpen"],e["@para-ui/icons/Up"],e["para-lib"],e.react)}(self,(function(e,t,n,r,o,i,a,l,u,s){return function(){"use strict";var c={6010:function(e,t,n){function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}n.d(t,{Z:function(){return o}})},7418:function(e){
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,u,l=o(e),s=1;s<arguments.length;s++){for(var c in a=Object(arguments[s]))n.call(a,c)&&(l[c]=a[c]);if(t){u=t(a);for(var d=0;d<u.length;d++)r.call(a,u[d])&&(l[u[d]]=a[u[d]])}}return l}},9524:function(e,t,n){
+var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,l,u=o(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++)r.call(a,l[d])&&(u[l[d]]=a[l[d]])}}return u}},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,r=Object.pr
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-n(4126);var r=n(9297),o=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),t.Fragment=i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,n){var r,i={},s=null,c=null;for(r in void 0!==n&&(s=""+n),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(c=t.ref),t)u.call(t,r)&&!l.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key: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 r=n(7712),o=n(9297),i=n(6885),a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};t.default=function(e){var t=e.children,n=e.placement,u=void 0===n?"bottom-start":n,l=e.tips,s=void 0===l?"":l,c=e.className,d=void 0===c?"":c,f=(0,o.useRef)(),p=(0,o.useState)(""),v=p[0],b=p[1];(0,o.useEffect)((function(){b(s)}),[s]);var m;return(0,r.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?b(s||f.current.innerText):b("")}},{children:(0,r.jsx)(i.default,a({title:v,placement:u},{children:(0,r.jsx)("div",a({className:"auto-tips-content"},{children:t}),void 0)}),void 0)}),void 0)}},601:function(e,t,n){n.r(t),n.d(t,{InputNumber:function(){return m}});var r=n(7712),o=n(9297),i=n(3616),a=n.n(i),u=n(6028),l=n.n(u),s=n(3277),c=n.n(s),d=n(5191),f=n.n(d),p=n(3672),v=function(){return v=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},v.apply(this,arguments)},b=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};var m=function(e){var t=e.className,n=(e.defaultValue,e.value),i=e.size,u=void 0===i?"large":i,s=e.btnMode,d=void 0===s?"tb":s,m=e.disabled,h=void 0!==m&&m,y=e.disabledStr,g=e.disabledAdd,x=void 0!==g&&g,j=e.disabledReduce,w=void 0!==j&&j,O=e.onChange,N=e.step,S=void 0===N?1:N,C=e.onKeydown,k=e.onEnter,P=b(e,["className","defaultValue","value","size","btnMode","disabled","disabledStr","disabledAdd","disabledReduce","onChange","step","onKeydown","onEnter"]),q=(0,o.useState)(),E=q[0],M=q[1];(0,o.useEffect)((function(){void 0!==e.defaultValue&&M(e.defaultValue)}),[]),(0,o.useEffect)((function(){void 0!==n&&M(n)}),[n]);var L,_=function(t){if(!h&&!x){var n=function(e,t){var n,r,o,i;isNaN(e)&&(e=0),isNaN(t)&&(t=0),e=Number(e),t=Number(t);try{n=e.toString().split(".")[1].length}catch(e){n=0}try{r=t.toString().split(".")[1].length}catch(e){r=0}if(i=Math.abs(n-r),o=Math.pow(10,Math.max(n,r)),i>0){var a=Math.pow(10,i);n>r?(e=Number(e.toString().replace(".","")),t=Number(t.toString().replace(".",""))*a):(e=Number(e.toString().replace(".",""))*a,t=Number(t.toString().replace(".","")))}else e=Number(e.toString().replace(".","")),t=Number(t.toString().replace(".",""));return(e+t)/o}(Number(E||""),S);void 0===e.value&&M(n),O&&O(n,t)}},I=function(t){if(!h&&!w){var n=Number(function(e,t){var n,r,o;isNaN(e)&&(e=0),isNaN(t)&&(t=0),e=Number(e),t=Number(t);try{n=e.toString().split(".")[1].length}catch(e){n=0}try{r=t.toString().split(".")[1].length}catch(e){r=0}return((e*(o=Math.pow(10,Math.max(n,r)))-t*o)/o).toFixed(n>=r?n:r)}(Number(E||""),S));void 0===e.value&&M(n),O&&O(n,t)}};return(0,r.jsx)("div",v({className:(L="paraui-input-number",t&&(L+=" "+t),u&&(L+=" input-number-"+u),h&&(L+=" input-number-disabled"),x&&(L+=" input-number-disabled-add"),w&&(L+=" input-number-disabled-reduce"),d&&(L+=" input-number-"+d),L)},{children:(0,r.jsx)(p.default,v({},P,{step:S,value:void 0===E?"":E,type:"number",size:u,disabled:h,addonAfter:function(){if(!h)return"tb"===d?(0,r.jsxs)("div",v({className:"tb-btn"},{children:[(0,r.jsx)("span",v({className:"tb-btn-top",onClick:_},{children:(0,r.jsx)(a(),{},void 0)}),void 0),(0,r.jsx)("span",v({className:"tb-btn-bottom",onClick:I},{children:(0,r.jsx)(l(),{},void 0)}),void 0)]}),void 0):"lr"===d?(0,r.jsx)("span",v({className:"reduce-btn",onClick:I},{children:(0,r.jsx)(c(),{},void 0)}),void 0):void 0}(),addonBefore:function(){if(!h&&"tb"!==d)return"lr"===d?(0,r.jsx)("span",v({className:"add-btn",onClick:_},{children:(0,r.jsx)(f(),{},void 0)}),void 0):void 0}(),onChange:function(t){var n=t.target.value;void 0===e.value&&M(n),O&&O(n,t)},onKeyDown:function(e){if(y)for(var t=0,n=y.length;t<n;t++){var r=y[t];e.key===r&&e.preventDefault()}13===e.keyCode&&k&&k(e),C&&C(e)},onBlur:function(e){e.target.value=E}}),void 0)}),void 0)};t.default=m},9011:function(e,t,n){var r=n(7712),o=n(9297),i=n(1102),a=n.n(i),u=function(){return u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},u.apply(this,arguments)};t.default=function(e){var t=e.className,n=e.style,i=e.opacity,l=void 0===i?.7:i,s=(0,o.useRef)(null);(0,o.useEffect)((function(){s&&s.current&&s.current.parentNode&&((getComputedStyle(s.current.parentNode)||{}).position||(s.current.parentNode.style.position="relative"))}),[]);var c;return(0,r.jsxs)("div",u({className:(c="paraui-loading",t&&(c+=" "+t),c),style:n,ref:s},{children:[(0,r.jsx)("div",u({className:"paraui-loading-box"},{children:(0,r.jsx)(a(),{},void 0)}),void 0),(0,r.jsx)("div",{className:"paraui-loading-mask",style:{opacity:l}},void 0)]}),void 0)}},3672:function(e,t,n){var r=n(7712),o=n(9297),i=n(1731),a=n(3094),u=n(9011),l=n(8528),s=n.n(l),c=n(6570),d=n.n(c),f=n(3475),p=function(){return p=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},p.apply(this,arguments)},v=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};t.default=function(e){var t=e.className,n=e.size,l=void 0===n?"large":n,c=e.labelMode,b=void 0===c?"outside":c,m=e.placeholder,h=void 0===m?"":m,y=e.label,g=void 0===y?"":y,x=e.disabled,j=void 0!==x&&x,w=e.multiline,O=void 0!==w&&w,N=e.required,S=void 0!==N&&N,C=e.labelSign,k=e.rows,P=void 0===k?2:k,q=e.error,E=void 0!==q&&q,M=e.helperText,L=void 0===M?"":M,_=e.addonBefore,I=void 0===_?"":_,F=e.addonAfter,D=void 0===F?"":F,U=(e.defaultValue,e.value),A=e.autoFocus,T=void 0!==A&&A,R=e.type,B=void 0===R?"text":R,K=e.onClickIcon,V=e.rightIcon,z=e.showRightIcon,W=void 0===z||z,H=e.limitLength,J=e.fetchSuggestions,Z=e.selectPopoverClass,$=e.renderSelectItem,Y=e.showSelectName,G=void 0===Y?"value":Y,Q=e.onBlur,X=e.onFocus,ee=e.onChange,te=e.onKeydown,ne=e.onKeyUp,re=e.onEnter,oe=e.onClickAddonBefore,ie=e.onClickAddonAfter,ae=e.onSelect,ue=v(e,["className","size","labelMode","placeholder","label","disabled","multiline","required","labelSign","rows","error","helperText","addonBefore","addonAfter","defaultValue","value","autoFocus","type","onClickIcon","rightIcon","showRightIcon","limitLength","fetchSuggestions","selectPopoverClass","renderSelectItem","showSelectName","onBlur","onFocus","onChange","onKeydown","onKeyUp","onEnter","onClickAddonBefore","onClickAddonAfter","onSelect"]),le=(0,o.useState)("text-field-select-content-"+(0,f.UUID)())[0],se=(0,o.useState)(!0),ce=se[0],de=se[1],fe=(0,o.useState)(""),pe=fe[0],ve=fe[1],be=(0,o.useState)(!1),me=be[0],he=be[1],ye=(0,o.useState)("text"),ge=ye[0],xe=ye[1],je=(0,o.useState)(!1),we=je[0],Oe=je[1],Ne=(0,o.useState)(!1),Se=Ne[0],Ce=Ne[1],ke=(0,o.useState)([]),Pe=ke[0],qe=ke[1],Ee=((0,o.useState)({isCompositions:!0})[0],(0,o.useRef)(null)),Me=(0,o.useRef)(null);(0,o.useEffect)((function(){void 0!==e.defaultValue&&(ve(e.defaultValue),Ie(e.defaultValue))}),[]),(0,o.useEffect)((function(){B!==ge&&xe(B)}),[B]),(0,o.useEffect)((function(){void 0!==U&&(ve(U),Ie(U))}),[U]),(0,o.useEffect)((function(){de(""===pe||void 0===pe)}),[pe]),(0,o.useEffect)((function(){J&&Oe(me)}),[me,J]),(0,o.useEffect)((function(){return we?window.addEventListener("keydown",Ae):window.removeEventListener("keydown",Ae),function(){window.removeEventListener("keydown",Ae)}}),[we]),(0,o.useEffect)((function(){if(!me&&pe){var t=_e(pe);if(t!==pe){var n={};n.target=Ee.current,n.target.value=t,e.onChange&&e.onChange(n)}}}),[pe,me]);var Le,_e=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))},Fe=function(){j||(de(!1),(Ee&&Ee.current).focus())},De=function(e){var t=e.selectDom,n=e.keyCode,r=e.currentDom,o="nextSibling",i=".text-field-select-content-item";38===n&&(o="previousSibling",i=".text-field-select-content-item:last-child"),r?(r=r[o])||(r=t.querySelector(i)):r=t.querySelector(".text-field-select-content-item"),r&&(r.classList.add("text-field-select-content-item-keydown"),Ue(r,t))},Ue=function(e,t){var n=t.clientHeight,r=e.offsetTop+e.clientHeight-n;t.scrollTop=r>0?r:0},Ae=function(e){var t=document.querySelector("."+le),n=null,r=t.querySelector(".text-field-select-content-item-keydown");if(13===e.keyCode&&r){var o=r.dataset.val;Je(JSON.parse(o))(e),(Ee&&Ee.current).blur()}r&&(n=r,r.classList.remove("text-field-select-content-item-keydown")),40===e.keyCode&&De({selectDom:t,keyCode:e.keyCode,currentDom:n}),38===e.keyCode&&De({selectDom:t,keyCode:e.keyCode,currentDom:n})},Te=function(e){he(!1),""===e.target.value&&de(!0),Q&&Q(e)},Re=function(e){Ce(!0),J&&J(e,(function(e){qe(e||[]),Ce(!1)}))},Be=function(e){he(!0),X&&X(e),Re(e.target.value)},Ke=function(t){var n=t.target.value;n&&de(!1),void 0===e.value&&(ve(n),Ie(n)),ee&&ee(t),Re(t.target.value)},Ve=function(e){13===e.keyCode&&re&&re(e),te&&te(e)},ze=function(e){ne&&ne(e)},We=function(e){"password"===B&&("text"===ge&&xe("password"),"password"===ge&&xe("text")),K&&K(e)},He=function(){Oe(!1)},Je=function(e){return function(t){ae&&ae(e)}},Ze=(0,o.useMemo)((function(){return(0,r.jsx)(r.Fragment,{children:void 0!==H&&(0,r.jsx)("span",p({className:"length-limit"},{children:(pe?pe.toString().length:0)+"/"+H}),void 0)},void 0)}),[H,pe]),$e=(0,o.useMemo)((function(){var e=V||("password"===B?"password"===ge?(0,r.jsx)(d(),{},void 0):(0,r.jsx)(s(),{},void 0):null);return(0,r.jsx)(r.Fragment,{children:W&&e&&(0,r.jsx)("span",p({className:"right-icon",onClick:We},{children:e}),void 0)},void 0)}),[W,V,B,ge]),Ye=(0,o.useMemo)((function(){return(0,r.jsxs)("div",p({className:"text-field-content-within",ref:Me},{children:[(0,r.jsxs)("div",p({className:"text-field-content-within-input"},{children:[O?(0,r.jsx)("textarea",p({ref:Ee,rows:P,onBlur:Te,onFocus:Be,onChange:Ke,onKeyDown:Ve,onKeyUp:ze,disabled:j},ue),void 0):(0,r.jsx)("input",p({ref:Ee,type:ge,onBlur:Te,onFocus:Be,onChange:Ke,onKeyDown:Ve,onKeyUp:ze,disabled:j},ue),void 0),ce&&!me&&(0,r.jsx)("span",p({className:"text-field-label-placeholder",onClick:Fe},{children:"outside"===b?h:(0,r.jsxs)(r.Fragment,{children:[g||h,S&&(0,r.jsx)("span",p({className:"text-field-required"},{children:"*"}),void 0),C&&(0,r.jsx)("span",{children:C},void 0)]},void 0)}),void 0)]}),void 0),Ze,$e]}),void 0)}),[ce,me,T,ge,pe,Ze,$e,b,h,g,j,O,P,ue,ee,J]),Ge=(0,o.useMemo)((function(){var e;return(0,r.jsxs)("div",p({className:(e="text-field-select-content",Se&&(e+=" text-field-select-content-loading"),le&&(e+=" "+le),e),style:{width:(Me&&Me.current?Me.current.offsetWidth:0)+"px"}},{children:[Pe&&Pe.map((function(e,t){return(0,r.jsx)("div",p({className:"text-field-select-content-item",onMouseDown:Je(e),"data-val":JSON.stringify(e)},{children:$?$(e):(0,r.jsx)(a.default,{children:e[G]},void 0)}),t)})),Se&&(0,r.jsx)(u.default,{},void 0)]}),void 0)}),[Me,we,Pe,$,G,ae,Se,le]),Qe=(0,o.useMemo)((function(){return(0,r.jsx)(i.Tooltip,p({open:we,title:Ge,onClose:He,interactive:!0,disableFocusListener:!0,disableHoverListener:!0,disableTouchListener:!0,arrow:!0,classes:{popper:(e="paraui-text-field-select",l&&(e+=" paraui-text-field-select-"+l),Z&&(e+=" "+Z),e)}},{children:Ye}),void 0);var e}),[ce,me,T,ge,pe,Ze,$e,b,h,g,j,O,P,ue,ee,J,ae,Me,we,Z,l]),Xe=(0,o.useMemo)((function(){var e=Boolean(S||C||g);return(0,r.jsx)(r.Fragment,{children:"outside"===b&&e&&(0,r.jsxs)("label",p({className:"text-field-label"},{children:[g,S&&(0,r.jsx)("span",p({className:"text-field-required"},{children:"*"}),void 0),C&&(0,r.jsx)("span",{children:C},void 0)]}),void 0)},void 0)}),[b,g,C,S]);return(0,r.jsxs)("div",p({className:(Le="paraui-text-field",Le+=" text-field",l&&!O&&(Le+=" text-field-"+l),t&&(Le+=" "+t),E&&(Le+=" text-field-error"),me&&(Le+=" text-field-focus"),j&&(Le+=" text-field-disabled"),O&&(Le+=" text-field-multiline"),e.limitLength&&pe&&pe.toString().length>e.limitLength&&(Le+=" text-field-limit"),Le)},{children:[Xe,(0,r.jsxs)("div",p({className:"text-field-content"},{children:[I&&(0,r.jsx)("div",p({className:"text-field-content-before",onClick:function(e){oe&&oe(e)}},{children:I}),void 0),J?Qe:Ye,D&&(0,r.jsx)("div",p({className:"text-field-content-after",onClick:function(e){ie&&ie(e)}},{children:D}),void 0)]}),void 0),L&&(0,r.jsx)("p",p({className:"text-field-error-text"},{children:L}),void 0)]}),void 0)}},6885:function(e,t,n){var r=n(7712),o=n(1731),i=n(4927),a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};t.default=function(e){var t,n=e.placement,u=void 0===n?"bottom":n,l=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==u?void 0:u.includes("left"))||(null==u?void 0:u.includes("right")),"paraui-tooltip-top-bottom":(null==u?void 0:u.includes("top"))||(null==u?void 0:u.includes("bottom"))})});return(0,r.jsx)(o.Tooltip,a({},e,{classes:l}),void 0)}},1731:function(t){t.exports=e},6028:function(e){e.exports=t},1102:function(e){e.exports=n},3277:function(e){e.exports=r},5191:function(e){e.exports=o},6570:function(e){e.exports=i},8528:function(e){e.exports=a},3616:function(e){e.exports=u},3475:function(e){e.exports=l},9297:function(e){e.exports=s}},f={};function p(e){var t=f[e];if(void 0!==t)return t.exports;var n=f[e]={exports:{}};return d[e](n,n.exports,p),n.exports}p.m=d,c=[],p.O=function(e,t,n,r){if(!t){var o=1/0;for(u=0;u<c.length;u++){t=c[u][0],n=c[u][1],r=c[u][2];for(var i=!0,a=0;a<t.length;a++)(!1&r||o>=r)&&Object.keys(p.O).every((function(e){return p.O[e](t[a])}))?t.splice(a--,1):(i=!1,r<o&&(o=r));i&&(c.splice(u--,1),e=n())}return e}r=r||0;for(var u=c.length;u>0&&c[u-1][2]>r;u--)c[u]=c[u-1];c[u]=[t,n,r]},p.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return p.d(t,{a:t}),t},p.d=function(e,t){for(var n in t)p.o(t,n)&&!p.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},p.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},p.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={2832:0,1465:0,5717:0,2996:0,2823:0,9296:0};p.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,o,i=n[0],a=n[1],u=n[2],l=0;for(r in a)p.o(a,r)&&(p.m[r]=a[r]);if(u)var s=u(p);for(t&&t(n);l<i.length;l++)o=i[l],p.o(e,o)&&e[o]&&e[o][0](),e[i[l]]=0;return p.O(s)},n=self.webpackChunkParaUI=self.webpackChunkParaUI||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();var v=p.O(void 0,[9296],(function(){return p(601)}));return v=p.O(v)}()}));
+n(7418);var r=n(9297),o=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),t.Fragment=i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,n){var r,i={},s=null,c=null;for(r in void 0!==n&&(s=""+n),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(c=t.ref),t)l.call(t,r)&&!u.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:s,ref:c,props:i,_owner:a.current}}t.jsx=s,t.jsxs=s},5893:function(e,t,n){e.exports=n(5251)},7839:function(e,t,n){var r=n(5893),o=n(9297),i=n(7371),a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};t.default=function(e){var t=e.children,n=e.placement,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,o.useRef)(),p=(0,o.useState)(""),v=p[0],m=p[1];(0,o.useEffect)((function(){m(s)}),[s]);var b;return(0,r.jsx)("div",a({ref:f,className:(b="paraui-auto-tips",d&&(b+=" "+d),b),onMouseOver:function(e){f.current&&f.current.scrollWidth>f.current.offsetWidth?m(s||f.current.innerText):m("")}},{children:(0,r.jsx)(i.default,a({title:v,placement:l},{children:(0,r.jsx)("div",a({className:"auto-tips-content"},{children:t}),void 0)}),void 0)}),void 0)}},7502:function(e,t,n){var r=n(5893),o=n(9297),i=n(1102),a=n.n(i),l=function(){return l=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},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,o.useRef)(null);(0,o.useEffect)((function(){s&&s.current&&s.current.parentNode&&((getComputedStyle(s.current.parentNode)||{}).position||(s.current.parentNode.style.position="relative"))}),[]);var c;return(0,r.jsxs)("div",l({className:(c="paraui-loading",t&&(c+=" "+t),c),style:n,ref:s},{children:[(0,r.jsx)("div",l({className:"paraui-loading-box"},{children:(0,r.jsx)(a(),{},void 0)}),void 0),(0,r.jsx)("div",{className:"paraui-loading-mask",style:{opacity:u}},void 0)]}),void 0)}},7320:function(e,t,n){var r=n(5893),o=n(9297),i=n(1731),a=n(7839),l=n(7502),u=n(8528),s=n.n(u),c=n(6570),d=n.n(c),f=n(3475),p=function(){return p=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},p.apply(this,arguments)},v=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};t.default=function(e){var t=e.className,n=e.size,u=void 0===n?"large":n,c=e.labelMode,m=void 0===c?"outside":c,b=e.placeholder,h=void 0===b?"":b,y=e.label,g=void 0===y?"":y,x=e.disabled,j=void 0!==x&&x,w=e.multiline,O=void 0!==w&&w,N=e.required,S=void 0!==N&&N,C=e.labelSign,k=e.rows,P=void 0===k?2:k,q=e.error,E=void 0!==q&&q,M=e.helperText,L=void 0===M?"":M,_=e.addonBefore,F=void 0===_?"":_,D=e.addonAfter,I=void 0===D?"":D,A=(e.defaultValue,e.value),T=e.autoFocus,U=void 0!==T&&T,R=e.type,B=void 0===R?"text":R,K=e.onClickIcon,V=e.rightIcon,z=e.showRightIcon,W=void 0===z||z,H=e.limitLength,J=e.fetchSuggestions,Z=e.selectPopoverClass,$=e.renderSelectItem,Y=e.showSelectName,G=void 0===Y?"value":Y,Q=e.onBlur,X=e.onFocus,ee=e.onChange,te=e.onKeydown,ne=e.onKeyUp,re=e.onEnter,oe=e.onClickAddonBefore,ie=e.onClickAddonAfter,ae=e.onSelect,le=v(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,o.useState)("text-field-select-content-"+(0,f.UUID)())[0],se=(0,o.useState)(!0),ce=se[0],de=se[1],fe=(0,o.useState)(""),pe=fe[0],ve=fe[1],me=(0,o.useState)(!1),be=me[0],he=me[1],ye=(0,o.useState)("text"),ge=ye[0],xe=ye[1],je=(0,o.useState)(!1),we=je[0],Oe=je[1],Ne=(0,o.useState)(!1),Se=Ne[0],Ce=Ne[1],ke=(0,o.useState)([]),Pe=ke[0],qe=ke[1],Ee=((0,o.useState)({isCompositions:!0})[0],(0,o.useRef)(null)),Me=(0,o.useRef)(null);(0,o.useEffect)((function(){void 0!==e.defaultValue&&(ve(e.defaultValue),Fe(e.defaultValue))}),[]),(0,o.useEffect)((function(){B!==ge&&xe(B)}),[B]),(0,o.useEffect)((function(){void 0!==A&&(ve(A),Fe(A))}),[A]),(0,o.useEffect)((function(){de(""===pe||void 0===pe)}),[pe]),(0,o.useEffect)((function(){J&&Oe(be)}),[be,J]),(0,o.useEffect)((function(){return we?window.addEventListener("keydown",Te):window.removeEventListener("keydown",Te),function(){window.removeEventListener("keydown",Te)}}),[we]),(0,o.useEffect)((function(){if(!be&&pe){var t=_e(pe);if(t!==pe){var n={};n.target=Ee.current,n.target.value=t,e.onChange&&e.onChange(n)}}}),[pe,be]);var Le,_e=function(t){var n=t;return e.limitLength&&t.toString().length>e.limitLength&&(n=n.toString().substr(0,e.limitLength)),n},Fe=function(e){Ee&&Ee.current&&(Ee.current.value=e,Ee.current.setAttribute("value",e))},De=function(){j||(de(!1),(Ee&&Ee.current).focus())},Ie=function(e){var t=e.selectDom,n=e.keyCode,r=e.currentDom,o="nextSibling",i=".text-field-select-content-item";38===n&&(o="previousSibling",i=".text-field-select-content-item:last-child"),r?(r=r[o])||(r=t.querySelector(i)):r=t.querySelector(".text-field-select-content-item"),r&&(r.classList.add("text-field-select-content-item-keydown"),Ae(r,t))},Ae=function(e,t){var n=t.clientHeight,r=e.offsetTop+e.clientHeight-n;t.scrollTop=r>0?r:0},Te=function(e){var t=document.querySelector("."+ue),n=null,r=t.querySelector(".text-field-select-content-item-keydown");if(13===e.keyCode&&r){var o=r.dataset.val;Je(JSON.parse(o))(e),(Ee&&Ee.current).blur()}r&&(n=r,r.classList.remove("text-field-select-content-item-keydown")),40===e.keyCode&&Ie({selectDom:t,keyCode:e.keyCode,currentDom:n}),38===e.keyCode&&Ie({selectDom:t,keyCode:e.keyCode,currentDom:n})},Ue=function(e){he(!1),""===e.target.value&&de(!0),Q&&Q(e)},Re=function(e){Ce(!0),J&&J(e,(function(e){qe(e||[]),Ce(!1)}))},Be=function(e){he(!0),X&&X(e),Re(e.target.value)},Ke=function(t){var n=t.target.value;n&&de(!1),void 0===e.value&&(ve(n),Fe(n)),ee&&ee(t),Re(t.target.value)},Ve=function(e){13===e.keyCode&&re&&re(e),te&&te(e)},ze=function(e){ne&&ne(e)},We=function(e){"password"===B&&("text"===ge&&xe("password"),"password"===ge&&xe("text")),K&&K(e)},He=function(){Oe(!1)},Je=function(e){return function(t){ae&&ae(e)}},Ze=(0,o.useMemo)((function(){return(0,r.jsx)(r.Fragment,{children:void 0!==H&&(0,r.jsx)("span",p({className:"length-limit"},{children:(pe?pe.toString().length:0)+"/"+H}),void 0)},void 0)}),[H,pe]),$e=(0,o.useMemo)((function(){var e=V||("password"===B?"password"===ge?(0,r.jsx)(d(),{},void 0):(0,r.jsx)(s(),{},void 0):null);return(0,r.jsx)(r.Fragment,{children:W&&e&&(0,r.jsx)("span",p({className:"right-icon",onClick:We},{children:e}),void 0)},void 0)}),[W,V,B,ge]),Ye=(0,o.useMemo)((function(){return(0,r.jsxs)("div",p({className:"text-field-content-within",ref:Me},{children:[(0,r.jsxs)("div",p({className:"text-field-content-within-input"},{children:[O?(0,r.jsx)("textarea",p({ref:Ee,rows:P,onBlur:Ue,onFocus:Be,onChange:Ke,onKeyDown:Ve,onKeyUp:ze,disabled:j},le),void 0):(0,r.jsx)("input",p({ref:Ee,type:ge,onBlur:Ue,onFocus:Be,onChange:Ke,onKeyDown:Ve,onKeyUp:ze,disabled:j},le),void 0),ce&&!be&&(0,r.jsx)("span",p({className:"text-field-label-placeholder",onClick:De},{children:"outside"===m?h:(0,r.jsxs)(r.Fragment,{children:[g||h,S&&(0,r.jsx)("span",p({className:"text-field-required"},{children:"*"}),void 0),C&&(0,r.jsx)("span",{children:C},void 0)]},void 0)}),void 0)]}),void 0),Ze,$e]}),void 0)}),[ce,be,U,ge,pe,Ze,$e,m,h,g,j,O,P,le,ee,J]),Ge=(0,o.useMemo)((function(){var e;return(0,r.jsxs)("div",p({className:(e="text-field-select-content",Se&&(e+=" text-field-select-content-loading"),ue&&(e+=" "+ue),e),style:{width:(Me&&Me.current?Me.current.offsetWidth:0)+"px"}},{children:[Pe&&Pe.map((function(e,t){return(0,r.jsx)("div",p({className:"text-field-select-content-item",onMouseDown:Je(e),"data-val":JSON.stringify(e)},{children:$?$(e):(0,r.jsx)(a.default,{children:e[G]},void 0)}),t)})),Se&&(0,r.jsx)(l.default,{},void 0)]}),void 0)}),[Me,we,Pe,$,G,ae,Se,ue]),Qe=(0,o.useMemo)((function(){return(0,r.jsx)(i.Tooltip,p({open:we,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,be,U,ge,pe,Ze,$e,m,h,g,j,O,P,le,ee,J,ae,Me,we,Z,u]),Xe=(0,o.useMemo)((function(){var e=Boolean(S||C||g);return(0,r.jsx)(r.Fragment,{children:"outside"===m&&e&&(0,r.jsxs)("label",p({className:"text-field-label"},{children:[g,S&&(0,r.jsx)("span",p({className:"text-field-required"},{children:"*"}),void 0),C&&(0,r.jsx)("span",{children:C},void 0)]}),void 0)},void 0)}),[m,g,C,S]);return(0,r.jsxs)("div",p({className:(Le="paraui-text-field",Le+=" text-field",u&&!O&&(Le+=" text-field-"+u),t&&(Le+=" "+t),E&&(Le+=" text-field-error"),be&&(Le+=" text-field-focus"),j&&(Le+=" text-field-disabled"),O&&(Le+=" text-field-multiline"),e.limitLength&&pe&&pe.toString().length>e.limitLength&&(Le+=" text-field-limit"),Le)},{children:[Xe,(0,r.jsxs)("div",p({className:"text-field-content"},{children:[F&&(0,r.jsx)("div",p({className:"text-field-content-before",onClick:function(e){oe&&oe(e)}},{children:F}),void 0),J?Qe:Ye,I&&(0,r.jsx)("div",p({className:"text-field-content-after",onClick:function(e){ie&&ie(e)}},{children:I}),void 0)]}),void 0),L&&(0,r.jsx)("p",p({className:"text-field-error-text"},{children:L}),void 0)]}),void 0)}},7371:function(e,t,n){var r=n(5893),o=n(1731),i=n(6010),a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};t.default=function(e){var t,n=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,r.jsx)(o.Tooltip,a({},e,{classes:u}),void 0)}},1731:function(t){t.exports=e},6028:function(e){e.exports=t},1102:function(e){e.exports=n},3277:function(e){e.exports=r},5191:function(e){e.exports=o},6570:function(e){e.exports=i},8528:function(e){e.exports=a},3616:function(e){e.exports=l},3475:function(e){e.exports=u},9297:function(e){e.exports=s}},d={};function f(e){var t=d[e];if(void 0!==t)return t.exports;var n=d[e]={exports:{}};return c[e](n,n.exports,f),n.exports}f.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(t,{a:t}),t},f.d=function(e,t){for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},f.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(){f.r(p),f.d(p,{InputNumber:function(){return m}});var e=f(5893),t=f(9297),n=f(3616),r=f.n(n),o=f(6028),i=f.n(o),a=f(3277),l=f.n(a),u=f(5191),s=f.n(u),c=f(7320),d=function(){return d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},d.apply(this,arguments)},v=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};var m=function(n){var o=n.className,a=(n.defaultValue,n.value),u=n.size,f=void 0===u?"large":u,p=n.btnMode,m=void 0===p?"tb":p,b=n.disabled,h=void 0!==b&&b,y=n.disabledStr,g=n.disabledAdd,x=void 0!==g&&g,j=n.disabledReduce,w=void 0!==j&&j,O=n.onChange,N=n.step,S=void 0===N?1:N,C=n.onKeydown,k=n.onEnter,P=v(n,["className","defaultValue","value","size","btnMode","disabled","disabledStr","disabledAdd","disabledReduce","onChange","step","onKeydown","onEnter"]),q=(0,t.useState)(),E=q[0],M=q[1];(0,t.useEffect)((function(){void 0!==n.defaultValue&&M(n.defaultValue)}),[]),(0,t.useEffect)((function(){void 0!==a&&M(a)}),[a]);var L,_=function(e){if(!h&&!x){var t=function(e,t){var n,r,o,i;isNaN(e)&&(e=0),isNaN(t)&&(t=0),e=Number(e),t=Number(t);try{n=e.toString().split(".")[1].length}catch(e){n=0}try{r=t.toString().split(".")[1].length}catch(e){r=0}if(i=Math.abs(n-r),o=Math.pow(10,Math.max(n,r)),i>0){var a=Math.pow(10,i);n>r?(e=Number(e.toString().replace(".","")),t=Number(t.toString().replace(".",""))*a):(e=Number(e.toString().replace(".",""))*a,t=Number(t.toString().replace(".","")))}else e=Number(e.toString().replace(".","")),t=Number(t.toString().replace(".",""));return(e+t)/o}(Number(E||""),S);void 0===n.value&&M(t),O&&O(t,e)}},F=function(e){if(!h&&!w){var t=Number(function(e,t){var n,r,o;isNaN(e)&&(e=0),isNaN(t)&&(t=0),e=Number(e),t=Number(t);try{n=e.toString().split(".")[1].length}catch(e){n=0}try{r=t.toString().split(".")[1].length}catch(e){r=0}return((e*(o=Math.pow(10,Math.max(n,r)))-t*o)/o).toFixed(n>=r?n:r)}(Number(E||""),S));void 0===n.value&&M(t),O&&O(t,e)}};return(0,e.jsx)("div",d({className:(L="paraui-input-number",o&&(L+=" "+o),f&&(L+=" input-number-"+f),h&&(L+=" input-number-disabled"),x&&(L+=" input-number-disabled-add"),w&&(L+=" input-number-disabled-reduce"),m&&(L+=" input-number-"+m),L)},{children:(0,e.jsx)(c.default,d({},P,{step:S,value:void 0===E?"":E,type:"number",size:f,disabled:h,addonAfter:function(){if(!h)return"tb"===m?(0,e.jsxs)("div",d({className:"tb-btn"},{children:[(0,e.jsx)("span",d({className:"tb-btn-top",onClick:_},{children:(0,e.jsx)(r(),{},void 0)}),void 0),(0,e.jsx)("span",d({className:"tb-btn-bottom",onClick:F},{children:(0,e.jsx)(i(),{},void 0)}),void 0)]}),void 0):"lr"===m?(0,e.jsx)("span",d({className:"reduce-btn",onClick:F},{children:(0,e.jsx)(l(),{},void 0)}),void 0):void 0}(),addonBefore:function(){if(!h&&"tb"!==m)return"lr"===m?(0,e.jsx)("span",d({className:"add-btn",onClick:_},{children:(0,e.jsx)(s(),{},void 0)}),void 0):void 0}(),onChange:function(e){var t=e.target.value;void 0===n.value&&M(t),O&&O(t,e)},onKeyDown:function(e){if(y)for(var t=0,n=y.length;t<n;t++){var r=y[t];e.key===r&&e.preventDefault()}13===e.keyCode&&k&&k(e),C&&C(e)},onBlur:function(e){e.target.value=E}}),void 0)}),void 0)};p.default=m}(),p}()}));

package/Loading/index.css

@@ -0,0 +1,2 @@
+@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}
+

package/Loading/index.js

@@ -1,10 +1,10 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@para-ui/icons/LoadingF"),require("react")):"function"==typeof define&&define.amd?define(["@para-ui/icons/LoadingF","react"],r):"object"==typeof exports?exports.ParaUI=r(require("@para-ui/icons/LoadingF"),require("react")):e.ParaUI=r(e["@para-ui/icons/LoadingF"],e.react)}(self,(function(e,r){return function(){"use strict";var n,t={4126:function(e){
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@para-ui/icons/LoadingF"),require("react")):"function"==typeof define&&define.amd?define(["@para-ui/icons/LoadingF","react"],r):"object"==typeof exports?exports.ParaUI=r(require("@para-ui/icons/LoadingF"),require("react")):e.ParaUI=r(e["@para-ui/icons/LoadingF"],e.react)}(self,(function(e,r){return function(){"use strict";var t={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 a,u,c=o(e),f=1;f<arguments.length;f++){for(var s in a=Object(arguments[f]))n.call(a,s)&&(c[s]=a[s]);if(r){u=r(a);for(var l=0;l<u.length;l++)t.call(a,u[l])&&(c[u[l]]=a[u[l]])}}return c}},9524:function(e,r,n){
+var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,u,c=o(e),f=1;f<arguments.length;f++){for(var s in a=Object(arguments[f]))t.call(a,s)&&(c[s]=a[s]);if(r){u=r(a);for(var p=0;p<u.length;p++)n.call(a,u[p])&&(c[u[p]]=a[u[p]])}}return c}},5251:function(e,r,t){
 /** @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 a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function f(e,r,n){var t,i={},f=null,s=null;for(t in void 0!==n&&(f=""+n),void 0!==r.key&&(f=""+r.key),void 0!==r.ref&&(s=r.ref),r)u.call(r,t)&&!c.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:f,ref:s,props:i,_owner:a.current}}r.jsx=f,r.jsxs=f},7712:function(e,r,n){e.exports=n(9524)},9011:function(e,r,n){n.r(r),n.d(r,{Loading:function(){return c}});var t=n(7712),o=n(9297),i=n(1102),a=n.n(i),u=function(){return u=Object.assign||function(e){for(var r,n=1,t=arguments.length;n<t;n++)for(var o in r=arguments[n])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},u.apply(this,arguments)},c=function(e){var r=e.className,n=e.style,i=e.opacity,c=void 0===i?.7:i,f=(0,o.useRef)(null);(0,o.useEffect)((function(){f&&f.current&&f.current.parentNode&&((getComputedStyle(f.current.parentNode)||{}).position||(f.current.parentNode.style.position="relative"))}),[]);var s;return(0,t.jsxs)("div",u({className:(s="paraui-loading",r&&(s+=" "+r),s),style:n,ref:f},{children:[(0,t.jsx)("div",u({className:"paraui-loading-box"},{children:(0,t.jsx)(a(),{},void 0)}),void 0),(0,t.jsx)("div",{className:"paraui-loading-mask",style:{opacity:c}},void 0)]}),void 0)};r.default=c},1102:function(r){r.exports=e},9297:function(e){e.exports=r}},o={};function i(e){var r=o[e];if(void 0!==r)return r.exports;var n=o[e]={exports:{}};return t[e](n,n.exports,i),n.exports}i.m=t,n=[],i.O=function(e,r,t,o){if(!r){var a=1/0;for(f=0;f<n.length;f++){r=n[f][0],t=n[f][1],o=n[f][2];for(var u=!0,c=0;c<r.length;c++)(!1&o||a>=o)&&Object.keys(i.O).every((function(e){return i.O[e](r[c])}))?r.splice(c--,1):(u=!1,o<a&&(a=o));u&&(n.splice(f--,1),e=t())}return e}o=o||0;for(var f=n.length;f>0&&n[f-1][2]>o;f--)n[f]=n[f-1];n[f]=[r,t,o]},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,{a:r}),r},i.d=function(e,r){for(var n in r)i.o(r,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={5717:0,9296:0};i.O.j=function(r){return 0===e[r]};var r=function(r,n){var t,o,a=n[0],u=n[1],c=n[2],f=0;for(t in u)i.o(u,t)&&(i.m[t]=u[t]);if(c)var s=c(i);for(r&&r(n);f<a.length;f++)o=a[f],i.o(e,o)&&e[o]&&e[o][0](),e[a[f]]=0;return i.O(s)},n=self.webpackChunkParaUI=self.webpackChunkParaUI||[];n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))}();var a=i.O(void 0,[9296],(function(){return i(9011)}));return a=i.O(a)}()}));
+t(7418);var n=t(9297),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function f(e,r,t){var n,i={},f=null,s=null;for(n in void 0!==t&&(f=""+t),void 0!==r.key&&(f=""+r.key),void 0!==r.ref&&(s=r.ref),r)u.call(r,n)&&!c.hasOwnProperty(n)&&(i[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===i[n]&&(i[n]=r[n]);return{$$typeof:o,type:e,key:f,ref:s,props:i,_owner:a.current}}r.jsx=f,r.jsxs=f},5893:function(e,r,t){e.exports=t(5251)},1102:function(r){r.exports=e},9297:function(e){e.exports=r}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,o),i.exports}o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,{a:r}),r},o.d=function(e,r){for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return function(){o.r(i),o.d(i,{Loading:function(){return u}});var e=o(5893),r=o(9297),t=o(1102),n=o.n(t),a=function(){return a=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},a.apply(this,arguments)},u=function(t){var o=t.className,i=t.style,u=t.opacity,c=void 0===u?.7:u,f=(0,r.useRef)(null);(0,r.useEffect)((function(){f&&f.current&&f.current.parentNode&&((getComputedStyle(f.current.parentNode)||{}).position||(f.current.parentNode.style.position="relative"))}),[]);var s;return(0,e.jsxs)("div",a({className:(s="paraui-loading",o&&(s+=" "+o),s),style:i,ref:f},{children:[(0,e.jsx)("div",a({className:"paraui-loading-box"},{children:(0,e.jsx)(n(),{},void 0)}),void 0),(0,e.jsx)("div",{className:"paraui-loading-mask",style:{opacity:c}},void 0)]}),void 0)};i.default=u}(),i}()}));

package/Menu/index.css

@@ -0,0 +1,2 @@
+.paraui-vertical-menu{width:100%;height:100%;display:flex;flex-direction:column;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400}.paraui-vertical-menu>.paraui-logo{width:100%;display:inline-block;padding:24px 16px 0 16px;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400}.paraui-vertical-menu>.paraui-logo.logo-shrink{padding:24px 0 0}.paraui-vertical-menu>.vertical-menu-list{overflow:hidden;height:100%;padding:40px 16px;position:relative}.paraui-vertical-menu>.vertical-menu-list>.scroll-top{position:absolute;top:0;left:0;width:100%;height:40px;display:flex;justify-content:center;align-items:center}.paraui-vertical-menu>.vertical-menu-list>.scroll-top>svg{cursor:pointer;transform:rotate(180deg);font-size:18px}.paraui-vertical-menu>.vertical-menu-list>.scroll-top>svg:hover{color:#3666d6}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll{transition:all .3s}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:8px}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child{margin-bottom:0}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:40px;line-height:40px;cursor:pointer;display:flex;border-radius:8px}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon{width:20px;margin-right:16px;display:flex;justify-content:center;align-items:center}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{font-size:16px}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-label{font-size:14px;width:100%;white-space:nowrap;font-width:400;overflow:hidden;text-overflow:ellipsis}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:8px}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-open>.vertical-menu-list-item-content>.menu-item-arrow>svg{transform:rotate(180deg)}.paraui-vertical-menu>.vertical-menu-list>.scroll-bottom{position:absolute;bottom:0;left:0;width:100%;height:40px;display:flex;justify-content:center;align-items:center}.paraui-vertical-menu>.vertical-menu-list>.scroll-bottom>svg{cursor:pointer;font-size:18px}.paraui-vertical-menu>.vertical-menu-list>.scroll-bottom>svg:hover{color:#3666d6}.paraui-vertical-menu>.paraui-footer-expansion{display:flex;align-items:center;width:100%;padding-bottom:20px;white-space:nowrap;height:40px}.paraui-vertical-menu>.paraui-footer-expansion>svg{font-size:20px;cursor:pointer;margin-left:20px}.paraui-vertical-menu>.paraui-footer-expansion>.version{margin-left:12px;font-size:14px}.paraui-vertical-menu>.paraui-footer-expansion.footer-expansion-shrink{justify-content:center}.paraui-vertical-menu>.paraui-footer-expansion.footer-expansion-shrink>svg{margin:0}.paraui-vertical-menu.vertical-menu-shrink>.vertical-menu-list{padding:44px 0px}.paraui-vertical-menu.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-vertical-menu.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;margin-bottom:20px}.paraui-vertical-menu.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:last-child{margin-bottom:0}.paraui-vertical-menu.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.paraui-vertical-menu.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>span{width:44px;height:44px;line-height:44px;display:flex;justify-content:center;align-items:center;border-radius:8px}.paraui-vertical-menu.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>span>svg{position:relative;font-size:20px}.paraui-vertical-menu-item-popper .vertical-menu-item-popper,.paraui-vertical-menu-item-popper.vertical-menu-item-popper{padding-left:8px;z-index:10}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content{box-shadow:0px 2px 8px 0px rgba(171,176,185,0.4);border-radius:8px;padding:8px 0}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item{position:relative}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item:after,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item:after{position:absolute;left:-5px;top:0;width:100%;height:40px;z-index:-1;content:''}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:200px;height:36px;line-height:36px;padding:0px 12px;display:flex;cursor:pointer}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon{width:16px;display:flex;justify-content:center;align-items:center;margin-right:12px}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg,.paraui-vertical-menu-item-popper.vertical-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;position:relative}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg:after,.paraui-vertical-menu-item-popper.vertical-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-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label{font-size:14px;width:100%;font-weight:400;white-space:nowrap;text-align:left}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg,.paraui-vertical-menu-item-popper.vertical-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;position:relative;transform:rotate(270deg)}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg:after,.paraui-vertical-menu-item-popper.vertical-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-vertical-menu-item-popper .vertical-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-vertical-menu-item-popper.vertical-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-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item .vertical-menu-item-popper,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item .vertical-menu-item-popper{position:absolute;transform:none !important;left:100% !important;top:-8px}.paraui-vertical-menu-deep{background-color:#1c293c}.paraui-vertical-menu-deep>.paraui-logo{color:white}.paraui-vertical-menu-deep>.paraui-logo svg{color:white}.paraui-vertical-menu-deep>.vertical-menu-list>.scroll-top>svg,.paraui-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>svg{color:white}.paraui-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#223e67}.paraui-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:white}.paraui-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-label{color:white}.paraui-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:white}.paraui-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#223e67}.paraui-vertical-menu-deep>.paraui-footer-expansion>svg{color:white}.paraui-vertical-menu-deep>.paraui-footer-expansion>svg:hover{color:#3666d6}.paraui-vertical-menu-deep>.paraui-footer-expansion>.version{color:rgba(255,255,255,0.6)}.paraui-vertical-menu-deep.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>span{background-color:#223e67}.paraui-vertical-menu-deep.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>span{color:white}.paraui-vertical-menu-deep.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>span>svg{color:white}.paraui-vertical-menu-deep.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>span{background-color:#223e67}.paraui-vertical-menu-deep.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>span{background-color:#223e67}.paraui-vertical-menu-light{background:linear-gradient(180deg, #f1f1f4, #f3f3f3)}.paraui-vertical-menu-light>.paraui-logo{color:#3666d6}.paraui-vertical-menu-light>.paraui-logo svg{color:#3666d6}.paraui-vertical-menu-light>.vertical-menu-list>.scroll-top>svg,.paraui-vertical-menu-light>.vertical-menu-list>.scroll-bottom>svg{color:rgba(46,55,67,0.701961)}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:white}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover>.menu-item-icon>svg{color:#1c293c}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover>.menu-item-label{color:#1c293c}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover>.menu-item-arrow>svg{color:#1c293c}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:rgba(46,55,67,0.701961)}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-label{color:rgba(46,55,67,0.701961)}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:rgba(46,55,67,0.701961)}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:white}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content:hover>.menu-item-icon>svg,.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content:hover>.menu-item-icon>svg{color:rgba(54,102,214,0.8)}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content:hover>.menu-item-label,.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content:hover>.menu-item-label{color:rgba(54,102,214,0.8)}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content:hover>.menu-item-arrow>svg,.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content:hover>.menu-item-arrow>svg{color:rgba(54,102,214,0.8)}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content>.menu-item-icon>svg,.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#3666d6}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content>.menu-item-label,.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content>.menu-item-label{color:#3666d6}.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content>.menu-item-arrow>svg,.paraui-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#3666d6}.paraui-vertical-menu-light>.paraui-footer-expansion>svg{color:rgba(46,55,67,0.701961)}.paraui-vertical-menu-light>.paraui-footer-expansion>svg:hover{color:#3666d6}.paraui-vertical-menu-light>.paraui-footer-expansion>.version{color:rgba(46,55,67,0.4)}.paraui-vertical-menu-light.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>span{background-color:white}.paraui-vertical-menu-light.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>span{color:rgba(46,55,67,0.701961)}.paraui-vertical-menu-light.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>span>svg{color:rgba(46,55,67,0.701961)}.paraui-vertical-menu-light.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>span{background-color:white;color:#1c293c}.paraui-vertical-menu-light.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>span>svg{color:#1c293c}.paraui-vertical-menu-light.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>span{background-color:white;color:#1c293c}.paraui-vertical-menu-light.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>span>svg{color:#1c293c}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content{background-color:#1c293c;color:white}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:#223e67}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:white}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label{color:white}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:white}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content{background-color:white;color:#2e3743}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-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-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-icon>svg,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-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-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-label,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-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-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-arrow>svg,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-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-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#2e3743}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label{color:#2e3743}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#2e3743}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-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-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-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-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-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-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-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-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-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-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-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}
+