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

package/umd/CollapseBox.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","react-dom"],e):"object"==typeof exports?exports.ParaUI=e(require("react"),require("react-dom")):t.ParaUI=e(t.react,t["react-dom"])}(self,(function(t,e){return function(){var n={17283:function(t,e,n){(e=n(23645)(!1)).push([t.id,".paraui-v4-collapse-box{transition:height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;width:100%;overflow:hidden;height:0}.paraui-v4-collapse-box>.collapse-box-wrapper{display:flex;width:100%}.paraui-v4-collapse-box>.collapse-box-wrapper>.collapse-box-wrapper-inner{width:100%}.paraui-v4-collapse-box.paraui-v4-collapse-box-entered{overflow:visible}.paraui-v4-collapse-box.paraui-v4-collapse-box-hidden{visibility:hidden}",""]),t.exports=e},23645:function(t){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"==typeof btoa){var o=(a=r,u=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(u),"/*# ".concat(s," */")),i=r.sources.map((function(t){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(t," */")}));return[n].concat(i).concat([o]).join("\n")}var a,u,s;return[n].join("\n")}(e,t);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,r){"string"==typeof t&&(t=[[null,t,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var u=0;u<t.length;u++){var s=[].concat(t[u]);r&&o[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),e.push(s))}},e}},78214:function(t,e,n){var r=n(93379),o=n(17283);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[t.id,o,""]]);var i={insert:"head",singleton:!1};r(o,i);t.exports=o.locals||{}},93379:function(t,e,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var t={};return function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[e]=n}return t[e]}}(),a=[];function u(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function s(t,e){for(var n={},r=[],o=0;o<t.length;o++){var i=t[o],s=e.base?i[0]+e.base:i[0],c=n[s]||0,l="".concat(s," ").concat(c);n[s]=c+1;var f=u(l),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:l,updater:m(p,e),references:1}),r.push(l)}return r}function c(t){var e=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(t){e.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(e);else{var a=i(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(e)}return e}var l,f=(l=[],function(t,e){return l[t]=e,l.filter(Boolean).join("\n")});function p(t,e,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=f(e,o);else{var i=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function d(t,e,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?t.setAttribute("media",o):t.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var h=null,v=0;function m(t,e){var n,r,o;if(e.singleton){var i=v++;n=h||(h=c(e)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else n=c(e),r=d.bind(null,n,e),o=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else o()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=o());var n=s(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<n.length;r++){var o=u(n[r]);a[o].references--}for(var i=s(t,e),c=0;c<n.length;c++){var l=u(n[c]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}n=i}}}},37464:function(t,e,n){"use strict";n.d(e,{W:function(){return r}});var r="paraui-v4"},8156:function(e){"use strict";e.exports=t},47111:function(t){"use strict";t.exports=e}},r={};function o(t){var e=r[t];if(void 0!==e)return e.exports;var i=r[t]={id:t,exports:{}};return n[t](i,i.exports,o),i.exports}o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,{a:e}),e},o.d=function(t,e){for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.nc=void 0;var i={};return function(){"use strict";o.r(i),o.d(i,{default:function(){return C}});var t=o(8156),e=o.n(t);function n(t,e){return n=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},n(t,e)}var r=o(47111),a=o.n(r),u=!1,s=e().createContext(null),c="unmounted",l="exited",f="entering",p="entered",d="exiting",h=function(t){var r,o;function i(e,n){var r;r=t.call(this,e,n)||this;var o,i=n&&!n.isMounting?e.enter:e.appear;return r.appearStatus=null,e.in?i?(o=l,r.appearStatus=f):o=p:o=e.unmountOnExit||e.mountOnEnter?c:l,r.state={status:o},r.nextCallback=null,r}o=t,(r=i).prototype=Object.create(o.prototype),r.prototype.constructor=r,n(r,o),i.getDerivedStateFromProps=function(t,e){return t.in&&e.status===c?{status:l}:null};var h=i.prototype;return h.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},h.componentDidUpdate=function(t){var e=null;if(t!==this.props){var n=this.state.status;this.props.in?n!==f&&n!==p&&(e=f):n!==f&&n!==p||(e=d)}this.updateStatus(!1,e)},h.componentWillUnmount=function(){this.cancelNextCallback()},h.getTimeouts=function(){var t,e,n,r=this.props.timeout;return t=e=n=r,null!=r&&"number"!=typeof r&&(t=r.exit,e=r.enter,n=void 0!==r.appear?r.appear:e),{exit:t,enter:e,appear:n}},h.updateStatus=function(t,e){void 0===t&&(t=!1),null!==e?(this.cancelNextCallback(),e===f?this.performEnter(t):this.performExit()):this.props.unmountOnExit&&this.state.status===l&&this.setState({status:c})},h.performEnter=function(t){var e=this,n=this.props.enter,r=this.context?this.context.isMounting:t,o=this.props.nodeRef?[r]:[a().findDOMNode(this),r],i=o[0],s=o[1],c=this.getTimeouts(),l=r?c.appear:c.enter;!t&&!n||u?this.safeSetState({status:p},(function(){e.props.onEntered(i)})):(this.props.onEnter(i,s),this.safeSetState({status:f},(function(){e.props.onEntering(i,s),e.onTransitionEnd(l,(function(){e.safeSetState({status:p},(function(){e.props.onEntered(i,s)}))}))})))},h.performExit=function(){var t=this,e=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:a().findDOMNode(this);e&&!u?(this.props.onExit(r),this.safeSetState({status:d},(function(){t.props.onExiting(r),t.onTransitionEnd(n.exit,(function(){t.safeSetState({status:l},(function(){t.props.onExited(r)}))}))}))):this.safeSetState({status:l},(function(){t.props.onExited(r)}))},h.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},h.safeSetState=function(t,e){e=this.setNextCallback(e),this.setState(t,e)},h.setNextCallback=function(t){var e=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,e.nextCallback=null,t(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},h.onTransitionEnd=function(t,e){this.setNextCallback(e);var n=this.props.nodeRef?this.props.nodeRef.current:a().findDOMNode(this),r=null==t&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var o=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],i=o[0],u=o[1];this.props.addEndListener(i,u)}null!=t&&setTimeout(this.nextCallback,t)}else setTimeout(this.nextCallback,0)},h.render=function(){var t=this.state.status;if(t===c)return null;var n=this.props,r=n.children,o=(n.in,n.mountOnEnter,n.unmountOnExit,n.appear,n.enter,n.exit,n.timeout,n.addEndListener,n.onEnter,n.onEntering,n.onEntered,n.onExit,n.onExiting,n.onExited,n.nodeRef,function(t,e){if(null==t)return{};var n,r,o={},i=Object.keys(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(n,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return e().createElement(s.Provider,{value:null},"function"==typeof r?r(t,o):e().cloneElement(e().Children.only(r),o))},i}(e().Component);function v(){}h.contextType=s,h.propTypes={},h.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:v,onEntering:v,onEntered:v,onExit:v,onExiting:v,onExited:v},h.UNMOUNTED=c,h.EXITED=l,h.ENTERING=f,h.ENTERED=p,h.EXITING=d;var m=h;function b(t,e){var n=t.timeout,r=t.style,o=void 0===r?{}:r;return{duration:o.transitionDuration||"number"==typeof n?n:n[e.mode]||0,delay:o.transitionDelay}}function x(t){if(!t)return 0;var e=t/36;return Math.round(10*(4+15*Math.pow(e,.25)+e/5))}var y=o(37464);o(78214);function E(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function g(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function S(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(e){g(t,e,n[e])}))}return t}function O(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i=[],a=!0,u=!1;try{for(n=n.call(t);!(a=(r=n.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){u=!0,o=t}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return E(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return E(t,e)}(t,e)||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 C=function(n){var r=n.className,o=n.style,i=n.in,a=n.collapsedHeight,u=void 0===a?"0px":a,s=n.timeout,c=void 0===s?"auto":s,l=n.unmountOnExit,f=n.children,p=(0,t.useRef)(null),d=(0,t.useRef)(null),h=(0,t.useRef)(null),v=(0,t.useRef)(null),E="number"==typeof u?"".concat(u,"px"):u,g=O((0,t.useState)(!1),2),C=g[0],w=g[1];(0,t.useEffect)((function(){return function(){clearTimeout(p.current)}}),[]),(0,t.useEffect)((function(){w(i)}),[i]);var j=function(t){return function(e){t&&t(e)}},T=j((function(t){t.style.height=E})),N=j((function(t){var e=h.current?h.current.clientHeight:0,n=b({style:o,timeout:c},{mode:"enter"}).duration;if("auto"===c){var r=x(e);t.style.transitionDuration="".concat(r,"ms"),v.current=r}else t.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");t.style.height="".concat(e,"px")})),k=j((function(t){t.style.height="auto"})),M=j((function(t){var e=h.current?h.current.clientHeight:0;t.style.height="".concat(e,"px")})),R=j((function(t){var e=h.current?h.current.clientHeight:0,n=b({style:o,timeout:c},{mode:"exit"}).duration;if("auto"===c){var r=x(e);t.style.transitionDuration="".concat(r,"ms"),v.current=r}else t.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");t.style.height=E})),D=function(t){var e=y.W+"-collapse-box";return r&&(e+=" "+r),"entered"===t&&(e+=" ".concat(y.W,"-collapse-box-entered")),"exited"!==t||C||"0px"!==E||(e+=" ".concat(y.W,"-collapse-box-hidden")),e};return e().createElement(m,{in:C,unmountOnExit:l,onEnter:T,onEntered:k,onEntering:N,onExit:M,onExiting:R,timeout:"auto"===c?void 0:c,addEndListener:function(t,e){p.current=setTimeout(e,v.current||0)}},(function(t,n){return e().createElement("div",S({className:D(t),style:S({minHeight:E},o),ref:d},n),e().createElement("div",{className:"collapse-box-wrapper",ref:h},e().createElement("div",{className:"collapse-box-wrapper-inner"},f)))}))}}(),i}()}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","react-dom"],e):"object"==typeof exports?exports.ParaUI=e(require("react"),require("react-dom")):t.ParaUI=e(t.react,t["react-dom"])}(self,(function(t,e){return function(){var n={17283:function(t,e,n){(e=n(23645)(!1)).push([t.id,".paraui-v4-collapse-box{transition:height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;width:100%;overflow:hidden;height:0}.paraui-v4-collapse-box>.collapse-box-wrapper{display:flex;width:100%}.paraui-v4-collapse-box>.collapse-box-wrapper>.collapse-box-wrapper-inner{width:100%}.paraui-v4-collapse-box.paraui-v4-collapse-box-entered{overflow:visible}.paraui-v4-collapse-box.paraui-v4-collapse-box-hidden{visibility:hidden}",""]),t.exports=e},23645:function(t){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"==typeof btoa){var o=(a=r,u=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(u),"/*# ".concat(s," */")),i=r.sources.map((function(t){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(t," */")}));return[n].concat(i).concat([o]).join("\n")}var a,u,s;return[n].join("\n")}(e,t);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,r){"string"==typeof t&&(t=[[null,t,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var u=0;u<t.length;u++){var s=[].concat(t[u]);r&&o[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),e.push(s))}},e}},78214:function(t,e,n){var r=n(93379),o=n(17283);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[t.id,o,""]]);var i={insert:"head",singleton:!1};r(o,i);t.exports=o.locals||{}},93379:function(t,e,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var t={};return function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[e]=n}return t[e]}}(),a=[];function u(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function s(t,e){for(var n={},r=[],o=0;o<t.length;o++){var i=t[o],s=e.base?i[0]+e.base:i[0],c=n[s]||0,l="".concat(s," ").concat(c);n[s]=c+1;var f=u(l),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:l,updater:m(p,e),references:1}),r.push(l)}return r}function c(t){var e=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(t){e.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(e);else{var a=i(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(e)}return e}var l,f=(l=[],function(t,e){return l[t]=e,l.filter(Boolean).join("\n")});function p(t,e,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=f(e,o);else{var i=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function d(t,e,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?t.setAttribute("media",o):t.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var h=null,v=0;function m(t,e){var n,r,o;if(e.singleton){var i=v++;n=h||(h=c(e)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else n=c(e),r=d.bind(null,n,e),o=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else o()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=o());var n=s(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<n.length;r++){var o=u(n[r]);a[o].references--}for(var i=s(t,e),c=0;c<n.length;c++){var l=u(n[c]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}n=i}}}},37464:function(t,e,n){"use strict";n.d(e,{W:function(){return r}});var r="paraui-v4"},8156:function(e){"use strict";e.exports=t},47111:function(t){"use strict";t.exports=e}},r={};function o(t){var e=r[t];if(void 0!==e)return e.exports;var i=r[t]={id:t,exports:{}};return n[t](i,i.exports,o),i.exports}o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,{a:e}),e},o.d=function(t,e){for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.nc=void 0;var i={};return function(){"use strict";o.r(i),o.d(i,{default:function(){return C}});var t=o(8156),e=o.n(t);function n(t,e){return n=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},n(t,e)}var r=o(47111),a=o.n(r),u=!1,s=e().createContext(null),c="unmounted",l="exited",f="entering",p="entered",d="exiting",h=function(t){var r,o;function i(e,n){var r;r=t.call(this,e,n)||this;var o,i=n&&!n.isMounting?e.enter:e.appear;return r.appearStatus=null,e.in?i?(o=l,r.appearStatus=f):o=p:o=e.unmountOnExit||e.mountOnEnter?c:l,r.state={status:o},r.nextCallback=null,r}o=t,(r=i).prototype=Object.create(o.prototype),r.prototype.constructor=r,n(r,o),i.getDerivedStateFromProps=function(t,e){return t.in&&e.status===c?{status:l}:null};var h=i.prototype;return h.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},h.componentDidUpdate=function(t){var e=null;if(t!==this.props){var n=this.state.status;this.props.in?n!==f&&n!==p&&(e=f):n!==f&&n!==p||(e=d)}this.updateStatus(!1,e)},h.componentWillUnmount=function(){this.cancelNextCallback()},h.getTimeouts=function(){var t,e,n,r=this.props.timeout;return t=e=n=r,null!=r&&"number"!=typeof r&&(t=r.exit,e=r.enter,n=void 0!==r.appear?r.appear:e),{exit:t,enter:e,appear:n}},h.updateStatus=function(t,e){void 0===t&&(t=!1),null!==e?(this.cancelNextCallback(),e===f?this.performEnter(t):this.performExit()):this.props.unmountOnExit&&this.state.status===l&&this.setState({status:c})},h.performEnter=function(t){var e=this,n=this.props.enter,r=this.context?this.context.isMounting:t,o=this.props.nodeRef?[r]:[a().findDOMNode(this),r],i=o[0],s=o[1],c=this.getTimeouts(),l=r?c.appear:c.enter;!t&&!n||u?this.safeSetState({status:p},(function(){e.props.onEntered(i)})):(this.props.onEnter(i,s),this.safeSetState({status:f},(function(){e.props.onEntering(i,s),e.onTransitionEnd(l,(function(){e.safeSetState({status:p},(function(){e.props.onEntered(i,s)}))}))})))},h.performExit=function(){var t=this,e=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:a().findDOMNode(this);e&&!u?(this.props.onExit(r),this.safeSetState({status:d},(function(){t.props.onExiting(r),t.onTransitionEnd(n.exit,(function(){t.safeSetState({status:l},(function(){t.props.onExited(r)}))}))}))):this.safeSetState({status:l},(function(){t.props.onExited(r)}))},h.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},h.safeSetState=function(t,e){e=this.setNextCallback(e),this.setState(t,e)},h.setNextCallback=function(t){var e=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,e.nextCallback=null,t(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},h.onTransitionEnd=function(t,e){this.setNextCallback(e);var n=this.props.nodeRef?this.props.nodeRef.current:a().findDOMNode(this),r=null==t&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var o=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],i=o[0],u=o[1];this.props.addEndListener(i,u)}null!=t&&setTimeout(this.nextCallback,t)}else setTimeout(this.nextCallback,0)},h.render=function(){var t=this.state.status;if(t===c)return null;var n=this.props,r=n.children,o=(n.in,n.mountOnEnter,n.unmountOnExit,n.appear,n.enter,n.exit,n.timeout,n.addEndListener,n.onEnter,n.onEntering,n.onEntered,n.onExit,n.onExiting,n.onExited,n.nodeRef,function(t,e){if(null==t)return{};var n,r,o={},i=Object.keys(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(n,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return e().createElement(s.Provider,{value:null},"function"==typeof r?r(t,o):e().cloneElement(e().Children.only(r),o))},i}(e().Component);function v(){}h.contextType=s,h.propTypes={},h.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:v,onEntering:v,onEntered:v,onExit:v,onExiting:v,onExited:v},h.UNMOUNTED=c,h.EXITED=l,h.ENTERING=f,h.ENTERED=p,h.EXITING=d;var m=h;function b(t,e){var n=t.timeout,r=t.style,o=void 0===r?{}:r;return{duration:o.transitionDuration||"number"==typeof n?n:n[e.mode]||0,delay:o.transitionDelay}}function x(t){if(!t)return 0;var e=t/36;return Math.round(10*(4+15*Math.pow(e,.25)+e/5))}var y=o(37464);o(78214);function E(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function g(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function S(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(e){g(t,e,n[e])}))}return t}function O(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i=[],a=!0,u=!1;try{for(n=n.call(t);!(a=(r=n.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){u=!0,o=t}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return E(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return E(t,e)}(t,e)||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 C=function(n){var r=n.className,o=n.style,i=n.in,a=n.collapsedHeight,u=void 0===a?"0px":a,s=n.timeout,c=void 0===s?"auto":s,l=n.unmountOnExit,f=n.children,p=(0,t.useRef)(null),d=(0,t.useRef)(null),h=(0,t.useRef)(null),v=(0,t.useRef)(null),E="number"==typeof u?"".concat(u,"px"):u,g=O((0,t.useState)(!1),2),C=g[0],w=g[1];(0,t.useEffect)((function(){return function(){clearTimeout(p.current)}}),[]),(0,t.useEffect)((function(){w(i)}),[i]);var j=function(t){var e="".concat(y.W,"-collapse-box");return r&&(e+=" ".concat(r)),"entered"===t&&(e+=" ".concat(y.W,"-collapse-box-entered")),"exited"!==t||C||"0px"!==E||(e+=" ".concat(y.W,"-collapse-box-hidden")),e};return e().createElement(m,{in:C,unmountOnExit:l,onEnter:function(t){t.style.height=E},onEntered:function(t){t.style.height="auto"},onEntering:function(t){var e=h.current?h.current.clientHeight:0,n=b({style:o,timeout:c},{mode:"enter"}).duration;if("auto"===c){var r=x(e);t.style.transitionDuration="".concat(r,"ms"),v.current=r}else t.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");t.style.height="".concat(e,"px")},onExit:function(t){var e=h.current?h.current.clientHeight:0;t.style.height="".concat(e,"px")},onExiting:function(t){var e=h.current?h.current.clientHeight:0,n=b({style:o,timeout:c},{mode:"exit"}).duration;if("auto"===c){var r=x(e);t.style.transitionDuration="".concat(r,"ms"),v.current=r}else t.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");t.style.height=E},timeout:"auto"===c?void 0:c,addEndListener:function(t,e){p.current=setTimeout(e,v.current||0)}},(function(t,n){return e().createElement("div",S({className:j(t),style:S({minHeight:E},o),ref:d},n),e().createElement("div",{className:"collapse-box-wrapper",ref:h},e().createElement("div",{className:"collapse-box-wrapper-inner"},f)))}))}}(),i}()}));

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,n=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(n),"/*# ".concat(c," */")),r=o.sources.map((function(a){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(a," */")}));return[l].concat(r).concat([e]).join("\n")}var i,n,c;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 n=0;n<a.length;n++){var c=[].concat(a[n]);o&&e[c[0]]||(l&&(c[2]?c[2]="".concat(l," and ").concat(c[2]):c[2]=l),t.push(c))}},t}},27418:function(a){"use strict";
+!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";
 /*
 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,n=function(a){if(null==a)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(a)}(a),c=1;c<arguments.length;c++){for(var u in r=Object(arguments[c]))l.call(r,u)&&(n[u]=r[u]);if(t){i=t(r);for(var p=0;p<i.length;p++)o.call(r,i[p])&&(n[i[p]]=r[i[p]])}}return n}},75251:function(a,t,l){"use strict";
+*/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";
 /** @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,n=Object.prototype.hasOwnProperty,c={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)n.call(t,o)&&!c.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 n(a){for(var t=-1,l=0;l<i.length;l++)if(i[l].identifier===a){t=l;break}return t}function c(a,t){for(var l={},o=[],e=0;e<a.length;e++){var r=a[e],c=t.base?r[0]+t.base:r[0],u=l[c]||0,p="".concat(c," ").concat(u);l[c]=u+1;var s=n(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=c(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=n(l[o]);i[e].references--}for(var r=c(a,t),u=0;u<l.length;u++){var p=n(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,n=void 0===i?"info":i,c=a.size,u=void 0===c?"small":c,p=a.dataName,s=void 0===p?"":p,y=a.style,v=
+ */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=
 /*! *****************************************************************************
 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"===n||"secondary"===n||"info"===n||"success"===n||"warn"===n||"error"===n;return(0,l.jsx)("svg",Object.assign({className:(o="".concat(f,"-icon"),o+=" svg-icon",r&&(o+=" "+r),d&&(o+=" ".concat(f,"-icon-").concat(n)),u&&(o+=" ".concat(f,"-icon-").concat(u)),o),viewBox:"0 0 1024 1024","data-name":s,style:(t=Object.assign({},y),n&&!d&&(t.color=n),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))},n=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))},c="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,n=!1;try{for(l=l.call(a);!(i=(o=l.next()).done)&&(r.push(o.value),!t||r.length!==t);i=!0);}catch(a){n=!0,e=a}finally{try{i||null==l.return||l.return()}finally{if(n)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=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=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(),n=o.getBoundingClientRect(),u=e.getBoundingClientRect();z.current.displayRefOutsideDomRect=r,z.current.displayRefDomRect=i,z.current.btnRefDomRect=n,z.current.comRefDomRect=u,e.classList.add("".concat(c,"-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 n=a.pageX-z.current.downPos.pageX,c=r.width+n;if(i.width-c<k||c<k)return;t.style.width=c+"px",l.style.width=c+"px",o.style.width="calc(100% - ".concat(c,"px)"),e.style.left=c+"px",z.current.zoomLength=c;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=s+"px",l.style.width=s+"px",o.style.width="calc(100% - ".concat(s,"px)"),e.style.right=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=v+"px",l.style.height=v+"px",o.style.height="calc(100% - ".concat(v,"px)"),e.style.top=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=d+"px",l.style.height=d+"px",o.style.height="calc(100% - ".concat(d,"px)"),e.style.bottom=d+"px",z.current.zoomLength=d}}},$=function(){C.current.classList.remove("".concat(c,"-collapse-layout-move")),window.removeEventListener("mousemove",H),window.removeEventListener("mouseup",$)};return(0,a.useEffect)((function(){B(d)}),[d]),t().createElement("div",{className:p("".concat(c,"-collapse-layout"),"".concat(c,"-collapse-layout-").concat(T),"".concat(c,"-collapse-layout-").concat(u),"".concat(c,"-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",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(n,{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=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,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}()}));