@para-ui/core 4.0.44 → 4.0.46

package/umd/CollapseLayout.js

@@ -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,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"]),d="paraui-v4",f="primary"===c||"secondary"===c||"info"===c||"success"===c||"warn"===c||"error"===c;return(0,t.jsx)("svg",Object.assign({className:(o="".concat(d,"-icon"),o+=" svg-icon",r&&(o+=" "+r),f&&(o+=" ".concat(d,"-icon-").concat(c)),p&&(o+=" ".concat(d,"-icon-").concat(p)),o),viewBox:"0 0 1024 1024","data-name":n,style:(l=Object.assign({},y),c&&!f&&(l.color=c),l)},v,{children:e}))},i=function(a){return(0,t.jsx)(r,Object.assign({dataName:"LeftTriangleF",viewBox:"0 0 24 24",path:(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("g",Object.assign({id:"LeftTriangleF",transform:"translate(245 -131) rotate(90)"},{children:[(0,t.jsx)("rect",{id:"safe",width:"24",height:"24",transform:"translate(131 221)",fill:"#fff",opacity:"0"}),(0,t.jsx)("path",{id:"icon",d:"M17.817,10.267,9.62.278a.83.83,0,0,0-1.24,0l-8.2,9.989A.8.8,0,0,0,.8,11.578H17.2a.8.8,0,0,0,.62-1.311",transform:"translate(152 238.789) rotate(180)"})]}))})},a))},c=function(a){return(0,t.jsx)(r,Object.assign({dataName:"RightTriangleF",viewBox:"0 0 24 24",path:(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("g",Object.assign({id:"RightTriangleF",transform:"translate(245 -131) rotate(90)"},{children:[(0,t.jsx)("rect",{id:"safe",width:"24",height:"24",transform:"translate(131 221)",fill:"none"}),(0,t.jsx)("path",{id:"路径_20953","data-name":"路径 20953",d:"M17.817,10.268,9.62.279a.83.83,0,0,0-1.24,0l-8.2,9.989A.8.8,0,0,0,.8,11.578H17.2a.8.8,0,0,0,.62-1.311",transform:"translate(134 227.21)"})]}))})},a))},u="paraui-v4";function p(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=p(a[l]))&&(o&&(o+=" "),o+=t);else for(l in a)a[l]&&(o&&(o+=" "),o+=l);return o}function s(){for(var a,l,t=0,o="";t<arguments.length;)(a=arguments[t++])&&(l=p(a))&&(o&&(o+=" "),o+=l);return o}o(70325);function n(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 n(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 n(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 d=function(){return l().createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"80",viewBox:"0 0 20 80"},l().createElement("path",{id:"bg",d:"M14.472,72.764,0,80V0L14.472,7.236A10,10,0,0,1,20,16.18V63.82a10,10,0,0,1-5.528,8.944"}))};const f=function(t){var o,e,r=t.type,p=void 0===r?"left":r,n=t.showLabel,f=t.open,h=void 0!==f&&f,g=t.hideLabel,m=t.spacing,b=void 0===m?20:m,w=t.zoomLength,k=void 0===w?0:w,x=t.minDragLength,j=void 0===x?100:x,O=t.unit,E=void 0===O?"px":O,R=t.style,z=t.className,S=void 0===z?"":z,C=t.onClickBtn,N=(0,a.useRef)({zoomLength:k||0,downPos:{}}),L=(0,a.useRef)(null),P=(0,a.useRef)(null),_=(0,a.useRef)(null),T=(0,a.useRef)(null),M=(0,a.useRef)(null),A=function(){var a=_.current,l=T.current;if(!a||!l)return 0;var t=null,o="";switch(p){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)}(),B=v((0,a.useState)(),2),D=B[0],I=B[1],F={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"!==p&&"bottom"!==p||(a="height"),a},X=function(){var a={},l="margin".concat(U(p));return a[Y()]=N.current.zoomLength+E,a[l]=(D?0:N.current.zoomLength)+E,a.transitionDuration="".concat(A,"ms"),a},q=function(){var a={},l=Y(),t=D?N.current.zoomLength:0;return a[l]="calc(100% - ".concat(t+b).concat(E),a["margin".concat(U(p))]=b+E,a.transitionDuration="".concat(A,"ms"),a},H=function(){I(!D),C&&C(!D)},$=function(a){N.current.downPos.pageX=a.pageX,N.current.downPos.pageY=a.pageY;var l=P.current,t=_.current,o=M.current,e=L.current;if(t&&l&&o&&e){var r=l.getBoundingClientRect(),i=t.getBoundingClientRect(),c=o.getBoundingClientRect(),p=e.getBoundingClientRect();N.current.displayRefOutsideDomRect=r,N.current.displayRefDomRect=i,N.current.btnRefDomRect=c,N.current.comRefDomRect=p,e.classList.add("".concat(u,"-collapse-layout-move")),window.addEventListener("mousemove",J),window.addEventListener("mouseup",V)}},J=function(a){var l=P.current,t=_.current,o=T.current,e=M.current;if(t&&l&&e&&o){var r=N.current.displayRefOutsideDomRect,i=N.current.comRefDomRect;switch(p){case"left":var c=a.pageX-N.current.downPos.pageX,u=r.width+c;if(i.width-u<j||u<j)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"),N.current.zoomLength=u;break;case"right":var s=a.pageX-N.current.downPos.pageX,n=r.width-s;if(i.width-n<j||n<j)return;l.style.width="".concat(n,"px"),t.style.width="".concat(n,"px"),o.style.width="calc(100% - ".concat(n,"px)"),e.style.right="".concat(n,"px"),N.current.zoomLength=n;break;case"top":var y=a.pageY-N.current.downPos.pageY,v=r.height+y;if(i.height-v<j||v<j)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"),N.current.zoomLength=v;break;case"bottom":var d=a.pageY-N.current.downPos.pageY,f=r.height-d;if(i.height-f<j||f<j)return;l.style.height="".concat(f,"px"),t.style.height="".concat(f,"px"),o.style.height="calc(100% - ".concat(f,"px)"),e.style.bottom="".concat(f,"px"),N.current.zoomLength=f}}},V=function(){L.current.classList.remove("".concat(u,"-collapse-layout-move")),window.removeEventListener("mousemove",J),window.removeEventListener("mouseup",V)};return(0,a.useEffect)((function(){I(h)}),[h]),l().createElement("div",{className:s("".concat(u,"-collapse-layout"),"".concat(u,"-collapse-layout-").concat(D),"".concat(u,"-collapse-layout-").concat(p),"".concat(u,"-collapse-layout-").concat(p,"-").concat(D),S),ref:L,style:R},(e=D?n:g,l().createElement("div",{className:"collapse-layout-click collapse-layout-click-label-".concat(!!e),style:(o={},y(o,p,"".concat(D?N.current.zoomLength:0).concat(E)),y(o,"transitionDuration","".concat(A,"ms")),o),ref:M},l().createElement("div",{className:"switch-btn",onClick:H},e&&l().createElement("span",null,e),D?l().createElement(i,{className:"collapse-layout-icon-transform-".concat(p)}):l().createElement(c,{className:"collapse-layout-icon-transform-".concat(p)}),l().createElement("span",{className:"bg-svg"},l().createElement(d,null))),l().createElement("div",{className:"drag-line",onMouseDown:$}))),F.layout[p].map((function(a,o){return"display"===a?l().createElement("div",{key:o,className:"collapse-layout-display",style:(e={},r=(D?N.current.zoomLength:0)+E,e[Y()]=r,e.transitionDuration="".concat(A,"ms"),e),ref:P},l().createElement("div",{className:"collapse-layout-display-shadow",style:X(),ref:_},t.displayContent)):l().createElement("div",{key:o,className:"collapse-layout-default",style:q(),ref:T},t.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"]),d="paraui-v4",f="primary"===c||"secondary"===c||"info"===c||"success"===c||"warn"===c||"error"===c;return(0,t.jsx)("svg",Object.assign({className:(o="".concat(d,"-icon"),o+=" svg-icon",r&&(o+=" "+r),f&&(o+=" ".concat(d,"-icon-").concat(c)),p&&(o+=" ".concat(d,"-icon-").concat(p)),o),viewBox:"0 0 1024 1024","data-name":n,style:(l=Object.assign({},y),c&&!f&&(l.color=c),l)},v,{children:e}))},i=function(a){return(0,t.jsx)(r,Object.assign({dataName:"LeftTriangleF",viewBox:"0 0 24 24",path:(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("g",Object.assign({id:"LeftTriangleF",transform:"translate(245 -131) rotate(90)"},{children:[(0,t.jsx)("rect",{id:"safe",width:"24",height:"24",transform:"translate(131 221)",fill:"#fff",opacity:"0"}),(0,t.jsx)("path",{id:"icon",d:"M17.817,10.267,9.62.278a.83.83,0,0,0-1.24,0l-8.2,9.989A.8.8,0,0,0,.8,11.578H17.2a.8.8,0,0,0,.62-1.311",transform:"translate(152 238.789) rotate(180)"})]}))})},a))},c=function(a){return(0,t.jsx)(r,Object.assign({dataName:"RightTriangleF",viewBox:"0 0 24 24",path:(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("g",Object.assign({id:"RightTriangleF",transform:"translate(245 -131) rotate(90)"},{children:[(0,t.jsx)("rect",{id:"safe",width:"24",height:"24",transform:"translate(131 221)",fill:"none"}),(0,t.jsx)("path",{id:"路径_20953","data-name":"路径 20953",d:"M17.817,10.268,9.62.279a.83.83,0,0,0-1.24,0l-8.2,9.989A.8.8,0,0,0,.8,11.578H17.2a.8.8,0,0,0,.62-1.311",transform:"translate(134 227.21)"})]}))})},a))},u="paraui-v4";function p(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=p(a[l]))&&(o&&(o+=" "),o+=t);else for(l in a)a[l]&&(o&&(o+=" "),o+=l);return o}function s(){for(var a,l,t=0,o="";t<arguments.length;)(a=arguments[t++])&&(l=p(a))&&(o&&(o+=" "),o+=l);return o}o(70325);function n(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 n(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 n(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 d=function(){return l().createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"80",viewBox:"0 0 20 80"},l().createElement("path",{id:"bg",d:"M14.472,72.764,0,80V0L14.472,7.236A10,10,0,0,1,20,16.18V63.82a10,10,0,0,1-5.528,8.944"}))};const f=function(t){var o,e,r=t.type,p=void 0===r?"left":r,n=t.showLabel,f=t.open,h=void 0!==f&&f,g=t.hideLabel,m=t.spacing,b=void 0===m?20:m,w=t.zoomLength,k=void 0===w?0:w,x=t.minDragLength,j=void 0===x?100:x,O=t.unit,E=void 0===O?"px":O,R=t.style,z=t.className,S=void 0===z?"":z,C=t.onClickBtn,N=t.onDragEnd,L=(0,a.useRef)({zoomLength:k||0,downPos:{}}),P=(0,a.useRef)(null),_=(0,a.useRef)(null),T=(0,a.useRef)(null),M=(0,a.useRef)(null),A=(0,a.useRef)(null),B=function(){var a=T.current,l=M.current;if(!a||!l)return 0;var t=null,o="";switch(p){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)}(),D=v((0,a.useState)(),2),I=D[0],F=D[1],U={layout:{left:["display","default"],right:["default","display"],top:["display","default"],bottom:["default","display"]}},Y=function(a){return a.slice(0,1).toUpperCase()+a.slice(1)},X=function(){var a="width";return"top"!==p&&"bottom"!==p||(a="height"),a},q=function(){var a={},l="margin".concat(Y(p));return a[X()]=L.current.zoomLength+E,a[l]=(I?0:L.current.zoomLength)+E,a.transitionDuration="".concat(B,"ms"),a},H=function(){var a={},l=X(),t=I?L.current.zoomLength:0;return a[l]="calc(100% - ".concat(t+b).concat(E),a["margin".concat(Y(p))]=b+E,a.transitionDuration="".concat(B,"ms"),a},$=function(){F(!I),C&&C(!I,B)},J=function(a){L.current.downPos.pageX=a.pageX,L.current.downPos.pageY=a.pageY;var l=_.current,t=T.current,o=A.current,e=P.current;if(t&&l&&o&&e){var r=l.getBoundingClientRect(),i=t.getBoundingClientRect(),c=o.getBoundingClientRect(),p=e.getBoundingClientRect();L.current.displayRefOutsideDomRect=r,L.current.displayRefDomRect=i,L.current.btnRefDomRect=c,L.current.comRefDomRect=p,e.classList.add("".concat(u,"-collapse-layout-move")),window.addEventListener("mousemove",V),window.addEventListener("mouseup",W)}},V=function(a){var l=_.current,t=T.current,o=M.current,e=A.current;if(t&&l&&e&&o){var r=L.current.displayRefOutsideDomRect,i=L.current.comRefDomRect;switch(p){case"left":var c=a.pageX-L.current.downPos.pageX,u=r.width+c;if(i.width-u<j||u<j)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"),L.current.zoomLength=u;break;case"right":var s=a.pageX-L.current.downPos.pageX,n=r.width-s;if(i.width-n<j||n<j)return;l.style.width="".concat(n,"px"),t.style.width="".concat(n,"px"),o.style.width="calc(100% - ".concat(n,"px)"),e.style.right="".concat(n,"px"),L.current.zoomLength=n;break;case"top":var y=a.pageY-L.current.downPos.pageY,v=r.height+y;if(i.height-v<j||v<j)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"),L.current.zoomLength=v;break;case"bottom":var d=a.pageY-L.current.downPos.pageY,f=r.height-d;if(i.height-f<j||f<j)return;l.style.height="".concat(f,"px"),t.style.height="".concat(f,"px"),o.style.height="calc(100% - ".concat(f,"px)"),e.style.bottom="".concat(f,"px"),L.current.zoomLength=f}}},W=function(){P.current.classList.remove("".concat(u,"-collapse-layout-move")),N&&N(),window.removeEventListener("mousemove",V),window.removeEventListener("mouseup",W)};return(0,a.useEffect)((function(){F(h)}),[h]),l().createElement("div",{className:s("".concat(u,"-collapse-layout"),"".concat(u,"-collapse-layout-").concat(I),"".concat(u,"-collapse-layout-").concat(p),"".concat(u,"-collapse-layout-").concat(p,"-").concat(I),S),ref:P,style:R},(e=I?n:g,l().createElement("div",{className:"collapse-layout-click collapse-layout-click-label-".concat(!!e),style:(o={},y(o,p,"".concat(I?L.current.zoomLength:0).concat(E)),y(o,"transitionDuration","".concat(B,"ms")),o),ref:A},l().createElement("div",{className:"switch-btn",onClick:$},e&&l().createElement("span",null,e),I?l().createElement(i,{className:"collapse-layout-icon-transform-".concat(p)}):l().createElement(c,{className:"collapse-layout-icon-transform-".concat(p)}),l().createElement("span",{className:"bg-svg"},l().createElement(d,null))),l().createElement("div",{className:"drag-line",onMouseDown:J}))),U.layout[p].map((function(a,o){return"display"===a?l().createElement("div",{key:o,className:"collapse-layout-display",style:(e={},r=(I?L.current.zoomLength:0)+E,e[X()]=r,e.transitionDuration="".concat(B,"ms"),e),ref:_},l().createElement("div",{className:"collapse-layout-display-shadow",style:q(),ref:T},t.displayContent)):l().createElement("div",{key:o,className:"collapse-layout-default",style:H(),ref:M},t.defaultContent);var e,r})))}})(),e})()));