{"_id":"@ahwui/drawer","name":"@ahwui/drawer","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.4":{"name":"@ahwui/drawer","version":"0.0.4","description":"ui component","homepage":"https://github.com/ybuiw/ahwui/tree/master#readme","repository":{"type":"git","url":"git+https://github.com/ybuiw/ahwui.git"},"license":"MIT","main":"./cjs/index.js","module":"./esm/index.js","scripts":{"watch":"tsbb watch src/*.tsx --use-babel","build":"tsbb build src/*.tsx --use-babel","test":"tsbb test --env=jsdom","coverage":"tsbb test --env=jsdom --coverage --bail"},"publishConfig":{"access":"public"},"keywords":["react.js","react","react-component","react-drawer","drawer","@ahwui/drawer"],"peerDependencies":{"@babel/runtime":">=7.10.0","react":">=17.x","react-dom":">=17.x"},"dependencies":{"classnames":"^2.3.1"},"devDependencies":{"@babel/runtime":"^7.21.0","@types/react":"^18.0.37","@types/react-dom":"^18.0.11","@types/styled-components":"^5.1.26","react":"^18.2.0","react-dom":"^18.2.0","styled-components":"^5.3.5"},"types":"./cjs/index.d.ts","gitHead":"17b04b08cc9a10a6fb8a879af5d298d1ae6c5c75","bugs":{"url":"https://github.com/ybuiw/ahwui/issues"},"_id":"@ahwui/drawer@0.0.4","_nodeVersion":"16.20.0","_npmVersion":"8.19.4","dist":{"integrity":"sha512-tFKCEIE3s0KHMdWII4EyG/A9UZAXAY6JjkFtCNXhQy+lKdg6Qk55lb/Xx+Jitip3YYu5hx3serCX4iLBCMPE2A==","shasum":"b9797997e50811726fe8532e91e1205a4763d8d0","tarball":"https://registry.npmjs.org/@ahwui/drawer/-/drawer-0.0.4.tgz","fileCount":8,"unpackedSize":7889,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDgD1hpkRcWZaMCphjW/6a77t5plwKbt8HUxiwoVg59GAiB6/83K8iLiKyyE2346s3/EzqfX44HZmA4stMFwMR1pAA=="}]},"_npmUser":{"name":"uub","email":"yaob421123@163.com"},"directories":{},"maintainers":[{"name":"uub","email":"yaob421123@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/drawer_0.0.4_1685815700682_0.25004931032696764"},"_hasShrinkwrap":false}},"time":{"created":"2023-06-03T18:08:20.626Z","0.0.4":"2023-06-03T18:08:20.834Z","modified":"2023-06-03T18:08:20.993Z"},"maintainers":[{"name":"uub","email":"yaob421123@163.com"}],"description":"ui component","homepage":"https://github.com/ybuiw/ahwui/tree/master#readme","keywords":["react.js","react","react-component","react-drawer","drawer","@ahwui/drawer"],"repository":{"type":"git","url":"git+https://github.com/ybuiw/ahwui.git"},"bugs":{"url":"https://github.com/ybuiw/ahwui/issues"},"license":"MIT","readme":"Drawer 抽屉\n===\n\n抽屉\n\n## 安装\n\n```jsx\nimport { Drawer } from '@ahwui/ui';\n// or\nimport Drawer from '@ahwui/drawer';\n```\n\n## 基本用法\n\n```jsx\nimport { useState } from 'react';\nimport { Drawer } from '@ahwui/ui';\n\nexport default function App() {\n  const [start, setStart] = useState<boolean>(false);\n  return (\n    <div className=\"App\">\n      <Drawer visible={start} onClose={() => setStart(false)}>\n        2222\n      </Drawer>\n    </div>\n  )\n}\n```\n\n## props\n\n```jsx\nexport interface DrawerProps {\n  /** 展示或隐藏 */\n  visible?: boolean;\n  /** 抽屉宽度, 默认500px */\n  width?: number | string;\n  /** class */\n  className?: string;\n  /** 抽屉样式 */\n  contentStyle?: React.CSSProperties;\n  /** 关闭事件 */\n  onClose?: () => void;\n}\n```\n","readmeFilename":"README.md"}