https://image.next.vivosun.com/file-asset/static/f8a2e0a4f70392282…/static/chunks/3301.fb03f563c21613ed.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3301],{70505:function(e,r,t){t.d(r,{Y:function(){return p}});var n=t(90849),s=t(90089),i=t(55360),l=t(24246),c=["list","render","colProps"];function o(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?o(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):o(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var p=function(e){var r=e.list,t=e.render,n=e.colProps,o=(0,s.Z)(e,c);return r&&0!==r.length?(0,l.jsx)(i.X,a(a({},o),{},{children:r.map((function(e,r){return(0,l.jsx)(i.J,a(a({},"function"===typeof n?n(e,r):n),{},{children:t(e,r)}),r)}))})):null}},83301:function(e,r,t){t.r(r),t.d(r,{default:function(){return v}});var n=t(90849),s=t(90089),i=t(27378),l=t(83033),c=t(46126),o=t(63651),a=t(86834),p=t(24246),u=function e(r){var t=r.lines,n=void 0===t?80:t,s=r.placement;return(0,p.jsxs)("div",{className:"py-2 site-space",children:[(0,p.jsx)("p",{children:(0,p.jsx)(l.dy,{placement:s,trigger:(0,p.jsx)(c.z,{type:"link",className:"p-0",children:"Open Another Drawer"}),title:"Drawer in Body",body:(0,p.jsx)(e,{placement:s}),cancelText:"OK"})}),(0,p.jsx)("div",{children:(0,p.jsx)("input",{type:"text"})}),(0,p.jsxs)("div",{children:[(0,p.jsx)("input",{type:"checkbox",name:"test",value:"1"}),(0,p.jsx)("input",{type:"checkbox",name:"test",value:"2"}),(0,p.jsx)("input",{type:"checkbox",name:"test",value:"3"})]}),(0,p.jsx)("p",{children:(0,p.jsx)(l.uh,{children:(0,p.jsx)(c.z,{type:"link",className:"p-0",children:"Close Drawer"})})}),(0,p.jsx)("p",{children:(0,p.jsx)(l.uh,{children:(0,p.jsx)(a.Z,{href:"/test-yahaha?key=drawer2&v=".concat(Math.round(10*Math.random())),children:"Link Wrapped by DrawerClose"})})}),(0,p.jsx)("p",{children:(0,p.jsx)(a.Z,{href:"/test-yahaha?key=drawer2&v=".concat(Math.round(10*Math.random())),children:"Pure Link"})}),(0,p.jsx)(o.N,{list:new Array(n).fill(void 0),render:function(e,r){var t=r.index;return(0,p.jsx)("div",{children:t+1})}})]})},d=t(70505),h=["sectionTitle","hasDefaultDrawerProps","lines"];function j(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 x(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?j(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var b=function(e,r){return{title:"Title",extra:(0,p.jsx)(l.dy,{trigger:(0,p.jsx)(l.Do,{children:"?"}),placement:e,title:"Extra Title",body:(0,p.jsx)(u,{placement:e}),cancelText:"OK"}),body:(0,p.jsx)(u,{placement:e,lines:r}),cancelText:"Cancel"}},f=function(e){var r=e.sectionTitle,t=e.children;return(0,p.jsxs)("section",{className:"mb-4",children:[(0,p.jsx)("h2",{className:"mb-1",children:r}),t]})},y=function(e){var r=e.sectionTitle,t=e.hasDefaultDrawerProps,n=void 0===t||t,i=e.lines,o=(0,s.Z)(e,h);return(0,p.jsx)(f,{sectionTitle:r,children:(0,p.jsx)(d.Y,{colsPerRow:4,gutter:10,list:["bottom","top","left","right"],render:function(e){return(0,p.jsx)(l.dy,x(x({placement:e,trigger:(0,p.jsx)(c.z,{block:!0,children:e})},n?b(e,i):{}),o))}})})},O=function(e){var r=e.sectionTitle,t=e.renderDrawerProps,n=(0,i.useState)(!1),s=n[0],o=n[1];return(0,p.jsxs)(f,{sectionTitle:r,children:[(0,p.jsx)(c.z,{type:"primary",block:!0,onClick:function(){return o(!0)},children:"Open Drawer"}),(0,p.jsx)(l.dy,x(x({},b("bottom")),t({visible:s,setVisible:o})))]})},v=function(){return(0,p.jsxs)("div",{className:"wrapper",children:[(0,p.jsx)(y,{sectionTitle:"Base",lines:5}),(0,p.jsx)(y,{sectionTitle:"Scroll"}),(0,p.jsx)(y,{sectionTitle:"Close on Left Side",closePlacement:"left"}),(0,p.jsxs)(y,{sectionTitle:"Custom Body and Footer by Children",hasDefaultDrawerProps:!1,title:"Title",children:[(0,p.jsx)(l.Ng,{children:(0,p.jsx)(u,{lines:5})}),(0,p.jsx)(l.ze,{className:"pt-0",children:(0,p.jsx)(l.uh,{children:(0,p.jsx)(c.z,{type:"text",block:!0,children:"Override Cancel"})})})]}),(0,p.jsxs)(y,{sectionTitle:"Custom All by Children",hasDefaultDrawerProps:!1,header:!1,children:[(0,p.jsx)(l.OX,{title:"Override Title",closeIconType:"arrow"}),(0,p.jsx)(l.Ng,{children:(0,p.jsx)(u,{})}),(0,p.jsx)(l.ze,{className:"pt-0",children:(0,p.jsx)(l.uh,{children:(0,p.jsx)(c.z,{type:"text",block:!0,children:"Override Cancel"})})})]}),(0,p.jsx)(O,{sectionTitle:"With Props Open (Notice onOpenChange and onClose)",renderDrawerProps:function(e){var r=e.visible,t=e.setVisible;return{open:r,onOpenChange:function(e){console.log("onOpenChange out",e)},onClose:function(){return t(!1)}}}}),(0,p.jsx)(O,{sectionTitle:"closable false",renderDrawerProps:function(e){var r=e.visible,t=e.setVisible;return{open:r,onOpenChange:t,closable:!1,cancelText:"Default Footer and Mask are Unclosable",body:(0,p.jsx)(c.z,{block:!0,type:"text",onClick:function(){return t(!1)},children:"Close Drawer"})}}}),(0,p.jsx)(O,{sectionTitle:"closable true + maskClosable false",renderDrawerProps:function(e){var r=e.visible,t=e.setVisible;return{open:r,onOpenChange:t,closable:!0,maskClosable:!1,body:(0,p.jsx)(c.z,{block:!0,type:"text",onClick:function(){return t(!1)},children:"Close Drawer"})}}}),(0,p.jsx)(O,{sectionTitle:"mask false",renderDrawerProps:function(e){return{open:e.visible,onOpenChange:e.setVisible,mask:!1}}}),(0,p.jsx)(O,{sectionTitle:"maskStyle",renderDrawerProps:function(e){return{open:e.visible,onOpenChange:e.setVisible,maskStyle:{background:"rgba(0,0,0,.8)"}}}})]})}}}]);