{"dist":{"shasum":"b201bd96cb6ae890624f8930c25d932ad3d15326","tarball":"https://registry.npmjs.org/universal-element/-/universal-element-0.0.4-0.tgz","fileCount":17,"integrity":"sha512-APyv5WeRCI1ChLpdlS+uvtVTEZmaJ9/oi17Bkjn6VwIaWRehTu9Odqr6EDdXP7NGZ7mFqnL1VPKfglvgy1bMjg==","signatures":[{"sig":"MEUCICjDoY+oJQNbjw2ncjvnxvb9M4Z9FZGpwnubvGiJHkVaAiEAtVsQ3mR9UDD0mMSc8a4YheOkFnNTP0S/sG+VkS2652U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10312,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJBnmCRA9TVsSAnZWagAAts8P/0BDHaobCCzw4dx3qxKK\nbS4MNY6VZ/HwR8SmZlWk3Pm1stBLHGKZf8vuSYTIljcA6Z45crHYrsCyna8c\nXNCvkVwhuPG9iRtqGEX31G+zx7k+GSfhZo4+cSbjQ+SPyPodMPpMVvo6e20m\n96Y9pbk0lioZhUY0h/v9YPylROc7lZg3EJHZo1dSXZOEm8oDgszkKQRD7QRB\n06pO21qHrVOdNgRupxxx/VA4iKCWFyU5WDXl/p5S9boe4/1071IFgTn81tyO\n148A+CWH1qmiPgGxh9lb3lCTWctpz8Z7dytdgzCjezK6FSspxjl+l8KpepFg\nxPQBQfEkBpKdg5G21vBTKcqlY68LmvwwwoHScTNvxSYpnq6WjM4qCPyOg2eG\ntb3R7g2aJKavNkqUwi3ynfm7zMRAsPN9YmX3fjm4LtOG02hlRvAdU3vlmI3I\n+ROX9dhUdrOEYKl8OaT4Xa3oU/soleTCP7SOsY0Kpk4aDKkg8619uS0WO0GF\nuMDgC9WTG5jI4SXaF25ipH4b8cI5xUwxX7Be7GDT0ex/nDVEapxN2XtveXHA\nZS6xVzWwe1Pha/h1TEzlYz6MJUZSmmTefdro6PhziNTJ7AYkGItarX0VR52m\nAZiveC0LuwAot1R8qRFzAWJtRxXr4iVZLRw8uC/9tqaEahYlaM2cu5oOH7Uo\nnX1B\r\n=bpGn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","name":"universal-element","author":{"name":"rax"},"readme":"# universal-element [![npm](https://img.shields.io/npm/v/universal-element.svg)](https://www.npmjs.com/package/universal-element)\n\nGet dom info.\n\n## Support\n<img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />\n\n## Install\n\n```bash\n$ npm install universal-element --save\n```\n\n## Usage\n\n```js\nimport { createElement, useEffect, Fragment } from 'rax';\nimport { getScrollOffset, getBoundingClientRect } from 'universal-element';\n\nfunction App() {\n  useEffect(() => {\n    getScrollOffset('#container').then((ret) => {\n      const { scrollTop, scrollLeft } = ret[0];\n      console.log(scrollTop, scrollLeft);\n    });\n\n    getBoundingClientRect('#container').then((ret) => {\n      const { width, height, top, left, right, bottom } = ret[0];\n      console.log(width, height, top, left, right, bottom);\n    });\n  }, []);\n\n  return (<>\n    <View id='container'>test</View>\n  </>)\n}\n```\n\n## Methods\n\n### `getScrollOffset()`\n\nIn MiniApp, there isn't `scrollWidth`, `scrollHeight`.\n\n```js\ngetScrollOffet('#container').then((ret) => {\n  const { scrollTop, scrollLeft, scrollWidth, scrollHeight } = ret[0];\n  console.log(scrollTop, scrollLeft, scrollWidth, scrollHeight);\n});\n```\n\n### `getBoundingClientRect()`\n\nIn MiniApp or WechatMiniProgram, there isn't `x`, `y`.\n\n```js\ngetBoundingClientRect().then((ret) => {\n  const { width, height, top, left, right, bottom, x, y } = ret[0];\n  console.log(width, height, top, left, right, bottom, x, y);\n});\n```\n","engines":{"npm":">=3.0.0"},"scripts":{"build":"build-scripts build","start":"build-scripts start"},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"keywords":["Rax"],"pre-commit":["lint"],"_npmVersion":"6.14.4","description":"Get dom info.","directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"universal-env":"^3.0.0","@alib/build-scripts":"^0.1.0","build-plugin-rax-component":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/universal-element_0.0.4-0_1596201445904_0.4197971117044219","host":"s3://npm-registry-packages"},"_id":"universal-element@0.0.4-0","version":"0.0.4-0"}