{"_id":"rmc-tooltip","_rev":"2838133","name":"rmc-tooltip","description":"React Tooltip","dist-tags":{"latest":"1.0.1"},"maintainers":[{"name":"silentcloud","email":"rjmuqiang@gmail.com"},{"name":"warmhug","email":"hualei5280@gmail.com"}],"time":{"modified":"2022-09-06T15:43:34.000Z","created":"2017-09-20T13:24:08.034Z","1.0.1":"2017-10-19T01:46:57.619Z","1.0.0":"2017-09-20T13:24:08.034Z"},"users":{},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/tooltip.git"},"versions":{"1.0.1":{"name":"rmc-tooltip","version":"1.0.1","description":"React Tooltip","keywords":["react","react-component","react-tooltip","tooltip","m-tooltip"],"files":["dist","lib","es","assets/*.css"],"main":"lib/index","module":"es/index","homepage":"http://github.com/react-component/tooltip/tree/m-tooltip","maintainers":[{"name":"silentcloud","email":"rjmuqiang@gmail.com"},{"name":"warmhug","email":"hualei5280@gmail.com"}],"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/tooltip.git"},"bugs":{"url":"http://github.com/react-component/tooltip/issues"},"license":"MIT","config":{"port":8007},"scripts":{"watch-tsc":"rc-tools run watch-tsc","dist":"rc-tools run dist","build":"rc-tools run build","gh-pages":"rc-tools run gh-pages","start":"rc-tools run server","compile":"rc-tools run compile --babel-runtime","pub":"rc-tools run pub --babel-runtime","lint":"rc-tools run lint","karma":"rc-test run karma","saucelabs":"rc-test run saucelabs","test":"rc-test run test","prepublish":"rc-tools run guard","chrome-test":"rc-test run chrome-test","coverage":"rc-test run coverage"},"devDependencies":{"@types/react":"~16.0.2","@types/react-dom":"15.5.1","async":"~0.9.0","bootstrap":"~3.3.2","expect.js":"~0.3.1","jquery":"~1.11.2","pre-commit":"1.x","rc-test":"^6.0.1","rc-tools":"6.x","react":"15.x","react-dom":"15.x"},"pre-commit":["lint"],"dependencies":{"babel-runtime":"6.x","rmc-trigger":"1.x"},"gitHead":"79452d41a2831a0c8f41d436984efe2f60770b60","_id":"rmc-tooltip@1.0.1","_npmVersion":"5.3.0","_nodeVersion":"8.3.0","_npmUser":{"name":"silentcloud","email":"rjmuqiang@gmail.com"},"dist":{"shasum":"5af16a3e8f764fa26d2b11932975bd88b1d848d2","size":6964,"noattachment":false,"key":"/rmc-tooltip/-/rmc-tooltip-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/rmc-tooltip/download/rmc-tooltip-1.0.1.tgz"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rmc-tooltip-1.0.1.tgz_1508377617519_0.15797737892717123"},"directories":{},"publish_time":1508377617619,"_hasShrinkwrap":false,"_cnpm_publish_time":1508377617619,"_cnpmcore_publish_time":"2021-12-16T12:34:04.887Z"},"1.0.0":{"name":"rmc-tooltip","version":"1.0.0","description":"React Tooltip","keywords":["react","react-component","react-tooltip","tooltip","m-tooltip"],"files":["dist","lib","es","assets/*.css"],"main":"lib/index","module":"es/index","homepage":"http://github.com/react-component/tooltip/tree/m-tooltip","maintainers":[{"name":"silentcloud","email":"rjmuqiang@gmail.com"},{"name":"warmhug","email":"hualei5280@gmail.com"}],"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/tooltip.git"},"bugs":{"url":"http://github.com/react-component/tooltip/issues"},"license":"MIT","config":{"port":8007},"scripts":{"watch-tsc":"rc-tools run watch-tsc","dist":"rc-tools run dist","build":"rc-tools run build","gh-pages":"rc-tools run gh-pages","start":"rc-tools run server","compile":"rc-tools run compile --babel-runtime","pub":"rc-tools run pub --babel-runtime","lint":"rc-tools run lint","karma":"rc-test run karma","saucelabs":"rc-test run saucelabs","test":"rc-test run test","prepublish":"rc-tools run guard","chrome-test":"rc-test run chrome-test","coverage":"rc-test run coverage"},"devDependencies":{"@types/react":"~16.0.2","@types/react-dom":"15.5.1","async":"~0.9.0","bootstrap":"~3.3.2","expect.js":"~0.3.1","jquery":"~1.11.2","pre-commit":"1.x","rc-test":"^6.0.1","rc-tools":"6.x","react":"15.x","react-dom":"15.x"},"pre-commit":["lint"],"dependencies":{"babel-runtime":"6.x","rmc-trigger":"1.x"},"gitHead":"d45a85f841a4a02549f6c8e9f17bbe58cdee8b2d","_id":"rmc-tooltip@1.0.0","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"silentcloud","email":"rjmuqiang@gmail.com"},"dist":{"shasum":"da63c1b65455e08fb366b707bd3b69bf2d20294f","size":7036,"noattachment":false,"key":"/rmc-tooltip/-/rmc-tooltip-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/rmc-tooltip/download/rmc-tooltip-1.0.0.tgz"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rmc-tooltip-1.0.0.tgz_1505913847852_0.2714412377681583"},"directories":{},"publish_time":1505913848034,"_hasShrinkwrap":false,"_cnpm_publish_time":1505913848034,"_cnpmcore_publish_time":"2021-12-16T12:34:05.098Z"}},"readme":"# rmc-tooltip\n---\n\nReact Tooltip\n\n[![NPM version][npm-image]][npm-url]\n[![build status][travis-image]][travis-url]\n[![Test coverage][coveralls-image]][coveralls-url]\n[![gemnasium deps][gemnasium-image]][gemnasium-url]\n[![node version][node-image]][node-url]\n[![npm download][download-image]][download-url]\n\n[npm-image]: http://img.shields.io/npm/v/rmc-tooltip.svg?style=flat-square\n[npm-url]: http://npmjs.org/package/rmc-tooltip\n[travis-image]: https://img.shields.io/travis/react-component/m-tooltip.svg?style=flat-square\n[travis-url]: https://travis-ci.org/react-component/m-tooltip\n[coveralls-image]: https://img.shields.io/coveralls/react-component/m-tooltip.svg?style=flat-square\n[coveralls-url]: https://coveralls.io/r/react-component/m-tooltip?branch=master\n[gemnasium-image]: http://img.shields.io/gemnasium/react-component/m-tooltip.svg?style=flat-square\n[gemnasium-url]: https://gemnasium.com/react-component/m-tooltip\n[node-image]: https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square\n[node-url]: http://nodejs.org/download/\n[download-image]: https://img.shields.io/npm/dm/rmc-tooltip.svg?style=flat-square\n[download-url]: https://npmjs.org/package/rmc-tooltip\n\n## Screenshot\n\n<img src=\"http://gtms03.alicdn.com/tps/i3/TB1NQUSHpXXXXaUXFXXlQqyZXXX-1312-572.png\" width=\"600\"/>\n\n## Install\n\n[![rmc-tooltip](https://nodei.co/npm/rmc-tooltip.png)](https://npmjs.org/package/rmc-tooltip)\n\n## Usage\n\n```js\nvar Tooltip = require('rmc-tooltip');\nvar React = require('react');\nvar ReactDOM = require('react-dom');\n\n// By default, the tooltip has no style.\n// Consider importing the stylesheet it comes with:\n// 'rmc-tooltip/assets/bootstrap_white.css'\n\nReactDOM.render(<Tooltip placement=\"left\" overlay={<span>tooltip</span>}><a href='#'>hover</a></Tooltip>, container);\n```\n\n## Examples\n\n`npm start` and then go to\n[http://localhost:8007/examples](http://localhost:8007/examples)\n\nOnline examples: [http://react-component.github.io/tooltip/examples/](http://react-component.github.io/tooltip/examples/)\n\n## API\n\n### Props\n\n<table class=\"table table-bordered table-striped\">\n    <thead>\n    <tr>\n        <th style=\"width: 100px;\">name</th>\n        <th style=\"width: 50px;\">type</th>\n        <th style=\"width: 50px;\">default</th>\n        <th>description</th>\n    </tr>\n    </thead>\n    <tbody>\n        <tr>\n          <td>overlayClassName</td>\n          <td>string</td>\n          <td></td>\n          <td>additional className added to popup overlay</td>\n        </tr>\n        <tr>\n          <td>overlayStyle</td>\n          <td>Object</td>\n          <td></td>\n          <td>additional style of overlay node</td>\n        </tr>\n        <tr>\n          <td>prefixCls</td>\n          <td>String</td>\n          <td>rmc-tooltip</td>\n          <td>prefix class name</td>\n        </tr>\n        <tr>\n          <td>transitionName</td>\n          <td>String</td>\n          <td></td>\n          <td>same as https://github.com/react-component/css-transition-group</td>\n        </tr>\n        <tr>\n          <td>onVisibleChange</td>\n          <td>Function</td>\n          <td></td>\n          <td>call when visible is changed</td>\n        </tr>\n        <tr>\n          <td>afterVisibleChange</td>\n          <td>Function</td>\n          <td></td>\n          <td>call after visible is changed</td>\n        </tr>\n        <tr>\n          <td>visible</td>\n          <td>boolean</td>\n          <td></td>\n          <td>whether tooltip is visible</td>\n        </tr>\n        <tr>\n          <td>defaultVisible</td>\n          <td>boolean</td>\n          <td></td>\n          <td>whether tooltip is visible initially</td>\n        </tr>\n        <tr>\n          <td>placement</td>\n          <td>String</td>\n          <td></td>\n          <td>one of ['left','right','top','bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight']</td>\n        </tr>\n        <tr>\n          <td>align</td>\n          <td>Object: alignConfig of [dom-align](https://github.com/yiminghe/dom-align)</td>\n          <td></td>\n          <td>value will be merged into placement's config</td>\n        </tr>\n        <tr>\n          <td>onPopupAlign</td>\n          <td>function(popupDomNode, align)</td>\n          <td></td>\n          <td>callback when popup node is aligned</td>\n        </tr>\n        <tr>\n          <td>overlay</td>\n          <td>React.Element | () => React.Element</td>\n          <td></td>\n          <td>popup content</td>\n        </tr>\n        <tr>\n          <td>arrowContent</td>\n          <td>React.Node</td>\n          <td>null</td>\n          <td>arrow content</td>\n        </tr>\n        <tr>\n          <td>getTooltipContainer</td>\n          <td>function</td>\n          <td></td>\n          <td>Function returning html node which will act as tooltip container. By default the tooltip attaches to the body. If you want to change the container, simply return a new element.</td>\n        </tr>\n        <tr>\n          <td>destroyTooltipOnHide</td>\n          <td>boolean</td>\n          <td>false</td>\n          <td>whether destroy tooltip when tooltip is hidden</td>\n        </tr>\n    </tbody>\n</table>\n\n## Note\n\n`Tooltip` requires child node accepts `onClick` event.\n\n\n## Development\n\n```bash\nnpm install\nnpm start\n```\n\n## Test Case\n\n```bash\nnpm test\nnpm run chrome-test\n```\n\n## Coverage\n\n```bash\nnpm run coverage\n```\n\n## License\n\n`rmc-tooltip` is released under the MIT license.\n","_attachments":{},"homepage":"http://github.com/react-component/tooltip/tree/m-tooltip","bugs":{"url":"http://github.com/react-component/tooltip/issues"},"license":"MIT"}