{"_id":"@beisen-platform/target-pop","_rev":"1-c0aa3fffd5beaf0cafcebbf48765c283","name":"@beisen-platform/target-pop","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.2":{"name":"@beisen-platform/target-pop","version":"1.0.2","description":"> 根据点击的元素位置弹层，弹层依据点击元素居中显示，上方显示，下方显示，弹层只能在点击元素的左侧显示。","main":"lib/index.js","scripts":{"start":"italent-thunder start","build":"italent-thunder build prod --mode development","build-prod":"italent-thunder build prod","lib":"stl build lib","examples":"sbl start --port 9001"},"license":"ISC","repository":{"type":"git","url":"git@gitlab.beisencorp.com:ux-share-platform/ux-target-pop.git"},"peerDependencies":{"react":"16.x.x","react-dom":"16.x.x"},"devDependencies":{"@beisen/babel":"7.x.x","@beisen/build":"1.x.x","@beisen/storybook":"1.x.x","@beisen/storybook-react":"4.x.x","@beisen/ts":"1.x.x","@beisen/webpack":"4.x.x","commitizen":"^2.10.1","core-js":"^2.5.7","@beisen/italent-thunder":"1.x.x","react":"16.x.x","react-dom":"16.x.x"},"gitHead":"e7bf0871e74eeb77be220deb9551b024d41efcd6","_id":"@beisen-platform/target-pop@1.0.2","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"dist":{"integrity":"sha512-Os7r+cvIC08ZwLugkOvRpaADEMbukIr9/44eBiqV23zrlfaWONY4G6u9TB38FkDnDn77gQbTUeAniRVgKm08vw==","shasum":"b329eeda3b3a1d281685c0cfceb6d3cfada0d4ac","tarball":"https://registry.npmjs.org/@beisen-platform/target-pop/-/target-pop-1.0.2.tgz","fileCount":11,"unpackedSize":148295,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcRXs6CRA9TVsSAnZWagAAyv4P/iFWRV13LyIobcWUv+67\nB4NYZ33zB5ydok20/YuXpVOnIOps3KqYgfbba35kA5XTawKFD+ot+ogLBue0\nsv6eXrMl5lZ+okb7jSFWELaEMUTiX8KfrItOmpH3x853WRF2l3Oy5RUu07w5\nuFsBOLkg6tWBTu9Yu0OVBJH9iZrPzgOhz3x66m8l5ROKRRk+XE1fkO6mH6wd\n5FHMbb0toMfKh8abNiEhznLus2s6zKBNr76557SfNsWypSZvMDdzJa347tUs\ntiAXjtuaKYAsNKM/mwELB0WaY45pyMecfrT1ya+cj8xOicNZUsPSGBqO+dfq\nZLg+oLKji36T4rBQECngTfLvGAjhE+H5MJW8aLALSYdz5QZBt++N/hQBtQoP\ncOml/gU7w3jMurAOFXBjVrwVXd0A/FVGWq9bgHQcWOi05C0e23n36GMeBHf+\nb8TuqgDblIOwdv63Ke74AJmkdkMllg87Wuv9wrNAiR57ioEUsXpUIEvosXp5\nCrBn4uO621h+z0Ih4jDJcRLqBkfvmluUXN6pWbGEitDtg6iDS+wiljOpipsd\na7UhM9CsCk19LsxNxO57njbT0w7YIWAaOYFYcBPWv2+HFojRVKXsYBQCGzT6\nR/RR8aeOYr2KCBE0BeoPJGj+RL7GamhCluuVG3UvWfFuD7RzX6r0u+MCZMaG\n8GAF\r\n=cDHx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDzfQJNH01CV9PT5b2USMZsf79sPYZBJEiTR60T/RYFRAIgGJxO39COupn0T6VNUo1n70jf9xofUEiVFuq9mdyZSUo="}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/target-pop_1.0.2_1548057401913_0.5867051083972756"},"_hasShrinkwrap":false}},"time":{"created":"2019-01-21T07:56:41.733Z","1.0.2":"2019-01-21T07:56:42.104Z","modified":"2022-04-04T18:18:02.853Z"},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"}],"description":"> 根据点击的元素位置弹层，弹层依据点击元素居中显示，上方显示，下方显示，弹层只能在点击元素的左侧显示。","repository":{"type":"git","url":"git@gitlab.beisencorp.com:ux-share-platform/ux-target-pop.git"},"license":"ISC","readme":"## TargetPop 使用说明\n> 根据点击的元素位置弹层，弹层依据点击元素居中显示，上方显示，下方显示，弹层只能在点击元素的左侧显示。\n\n## 项目运行\n- npm install 安装依赖\n- npm run examples 项目运行\n- npm run lib 项目打包\n\n## 参数\n- target 点击的元素（event.target）\n- children 弹层中的节点\n\n## 示例\n```\n\timport React from 'react';\n\timport TargetPop from '../../src';\n\n\texport default class TargetPopComponent extends React.Component {\n\t\tconstructor(props) {\n\t\t\tsuper(props);\n\t\t\tthis.state = {\n\t\t\t\ttarget: null\n\t\t\t};\n\t\t}\n\t\tonClick = (e) => {\n\t\t\tthis.setState({\n\t\t\t\ttarget: e.target\n\t\t\t});\n\t\t};\n\t\tonClose = () => {\n\t\t\tthis.setState({\n\t\t\t\ttarget: null\n\t\t\t});\n\t\t};\n\t\trender() {\n\t\t\treturn (\n\t\t\t\t<div>\n\t\t\t\t\t<div style={{ margin: '300px 0px 0px 400px' }} onClick={this.onClick}>\n\t\t\t\t\t\t新建\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ margin: '300px 0px 0px 400px' }} onClick={this.onClose}>\n\t\t\t\t\t\t关闭\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.state.target ? (\n\t\t\t\t\t\t<TargetPop target={this.state.target}>\n\t\t\t\t\t\t\t<div style={{ width: '300px', height: '400px' }}>111111</div>\n\t\t\t\t\t\t</TargetPop>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t''\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\t}\n```\n","readmeFilename":"README.md"}