@para-ui/core 4.0.0-rc.1 → 4.0.0-rc.2

package/umd/CollapseLayout.js

@@ -1,9 +1,9 @@
-!function(a,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ParaUI=t(require("react")):a.ParaUI=t(a.react)}(self,(function(a){return function(){var t={59116:function(a,t,l){(t=l(23645)(!1)).push([a.id,'.paraui-v4-collapse-layout{height:100%;width:100%;position:relative;overflow:hidden}.paraui-v4-collapse-layout .collapse-layout-icon-transform-top{transform:rotate(90deg)}.paraui-v4-collapse-layout .collapse-layout-icon-transform-bottom{transform:rotate(-90deg)}.paraui-v4-collapse-layout .collapse-layout-icon-transform-right{transform:rotate(180deg)}.paraui-v4-collapse-layout .collapse-layout-display{overflow:hidden}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click{position:absolute;z-index:1}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click span,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click span,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click span,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click span{font-size:12px;font-weight:400;text-align:center;color:#2e65e6}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn{z-index:11}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line{display:none;cursor:no-drop;z-index:10;position:absolute}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line:after{position:absolute;content:"";background:#eaecf1}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move{user-select:none !important}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click{transition:none !important}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn{transition:none !important}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after{background:#2e65e6}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-display{transition:none !important}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow{transition:none !important}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-default,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-default,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-default,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-default{transition:none !important}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line{display:inline-block}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn{right:-1px;position:absolute;top:50%;left:"";width:20px;height:70px;background:#f7f8fa;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:right;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;border-radius:4px 0 0 4px;border-right:1px solid #2e65e6}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display-shadow{transition-property:margin-right;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn{position:absolute;top:50%;left:0;width:20px;height:70px;background:#f7f8fa;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:left;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;border-left:1px solid #2e65e6;border-radius:0 4px 4px 0}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display-shadow{transition-property:margin-left;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left>div,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right>div{display:inline-block;vertical-align:middle;height:100%;position:relative}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display-shadow,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display-shadow{height:100%}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-default,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-default{transition:width}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click{flex-direction:column}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn{transform:translateY(-50%)}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line{width:10px;height:100%;left:100%;top:0;transform:translateX(-50%);cursor:col-resize}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line:after{left:5px;width:1px;height:100%}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn{position:absolute;top:0;left:50%;width:70px;height:20px;background:#f7f8fa;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:top;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;border-top:1px solid #2e65e6;border-radius:0 0 4px 4px}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display-shadow{transition-property:margin-top}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn{position:absolute;top:"";left:50%;width:70px;height:20px;background:#f7f8fa;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;bottom:-1px;border-bottom:1px solid #2e65e6;border-radius:4px 4px 0 0}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display-shadow{transition-property:margin-bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top>div,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom>div{display:block;width:100%;position:relative}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-default,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-default{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display-shadow,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display-shadow{width:100%}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn{transform:translateX(-50%)}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line{width:100%;height:10px;left:0;top:100%;transform:translateY(-50%);cursor:row-resize}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line:after{top:5px;height:1px;width:100%}',""]),a.exports=t},23645:function(a){"use strict";a.exports=function(a){var t=[];return t.toString=function(){return this.map((function(t){var l=function(a,t){var l=a[1]||"",o=a[3];if(!o)return l;if(t&&"function"==typeof btoa){var e=(i=o,c=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),n="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(n," */")),r=o.sources.map((function(a){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(a," */")}));return[l].concat(r).concat([e]).join("\n")}var i,c,n;return[l].join("\n")}(t,a);return t[2]?"@media ".concat(t[2]," {").concat(l,"}"):l})).join("")},t.i=function(a,l,o){"string"==typeof a&&(a=[[null,a,""]]);var e={};if(o)for(var r=0;r<this.length;r++){var i=this[r][0];null!=i&&(e[i]=!0)}for(var c=0;c<a.length;c++){var n=[].concat(a[c]);o&&e[n[0]]||(l&&(n[2]?n[2]="".concat(l," and ").concat(n[2]):n[2]=l),t.push(n))}},t}},27418:function(a){"use strict";
+!function(a,l){"object"==typeof exports&&"object"==typeof module?module.exports=l(require("react")):"function"==typeof define&&define.amd?define(["react"],l):"object"==typeof exports?exports.ParaUI=l(require("react")):a.ParaUI=l(a.react)}(self,(function(a){return function(){var l={59116:function(a,l,t){(l=t(23645)(!1)).push([a.id,'.paraui-v4-collapse-layout{height:100%;width:100%;position:relative;overflow:hidden}.paraui-v4-collapse-layout .collapse-layout-icon-transform-top{transform:rotate(90deg)}.paraui-v4-collapse-layout .collapse-layout-icon-transform-bottom{transform:rotate(-90deg)}.paraui-v4-collapse-layout .collapse-layout-icon-transform-right{transform:rotate(180deg)}.paraui-v4-collapse-layout .collapse-layout-display{overflow:hidden}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click{position:absolute;z-index:1}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click span,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click span,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click span,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click span{font-size:12px;font-weight:400;text-align:center;color:#2e65e6}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn{z-index:11}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn svg,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn svg,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn svg,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn svg{font-size:14px}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line{display:none;cursor:no-drop;z-index:10;position:absolute}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line:after{position:absolute;content:"";background:#eaecf1}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move{user-select:none !important}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click{transition:none !important}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn{transition:none !important}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after{background:#5783eb}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-display{transition:none !important}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow{transition:none !important}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-default,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-default,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-default,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-default{transition:none !important}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line{display:inline-block}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn{right:-1px}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn{bottom:-1px}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn{right:0px;position:absolute;top:50%;left:"";width:20px;height:70px;background:#f7f8fa;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:right;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;border-radius:4px 0 0 4px;border-right:1px solid #2e65e6}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn:hover{border-color:#5783eb}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display-shadow{transition-property:margin-right;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn{position:absolute;top:50%;left:0;width:20px;height:70px;background:#f7f8fa;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:left;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;border-left:1px solid #2e65e6;border-radius:0 4px 4px 0}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn:hover{border-color:#5783eb}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display-shadow{transition-property:margin-left;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left>div,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right>div{display:inline-block;vertical-align:middle;height:100%;position:relative}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display-shadow,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display-shadow{height:100%}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-default,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-default{transition:width}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click{flex-direction:column}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn{transform:translateY(-50%)}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line{width:10px;height:100%;left:100%;top:0;transform:translateX(-50%);cursor:col-resize}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line:after{left:5px;width:1px;height:100%}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn{position:absolute;top:0;left:50%;width:70px;height:20px;background:#f7f8fa;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:top;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;border-top:1px solid #2e65e6;border-radius:0 0 4px 4px}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn:hover{border-color:#5783eb}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display-shadow{transition-property:margin-top}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn{position:absolute;top:"";left:50%;width:70px;height:20px;background:#f7f8fa;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;bottom:0px;border-bottom:1px solid #2e65e6;border-radius:4px 4px 0 0}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn:hover{border-color:#5783eb}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display-shadow{transition-property:margin-bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top>div,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom>div{display:block;width:100%;position:relative}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-default,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-default{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display-shadow,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display-shadow{width:100%}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn{transform:translateX(-50%)}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line{width:100%;height:10px;left:0;top:100%;transform:translateY(-50%);cursor:row-resize}.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line:after,.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line:after{top:5px;height:1px;width:100%}',""]),a.exports=l},23645:function(a){"use strict";a.exports=function(a){var l=[];return l.toString=function(){return this.map((function(l){var t=function(a,l){var t=a[1]||"",o=a[3];if(!o)return t;if(l&&"function"==typeof btoa){var e=(i=o,c=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),r=o.sources.map((function(a){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(a," */")}));return[t].concat(r).concat([e]).join("\n")}var i,c,u;return[t].join("\n")}(l,a);return l[2]?"@media ".concat(l[2]," {").concat(t,"}"):t})).join("")},l.i=function(a,t,o){"string"==typeof a&&(a=[[null,a,""]]);var e={};if(o)for(var r=0;r<this.length;r++){var i=this[r][0];null!=i&&(e[i]=!0)}for(var c=0;c<a.length;c++){var u=[].concat(a[c]);o&&e[u[0]]||(t&&(u[2]?u[2]="".concat(t," and ").concat(u[2]):u[2]=t),l.push(u))}},l}},27418:function(a){"use strict";
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/var t=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;a.exports=function(){try{if(!Object.assign)return!1;var a=new String("abc");if(a[5]="de","5"===Object.getOwnPropertyNames(a)[0])return!1;for(var t={},l=0;l<10;l++)t["_"+String.fromCharCode(l)]=l;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(a){return t[a]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(a){o[a]=a})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(a){return!1}}()?Object.assign:function(a,e){for(var r,i,c=function(a){if(null==a)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(a)}(a),n=1;n<arguments.length;n++){for(var u in r=Object(arguments[n]))l.call(r,u)&&(c[u]=r[u]);if(t){i=t(r);for(var p=0;p<i.length;p++)o.call(r,i[p])&&(c[i[p]]=r[i[p]])}}return c}},75251:function(a,t,l){"use strict";
+*/var l=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;a.exports=function(){try{if(!Object.assign)return!1;var a=new String("abc");if(a[5]="de","5"===Object.getOwnPropertyNames(a)[0])return!1;for(var l={},t=0;t<10;t++)l["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(l).map((function(a){return l[a]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(a){o[a]=a})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(a){return!1}}()?Object.assign:function(a,e){for(var r,i,c=function(a){if(null==a)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(a)}(a),u=1;u<arguments.length;u++){for(var n in r=Object(arguments[u]))t.call(r,n)&&(c[n]=r[n]);if(l){i=l(r);for(var p=0;p<i.length;p++)o.call(r,i[p])&&(c[i[p]]=r[i[p]])}}return c}},75251:function(a,l,t){"use strict";
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -11,7 +11,7 @@ object-assign
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */l(27418);var o=l(8156),e=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var r=Symbol.for;e=r("react.element"),t.Fragment=r("react.fragment")}var i=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,n={key:!0,ref:!0,__self:!0,__source:!0};function u(a,t,l){var o,r={},u=null,p=null;for(o in void 0!==l&&(u=""+l),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(p=t.ref),t)c.call(t,o)&&!n.hasOwnProperty(o)&&(r[o]=t[o]);if(a&&a.defaultProps)for(o in t=a.defaultProps)void 0===r[o]&&(r[o]=t[o]);return{$$typeof:e,type:a,key:u,ref:p,props:r,_owner:i.current}}t.jsx=u,t.jsxs=u},85893:function(a,t,l){"use strict";a.exports=l(75251)},14944:function(a,t,l){var o=l(93379),e=l(59116);"string"==typeof(e=e.__esModule?e.default:e)&&(e=[[a.id,e,""]]);var r={insert:"head",singleton:!1};o(e,r);a.exports=e.locals||{}},93379:function(a,t,l){"use strict";var o,e=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},r=function(){var a={};return function(t){if(void 0===a[t]){var l=document.querySelector(t);if(window.HTMLIFrameElement&&l instanceof window.HTMLIFrameElement)try{l=l.contentDocument.head}catch(a){l=null}a[t]=l}return a[t]}}(),i=[];function c(a){for(var t=-1,l=0;l<i.length;l++)if(i[l].identifier===a){t=l;break}return t}function n(a,t){for(var l={},o=[],e=0;e<a.length;e++){var r=a[e],n=t.base?r[0]+t.base:r[0],u=l[n]||0,p="".concat(n," ").concat(u);l[n]=u+1;var s=c(p),y={css:r[1],media:r[2],sourceMap:r[3]};-1!==s?(i[s].references++,i[s].updater(y)):i.push({identifier:p,updater:m(y,t),references:1}),o.push(p)}return o}function u(a){var t=document.createElement("style"),o=a.attributes||{};if(void 0===o.nonce){var e=l.nc;e&&(o.nonce=e)}if(Object.keys(o).forEach((function(a){t.setAttribute(a,o[a])})),"function"==typeof a.insert)a.insert(t);else{var i=r(a.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(t)}return t}var p,s=(p=[],function(a,t){return p[a]=t,p.filter(Boolean).join("\n")});function y(a,t,l,o){var e=l?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(a.styleSheet)a.styleSheet.cssText=s(t,e);else{var r=document.createTextNode(e),i=a.childNodes;i[t]&&a.removeChild(i[t]),i.length?a.insertBefore(r,i[t]):a.appendChild(r)}}function v(a,t,l){var o=l.css,e=l.media,r=l.sourceMap;if(e?a.setAttribute("media",e):a.removeAttribute("media"),r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),a.styleSheet)a.styleSheet.cssText=o;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(o))}}var f=null,d=0;function m(a,t){var l,o,e;if(t.singleton){var r=d++;l=f||(f=u(t)),o=y.bind(null,l,r,!1),e=y.bind(null,l,r,!0)}else l=u(t),o=v.bind(null,l,t),e=function(){!function(a){if(null===a.parentNode)return!1;a.parentNode.removeChild(a)}(l)};return o(a),function(t){if(t){if(t.css===a.css&&t.media===a.media&&t.sourceMap===a.sourceMap)return;o(a=t)}else e()}}a.exports=function(a,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=e());var l=n(a=a||[],t);return function(a){if(a=a||[],"[object Array]"===Object.prototype.toString.call(a)){for(var o=0;o<l.length;o++){var e=c(l[o]);i[e].references--}for(var r=n(a,t),u=0;u<l.length;u++){var p=c(l[u]);0===i[p].references&&(i[p].updater(),i.splice(p,1))}l=r}}}},8156:function(t){"use strict";t.exports=a}},l={};function o(a){var e=l[a];if(void 0!==e)return e.exports;var r=l[a]={id:a,exports:{}};return t[a](r,r.exports,o),r.exports}o.n=function(a){var t=a&&a.__esModule?function(){return a.default}:function(){return a};return o.d(t,{a:t}),t},o.d=function(a,t){for(var l in t)o.o(t,l)&&!o.o(a,l)&&Object.defineProperty(a,l,{enumerable:!0,get:t[l]})},o.o=function(a,t){return Object.prototype.hasOwnProperty.call(a,t)},o.r=function(a){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(a,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(a,"__esModule",{value:!0})},o.nc=void 0;var e={};return function(){"use strict";o.r(e),o.d(e,{default:function(){return f}});var a=o(8156),t=o.n(a),l=o(85893);!function(a,t){void 0===t&&(t={});var l=t.insertAt;if(a&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===l&&o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.styleSheet?e.styleSheet.cssText=a:e.appendChild(document.createTextNode(a))}}('@charset "UTF-8";\n/**\n* @author Hanz\n* @date 2021/8/25 下午3:16\n* @description icons scss\n*/\n.paraui-v4-icon {\n  width: 1em;\n  height: 1em;\n  fill: currentColor;\n  display: inline-block;\n  user-select: none;\n  flex-shrink: 0;\n}\n.paraui-v4-icon-primary {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-icon-secondary {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-icon-thirdary {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-icon-info {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-warn {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-icon-success {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-icon-error {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-small {\n  font-size: 16px;\n}\n.paraui-v4-icon-medium {\n  font-size: 18px;\n}\n.paraui-v4-icon-large {\n  font-size: 20px;\n}');var r=function(a){var t,o,e=a.path,r=a.className,i=a.color,c=void 0===i?"info":i,n=a.size,u=void 0===n?"small":n,p=a.dataName,s=void 0===p?"":p,y=a.style,v=
+ */t(27418);var o=t(8156),e=60103;if(l.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var r=Symbol.for;e=r("react.element"),l.Fragment=r("react.fragment")}var i=o.__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 n(a,l,t){var o,r={},n=null,p=null;for(o in void 0!==t&&(n=""+t),void 0!==l.key&&(n=""+l.key),void 0!==l.ref&&(p=l.ref),l)c.call(l,o)&&!u.hasOwnProperty(o)&&(r[o]=l[o]);if(a&&a.defaultProps)for(o in l=a.defaultProps)void 0===r[o]&&(r[o]=l[o]);return{$$typeof:e,type:a,key:n,ref:p,props:r,_owner:i.current}}l.jsx=n,l.jsxs=n},85893:function(a,l,t){"use strict";a.exports=t(75251)},14944:function(a,l,t){var o=t(93379),e=t(59116);"string"==typeof(e=e.__esModule?e.default:e)&&(e=[[a.id,e,""]]);var r={insert:"head",singleton:!1};o(e,r);a.exports=e.locals||{}},93379:function(a,l,t){"use strict";var o,e=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},r=function(){var a={};return function(l){if(void 0===a[l]){var t=document.querySelector(l);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(a){t=null}a[l]=t}return a[l]}}(),i=[];function c(a){for(var l=-1,t=0;t<i.length;t++)if(i[t].identifier===a){l=t;break}return l}function u(a,l){for(var t={},o=[],e=0;e<a.length;e++){var r=a[e],u=l.base?r[0]+l.base:r[0],n=t[u]||0,p="".concat(u," ").concat(n);t[u]=n+1;var s=c(p),y={css:r[1],media:r[2],sourceMap:r[3]};-1!==s?(i[s].references++,i[s].updater(y)):i.push({identifier:p,updater:h(y,l),references:1}),o.push(p)}return o}function n(a){var l=document.createElement("style"),o=a.attributes||{};if(void 0===o.nonce){var e=t.nc;e&&(o.nonce=e)}if(Object.keys(o).forEach((function(a){l.setAttribute(a,o[a])})),"function"==typeof a.insert)a.insert(l);else{var i=r(a.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(l)}return l}var p,s=(p=[],function(a,l){return p[a]=l,p.filter(Boolean).join("\n")});function y(a,l,t,o){var e=t?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(a.styleSheet)a.styleSheet.cssText=s(l,e);else{var r=document.createTextNode(e),i=a.childNodes;i[l]&&a.removeChild(i[l]),i.length?a.insertBefore(r,i[l]):a.appendChild(r)}}function v(a,l,t){var o=t.css,e=t.media,r=t.sourceMap;if(e?a.setAttribute("media",e):a.removeAttribute("media"),r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),a.styleSheet)a.styleSheet.cssText=o;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(o))}}var f=null,d=0;function h(a,l){var t,o,e;if(l.singleton){var r=d++;t=f||(f=n(l)),o=y.bind(null,t,r,!1),e=y.bind(null,t,r,!0)}else t=n(l),o=v.bind(null,t,l),e=function(){!function(a){if(null===a.parentNode)return!1;a.parentNode.removeChild(a)}(t)};return o(a),function(l){if(l){if(l.css===a.css&&l.media===a.media&&l.sourceMap===a.sourceMap)return;o(a=l)}else e()}}a.exports=function(a,l){(l=l||{}).singleton||"boolean"==typeof l.singleton||(l.singleton=e());var t=u(a=a||[],l);return function(a){if(a=a||[],"[object Array]"===Object.prototype.toString.call(a)){for(var o=0;o<t.length;o++){var e=c(t[o]);i[e].references--}for(var r=u(a,l),n=0;n<t.length;n++){var p=c(t[n]);0===i[p].references&&(i[p].updater(),i.splice(p,1))}t=r}}}},8156:function(l){"use strict";l.exports=a}},t={};function o(a){var e=t[a];if(void 0!==e)return e.exports;var r=t[a]={id:a,exports:{}};return l[a](r,r.exports,o),r.exports}o.n=function(a){var l=a&&a.__esModule?function(){return a.default}:function(){return a};return o.d(l,{a:l}),l},o.d=function(a,l){for(var t in l)o.o(l,t)&&!o.o(a,t)&&Object.defineProperty(a,t,{enumerable:!0,get:l[t]})},o.o=function(a,l){return Object.prototype.hasOwnProperty.call(a,l)},o.r=function(a){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(a,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(a,"__esModule",{value:!0})},o.nc=void 0;var e={};return function(){"use strict";o.r(e),o.d(e,{default:function(){return f}});var a=o(8156),l=o.n(a),t=o(85893);!function(a,l){void 0===l&&(l={});var t=l.insertAt;if(a&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===t&&o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.styleSheet?e.styleSheet.cssText=a:e.appendChild(document.createTextNode(a))}}('@charset "UTF-8";\n/**\n* @author Hanz\n* @date 2021/8/25 下午3:16\n* @description icons scss\n*/\n.paraui-v4-icon {\n  width: 1em;\n  height: 1em;\n  fill: currentColor;\n  display: inline-block;\n  user-select: none;\n  flex-shrink: 0;\n}\n.paraui-v4-icon-primary {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-icon-secondary {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-icon-thirdary {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-icon-info {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-warn {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-icon-success {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-icon-error {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-small {\n  font-size: 16px;\n}\n.paraui-v4-icon-medium {\n  font-size: 18px;\n}\n.paraui-v4-icon-large {\n  font-size: 20px;\n}');var r=function(a){var l,o,e=a.path,r=a.className,i=a.color,c=void 0===i?"info":i,u=a.size,n=void 0===u?"small":u,p=a.dataName,s=void 0===p?"":p,y=a.style,v=
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -26,4 +26,4 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function(a,t){var l={};for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&t.indexOf(o)<0&&(l[o]=a[o]);if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(o=Object.getOwnPropertySymbols(a);e<o.length;e++)t.indexOf(o[e])<0&&Object.prototype.propertyIsEnumerable.call(a,o[e])&&(l[o[e]]=a[o[e]])}return l}(a,["path","className","color","size","dataName","style"]),f="paraui-v4",d="primary"===c||"secondary"===c||"info"===c||"success"===c||"warn"===c||"error"===c;return(0,l.jsx)("svg",Object.assign({className:(o="".concat(f,"-icon"),o+=" svg-icon",r&&(o+=" "+r),d&&(o+=" ".concat(f,"-icon-").concat(c)),u&&(o+=" ".concat(f,"-icon-").concat(u)),o),viewBox:"0 0 1024 1024","data-name":s,style:(t=Object.assign({},y),c&&!d&&(t.color=c),t)},v,{children:e}))},i=function(a){return(0,l.jsx)(r,Object.assign({dataName:"DoubleLeft",viewBox:"0 0 24 24",path:(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("g",Object.assign({id:"DoubleLeft",transform:"translate(-179 -1447)"},{children:[(0,l.jsx)("rect",{id:"safe",width:"24",height:"24",transform:"translate(179 1447)",fill:"none"}),(0,l.jsx)("path",{id:"icon",d:"M14.5,16.566l-7.6-7.6a.8.8,0,0,1,0-1.132l7.6-7.6a.8.8,0,0,1,1.131,1.129L8.6,8.4l7.034,7.034A.8.8,0,1,1,14.5,16.566Zm-6.667,0-7.6-7.6a.8.8,0,0,1,0-1.132l7.6-7.6A.8.8,0,0,1,8.966,1.364L1.93,8.4l7.035,7.034a.8.8,0,1,1-1.133,1.131Z",transform:"translate(183.067 1450.599)"})]}))})},a))},c=function(a){return(0,l.jsx)(r,Object.assign({dataName:"DoubleRight",viewBox:"0 0 24 24",path:(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("g",Object.assign({id:"DoubleRight",transform:"translate(-179 -1521)"},{children:[(0,l.jsx)("rect",{id:"safe",width:"24",height:"24",transform:"translate(179 1521)",fill:"none"}),(0,l.jsx)("path",{id:"icon",d:"M14.5.235l-7.6,7.6a.8.8,0,0,0,0,1.132l7.6,7.6a.8.8,0,0,0,1.132-1.129L8.6,8.4l7.034-7.034A.8.8,0,1,0,14.5.235Zm-6.667,0-7.6,7.6a.8.8,0,0,0,0,1.132l7.6,7.6a.8.8,0,0,0,1.133-1.129L1.931,8.4,8.966,1.366A.8.8,0,1,0,7.833.235Z",transform:"translate(198.933 1541.4) rotate(180)"})]}))})},a))},n="paraui-v4";function u(a){var t,l,o="";if("string"==typeof a||"number"==typeof a)o+=a;else if("object"==typeof a)if(Array.isArray(a))for(t=0;t<a.length;t++)a[t]&&(l=u(a[t]))&&(o&&(o+=" "),o+=l);else for(t in a)a[t]&&(o&&(o+=" "),o+=t);return o}function p(){for(var a,t,l=0,o="";l<arguments.length;)(a=arguments[l++])&&(t=u(a))&&(o&&(o+=" "),o+=t);return o}o(14944);function s(a,t){(null==t||t>a.length)&&(t=a.length);for(var l=0,o=new Array(t);l<t;l++)o[l]=a[l];return o}function y(a,t,l){return t in a?Object.defineProperty(a,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):a[t]=l,a}function v(a,t){return function(a){if(Array.isArray(a))return a}(a)||function(a,t){var l=null==a?null:"undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(null!=l){var o,e,r=[],i=!0,c=!1;try{for(l=l.call(a);!(i=(o=l.next()).done)&&(r.push(o.value),!t||r.length!==t);i=!0);}catch(a){c=!0,e=a}finally{try{i||null==l.return||l.return()}finally{if(c)throw e}}return r}}(a,t)||function(a,t){if(!a)return;if("string"==typeof a)return s(a,t);var l=Object.prototype.toString.call(a).slice(8,-1);"Object"===l&&a.constructor&&(l=a.constructor.name);if("Map"===l||"Set"===l)return Array.from(l);if("Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l))return s(a,t)}(a,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var f=function(l){var o,e,r=l.type,u=void 0===r?"left":r,s=l.showLabel,f=l.open,d=void 0!==f&&f,m=l.hideLabel,h=l.spacing,g=void 0===h?20:h,b=l.zoomLength,w=void 0===b?0:b,x=l.minDragLength,k=void 0===x?100:x,j=l.unit,O=void 0===j?"px":j,R=l.style,L=l.className,E=void 0===L?"":L,S=l.onClickBtn,z=(0,a.useRef)({zoomLength:w||0,downPos:{}}),C=(0,a.useRef)(null),N=(0,a.useRef)(null),P=(0,a.useRef)(null),_=(0,a.useRef)(null),D=(0,a.useRef)(null),A=function(){var a=P.current,t=_.current;if(!a||!t)return 0;var l=null,o="";switch(u){case"left":l=a,o="lr";break;case"right":l=t,o="lr";break;case"top":l=t,o="tb";break;case"bottom":l=a,o="tb"}var e=l.getBoundingClientRect();return function(a){if(!a)return 0;var t=a/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}("lr"===o?e.width:e.height)}(),M=v((0,a.useState)(),2),T=M[0],B=M[1],I={layout:{left:["display","default"],right:["default","display"],top:["display","default"],bottom:["default","display"]}},U=function(a){return a.slice(0,1).toUpperCase()+a.slice(1)},Y=function(){var a="width";return"top"!==u&&"bottom"!==u||(a="height"),a},F=function(){var a={},t="margin".concat(U(u));return a[Y()]=z.current.zoomLength+O,a[t]=(T?0:z.current.zoomLength)+O,a.transitionDuration="".concat(A,"ms"),a},X=function(){var a={},t=Y(),l=T?z.current.zoomLength:0;return a[t]="calc(100% - ".concat(l+g).concat(O),a["margin".concat(U(u))]=g+O,a.transitionDuration="".concat(A,"ms"),a},q=function(){B(!T),S&&S(!T)},Z=function(a){z.current.downPos.pageX=a.pageX,z.current.downPos.pageY=a.pageY;var t=N.current,l=P.current,o=D.current,e=C.current;if(l&&t&&o&&e){var r=t.getBoundingClientRect(),i=l.getBoundingClientRect(),c=o.getBoundingClientRect(),u=e.getBoundingClientRect();z.current.displayRefOutsideDomRect=r,z.current.displayRefDomRect=i,z.current.btnRefDomRect=c,z.current.comRefDomRect=u,e.classList.add("".concat(n,"-collapse-layout-move")),window.addEventListener("mousemove",H),window.addEventListener("mouseup",$)}},H=function(a){var t=N.current,l=P.current,o=_.current,e=D.current;if(l&&t&&e&&o){var r=z.current.displayRefOutsideDomRect,i=z.current.comRefDomRect;switch(u){case"left":var c=a.pageX-z.current.downPos.pageX,n=r.width+c;if(i.width-n<k||n<k)return;t.style.width="".concat(n,"px"),l.style.width="".concat(n,"px"),o.style.width="calc(100% - ".concat(n,"px)"),e.style.left="".concat(n,"px"),z.current.zoomLength=n;break;case"right":var p=a.pageX-z.current.downPos.pageX,s=r.width-p;if(i.width-s<k||s<k)return;t.style.width="".concat(s,"px"),l.style.width="".concat(s,"px"),o.style.width="calc(100% - ".concat(s,"px)"),e.style.right="".concat(s,"px"),z.current.zoomLength=s;break;case"top":var y=a.pageY-z.current.downPos.pageY,v=r.height+y;if(i.height-v<k||v<k)return;t.style.height="".concat(v,"px"),l.style.height="".concat(v,"px"),o.style.height="calc(100% - ".concat(v,"px)"),e.style.top="".concat(v,"px"),z.current.zoomLength=v;break;case"bottom":var f=a.pageY-z.current.downPos.pageY,d=r.height-f;if(i.height-d<k||d<k)return;t.style.height="".concat(d,"px"),l.style.height="".concat(d,"px"),o.style.height="calc(100% - ".concat(d,"px)"),e.style.bottom="".concat(d,"px"),z.current.zoomLength=d}}},$=function(){C.current.classList.remove("".concat(n,"-collapse-layout-move")),window.removeEventListener("mousemove",H),window.removeEventListener("mouseup",$)};return(0,a.useEffect)((function(){B(d)}),[d]),t().createElement("div",{className:p("".concat(n,"-collapse-layout"),"".concat(n,"-collapse-layout-").concat(T),"".concat(n,"-collapse-layout-").concat(u),"".concat(n,"-collapse-layout-").concat(u,"-").concat(T),E),ref:C,style:R},(e=T?s:m,t().createElement("div",{className:"collapse-layout-click collapse-layout-click-label-".concat(!!e),style:(o={},y(o,u,"".concat(T?z.current.zoomLength:0).concat(O)),y(o,"transitionDuration","".concat(A,"ms")),o),ref:D},t().createElement("div",{className:"switch-btn",onClick:q},e&&t().createElement("span",null,e),T?t().createElement(i,{className:"collapse-layout-icon-transform-".concat(u)}):t().createElement(c,{className:"collapse-layout-icon-transform-".concat(u)})),t().createElement("div",{className:"drag-line",onMouseDown:Z}))),I.layout[u].map((function(a,o){return"display"===a?t().createElement("div",{key:o,className:"collapse-layout-display",style:(e={},r=(T?z.current.zoomLength:0)+O,e[Y()]=r,e.transitionDuration="".concat(A,"ms"),e),ref:N},t().createElement("div",{className:"collapse-layout-display-shadow",style:F(),ref:P},l.displayContent)):t().createElement("div",{key:o,className:"collapse-layout-default",style:X(),ref:_},l.defaultContent);var e,r})))}}(),e}()}));
+function(a,l){var t={};for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&l.indexOf(o)<0&&(t[o]=a[o]);if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(o=Object.getOwnPropertySymbols(a);e<o.length;e++)l.indexOf(o[e])<0&&Object.prototype.propertyIsEnumerable.call(a,o[e])&&(t[o[e]]=a[o[e]])}return t}(a,["path","className","color","size","dataName","style"]),f="paraui-v4",d="primary"===c||"secondary"===c||"info"===c||"success"===c||"warn"===c||"error"===c;return(0,t.jsx)("svg",Object.assign({className:(o="".concat(f,"-icon"),o+=" svg-icon",r&&(o+=" "+r),d&&(o+=" ".concat(f,"-icon-").concat(c)),n&&(o+=" ".concat(f,"-icon-").concat(n)),o),viewBox:"0 0 1024 1024","data-name":s,style:(l=Object.assign({},y),c&&!d&&(l.color=c),l)},v,{children:e}))},i=function(a){return(0,t.jsx)(r,Object.assign({dataName:"DoubleLeft",viewBox:"0 0 24 24",path:(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("g",Object.assign({id:"DoubleLeft",transform:"translate(-179 -1447)"},{children:[(0,t.jsx)("rect",{id:"safe",width:"24",height:"24",transform:"translate(179 1447)",fill:"none"}),(0,t.jsx)("path",{id:"icon",d:"M14.5,16.566l-7.6-7.6a.8.8,0,0,1,0-1.132l7.6-7.6a.8.8,0,0,1,1.131,1.129L8.6,8.4l7.034,7.034A.8.8,0,1,1,14.5,16.566Zm-6.667,0-7.6-7.6a.8.8,0,0,1,0-1.132l7.6-7.6A.8.8,0,0,1,8.966,1.364L1.93,8.4l7.035,7.034a.8.8,0,1,1-1.133,1.131Z",transform:"translate(183.067 1450.599)"})]}))})},a))},c=function(a){return(0,t.jsx)(r,Object.assign({dataName:"DoubleRight",viewBox:"0 0 24 24",path:(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("g",Object.assign({id:"DoubleRight",transform:"translate(-179 -1521)"},{children:[(0,t.jsx)("rect",{id:"safe",width:"24",height:"24",transform:"translate(179 1521)",fill:"none"}),(0,t.jsx)("path",{id:"icon",d:"M14.5.235l-7.6,7.6a.8.8,0,0,0,0,1.132l7.6,7.6a.8.8,0,0,0,1.132-1.129L8.6,8.4l7.034-7.034A.8.8,0,1,0,14.5.235Zm-6.667,0-7.6,7.6a.8.8,0,0,0,0,1.132l7.6,7.6a.8.8,0,0,0,1.133-1.129L1.931,8.4,8.966,1.366A.8.8,0,1,0,7.833.235Z",transform:"translate(198.933 1541.4) rotate(180)"})]}))})},a))},u="paraui-v4";function n(a){var l,t,o="";if("string"==typeof a||"number"==typeof a)o+=a;else if("object"==typeof a)if(Array.isArray(a))for(l=0;l<a.length;l++)a[l]&&(t=n(a[l]))&&(o&&(o+=" "),o+=t);else for(l in a)a[l]&&(o&&(o+=" "),o+=l);return o}function p(){for(var a,l,t=0,o="";t<arguments.length;)(a=arguments[t++])&&(l=n(a))&&(o&&(o+=" "),o+=l);return o}o(14944);function s(a,l){(null==l||l>a.length)&&(l=a.length);for(var t=0,o=new Array(l);t<l;t++)o[t]=a[t];return o}function y(a,l,t){return l in a?Object.defineProperty(a,l,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[l]=t,a}function v(a,l){return function(a){if(Array.isArray(a))return a}(a)||function(a,l){var t=null==a?null:"undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(null!=t){var o,e,r=[],i=!0,c=!1;try{for(t=t.call(a);!(i=(o=t.next()).done)&&(r.push(o.value),!l||r.length!==l);i=!0);}catch(a){c=!0,e=a}finally{try{i||null==t.return||t.return()}finally{if(c)throw e}}return r}}(a,l)||function(a,l){if(!a)return;if("string"==typeof a)return s(a,l);var t=Object.prototype.toString.call(a).slice(8,-1);"Object"===t&&a.constructor&&(t=a.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return s(a,l)}(a,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var f=function(t){var o,e,r=t.type,n=void 0===r?"left":r,s=t.showLabel,f=t.open,d=void 0!==f&&f,h=t.hideLabel,m=t.spacing,g=void 0===m?20:m,b=t.zoomLength,w=void 0===b?0:b,x=t.minDragLength,k=void 0===x?100:x,j=t.unit,O=void 0===j?"px":j,R=t.style,L=t.className,E=void 0===L?"":L,S=t.onClickBtn,z=(0,a.useRef)({zoomLength:w||0,downPos:{}}),C=(0,a.useRef)(null),N=(0,a.useRef)(null),P=(0,a.useRef)(null),_=(0,a.useRef)(null),D=(0,a.useRef)(null),A=function(){var a=P.current,l=_.current;if(!a||!l)return 0;var t=null,o="";switch(n){case"left":t=a,o="lr";break;case"right":t=l,o="lr";break;case"top":t=l,o="tb";break;case"bottom":t=a,o="tb"}var e=t.getBoundingClientRect();return function(a){if(!a)return 0;var l=a/36;return Math.round(10*(4+15*Math.pow(l,.25)+l/5))}("lr"===o?e.width:e.height)}(),M=v((0,a.useState)(),2),T=M[0],B=M[1],I={layout:{left:["display","default"],right:["default","display"],top:["display","default"],bottom:["default","display"]}},U=function(a){return a.slice(0,1).toUpperCase()+a.slice(1)},Y=function(){var a="width";return"top"!==n&&"bottom"!==n||(a="height"),a},F=function(){var a={},l="margin".concat(U(n));return a[Y()]=z.current.zoomLength+O,a[l]=(T?0:z.current.zoomLength)+O,a.transitionDuration="".concat(A,"ms"),a},X=function(){var a={},l=Y(),t=T?z.current.zoomLength:0;return a[l]="calc(100% - ".concat(t+g).concat(O),a["margin".concat(U(n))]=g+O,a.transitionDuration="".concat(A,"ms"),a},q=function(){B(!T),S&&S(!T)},Z=function(a){z.current.downPos.pageX=a.pageX,z.current.downPos.pageY=a.pageY;var l=N.current,t=P.current,o=D.current,e=C.current;if(t&&l&&o&&e){var r=l.getBoundingClientRect(),i=t.getBoundingClientRect(),c=o.getBoundingClientRect(),n=e.getBoundingClientRect();z.current.displayRefOutsideDomRect=r,z.current.displayRefDomRect=i,z.current.btnRefDomRect=c,z.current.comRefDomRect=n,e.classList.add("".concat(u,"-collapse-layout-move")),window.addEventListener("mousemove",H),window.addEventListener("mouseup",$)}},H=function(a){var l=N.current,t=P.current,o=_.current,e=D.current;if(t&&l&&e&&o){var r=z.current.displayRefOutsideDomRect,i=z.current.comRefDomRect;switch(n){case"left":var c=a.pageX-z.current.downPos.pageX,u=r.width+c;if(i.width-u<k||u<k)return;l.style.width="".concat(u,"px"),t.style.width="".concat(u,"px"),o.style.width="calc(100% - ".concat(u,"px)"),e.style.left="".concat(u,"px"),z.current.zoomLength=u;break;case"right":var p=a.pageX-z.current.downPos.pageX,s=r.width-p;if(i.width-s<k||s<k)return;l.style.width="".concat(s,"px"),t.style.width="".concat(s,"px"),o.style.width="calc(100% - ".concat(s,"px)"),e.style.right="".concat(s,"px"),z.current.zoomLength=s;break;case"top":var y=a.pageY-z.current.downPos.pageY,v=r.height+y;if(i.height-v<k||v<k)return;l.style.height="".concat(v,"px"),t.style.height="".concat(v,"px"),o.style.height="calc(100% - ".concat(v,"px)"),e.style.top="".concat(v,"px"),z.current.zoomLength=v;break;case"bottom":var f=a.pageY-z.current.downPos.pageY,d=r.height-f;if(i.height-d<k||d<k)return;l.style.height="".concat(d,"px"),t.style.height="".concat(d,"px"),o.style.height="calc(100% - ".concat(d,"px)"),e.style.bottom="".concat(d,"px"),z.current.zoomLength=d}}},$=function(){C.current.classList.remove("".concat(u,"-collapse-layout-move")),window.removeEventListener("mousemove",H),window.removeEventListener("mouseup",$)};return(0,a.useEffect)((function(){B(d)}),[d]),l().createElement("div",{className:p("".concat(u,"-collapse-layout"),"".concat(u,"-collapse-layout-").concat(T),"".concat(u,"-collapse-layout-").concat(n),"".concat(u,"-collapse-layout-").concat(n,"-").concat(T),E),ref:C,style:R},(e=T?s:h,l().createElement("div",{className:"collapse-layout-click collapse-layout-click-label-".concat(!!e),style:(o={},y(o,n,"".concat(T?z.current.zoomLength:0).concat(O)),y(o,"transitionDuration","".concat(A,"ms")),o),ref:D},l().createElement("div",{className:"switch-btn",onClick:q},e&&l().createElement("span",null,e),T?l().createElement(i,{className:"collapse-layout-icon-transform-".concat(n)}):l().createElement(c,{className:"collapse-layout-icon-transform-".concat(n)})),l().createElement("div",{className:"drag-line",onMouseDown:Z}))),I.layout[n].map((function(a,o){return"display"===a?l().createElement("div",{key:o,className:"collapse-layout-display",style:(e={},r=(T?z.current.zoomLength:0)+O,e[Y()]=r,e.transitionDuration="".concat(A,"ms"),e),ref:N},l().createElement("div",{className:"collapse-layout-display-shadow",style:F(),ref:P},t.displayContent)):l().createElement("div",{key:o,className:"collapse-layout-default",style:X(),ref:_},t.defaultContent);var e,r})))}}(),e}()}));