{"_id":"@busyzz/react-popup","_rev":"5-9b47e67d6b1651da5b5db645ed13ab9d","name":"@busyzz/react-popup","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.2":{"version":"0.1.2","license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why","predeploy":"npm run build && cd example && npm run build -- --public-url https://busyzz-1994.github.io/react-popup","deploy":"gh-pages -d ./example/dist"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@busyzz/react-popup","author":{"name":"busyzz"},"module":"dist/react-popup.esm.js","size-limit":[{"path":"dist/react-popup.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-popup.esm.js","limit":"10 KB"}],"devDependencies":{"@size-limit/preset-small-lib":"^5.0.4","@types/gh-pages":"^3.2.0","@types/react":"^17.0.24","@types/react-dom":"^17.0.9","autoprefixer":"^10.3.6","cssnano":"^5.0.8","gh-pages":"^3.2.3","husky":"^7.0.2","node-sass":"^6.0.1","react":"^17.0.2","react-dom":"^17.0.2","rollup-plugin-postcss":"^4.0.1","size-limit":"^5.0.4","tsdx":"^0.14.1","tslib":"^2.3.1","typescript":"^4.4.3"},"dependencies":{"@types/classnames":"^2.3.1","@types/react-transition-group":"^4.4.3","classnames":"^2.3.1","react-transition-group":"^4.4.2"},"gitHead":"938f2961d224893b054eeac556f256e9181aee27","description":"[https://busyzz-1994.github.io/react-popup/](https://busyzz-1994.github.io/react-popup/)","_id":"@busyzz/react-popup@0.1.2","_nodeVersion":"12.13.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-7vvnSabSduu3ZANrTA64WRFb5GoPesR27D914orkVIzSDyAlu+hjtSB08Sq6+n0BgFx9OWOfeUezUJXJsSV8hA==","shasum":"9f21dc6d2db6eeb8b027ca05f75cd083417ddefb","tarball":"https://registry.npmjs.org/@busyzz/react-popup/-/react-popup-0.1.2.tgz","fileCount":18,"unpackedSize":53117,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFhUMQWHWXj7/ijpb2pN2VsMA0h9FdPoFWf8riSjjlzzAiAQjVyrS+skR03U84PRb89wSHM2SBUtjNaycH2EC3bv1g=="}]},"_npmUser":{"name":"busyzz","email":"540548050@qq.com"},"directories":{},"maintainers":[{"name":"busyzz","email":"540548050@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popup_0.1.2_1632750137401_0.9742760220626328"},"_hasShrinkwrap":false},"0.1.3":{"version":"0.1.3","license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why","predeploy":"npm run build && cd example && npm run build -- --public-url https://busyzz-1994.github.io/react-popup","deploy":"gh-pages -d ./example/dist"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@busyzz/react-popup","author":{"name":"busyzz"},"module":"dist/react-popup.esm.js","size-limit":[{"path":"dist/react-popup.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-popup.esm.js","limit":"10 KB"}],"devDependencies":{"@size-limit/preset-small-lib":"^5.0.4","@types/gh-pages":"^3.2.0","@types/react":"^17.0.24","@types/react-dom":"^17.0.9","autoprefixer":"^10.3.6","cssnano":"^5.0.8","gh-pages":"^3.2.3","husky":"^7.0.2","node-sass":"^6.0.1","react":"^17.0.2","react-dom":"^17.0.2","rollup-plugin-postcss":"^4.0.1","size-limit":"^5.0.4","tsdx":"^0.14.1","tslib":"^2.3.1","typescript":"^4.4.3"},"dependencies":{"@types/classnames":"^2.3.1","@types/react-transition-group":"^4.4.3","classnames":"^2.3.1","react-transition-group":"^4.4.2"},"gitHead":"c73fcee181b4055bd6bf7c84a249ccb83c9d2fa6","description":"[https://busyzz-1994.github.io/react-popup/](https://busyzz-1994.github.io/react-popup/)","_id":"@busyzz/react-popup@0.1.3","_nodeVersion":"12.13.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-/t96LKNVnEBhcWX4aHU6K3Ww4RshQnIcJRUI66c8cbFrayfflDIRXwAu3r2dyIUNiQHScfbB2p7uxwH+ipqMzg==","shasum":"644e3f776e15e8d5ab595182b2c1b47484e8d1ce","tarball":"https://registry.npmjs.org/@busyzz/react-popup/-/react-popup-0.1.3.tgz","fileCount":18,"unpackedSize":53170,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDepGeBqaLnzozksLkof7jSMiJJ4ZJ1zOW65tFANqZSmAiAbMOjxQaXrhnzoN4F3A+eC8GODuH6JF/OIgqzesNc0sA=="}]},"_npmUser":{"name":"busyzz","email":"540548050@qq.com"},"directories":{},"maintainers":[{"name":"busyzz","email":"540548050@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popup_0.1.3_1632750675427_0.7174180702119197"},"_hasShrinkwrap":false},"0.1.4":{"version":"0.1.4","license":"MIT","description":"react-popup-component React component","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why","predeploy":"npm run build && cd example && npm run build -- --public-url https://busyzz-1994.github.io/react-popup","deploy":"gh-pages -d ./example/dist"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@busyzz/react-popup","author":{"name":"busyzz"},"module":"dist/react-popup.esm.js","size-limit":[{"path":"dist/react-popup.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-popup.esm.js","limit":"10 KB"}],"devDependencies":{"@size-limit/preset-small-lib":"^5.0.4","@types/gh-pages":"^3.2.0","@types/react":"^17.0.24","@types/react-dom":"^17.0.9","autoprefixer":"^10.3.6","cssnano":"^5.0.8","gh-pages":"^3.2.3","husky":"^7.0.2","node-sass":"^6.0.1","react":"^17.0.2","react-dom":"^17.0.2","rollup-plugin-postcss":"^4.0.1","size-limit":"^5.0.4","tsdx":"^0.14.1","tslib":"^2.3.1","typescript":"^4.4.3"},"dependencies":{"@types/classnames":"^2.3.1","@types/react-transition-group":"^4.4.3","classnames":"^2.3.1","react-transition-group":"^4.4.2"},"keywords":["react-popup","react-component","dialog","popup"],"homepage":"https://github.com/busyzz-1994/react-popup","repository":{"type":"git","url":"git+https://github.com/busyzz-1994/react-popup.git"},"gitHead":"625d05cf1f91ac97931d5c12a8cd48e3a2ec29c2","bugs":{"url":"https://github.com/busyzz-1994/react-popup/issues"},"_id":"@busyzz/react-popup@0.1.4","_nodeVersion":"12.13.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-pjyZYGk8tWn8d6OvpIlemdEfcYcWfn73CEZ46pGZ6A9fOukCA9PzvOk40Shk5PlYLaIBeAArEDG7hrje4IfNpw==","shasum":"6be5756cc30d5a0ff422d85f7390e17c52ad3361","tarball":"https://registry.npmjs.org/@busyzz/react-popup/-/react-popup-0.1.4.tgz","fileCount":18,"unpackedSize":53592,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDguxFuKTGVZgwKlX1lVV5T0HnghuthzjlNw/2ng9fykAIhANpPovKvGpLe5eJhpzKd7F11Vn55C5nllfmIG06Gy8Ch"}]},"_npmUser":{"name":"busyzz","email":"540548050@qq.com"},"directories":{},"maintainers":[{"name":"busyzz","email":"540548050@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popup_0.1.4_1632755324541_0.3813447525422402"},"_hasShrinkwrap":false},"0.2.0":{"version":"0.2.0","license":"MIT","description":"react-popup-component React component","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why","predeploy":"npm run build && cd example && npm run build -- --public-url https://busyzz-1994.github.io/react-popup","deploy":"gh-pages -d ./example/dist"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@busyzz/react-popup","author":{"name":"busyzz"},"module":"dist/react-popup.esm.js","size-limit":[{"path":"dist/react-popup.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-popup.esm.js","limit":"10 KB"}],"devDependencies":{"@size-limit/preset-small-lib":"^5.0.4","@types/gh-pages":"^3.2.0","@types/react":"^17.0.24","@types/react-dom":"^17.0.9","autoprefixer":"^10.3.6","cssnano":"^5.0.8","gh-pages":"^3.2.3","husky":"^7.0.2","node-sass":"^6.0.1","react":"^17.0.2","react-dom":"^17.0.2","rollup-plugin-postcss":"^4.0.1","size-limit":"^5.0.4","tsdx":"^0.14.1","tslib":"^2.3.1","typescript":"^4.4.3"},"dependencies":{"@types/classnames":"^2.3.1","@types/react-transition-group":"^4.4.3","classnames":"^2.3.1","react-transition-group":"^4.4.2"},"keywords":["react-popup","react-component","dialog","popup"],"homepage":"https://github.com/busyzz-1994/react-popup","repository":{"type":"git","url":"git+https://github.com/busyzz-1994/react-popup.git"},"gitHead":"da700bca8c4746fab75c065165c80e8cf0b82079","bugs":{"url":"https://github.com/busyzz-1994/react-popup/issues"},"_id":"@busyzz/react-popup@0.2.0","_nodeVersion":"12.13.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-Ggrkz8et2K4FGx4Ca4+OtuWB+oMhOi/XKfXmSdC+iS/y04Ztlyw+2KYG6WHR5gXUokcJodEVTMTy1E3iLLblqg==","shasum":"c44e31fd3ef7ed3246b2c8379670c539c25c4762","tarball":"https://registry.npmjs.org/@busyzz/react-popup/-/react-popup-0.2.0.tgz","fileCount":18,"unpackedSize":59750,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzabICRA9TVsSAnZWagAA87oP/2dx+iRKL8h+PTamOgWX\nzlogfzeqaX3KnS4n5QxXYUGzlXzlX6ayDzpOq7MlwSDyVHXaNbiLYG74x7BV\nUmGXawV6AMAiVL08macaUXF1Px1kralZ//pohux1NNkIy0v4VveB8ZoK3u2V\ntzm2GDlq1AcmuAudY7ufSkxwRYER3kaYsbYTLnnA9YTinVbxYXi2Yhxii6E6\nBgSCGN72mBA4f1IFlgxArHyqLSjwv1kfbC8DjO3v3/YzNGuF5WCZy86olRRc\nVbNrjK1KCzGoIDgAhx6qMyJjDeN8e+0O7pUt+fdNyhFyKpZ5BkSpG2/aJJek\nc1iphCweHxhwCD0VYj0eeDFwNvuyYnCy3ZSWviMndut9518ujnMgd9HZga0+\n5hbTZdkanakEXcgKlsb6tAf2LU9zj9XWSnJATpT2uyYB9C4F5mYjRJE8U62c\nNkijd9Ly0jDzlXfp/l2TpYO6BYdnM6aSolrA3T2f5cf6TxoQhbQuVaum/5Qf\nyjr0e7JeSTfL9lvsXEeZW/fOD8T3DwcrJvh4YTUNt3YXGNKBF3mw0Xc/b3ne\nGY78kGEMHpWHoei3bN3A3BgQdGYwDAhSKHSm31R4jE9FEQU8iFi1CruBEfQn\nipDShB8e8xPAaexsCggPp7eu8VLf4fAxcJlUALxLv0dL4SJ8JaOIpGJIWMby\n27CB\r\n=sWoS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9t3oyth49MHtyOG6syzUkhRKoYayv0reM0IQQDehVbgIhAJXROkzPbc5BtB3jcXn8JWE8gmpR+/D17Ga2VZmwqY0x"}]},"_npmUser":{"name":"busyzz","email":"540548050@qq.com"},"directories":{},"maintainers":[{"name":"busyzz","email":"540548050@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popup_0.2.0_1632797083493_0.7262349589090649"},"_hasShrinkwrap":false}},"time":{"created":"2021-09-27T13:42:17.327Z","0.1.2":"2021-09-27T13:42:17.559Z","modified":"2022-04-04T21:10:01.147Z","0.1.3":"2021-09-27T13:51:15.823Z","0.1.4":"2021-09-27T15:08:44.897Z","0.2.0":"2021-09-28T02:44:43.648Z"},"maintainers":[{"name":"busyzz","email":"540548050@qq.com"}],"description":"react-popup-component React component","author":{"name":"busyzz"},"license":"MIT","readme":"<!--\n * @Author: busyzz\n * @Date: 2021-09-27 14:24:08\n * @Description:\n-->\n\n## 线上预览\n\n[https://busyzz-1994.github.io/react-popup/](https://busyzz-1994.github.io/react-popup/)\n\n![](https://github.com/busyzz-1994/react-popup/blob/master/public/demo.gif)\n\n## 开始\n\n```sh\nyarn add @busyzz/react-popup --save\n#or\nnpm install @busyzz/react-popup --save\n```\n\n## 使用案例\n\n```tsx\nimport ReactPopup, { PopupProps } from '@busyzz/react-popup';\nconst App = () => {\n  const [v, setV] = React.useState(false);\n  const [position, setPosition] = React.useState<PopupProps['position']>(\n    'center'\n  );\n  const onClick = (p: PopupProps['position']) => {\n    setPosition(p);\n    setV(true);\n  };\n  return (\n    <div>\n      <ReactPopup onClose={() => setV(false)} visible={v} position={position}>\n        <h1>test</h1>\n      </ReactPopup>\n      <div>\n        <button onClick={() => onClick('center')}>center</button>\n      </div>\n      <div>\n        <button onClick={() => onClick('left')}>left</button>\n      </div>\n      <div>\n        <button onClick={() => onClick('right')}>right</button>\n      </div>\n      <div>\n        <button onClick={() => onClick('top')}>top</button>\n      </div>\n      <div>\n        <button onClick={() => onClick('bottom')}>bottom</button>\n      </div>\n    </div>\n  );\n};\n```\n\n## 属性\n\n|      属性      |            说明            |                  类型                  |  默认值  |\n| :------------: | :------------------------: | :------------------------------------: | :------: |\n|    visible     |         显示/隐藏          |                boolean                 | `false`  |\n|    position    |       内容出现的位置       | 'center'/'top'/'left'/'bottom'/'right' | `center` |\n|      mask      |        是否显示遮罩        |                boolean                 |  `true`  |\n|  maskClosable  |      点击遮罩自动关闭      |                boolean                 |  `true`  |\n|    onClose     |         关闭的回调         |                Function                | ()=>void |\n| wrapClassName  |  添加到最外层容器的 class  |                 string                 |    -     |\n| destroyOnClose | 关闭动画结束后是否删除节点 |                boolean                 | `false`  |\n","readmeFilename":"README.md","homepage":"https://github.com/busyzz-1994/react-popup","keywords":["react-popup","react-component","dialog","popup"],"repository":{"type":"git","url":"git+https://github.com/busyzz-1994/react-popup.git"},"bugs":{"url":"https://github.com/busyzz-1994/react-popup/issues"}}