{"version":3,"file":"index.b195f34e.js","sources":["../../src/components/Drawer/index.tsx"],"sourcesContent":["import React, {useEffect} from \"react\";\r\nimport './index.less'\r\nimport {DrawerProps} from \"@/components/Drawer/interface\";\r\n\r\nconst ZDrawer = (props: DrawerProps) => {\r\n    const {\r\n        mask = true,\r\n        maskClosable = true,\r\n        title = '方案详情',\r\n        width = 450,\r\n        visible = false,\r\n        children,\r\n        onClose\r\n    } = props\r\n\r\n    // 点击遮罩层\r\n    const onMask = () => {\r\n        if (mask && maskClosable) {\r\n            onClose?.()\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        const body: any = document.querySelector('body')\r\n        if (visible) {\r\n            body.style.overflow = 'hidden'\r\n        } else {\r\n            body.style.overflow = 'auto'\r\n        }\r\n    }, [visible])\r\n    return (\r\n        <>\r\n            {\r\n                visible\r\n                &&\r\n                <div className='zc-drawer-wrapper' style={{width: mask && '100%' || width}} onClick={onMask}>\r\n                    <div className='zc-drawer-content-wrapper' onClick={(e: any) => e.stopPropagation()}\r\n                         style={{width}}>\r\n                        <div className=\"zc-drawer-content\">\r\n                            <div className=\"zc-drawer-wrapper-body\">\r\n                                <div className=\"zc-drawer-header\">\r\n                                    <div className='zc-drawer-title'>{title}</div>\r\n                                    <div className='zc-drawer-close' onClick={onClose}>×</div>\r\n                                </div>\r\n                                <div className=\"zc-drawer-body\">\r\n                                    {children}\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            }\r\n        </>\r\n    )\r\n}\r\nexport default ZDrawer\r\n\r\n"],"names":["ZDrawer","props","mask","maskClosable","title","width","visible","children","onClose","onMask","body","document","querySelector","style","overflow","e","stopPropagation"],"mappings":"mEAIMA,GAAU,AAACC,GAAuB,MAC9B,CACFC,OAAO,GACPC,eAAe,GACfC,QAAQ,2BACRC,QAAQ,IACRC,UAAU,GACVC,WACAC,WACAP,EAGEQ,EAAS,IAAM,CACbP,GAAQC,8CAKN,IAAM,MACNO,GAAYC,SAASC,cAAc,QACrCN,IACKO,MAAMC,SAAW,WAEjBD,MAAMC,SAAW,QAE3B,CAACR,kBAIQA,YAEK,UAAU,oBAAoB,MAAO,CAACD,MAAOH,GAAQ,QAAUG,GAAQ,QAASI,oBAC5E,UAAU,4BAA4B,QAAS,AAACM,GAAWA,EAAEC,kBAC7D,MAAO,CAACX,2BACJ,UAAU,sCACN,UAAU,4CACN,UAAU,sCACN,UAAU,2BAAmBD,aAC7B,UAAU,kBAAkB,QAASI,gCAEzC,UAAU"}