@para-ui/core 2.0.13 → 2.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AutoBox/index.css +2 -0
- package/AutoBox/index.js +3 -3
- package/AutoTips/index.css +4 -0
- package/AutoTips/index.js +3 -3
- package/Breadcrumbs/index.css +2 -0
- package/Breadcrumbs/index.js +2 -2
- package/Button/index.css +4 -0
- package/Button/index.js +3 -3
- package/ButtonGroup/index.css +6 -0
- package/ButtonGroup/index.js +3 -3
- package/Cascader/index.css +2 -0
- package/Cascader/index.js +2 -2
- package/Checkbox/index.css +2 -0
- package/Checkbox/index.js +3 -3
- package/CheckboxGroup/index.css +4 -0
- package/CheckboxGroup/index.js +3 -3
- package/ColorPicker/index.css +2 -0
- package/ColorPicker/index.js +1 -1
- package/ComboSelect/index.css +28 -0
- package/ComboSelect/index.js +2 -2
- package/ComboSelect/interface.d.ts +2 -2
- package/Container/index.css +2 -0
- package/Container/index.js +2 -2
- package/DatePicker/index.css +6 -0
- package/DatePicker/index.js +2 -2
- package/Desktop/index.css +2 -0
- package/Desktop/index.js +2 -2
- package/Drawer/index.css +2 -0
- package/Drawer/index.js +3 -3
- package/Form/index.css +26 -0
- package/Form/index.js +2 -2
- package/FormItem/index.css +26 -0
- package/FormItem/index.js +2 -2
- package/FunctionModal/index.css +12 -0
- package/FunctionModal/index.js +3 -3
- package/Help/index.css +4 -0
- package/Help/index.js +3 -3
- package/IconList/index.css +2 -0
- package/IconList/index.js +3 -3
- package/InputLang/index.css +12 -0
- package/InputLang/index.js +3 -3
- package/InputNumber/index.css +10 -0
- package/InputNumber/index.js +3 -3
- package/Loading/index.css +2 -0
- package/Loading/index.js +3 -3
- package/Menu/index.css +2 -0
- package/Menu/index.js +3 -3
- package/Message/index.css +2 -0
- package/Message/index.js +3 -3
- package/Modal/Confirm/index.d.ts +4 -1
- package/Modal/index.css +10 -0
- package/Modal/index.js +2 -2
- package/MultiBox/index.css +10 -0
- package/MultiBox/index.js +3 -3
- package/PageHeader/index.css +6 -0
- package/PageHeader/index.js +3 -3
- package/Pagination/index.css +12 -0
- package/Pagination/index.js +2 -2
- package/ParauiProvider/index.css +2 -0
- package/ParauiProvider/index.js +3 -3
- package/PopConfirm/index.css +6 -0
- package/PopConfirm/index.js +3 -3
- package/Radio/index.css +2 -0
- package/Radio/index.js +3 -3
- package/RadioGroup/index.css +4 -0
- package/RadioGroup/index.js +3 -3
- package/Search/index.css +12 -0
- package/Search/index.js +2 -2
- package/Select/index.css +6 -0
- package/Select/index.js +3 -3
- package/SingleBox/index.css +10 -0
- package/SingleBox/index.js +3 -3
- package/Slider/index.css +2 -0
- package/Slider/index.js +3 -3
- package/Split/index.css +2 -0
- package/Split/index.js +3 -3
- package/Stepper/index.css +2 -0
- package/Stepper/index.js +3 -3
- package/Switch/index.css +2 -0
- package/Switch/index.js +2 -2
- package/Table/index.css +20 -0
- package/Table/index.js +2 -2
- package/Tabs/index.css +4 -0
- package/Tabs/index.js +3 -3
- package/TextField/index.css +8 -0
- package/TextField/index.js +3 -3
- package/TimePicker/index.css +6 -0
- package/TimePicker/index.js +2 -2
- package/Timeline/index.css +2 -0
- package/Timeline/index.js +3 -3
- package/ToggleButton/index.css +6 -0
- package/ToggleButton/index.js +3 -3
- package/Tooltip/index.css +2 -0
- package/Tooltip/index.js +3 -3
- package/Transfer/index.css +16 -0
- package/Transfer/index.js +3 -3
- package/Tree/index.css +8 -0
- package/Tree/index.js +2 -2
- package/Upload/index.css +12 -0
- package/Upload/index.js +3 -3
- package/index.js +2 -2
- package/package.json +4 -3
- package/style.css +17 -17
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
.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}
|
|
2
|
+
|
|
3
|
+
.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}
|
|
4
|
+
|
|
5
|
+
@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}
|
|
6
|
+
|
|
7
|
+
.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}.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}
|
|
8
|
+
|
|
9
|
+
.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)}
|
|
10
|
+
|
|
11
|
+
.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;padding-bottom:20px}.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}
|
|
12
|
+
|
package/InputLang/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
!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,
|
|
1
|
+
!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={4927: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}})},4126:function(e){
|
|
2
2
|
/*
|
|
3
3
|
object-assign
|
|
4
4
|
(c) Sindre Sorhus
|
|
5
5
|
@license MIT
|
|
6
6
|
*/
|
|
7
|
-
var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function
|
|
7
|
+
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}},9524:function(e,t,n){
|
|
8
8
|
/** @license React v17.0.2
|
|
9
9
|
* react-jsx-runtime.production.min.js
|
|
10
10
|
*
|
|
@@ -13,4 +13,4 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=Object.pr
|
|
|
13
13
|
* This source code is licensed under the MIT license found in the
|
|
14
14
|
* LICENSE file in the root directory of this source tree.
|
|
15
15
|
*/
|
|
16
|
-
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)}()}));
|
|
16
|
+
n(4126);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},7712:function(e,t,n){e.exports=n(9524)},3094:function(e,t,n){var o=n(7712),i=n(9297),r=n(6885),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)}},9011:function(e,t,n){var o=n(7712),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)}},5268:function(e,t,n){var o=n(7712),i=n(9297),r=n(3672),a=n(5191),l=n.n(a),u=n(6243),s=n.n(u),c=function(){return c=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var 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)}},3672:function(e,t,n){var o=n(7712),i=n(9297),r=n(1731),a=n(3094),l=n(9011),u=n(8528),s=n.n(u),c=n(6570),d=n.n(c),f=n(3475),v=function(){return v=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var 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)}},6885:function(e,t,n){var o=n(7712),i=n(1731),r=n(4927),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(7712),t=d(9297),n=d(3672),o=d(5268),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}()}));
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
.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}
|
|
2
|
+
|
|
3
|
+
.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}
|
|
4
|
+
|
|
5
|
+
@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}
|
|
6
|
+
|
|
7
|
+
.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}.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}
|
|
8
|
+
|
|
9
|
+
.paraui-input-number{width:120px;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400;padding-bottom:20px;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}
|
|
10
|
+
|
package/InputNumber/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
!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,
|
|
1
|
+
!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={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){
|
|
2
2
|
/*
|
|
3
3
|
object-assign
|
|
4
4
|
(c) Sindre Sorhus
|
|
5
5
|
@license MIT
|
|
6
6
|
*/
|
|
7
|
-
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
|
|
7
|
+
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}},9524:function(e,t,n){
|
|
8
8
|
/** @license React v17.0.2
|
|
9
9
|
* react-jsx-runtime.production.min.js
|
|
10
10
|
*
|
|
@@ -13,4 +13,4 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.pr
|
|
|
13
13
|
* This source code is licensed under the MIT license found in the
|
|
14
14
|
* LICENSE file in the root directory of this source tree.
|
|
15
15
|
*/
|
|
16
|
-
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)}()}));
|
|
16
|
+
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,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},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,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)}},9011:function(e,t,n){var r=n(7712),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)}},3672:function(e,t,n){var r=n(7712),o=n(9297),i=n(1731),a=n(3094),l=n(9011),u=n(8528),s=n.n(u),c=n(6570),d=n.n(c),f=n(3475),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)}},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,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(7712),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(3672),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}()}));
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@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}
|
|
2
|
+
|
package/Loading/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
!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
|
|
1
|
+
!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={4126:function(e){
|
|
2
2
|
/*
|
|
3
3
|
object-assign
|
|
4
4
|
(c) Sindre Sorhus
|
|
5
5
|
@license MIT
|
|
6
6
|
*/
|
|
7
|
-
var r=Object.getOwnPropertySymbols,
|
|
7
|
+
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}},9524:function(e,r,t){
|
|
8
8
|
/** @license React v17.0.2
|
|
9
9
|
* react-jsx-runtime.production.min.js
|
|
10
10
|
*
|
|
@@ -13,4 +13,4 @@ var r=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.pr
|
|
|
13
13
|
* This source code is licensed under the MIT license found in the
|
|
14
14
|
* LICENSE file in the root directory of this source tree.
|
|
15
15
|
*/
|
|
16
|
-
|
|
16
|
+
t(4126);var n=t(9297),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function f(e,r,t){var n,i={},f=null,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},7712:function(e,r,t){e.exports=t(9524)},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(7712),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
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.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}
|
|
2
|
+
|
package/Menu/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("@material-ui/core"),require("@para-ui/icons"),require("@para-ui/icons/Down"),require("@para-ui/icons/IndentLeftFill"),require("@para-ui/icons/IndentRightFill"),require("para-lib"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons","@para-ui/icons/Down","@para-ui/icons/IndentLeftFill","@para-ui/icons/IndentRightFill","para-lib","react","react-dom"],n):"object"==typeof exports?exports.ParaUI=n(require("@material-ui/core"),require("@para-ui/icons"),require("@para-ui/icons/Down"),require("@para-ui/icons/IndentLeftFill"),require("@para-ui/icons/IndentRightFill"),require("para-lib"),require("react"),require("react-dom")):e.ParaUI=n(e["@material-ui/core"],e["@para-ui/icons"],e["@para-ui/icons/Down"],e["@para-ui/icons/IndentLeftFill"],e["@para-ui/icons/IndentRightFill"],e["para-lib"],e.react,e["react-dom"])}(self,(function(e,n,r,
|
|
1
|
+
!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("@material-ui/core"),require("@para-ui/icons"),require("@para-ui/icons/Down"),require("@para-ui/icons/IndentLeftFill"),require("@para-ui/icons/IndentRightFill"),require("para-lib"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons","@para-ui/icons/Down","@para-ui/icons/IndentLeftFill","@para-ui/icons/IndentRightFill","para-lib","react","react-dom"],n):"object"==typeof exports?exports.ParaUI=n(require("@material-ui/core"),require("@para-ui/icons"),require("@para-ui/icons/Down"),require("@para-ui/icons/IndentLeftFill"),require("@para-ui/icons/IndentRightFill"),require("para-lib"),require("react"),require("react-dom")):e.ParaUI=n(e["@material-ui/core"],e["@para-ui/icons"],e["@para-ui/icons/Down"],e["@para-ui/icons/IndentLeftFill"],e["@para-ui/icons/IndentRightFill"],e["para-lib"],e.react,e["react-dom"])}(self,(function(e,n,t,r,i,o,a,c){return function(){"use strict";var s={4126:function(e){
|
|
2
2
|
/*
|
|
3
3
|
object-assign
|
|
4
4
|
(c) Sindre Sorhus
|
|
5
5
|
@license MIT
|
|
6
6
|
*/
|
|
7
|
-
var n=Object.getOwnPropertySymbols,
|
|
7
|
+
var n=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function i(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var n={},t=0;t<10;t++)n["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(n).map((function(e){return n[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,o){for(var a,c,s=i(e),u=1;u<arguments.length;u++){for(var l in a=Object(arguments[u]))t.call(a,l)&&(s[l]=a[l]);if(n){c=n(a);for(var p=0;p<c.length;p++)r.call(a,c[p])&&(s[c[p]]=a[c[p]])}}return s}},9524:function(e,n,t){
|
|
8
8
|
/** @license React v17.0.2
|
|
9
9
|
* react-jsx-runtime.production.min.js
|
|
10
10
|
*
|
|
@@ -13,4 +13,4 @@ var n=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,t=Object.pr
|
|
|
13
13
|
* This source code is licensed under the MIT license found in the
|
|
14
14
|
* LICENSE file in the root directory of this source tree.
|
|
15
15
|
*/
|
|
16
|
-
r(4126);var t=r(9297),i=60103;if(n.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;i=o("react.element"),n.Fragment=o("react.fragment")}var a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,n,r){var t,o={},s=null,l=null;for(t in void 0!==r&&(s=""+r),void 0!==n.key&&(s=""+n.key),void 0!==n.ref&&(l=n.ref),n)c.call(n,t)&&!u.hasOwnProperty(t)&&(o[t]=n[t]);if(e&&e.defaultProps)for(t in n=e.defaultProps)void 0===o[t]&&(o[t]=n[t]);return{$$typeof:i,type:e,key:s,ref:l,props:o,_owner:a.current}}n.jsx=s,n.jsxs=s},7712:function(e,n,r){e.exports=r(9524)},7940:function(e,n,r){r.r(n),r.d(n,{Menu:function(){return P},default:function(){return C}});var t=r(7712),i=r(9297),o=r.n(i),a=function(){return a=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},a.apply(this,arguments)},c=function(e){var n,r=e.expansion,i=void 0===r||r,o=e.render,c=e.className;return(0,t.jsx)("div",a({className:(n="logo paraui-logo",c&&(n+=" "+c),i||(n+=" logo-shrink"),n)},{children:function(){if(o)return o}()}),void 0)},u=r(2268),s=r(1731),l=r(6028),f=r.n(l),p=r(1609),v=r(3475),d=function(){return d=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},d.apply(this,arguments)},m=function(e,n,r){if(r||2===arguments.length)for(var t,i=0,o=n.length;i<o;i++)!t&&i in n||(t||(t=Array.prototype.slice.call(n,0,i)),t[i]=n[i]);return e.concat(t||Array.prototype.slice.call(n))},h=function(e){var n=e.label,r=(e.type,e.path),o=e.icon,a=e.children,c=e.className,u=e.level,l=void 0===u?1:u,v=e.selectMenu,m=void 0===v?"":v,x=e.idMenuLast,j=e.onClickMenu,g=e.shrinkOthers,b=void 0===g||g,y=(0,i.useState)(!1),O=y[0],M=y[1];(0,i.useEffect)((function(){var e=x[m];e&&-1!==e.indexOf(r)&&e.length>1?M(!0):b&&M(!1)}),[x,m,r]);var k=function(){if(a&&a.length>0)return j&&j(!1),M(!O);j&&j(e)},N=function(){if(o){var e=p[o];return e?(0,t.jsx)("span",d({className:"menu-item-icon"},{children:e()}),void 0):(0,t.jsx)("span",d({className:"menu-item-icon"},{children:o}),void 0)}},E=(0,i.useMemo)((function(){return(0,t.jsxs)("div",d({onClick:k,className:"vertical-menu-list-item-content",style:(e={paddingRight:"12px"},e.paddingLeft=l>=0?36*(l-1)+16+"px":"16px",e)},{children:[N(),(0,t.jsx)("span",d({className:"menu-item-label"},{children:n}),void 0),(0,t.jsx)("span",d({className:"menu-item-arrow"},{children:a&&a.length>0?(0,t.jsx)(f(),{},void 0):(0,t.jsx)(f(),{className:"opacity-pos-svg"},void 0)}),void 0)]}),void 0);var e}),[a,j,O,l,o,n]),P=(0,i.useMemo)((function(){return(0,t.jsx)(s.Collapse,d({in:O,className:"li-collapse",timeout:"auto"},{children:a&&a.length>0&&a.map((function(e,n){return(0,t.jsx)(h,d({},e,{level:l+1,idMenuLast:x,selectMenu:m,onClickMenu:j,shrinkOthers:b}),n)}))}),void 0)}),[O,a,l,x,m,j,b]);return(0,t.jsxs)("div",d({className:function(){var e="vertical-menu-list-item";O&&(e+=" vertical-menu-list-item-open"),c&&(e+=" "+c);var n=x[m];if(n){var t=n.indexOf(r);-1!==t&&(e+=" vertical-menu-list-item-select",t===n.length-1&&(e+=" vertical-menu-list-item-select-last"),O||(e+=" vertical-menu-list-item-select-retract"))}return e}()},{children:[E,P]}),void 0)},x=function(e){var n=e.open,r=void 0!==n&&n,o=e.anchorEl,a=e.idMenuLast,c=e.selectMenu,l=void 0===c?"":c,v=e.onClickMenu,m=e.list,h=void 0===m?[]:m,j=e.onMouseEnter,g=e.onMouseLeave,b=e.level,y=void 0===b?1:b,O=e.className,M=(0,i.useState)(null),k=M[0],N=M[1],E=(0,i.useState)(null),P=E[0],C=E[1],S=(0,i.useState)([]),w=S[0],T=S[1],L=(0,i.useState)({})[0],_=function(e,n){return function(r){var t;r.stopPropagation(),r.cancelBubble=!0,t=r,clearTimeout(L.leaveTimer),L.leaveTimer=setTimeout((function(){1===y&&j&&j();var r=[e];e.children&&e.children.length>0&&(r=e.children);var i=t.target;C(i),T(r),N(n)}))}},q=function(e){return function(n){e.children&&e.children.length>0||(v&&v(e),g&&g())}},F=function(e){if(e){var n=p[e];return n?(0,t.jsx)("span",d({className:"menu-item-icon"},{children:n()}),void 0):(0,t.jsx)("span",d({className:"menu-item-icon"},{children:e}),void 0)}},I=function(e){var n="menu-item-popper-content-item",r=a&&a[l];return r&&-1!==r.indexOf(e.path)&&(n+=" menu-item-popper-content-item-select"),n},R=function(){var e="vertical-menu-item-popper";return O&&(e+=" "+O),e},B=(0,i.useCallback)((function(e,n){return(0,t.jsx)(t.Fragment,{children:e.children&&e.children.length>0&&k===n&&(0,t.jsx)(x,{open:k===n,anchorEl:P,list:w,idMenuLast:a,selectMenu:l,onClickMenu:v,onMouseEnter:j,onMouseLeave:g,level:y+1},void 0)},void 0)}),[k,P,w,a,l,v,j,g,y]),D=(0,i.useMemo)((function(){return(0,t.jsx)("div",d({className:"menu-item-popper-content"},{children:h.map((function(e,n){return(0,t.jsx)("div",d({className:I(e),onMouseLeave:function(e){e.stopPropagation(),e.cancelBubble=!0,clearTimeout(L.leaveTimer),L.leaveTimer=setTimeout((function(){g&&g(),N(null),C(null),T([])}))},onMouseEnter:_(e,n)},{children:(0,t.jsxs)("div",d({className:"menu-item-popper-content-item-content",onClick:q(e)},{children:[F(e.icon),(0,t.jsx)("span",d({className:"menu-item-label"},{children:e.label}),void 0),(0,t.jsx)("span",d({className:"menu-item-arrow"},{children:(r=e.children,r&&r.length>0?(0,t.jsx)(f(),{},void 0):(0,t.jsx)(f(),{className:"opacity-pos-svg"},void 0))}),void 0),B(e,n)]}),void 0)}),n);var r}))}),void 0)}),[h,v,k,P,w,a,l,v,j,g,y]),U=function(){return 1!==y?(0,t.jsx)("div",d({className:R()},{children:D}),void 0):(0,t.jsx)(s.Popper,d({open:r,anchorEl:o,disablePortal:!0,placement:"right-start",className:R()},{children:D}),void 0)};return(0,t.jsx)(t.Fragment,{children:1===y?(0,u.createPortal)((0,t.jsx)(U,{},void 0),document.getElementsByTagName("body")[0]):(0,t.jsx)(U,{},void 0)},void 0)},j=function(e){if(!e)return 0;try{var n=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(n&&n[2])}catch(e){}return 0},g=function(e){var n=e.list,r=void 0===n?[]:n,a=e.expansion,c=void 0===a||a,u=e.selectMenu,s=void 0===u?"":u,l=e.onClickMenu,g=e.className,b=e.shrinkOthers,y=void 0===b||b,O=e.color,M=(0,i.useState)(!1),k=M[0],N=M[1],E=(0,i.useState)(null),P=E[0],C=E[1],S=(0,i.useState)(null),w=S[0],T=S[1],L=(0,i.useState)([]),_=L[0],q=L[1],F=(0,i.useState)(""),I=F[0],R=F[1],B=(0,i.useState)({}),D=B[0],U=B[1],A=(0,i.useState)({prev:!1,next:!1}),W=A[0],Y=A[1],$=(0,i.useState)({})[0],z=o().useRef();(0,i.useEffect)((function(){s!==I&&R(s),H()}),[s]),(0,i.useEffect)((function(){V(r),H()}),[r]);var G,H=function(){var e=Q(),n=e.min,r=e.max,t=j(z.current.style.transform);Y({prev:t!==n,next:t>r})},J=function(e){return function(){var n=j(z.current.style.transform);switch(e){case"next":n-=100;break;case"prev":n+=100}K(n)}},K=function(e){var n=Q(),r=n.min,t=n.max;e>r&&(e=r),e<t&&(e=t),Y({prev:e!==r,next:e>t}),z.current.style.transform="translate3d(0, ".concat(e,"px, 0)")},Q=function(){var e=z.current.parentNode.getBoundingClientRect().height,n=-(z.current.getBoundingClientRect().height-e);return e>z.current.getBoundingClientRect().height&&(n=0),{min:0,max:n}},V=function(e){var n={},r={},t={},i=function(e,o){for(var a=0,c=e.length;a<c;a++){var u=e[a],s=u.path;if(n[s]=u,o){var l=(0,v.DeepClone)(r[o.path]||[]);l.push(s),r[s]=m([],l,!0)}else r[s]=[s];u.children&&u.children.length>0?i(u.children,u):t[s]=r[s]}};i(e),U(t)},X=function(e,n){return function(r){clearTimeout($.leaveTimer);var t=[e];e.children&&e.children.length>0&&(t=e.children),C(n),T(r.target),q(t),N(!0)}},Z=function(){N(!1),T(null),q([]),C(null)},ee=function(){clearTimeout($.leaveTimer)},ne=function(){Z()},re=function(e){var n=e.icon,r=e.label;if(n){var t=p[n];return t?t():n}return"string"==typeof r?r[0]:r},te=function(e){if(!1===e)return setTimeout((function(){H()}),300);l&&l(e)},ie=function(e,n){var r="vertical-menu-list-item-shrink",t=D[I];return t&&-1!==t.indexOf(e.path)&&(r+=" vertical-menu-list-item-shrink-select"),P===n&&(r+=" vertical-menu-list-item-shrink-hover"),r},oe=(0,i.useMemo)((function(){if(c)return r.map((function(e,n){return(0,i.createElement)(h,d({},e,{key:n,level:1,idMenuLast:D,selectMenu:I,onClickMenu:te,shrinkOthers:y}))}))}),[c,r,D,I,l,y]),ae=(0,i.useMemo)((function(){return c?null:r.map((function(e,n){return(0,t.jsx)("div",d({className:ie(e,n),onMouseEnter:X(e,n),onMouseLeave:function(e){clearTimeout($.leaveTimer),$.leaveTimer=setTimeout((function(){Z()}),100)}},{children:(0,t.jsx)("span",{children:re(e)},void 0)}),n)}))}),[c,r,D,I,P]),ce=(0,i.useMemo)((function(){return(0,t.jsx)(t.Fragment,{children:W.prev&&(0,t.jsx)("span",d({className:"scroll-top"},{children:(0,t.jsx)(f(),{onClick:J("prev")},void 0)}),void 0)},void 0)}),[W]),ue=(0,i.useMemo)((function(){return(0,t.jsx)(t.Fragment,{children:W.next&&(0,t.jsx)("span",d({className:"scroll-bottom"},{children:(0,t.jsx)(f(),{onClick:J("next")},void 0)}),void 0)},void 0)}),[W]),se=(0,i.useMemo)((function(){var e;return(0,t.jsx)(t.Fragment,{children:k&&(0,t.jsx)(x,{open:k,anchorEl:w,list:_,idMenuLast:D,selectMenu:I,onClickMenu:te,onMouseEnter:ee,onMouseLeave:ne,className:(e="paraui-vertical-menu-item-popper",O&&(e+=" paraui-vertical-menu-item-popper-"+O),e),level:1},void 0)},void 0)}),[k,w,_,D,I,l,$,O]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",d({className:(G="paraui-vertical-menu-list vertical-menu-list",g&&(G+=" "+g),G),onWheel:function(e){return function(e){var n=e.deltaY,r=j(z.current.style.transform);K(r-=n)}(e)}},{children:[ce,(0,t.jsx)("div",d({className:"vertical-menu-list-box"},{children:(0,t.jsxs)("div",d({className:"vertical-menu-list-box-srcoll",ref:z},{children:[oe,ae]}),void 0)}),void 0),ue]}),void 0),se]},void 0)},b=r(1228),y=r.n(b),O=r(9387),M=r.n(O),k=function(){return k=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},k.apply(this,arguments)},N=function(e){var n,r=e.expansion,i=void 0===r||r,o=e.expandIcon,a=e.shrinkIcon,c=e.customizeContent,u=e.clickExpansion,s=e.version,l=e.className,f=function(){u&&u(!i)};return(0,t.jsx)("div",k({className:(n="footer-expansion paraui-footer-expansion",l&&(n+=" "+l),i||(n+=" footer-expansion-shrink"),n)},{children:function(){if(c)return c;return(0,t.jsxs)(t.Fragment,{children:[i?o||(0,t.jsx)(y(),{onClick:f},void 0):a||(0,t.jsx)(M(),{onClick:f},void 0),i&&s&&(0,t.jsx)("span",k({className:"version"},{children:s}),void 0)]},void 0)}()}),void 0)},E=function(){return E=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},E.apply(this,arguments)},P=function(e){var n=e.color,r=void 0===n?"deep":n,o=e.logoProps,a=e.menuListProps,u=e.expansion,s=void 0===u||u,l=e.onClickExpansion,f=e.selectMenu,p=e.onClickMenu,v=e.className,d=e.shrinkOthers,m=void 0===d||d,h=e.footerExpansionProps,x=e.showExpansion,j=void 0===x||x,b=(0,i.useState)(!0),y=b[0],O=b[1];(0,i.useEffect)((function(){s!==y&&O(s)}),[s]);var M,k=function(){l&&l(!y)},P=(0,i.useMemo)((function(){return e.logoProps&&(0,t.jsx)(c,E({},o,{expansion:y}),void 0)}),[o,y]),C=(0,i.useMemo)((function(){return e.menuListProps&&(0,t.jsx)(g,E({},a,{color:r,expansion:y,selectMenu:f,onClickMenu:p,shrinkOthers:m}),void 0)}),[a,y,f,p,r]),S=(0,i.useMemo)((function(){return j?(0,t.jsx)(N,E({clickExpansion:k},h,{expansion:y}),void 0):null}),[y,l,h,l,j]);return(0,t.jsxs)("div",E({className:(M="vertical-menu paraui-vertical-menu",v&&(M+=" "+v),r&&(M+=" paraui-vertical-menu-"+r),s||(M+=" vertical-menu-shrink"),M)},{children:[P,C,S]}),void 0)},C=P},1731:function(n){n.exports=e},1609:function(e){e.exports=n},6028:function(e){e.exports=r},9387:function(e){e.exports=t},1228:function(e){e.exports=i},3475:function(e){e.exports=o},9297:function(e){e.exports=a},2268:function(e){e.exports=c}},l={};function f(e){var n=l[e];if(void 0!==n)return n.exports;var r=l[e]={exports:{}};return s[e](r,r.exports,f),r.exports}f.m=s,u=[],f.O=function(e,n,r,t){if(!n){var i=1/0;for(c=0;c<u.length;c++){n=u[c][0],r=u[c][1],t=u[c][2];for(var o=!0,a=0;a<n.length;a++)(!1&t||i>=t)&&Object.keys(f.O).every((function(e){return f.O[e](n[a])}))?n.splice(a--,1):(o=!1,t<i&&(i=t));o&&(u.splice(c--,1),e=r())}return e}t=t||0;for(var c=u.length;c>0&&u[c-1][2]>t;c--)u[c]=u[c-1];u[c]=[n,r,t]},f.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(n,{a:n}),n},f.d=function(e,n){for(var r in n)f.o(n,r)&&!f.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},f.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={7309:0,9296:0};f.O.j=function(n){return 0===e[n]};var n=function(n,r){var t,i,o=r[0],a=r[1],c=r[2],u=0;for(t in a)f.o(a,t)&&(f.m[t]=a[t]);if(c)var s=c(f);for(n&&n(r);u<o.length;u++)i=o[u],f.o(e,i)&&e[i]&&e[i][0](),e[o[u]]=0;return f.O(s)},r=self.webpackChunkParaUI=self.webpackChunkParaUI||[];r.forEach(n.bind(null,0)),r.push=n.bind(null,r.push.bind(r))}();var p=f.O(void 0,[9296],(function(){return f(7940)}));return p=f.O(p)}()}));
|
|
16
|
+
t(4126);var r=t(9297),i=60103;if(n.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;i=o("react.element"),n.Fragment=o("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function u(e,n,t){var r,o={},u=null,l=null;for(r in void 0!==t&&(u=""+t),void 0!==n.key&&(u=""+n.key),void 0!==n.ref&&(l=n.ref),n)c.call(n,r)&&!s.hasOwnProperty(r)&&(o[r]=n[r]);if(e&&e.defaultProps)for(r in n=e.defaultProps)void 0===o[r]&&(o[r]=n[r]);return{$$typeof:i,type:e,key:u,ref:l,props:o,_owner:a.current}}n.jsx=u,n.jsxs=u},7712:function(e,n,t){e.exports=t(9524)},1731:function(n){n.exports=e},1609:function(e){e.exports=n},6028:function(e){e.exports=t},9387:function(e){e.exports=r},1228:function(e){e.exports=i},3475:function(e){e.exports=o},9297:function(e){e.exports=a},2268:function(e){e.exports=c}},u={};function l(e){var n=u[e];if(void 0!==n)return n.exports;var t=u[e]={exports:{}};return s[e](t,t.exports,l),t.exports}l.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(n,{a:n}),n},l.d=function(e,n){for(var t in n)l.o(n,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},l.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};return function(){l.r(p),l.d(p,{Menu:function(){return E},default:function(){return P}});var e=l(7712),n=l(9297),t=l.n(n),r=function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},r.apply(this,arguments)},i=function(n){var t,i=n.expansion,o=void 0===i||i,a=n.render,c=n.className;return(0,e.jsx)("div",r({className:(t="logo paraui-logo",c&&(t+=" "+c),o||(t+=" logo-shrink"),t)},{children:function(){if(a)return a}()}),void 0)},o=l(2268),a=l(1731),c=l(6028),s=l.n(c),u=l(1609),f=l(3475),d=function(){return d=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},d.apply(this,arguments)},v=function(e,n,t){if(t||2===arguments.length)for(var r,i=0,o=n.length;i<o;i++)!r&&i in n||(r||(r=Array.prototype.slice.call(n,0,i)),r[i]=n[i]);return e.concat(r||Array.prototype.slice.call(n))},m=function(t){var r=t.label,i=(t.type,t.path),o=t.icon,c=t.children,l=t.className,p=t.level,f=void 0===p?1:p,v=t.selectMenu,h=void 0===v?"":v,x=t.idMenuLast,j=t.onClickMenu,g=t.shrinkOthers,y=void 0===g||g,b=(0,n.useState)(!1),O=b[0],M=b[1];(0,n.useEffect)((function(){var e=x[h];e&&-1!==e.indexOf(i)&&e.length>1?M(!0):y&&M(!1)}),[x,h,i]);var N=function(){if(c&&c.length>0)return j&&j(!1),M(!O);j&&j(t)},k=function(){if(o){var n=u[o];return n?(0,e.jsx)("span",d({className:"menu-item-icon"},{children:n()}),void 0):(0,e.jsx)("span",d({className:"menu-item-icon"},{children:o}),void 0)}},E=(0,n.useMemo)((function(){return(0,e.jsxs)("div",d({onClick:N,className:"vertical-menu-list-item-content",style:(n={paddingRight:"12px"},n.paddingLeft=f>=0?36*(f-1)+16+"px":"16px",n)},{children:[k(),(0,e.jsx)("span",d({className:"menu-item-label"},{children:r}),void 0),(0,e.jsx)("span",d({className:"menu-item-arrow"},{children:c&&c.length>0?(0,e.jsx)(s(),{},void 0):(0,e.jsx)(s(),{className:"opacity-pos-svg"},void 0)}),void 0)]}),void 0);var n}),[c,j,O,f,o,r]),P=(0,n.useMemo)((function(){return(0,e.jsx)(a.Collapse,d({in:O,className:"li-collapse",timeout:"auto"},{children:c&&c.length>0&&c.map((function(n,t){return(0,e.jsx)(m,d({},n,{level:f+1,idMenuLast:x,selectMenu:h,onClickMenu:j,shrinkOthers:y}),t)}))}),void 0)}),[O,c,f,x,h,j,y]);return(0,e.jsxs)("div",d({className:function(){var e="vertical-menu-list-item";O&&(e+=" vertical-menu-list-item-open"),l&&(e+=" "+l);var n=x[h];if(n){var t=n.indexOf(i);-1!==t&&(e+=" vertical-menu-list-item-select",t===n.length-1&&(e+=" vertical-menu-list-item-select-last"),O||(e+=" vertical-menu-list-item-select-retract"))}return e}()},{children:[E,P]}),void 0)},h=function(t){var r=t.open,i=void 0!==r&&r,c=t.anchorEl,l=t.idMenuLast,p=t.selectMenu,f=void 0===p?"":p,v=t.onClickMenu,m=t.list,x=void 0===m?[]:m,j=t.onMouseEnter,g=t.onMouseLeave,y=t.level,b=void 0===y?1:y,O=t.className,M=(0,n.useState)(null),N=M[0],k=M[1],E=(0,n.useState)(null),P=E[0],S=E[1],C=(0,n.useState)([]),w=C[0],T=C[1],L=(0,n.useState)({})[0],_=function(e,n){return function(t){var r;t.stopPropagation(),t.cancelBubble=!0,r=t,clearTimeout(L.leaveTimer),L.leaveTimer=setTimeout((function(){1===b&&j&&j();var t=[e];e.children&&e.children.length>0&&(t=e.children);var i=r.target;S(i),T(t),k(n)}))}},q=function(e){return function(n){e.children&&e.children.length>0||(v&&v(e),g&&g())}},F=function(n){if(n){var t=u[n];return t?(0,e.jsx)("span",d({className:"menu-item-icon"},{children:t()}),void 0):(0,e.jsx)("span",d({className:"menu-item-icon"},{children:n}),void 0)}},I=function(e){var n="menu-item-popper-content-item",t=l&&l[f];return t&&-1!==t.indexOf(e.path)&&(n+=" menu-item-popper-content-item-select"),n},R=function(){var e="vertical-menu-item-popper";return O&&(e+=" "+O),e},B=(0,n.useCallback)((function(n,t){return(0,e.jsx)(e.Fragment,{children:n.children&&n.children.length>0&&N===t&&(0,e.jsx)(h,{open:N===t,anchorEl:P,list:w,idMenuLast:l,selectMenu:f,onClickMenu:v,onMouseEnter:j,onMouseLeave:g,level:b+1},void 0)},void 0)}),[N,P,w,l,f,v,j,g,b]),D=(0,n.useMemo)((function(){return(0,e.jsx)("div",d({className:"menu-item-popper-content"},{children:x.map((function(n,t){return(0,e.jsx)("div",d({className:I(n),onMouseLeave:function(e){e.stopPropagation(),e.cancelBubble=!0,clearTimeout(L.leaveTimer),L.leaveTimer=setTimeout((function(){g&&g(),k(null),S(null),T([])}))},onMouseEnter:_(n,t)},{children:(0,e.jsxs)("div",d({className:"menu-item-popper-content-item-content",onClick:q(n)},{children:[F(n.icon),(0,e.jsx)("span",d({className:"menu-item-label"},{children:n.label}),void 0),(0,e.jsx)("span",d({className:"menu-item-arrow"},{children:(r=n.children,r&&r.length>0?(0,e.jsx)(s(),{},void 0):(0,e.jsx)(s(),{className:"opacity-pos-svg"},void 0))}),void 0),B(n,t)]}),void 0)}),t);var r}))}),void 0)}),[x,v,N,P,w,l,f,v,j,g,b]),U=function(){return 1!==b?(0,e.jsx)("div",d({className:R()},{children:D}),void 0):(0,e.jsx)(a.Popper,d({open:i,anchorEl:c,disablePortal:!0,placement:"right-start",className:R()},{children:D}),void 0)};return(0,e.jsx)(e.Fragment,{children:1===b?(0,o.createPortal)((0,e.jsx)(U,{},void 0),document.getElementsByTagName("body")[0]):(0,e.jsx)(U,{},void 0)},void 0)},x=function(e){if(!e)return 0;try{var n=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(n&&n[2])}catch(e){}return 0},j=function(r){var i=r.list,o=void 0===i?[]:i,a=r.expansion,c=void 0===a||a,l=r.selectMenu,p=void 0===l?"":l,j=r.onClickMenu,g=r.className,y=r.shrinkOthers,b=void 0===y||y,O=r.color,M=(0,n.useState)(!1),N=M[0],k=M[1],E=(0,n.useState)(null),P=E[0],S=E[1],C=(0,n.useState)(null),w=C[0],T=C[1],L=(0,n.useState)([]),_=L[0],q=L[1],F=(0,n.useState)(""),I=F[0],R=F[1],B=(0,n.useState)({}),D=B[0],U=B[1],A=(0,n.useState)({prev:!1,next:!1}),W=A[0],Y=A[1],$=(0,n.useState)({})[0],z=t().useRef();(0,n.useEffect)((function(){p!==I&&R(p),H()}),[p]),(0,n.useEffect)((function(){V(o),H()}),[o]);var G,H=function(){var e=Q(),n=e.min,t=e.max,r=x(z.current.style.transform);Y({prev:r!==n,next:r>t})},J=function(e){return function(){var n=x(z.current.style.transform);switch(e){case"next":n-=100;break;case"prev":n+=100}K(n)}},K=function(e){var n=Q(),t=n.min,r=n.max;e>t&&(e=t),e<r&&(e=r),Y({prev:e!==t,next:e>r}),z.current.style.transform="translate3d(0, ".concat(e,"px, 0)")},Q=function(){var e=z.current.parentNode.getBoundingClientRect().height,n=-(z.current.getBoundingClientRect().height-e);return e>z.current.getBoundingClientRect().height&&(n=0),{min:0,max:n}},V=function(e){var n={},t={},r={},i=function(e,o){for(var a=0,c=e.length;a<c;a++){var s=e[a],u=s.path;if(n[u]=s,o){var l=(0,f.DeepClone)(t[o.path]||[]);l.push(u),t[u]=v([],l,!0)}else t[u]=[u];s.children&&s.children.length>0?i(s.children,s):r[u]=t[u]}};i(e),U(r)},X=function(e,n){return function(t){clearTimeout($.leaveTimer);var r=[e];e.children&&e.children.length>0&&(r=e.children),S(n),T(t.target),q(r),k(!0)}},Z=function(){k(!1),T(null),q([]),S(null)},ee=function(){clearTimeout($.leaveTimer)},ne=function(){Z()},te=function(e){var n=e.icon,t=e.label;if(n){var r=u[n];return r?r():n}return"string"==typeof t?t[0]:t},re=function(e){if(!1===e)return setTimeout((function(){H()}),300);j&&j(e)},ie=function(e,n){var t="vertical-menu-list-item-shrink",r=D[I];return r&&-1!==r.indexOf(e.path)&&(t+=" vertical-menu-list-item-shrink-select"),P===n&&(t+=" vertical-menu-list-item-shrink-hover"),t},oe=(0,n.useMemo)((function(){if(c)return o.map((function(e,t){return(0,n.createElement)(m,d({},e,{key:t,level:1,idMenuLast:D,selectMenu:I,onClickMenu:re,shrinkOthers:b}))}))}),[c,o,D,I,j,b]),ae=(0,n.useMemo)((function(){return c?null:o.map((function(n,t){return(0,e.jsx)("div",d({className:ie(n,t),onMouseEnter:X(n,t),onMouseLeave:function(e){clearTimeout($.leaveTimer),$.leaveTimer=setTimeout((function(){Z()}),100)}},{children:(0,e.jsx)("span",{children:te(n)},void 0)}),t)}))}),[c,o,D,I,P]),ce=(0,n.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:W.prev&&(0,e.jsx)("span",d({className:"scroll-top"},{children:(0,e.jsx)(s(),{onClick:J("prev")},void 0)}),void 0)},void 0)}),[W]),se=(0,n.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:W.next&&(0,e.jsx)("span",d({className:"scroll-bottom"},{children:(0,e.jsx)(s(),{onClick:J("next")},void 0)}),void 0)},void 0)}),[W]),ue=(0,n.useMemo)((function(){var n;return(0,e.jsx)(e.Fragment,{children:N&&(0,e.jsx)(h,{open:N,anchorEl:w,list:_,idMenuLast:D,selectMenu:I,onClickMenu:re,onMouseEnter:ee,onMouseLeave:ne,className:(n="paraui-vertical-menu-item-popper",O&&(n+=" paraui-vertical-menu-item-popper-"+O),n),level:1},void 0)},void 0)}),[N,w,_,D,I,j,$,O]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",d({className:(G="paraui-vertical-menu-list vertical-menu-list",g&&(G+=" "+g),G),onWheel:function(e){return function(e){var n=e.deltaY,t=x(z.current.style.transform);K(t-=n)}(e)}},{children:[ce,(0,e.jsx)("div",d({className:"vertical-menu-list-box"},{children:(0,e.jsxs)("div",d({className:"vertical-menu-list-box-srcoll",ref:z},{children:[oe,ae]}),void 0)}),void 0),se]}),void 0),ue]},void 0)},g=l(1228),y=l.n(g),b=l(9387),O=l.n(b),M=function(){return M=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},M.apply(this,arguments)},N=function(n){var t,r=n.expansion,i=void 0===r||r,o=n.expandIcon,a=n.shrinkIcon,c=n.customizeContent,s=n.clickExpansion,u=n.version,l=n.className,p=function(){s&&s(!i)};return(0,e.jsx)("div",M({className:(t="footer-expansion paraui-footer-expansion",l&&(t+=" "+l),i||(t+=" footer-expansion-shrink"),t)},{children:function(){if(c)return c;return(0,e.jsxs)(e.Fragment,{children:[i?o||(0,e.jsx)(y(),{onClick:p},void 0):a||(0,e.jsx)(O(),{onClick:p},void 0),i&&u&&(0,e.jsx)("span",M({className:"version"},{children:u}),void 0)]},void 0)}()}),void 0)},k=function(){return k=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},k.apply(this,arguments)},E=function(t){var r=t.color,o=void 0===r?"deep":r,a=t.logoProps,c=t.menuListProps,s=t.expansion,u=void 0===s||s,l=t.onClickExpansion,p=t.selectMenu,f=t.onClickMenu,d=t.className,v=t.shrinkOthers,m=void 0===v||v,h=t.footerExpansionProps,x=t.showExpansion,g=void 0===x||x,y=(0,n.useState)(!0),b=y[0],O=y[1];(0,n.useEffect)((function(){u!==b&&O(u)}),[u]);var M,E=function(){l&&l(!b)},P=(0,n.useMemo)((function(){return t.logoProps&&(0,e.jsx)(i,k({},a,{expansion:b}),void 0)}),[a,b]),S=(0,n.useMemo)((function(){return t.menuListProps&&(0,e.jsx)(j,k({},c,{color:o,expansion:b,selectMenu:p,onClickMenu:f,shrinkOthers:m}),void 0)}),[c,b,p,f,o]),C=(0,n.useMemo)((function(){return g?(0,e.jsx)(N,k({clickExpansion:E},h,{expansion:b}),void 0):null}),[b,l,h,l,g]);return(0,e.jsxs)("div",k({className:(M="vertical-menu paraui-vertical-menu",d&&(M+=" "+d),o&&(M+=" paraui-vertical-menu-"+o),u||(M+=" vertical-menu-shrink"),M)},{children:[P,S,C]}),void 0)},P=E}(),p}()}));
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.para-message-box{position:fixed;top:3%;left:0;z-index:10005;text-align:center;width:100%;pointer-events:none}.para-message-box .msg-item{pointer-events:auto}.para-message-box .msg-item .msg-wrapper{position:relative;display:inline-block;margin:10px auto;padding:15px 16px;border-radius:8px;font-size:14px;box-shadow:0px 2px 8px 0px rgba(171,176,185,0.4);text-align:left;line-height:1}.para-message-box .msg-item .msg-icon{position:absolute;top:16px;left:16px}.para-message-box .msg-item .msg-icon svg{font-size:14px;color:currentColor}.para-message-box .msg-item .msg-text{display:inline-block;max-width:60vw;word-wrap:break-word;margin-right:32px;margin-left:22px}.para-message-box .msg-item .msg-text--title{font-weight:700}.para-message-box .msg-item .msg-text--noicon{margin-left:0}.para-message-box .msg-item .msg-text .msg-desc{display:block;margin-top:8px;font-weight:400;word-wrap:break-word}.para-message-box .msg-item .msg-close{position:absolute;right:16px;top:15px;cursor:pointer;pointer-events:auto}.para-message-box .msg-item .msg-close svg{font-size:14px;color:currentColor}.para-message-box .msg-info{background-color:#F3F6FC;color:#3666d6}.para-message-box .msg-info .msg-close{color:#3666d6}.para-message-box .msg-warn{background-color:#FEF9F5;color:#ffa150}.para-message-box .msg-warn .msg-close{color:#ffa150}.para-message-box .msg-error{background-color:#FDF6F5;color:#eb6054}.para-message-box .msg-error .msg-close{color:#eb6054}.para-message-box .msg-success{background-color:#F5FBF2;color:#53c31b}.para-message-box .msg-success .msg-close{color:#53c31b}.para-message-box .para-message-fadeInDown{animation-duration:.5s;animation-name:para-message-fadeInDown}@keyframes para-message-fadeInDown{from{opacity:0;transform:translate(0, -50px)}to{opacity:1;transform:translate(0, 0)}}
|
|
2
|
+
|