UNPKG

@uiw/react-layout

Version:

React components that handle the overall layout of the page.

2 lines 7.32 kB
/*! For license information please see layout.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-layout"]=r(require("react")):e["@uiw/react-layout"]=r(e.React)}(self,(e=>(()=>{"use strict";var r={298:(e,r,t)=>{var n=t(787),o=Symbol.for("react.element"),i=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u={key:!0,ref:!0,__self:!0,__source:!0};function c(e,r,t){var n,i={},c=null,f=null;for(n in void 0!==t&&(c=""+t),void 0!==r.key&&(c=""+r.key),void 0!==r.ref&&(f=r.ref),r)a.call(r,n)&&!u.hasOwnProperty(n)&&(i[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===i[n]&&(i[n]=r[n]);return{$$typeof:o,type:e,key:c,ref:f,props:i,_owner:l.current}}r.jsx=c},605:(e,r,t)=>{e.exports=t(298)},787:r=>{r.exports=e}},t={};function n(e){var o=t[e];if(void 0!==o)return o.exports;var i=t[e]={exports:{}};return r[e](i,i.exports,n),i.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={};return(()=>{function e(r){return e="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},e(r)}function r(r){var t=function(r,t){if("object"!==e(r)||null===r)return r;var n=r[Symbol.toPrimitive];if(void 0!==n){var o=n.call(r,t||"default");if("object"!==e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(r)}(r,"string");return"symbol"===e(t)?t:String(t)}function t(e,t,n){return(t=r(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(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 n=null!=arguments[r]?arguments[r]:{};r%2?i(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function l(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function u(e,r){if(e){if("string"===typeof e)return l(e,r);var t=Object.prototype.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)?l(e,r):void 0}}function c(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||u(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}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,i,a,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=i.call(t)).done)&&(l.push(n.value),l.length!==r);u=!0);}catch(f){c=!0,o=f}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}(e,r)||u(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.")}()}function s(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}n.r(o),n.d(o,{LayoutContent:()=>C,LayoutContext:()=>b,LayoutFooter:()=>w,LayoutHeader:()=>j,LayoutSider:()=>N,default:()=>E,randomid:()=>g});var d=n(787),y=n.n(d),p=n(605),m=["prefixCls","className","hasSider","children"],b=y().createContext({addSider:function(){return null},removeSider:function(){return null}}),v=y().forwardRef((function(e,r){var t=e.prefixCls,n=void 0===t?"w-layout":t,o=e.className,i=e.hasSider,l=e.children,u=s(e,m),y=f((0,d.useState)([]),2),v=y[0],h=y[1],S=[n,o,"boolean"===typeof i&&i||v.length>0?"".concat(n,"-has-sider"):null].filter(Boolean).join(" ").trim();return(0,p.jsx)(b.Provider,{value:{addSider:function(e){h((function(r){return[].concat(c(r),[e])}))},removeSider:function(e){h((function(r){return c(r.filter((function(r){return r!==e})))}))}},children:(0,p.jsx)("section",a(a({ref:r,className:S},u),{},{children:l}))})}));v.displayName="Layout";const h=v;var S=["prefixCls","className","children"],j=y().forwardRef((function(e,r){var t=e||{},n=t.prefixCls,o=void 0===n?"w-layout-header":n,i=t.className,l=t.children,u=s(t,S),c=[o,i].filter(Boolean).join(" ").trim();return(0,p.jsx)("header",a(a({ref:r,className:c},u),{},{children:l}))})),O=["prefixCls","className","children"],w=y().forwardRef((function(e,r){var t=e.prefixCls,n=void 0===t?"w-layout-footer":t,o=e.className,i=e.children,l=s(e,O),u=[n,o].filter(Boolean).join(" ").trim();return(0,p.jsx)("footer",a(a({ref:r,className:u},l),{},{children:i}))})),x=["prefixCls","className","style","children","width","collapsedWidth","collapsed","addSider","removeSider"];function g(){return parseInt(String(1e15*Math.random()),10).toString(36)}var P=y().forwardRef((function(e,r){var t=e,n=t.prefixCls,o=void 0===n?"w-layout-sider":n,i=t.className,l=t.style,u=t.children,c=t.width,y=void 0===c?200:c,m=t.collapsedWidth,b=void 0===m?80:m,v=t.collapsed,h=void 0!==v&&v,S=t.addSider,j=t.removeSider,O=s(t,x),w=f((0,d.useState)("w-layout-".concat(g())),1)[0],P=f((0,d.useState)(h?b:y),2),N=P[0],_=P[1];(0,d.useEffect)((function(){return S&&S(w),function(){j&&j(w)}}),[]),(0,d.useMemo)((function(){return _(h?b:y)}),[y,b,h]);var C=a(a({},l),{},{flex:"0 0 ".concat(N),maxWidth:N,minWidth:N,width:N});return(0,p.jsx)("div",a(a({ref:r,className:[o,i].filter(Boolean).join(" ").trim(),style:C},O),{},{children:u}))})),N=y().forwardRef((function(e,r){return(0,p.jsx)(b.Consumer,{children:function(t){return(0,p.jsx)(P,a(a({ref:r},e),t))}})})),_=["prefixCls","className","children"],C=y().forwardRef((function(e,r){var t=e.prefixCls,n=void 0===t?"w-layout-content":t,o=e.className,i=e.children,l=s(e,_),u=[n,o].filter(Boolean).join(" ").trim();return(0,p.jsx)("main",a(a({ref:r,className:u},l),{},{children:i}))}));h.Header=j,h.Footer=w,h.Sider=N,h.Content=C;const E=h})(),o})()));