@uiw/react-split/dist/dist.min.js

A piece of content can be divided into areas that can be dragged to adjust the width or height.

/*! For license information please see dist.min.js.LICENSE.txt */
!function(e,r){"object"===typeof exports&&"object"===typeof module?module.exports=r(require("react")):"function"===typeof define&&define.amd?define(["react"],r):"object"===typeof exports?exports["@uiw/react-split"]=r(require("react")):e["@uiw/react-split"]=r(e.React)}(self,e=>(()=>{"use strict";var r={192(e,r,t){var n=t(442),o=Symbol.for("react.element"),u=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function a(e,r,t){var n,u={},a=null,s=null;for(n in void 0!==t&&(a=""+t),void 0!==r.key&&(a=""+r.key),void 0!==r.ref&&(s=r.ref),r)c.call(r,n)&&!l.hasOwnProperty(n)&&(u[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===u[n]&&(u[n]=r[n]);return{$$typeof:o,type:e,key:a,ref:s,props:u,_owner:i.current}}r.jsx=a,r.jsxs=a},540(e,r,t){e.exports=t(192)},442(r){r.exports=e}},t={};function n(e){var o=t[e];if(void 0!==o)return o.exports;var u=t[e]={exports:{}};return r[e](u,u.exports,n),u.exports}n.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return n.d(r,{a:r}),r},n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(e){var r=function(e,r){if("object"!=u(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==u(r)?r:r+""}function i(e,r,t){return(r=c(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?l(Object(t),!0).forEach(function(r){i(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function s(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function f(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,u,c,i=[],l=!0,a=!1;try{if(u=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;l=!1}else for(;!(l=(n=u.call(t)).done)&&(i.push(n.value),i.length!==r);l=!0);}catch(e){a=!0,o=e}finally{try{if(!l&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(a)throw o}}return i}}(e,r)||function(e,r){if(e){if("string"==typeof e)return s(e,r);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?s(e,r):void 0}}(e,r)||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.")}()}n.r(o),n.d(o,{default:()=>v});var p=n(442),d=n.n(p),y=n(540),b=["prefixCls","visiable","mode","className","children","visible","renderBar","lineBar","disable","onDragEnd","onDragging"];const v=function(e){var r,t=e.prefixCls,n=void 0===t?"w-split":t,o=(e.visiable,e.mode),u=void 0===o?"horizontal":o,c=e.className,i=e.children,l=e.visible,s=void 0===l?null!==(r=e.visible)&&void 0!==r?r:e.visiable:l,v=e.renderBar,m=e.lineBar,g=e.disable,O=e.onDragEnd,h=e.onDragging,j=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==r.indexOf(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)t=u[n],-1===r.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,b),w=f((0,p.useState)(!1),2),S=w[0],E=w[1],x=(0,p.useRef)(null),P=(0,p.useRef)(0),R=(0,p.useRef)(0),_=(0,p.useRef)(0),N=(0,p.useRef)(!1),D=(0,p.useRef)(null),C=(0,p.useRef)(0),k=(0,p.useRef)(0),B=(0,p.useRef)(0),A=(0,p.useRef)(0),I=(0,p.useRef)(0),L=(0,p.useRef)(0),T=(0,p.useRef)(0),M=(0,p.useRef)(0),W=(0,p.useCallback)(function(){window.removeEventListener("mousemove",H,!1),window.removeEventListener("mouseup",U,!1)},[]),H=(0,p.useCallback)(function(e){var r,t;if(N.current){S||E(!0);var n=null===(r=D.current)||void 0===r?void 0:r.nextElementSibling,o=null===(t=D.current)||void 0===t?void 0:t.previousElementSibling,c=e.clientX-R.current,i=e.clientY-_.current;if(T.current=0,M.current=0,"horizontal"===u){if(T.current=B.current+c>-1?B.current+c:0,M.current=A.current-c>-1?A.current-c:0,0===T.current||0===M.current)return;T.current=100*(T.current/C.current>=1?1:T.current/C.current),M.current=100*(M.current/C.current>=1?1:M.current/C.current),o&&n&&(o.style.width="".concat(T.current,"%"),n.style.width="".concat(M.current,"%"))}if("vertical"===u&&I.current+i>-1&&L.current-i>-1){if(T.current=I.current+i>-1?I.current+i:0,M.current=L.current-i>-1?L.current-i:0,T.current=100*(T.current/k.current>=1?1:T.current/k.current),M.current=100*(M.current/k.current>=1?1:M.current/k.current),0===T.current||0===M.current)return;o&&n&&(o.style.height="".concat(T.current,"%"),n.style.height="".concat(M.current,"%"))}h&&h(T.current,M.current,P.current)}},[u,h,S]),U=(0,p.useCallback)(function(){N.current=!1,O&&O(T.current,M.current,P.current),W(),E(!1)},[O,W]),Y=(0,p.useCallback)(function(e,r){if(r.target&&x.current){P.current=e,R.current=r.clientX,_.current=r.clientY,N.current=!0,D.current=r.target.parentNode;var t=D.current.previousElementSibling,n=D.current.nextElementSibling;C.current=x.current.clientWidth,k.current=x.current.clientHeight,t&&(B.current=t.clientWidth,I.current=t.clientHeight),n&&(A.current=n.clientWidth,L.current=n.clientHeight),window.addEventListener("mousemove",H),window.addEventListener("mouseup",U,!1),E(!0)}},[H,U]);(0,p.useEffect)(function(){return function(){W()}},[W]);var $=[n,c,"".concat(n,"-").concat(u),S?"dragging":null].filter(Boolean).join(" ").trim(),q=d().Children.toArray(i);return(0,y.jsx)("div",a(a({className:$},j),{},{ref:x,children:d().Children.map(q,function(e,r){var t=Object.assign({},e.props,{className:["".concat(n,"-pane"),e.props.className].filter(Boolean).join(" ").trim(),style:a({},e.props.style)}),o=!0===s||s&&s.includes(r+1)||!1,u={className:["".concat(n,"-bar"),m?"".concat(n,"-line-bar"):null,m?null:"".concat(n,"-large-bar")].filter(Boolean).join(" ").trim()};(!0===g||g&&g.includes(r+1))&&(u.className=[u.className,g?"disable":null].filter(Boolean).join(" ").trim());var c=null;return 0!==r&&o&&v?c=v(a(a({},u),{},{onMouseDown:function(e){return Y(r+1,e)}})):0!==r&&o&&(c=d().createElement("div",a({},u),(0,y.jsx)("div",{onMouseDown:function(e){return Y(r+1,e)}}))),(0,y.jsxs)(d().Fragment,{children:[c,d().cloneElement(e,a({},t))]},r)})}))};return o})());