{"_id":"react-dnz","_rev":"57-c98d1d63d8507c73f511341ccdad01c7","name":"react-dnz","dist-tags":{"latest":"1.5.5-beta","beta":"1.5.4-beta","prebeta":"2.0.2-beta"},"versions":{"1.0.0":{"name":"react-dnz","version":"1.0.0","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.0.5"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"gitHead":"c49b7b25c3937d554dbc44ebd4e5a66ef0ccc8bc","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.0.0","_npmVersion":"6.1.0","_nodeVersion":"8.11.1","_npmUser":{"name":"yoranfu","email":"yoranfu@gmail.com"},"dist":{"integrity":"sha512-ovPnheNtA0jj32IaJ3jt+IjFFdoGns4wDZ2eQPJVEBg04Xoe+TOvSMLTry+Vt2qUSsorbuyfVfi1seAki14aYg==","shasum":"032afa429f1ec01a794882867b7fe0eb08436b66","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.0.0.tgz","fileCount":23,"unpackedSize":368684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbwaAXCRA9TVsSAnZWagAAqhwP/1WcPGCD9PXvUTx1/zwd\nBWxBO1vqRo+SlmBxDeDIAPD/nlY0Z6AyG2taDyeKWNyMc4J/c/kVYGm/t3Gg\nSJYqC4kLNv/nTg5HJSYPQBO0T2bbs9GLK3kyQI1EavG9eG35gK86jtlrPKqR\n0cZs+DiloeWCmeO3ZkM2jRHM4v5CPmcjG4nrH3gPHnyKkbT+GgR/P/Km5LLs\nUiX62PYYWnhqyOaT1CuamsVsxLe9n8NM27Hroo8dl1ty7PbOO+EfkABXIog+\n0CfP+8/WfG3Wz/JBv4WXUQ2fzHRPdHN/eerukLAgRz7HY6TJWKb6SIiYM8SF\nkv25vU3JaQY+C5+aX1w+7Ix0Z1ove14LN5J3/rpg6pGSToKGyzHdutqREdZQ\nFHTeTPHPaa2Uq21phMV47BTIP3O7wn5qHA9kkizTNTEqt5XOuwGCCqZF6cEZ\nQw6PtRwujuTJptGnLAfRUSdiiJB9LBXE4wq7Zagvq7HV/CRlSCTo5BCZfLr6\n7CmnTWpB7CpGy0Y6wGvlxFcO0fLo+tVTzehhtz4So8bBPf6sFjWVcfNw0DZY\nEit/5Bd6HKj1MGneRYZlLyqPH83Wf4n/RZlO2gRdLKuwz+3fLCl0LT9VEZ6m\nOhffS587aUqIiOnXQTsklJ1d2czi7N9uYDTIaQhSalTmntwjPtr8JJ38avhw\neP8B\r\n=vwzZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA/pn25nvkfE9hzjOln/siYy6+0IDhROzQpCNeicbaRnAiEAvh1KX7XGfr32LVnhwIpFivPLHZG5IKYQYOi7YZAAmVo="}]},"maintainers":[{"name":"yoranfu","email":"yoranfu@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.0.0_1539416086671_0.7618915769968859"},"_hasShrinkwrap":false,"deprecated":"lack index.js"},"1.0.1":{"name":"react-dnz","version":"1.0.1","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.0.5"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"gitHead":"08e15a1c276ee3cd0160f970c11496c53f3c11d5","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.0.1","_npmVersion":"6.1.0","_nodeVersion":"8.11.1","_npmUser":{"name":"yoranfu","email":"yoranfu@gmail.com"},"dist":{"integrity":"sha512-CbmVbprZC7urdfd9LORrOBfh8h3EZGTHyZXvLv18S3khONzt6tnixqtHhWMVBMd8kdDW5E3aN2uXXXDfp+yUjA==","shasum":"f96f24328b15b0e88e23808dd9140c7541654749","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.0.1.tgz","fileCount":24,"unpackedSize":368718,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbwbPtCRA9TVsSAnZWagAAu0MP/3sX6oNDk/JXRP61bQX0\n+jnHKcv5mIq8UBVZvNzU4JjZ0sBiMVCMqu+yHBDbCepMkXE3u5OqgZVsqRrb\nfjAP3Ay5ps7bgG2ZnkExVx1htVrMqsW89DPtJrHf7eiyhAQXBFo4xaMTDGUC\nkOmMkxa2o55AW3rH3SlwcxIVVIc8cClCCqH8cuerM8pUHAX+5rTIhAVG+heZ\nYGmVSe7AIVTIfk8JxHk7EXWeqHCdm0pELJZnOwxhI86ME8bMd6FfM/HZmF7D\n2fYRXzQ9Xjzsh9Rotlyi7IpQOoXOaKLVWZKe1IijUcWargXO7ofEYCGIAySo\nZrzL+gbAbnLJiR2zJI1wqxVHgsQF/DQhtZAna+emeFC+PcWKj2/BlzsILOAy\n2EBWhNjyaxeCYNtKnkfwNwID9KEXXRuM41NZC1j8kO24iiealIsHbjkxLqs+\nDQ8878wUi5bfijdvzHg61pUscekQfqCjNVmg85IQsvm4yRFUydGF/AKkFCo1\nGFa6WiJCiSO66UxIarqmJCjDys3fpwEF4g2Emq4VbB/ZuUFPn8uWLQrlmRCM\nSFLF7Y5TfwqXzAPgGsq3D7n9+a9O9VYuNz3rxEbHKkHrV/yKitQyWl39HV0a\nfj5FNYhIExgfnDM9oSqGoTe+0X1obD2HTiU/aT0P9Gh1wAnjrtBfRbyo/xB5\n0w7b\r\n=H5qD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGwU/wWdpe5JsJlb8IpIozhcJD5DZJvNjuljaAOszlYBAiEA4xQSeJpyTHQsdlAlnuPl+DZ5AUF9EYI5TdSD8KxV2+E="}]},"maintainers":[{"name":"yoranfu","email":"yoranfu@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.0.1_1539421164743_0.18242234773850297"},"_hasShrinkwrap":false},"1.0.2":{"name":"react-dnz","version":"1.0.2","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^2.2.6"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"_id":"react-dnz@1.0.2","dist":{"shasum":"0a3589e5f9089a162d3f1d0b9fceef378f4faa9c","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.0.2.tgz","integrity":"sha512-zFUFPC08rFF+1TmXuAm/xA3J1Hrio6NFvwq/EAssxnhyfYywm9d6EAYMIOExDBWX/1woqu/3wiLFQsKvVxZydw==","fileCount":28,"unpackedSize":124838,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbz+vrCRA9TVsSAnZWagAAj1oP/jihOyrRVfoQEfTOYK1i\n8RON7XJFuCr+WOL0HHRj6nGx4YQT0/NI12bADkQ9K8ncxU5yYO2bL3Awpe/f\nDIeXz4l3MeQVX6SnFCVMTU7cnbNWRnKq5XvvtzoIHYnFgnBwVUY0NJz3rb4c\nJRChinr7KHaKfZmigrC0bJ4vBOyAuGrsd9O4hwLpiDuuYWy14Za5r/RiBmtt\nY/l/O87pnJgWX9UsVpmaqJefjEyxbiVgvDg84v//SKAgh877qQnd8cxf3UvW\n1Z3aCahyRsbxHWOEQ4LUrb1CwZj3OVxkwOosqOxGq9T8bGur4aUUYFxNzH5b\nJOLaqhTsqBgPNwU495sDMHTZH9bOflimI+k/GN2nAYN2TgjPokmkFqFPewa+\nvmKM4YdgDXuVFGdJLWkGAvrW8yzVQo1MocRyoiSsuFDWLGC4c7CayuQ0znBV\nNQ+sZxOnB+sQlblL6JOUeKa7T3I5/c7gp6u6w/FNhXKFGwZCFrdmu9YbIr4w\n8P9DljvtT6325lXQ7SZV8pECmY4LuPOeCx/3BfMwvDywfL0T8ZGcopA93tkt\n3pxUu1ALBDtI+jFHzS0NPaePkB0fT3jgxiO8EAujjIJXD7MjVn6JgH8lEiJq\nt6F0MZjb7HJUdztu3A0j7wvH4lh1cJAC9/GfrdHk9DiviEf5TopIlUGZLMUQ\nSoor\r\n=FE0X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUvDcDE9P78ijMx2JTxz8Y8y3Z0H1lgsd1d+A3toUARQIhAIikTh3zhcAEavo9vFKfMTw0Jj6r5VTxi2cIf7+1l8zM"}]},"maintainers":[{"name":"yoranfu","email":"yoranfu@gmail.com"}],"_npmUser":{"name":"yoranfu","email":"yoranfu@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.0.2_1540353003167_0.6393479116883822"},"_hasShrinkwrap":false,"deprecated":"unmet dependency version of react-draggable"},"1.0.3":{"name":"react-dnz","version":"1.0.3","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.0.5"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"_id":"react-dnz@1.0.3","dist":{"shasum":"e560c7e63da7635144d96fbd8a9663d7d5762741","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.0.3.tgz","integrity":"sha512-9xbTEN28ylymwgbv6muNLVyFkqRbQPVEPpA749SeKG59s+qRiqn7It5NRHwqifgCvPgqgimMaIZo6bxYG2uHpg==","fileCount":28,"unpackedSize":125016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb1mvRCRA9TVsSAnZWagAAzCgP/jywAAMgd5qhJNDxkEC/\n724HfRfQ3ilo7X3PHbSIcmZkb3MWqCwe6Qt53FV7t69ApzxHofrJudx+pqEK\nBs3y/S4mQybBmxtZtPp1ntszNi4FFWx+QsThV5FrHH38jVZZ9Ig8khor86i+\nGaXPbmKFoTjBao3XJENRRlgkxeHQPBBD33Cq/v3AI8PPdp0Rk1slLzm7nqol\noITcXNEBYG1vy9+GFWi6wMyMeh3yVNM1m2ctDcwMLdgEk8ilhnw3nGaPqlgf\nonpC7Tuy4Pf54OsNtmQCBwxb/V4RsCon/d79hs0WuocUlnHFzu10j8DDBeIl\nCtDWjThx4WHJ+XCHnxl2PEs4upFeOay7IVFuB5T9CdPKs6EzVL815ZfsyKrT\nFx+RtcaRglxoYo3imd2EZnvEGXp4wax3M3jo39XF8Zj4Vz5025bosjTXb30W\nUMcVEpiFWZ/dE+blrNVzhd1uK3R/jDKcpbcftEZOSTkVC7YcFR/HTIilYuDq\n+4JDkgR2ISywDsoRse7mvWr8FcWr0NKxjdrUF/teIfFK+Jaf+QneN3QGr9nz\nyw+9j4NI/bZWY8KSun35t/GTa0v4NyoV6HgOvBG7a4nFz5tIlA5jBjmleAxA\nUah/gRkQ+Gn+rhB1MuhiJLMyhyQNjPZT7iknS2YjisKkYnXmW+32yl7sDj36\nnoyL\r\n=jLji\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAJaRnTES5YmDNA0oFthE2s2qCIH7RW5hB321yo3N3kgIhAOynPIZhg8P5wByFyytGaXFqvg3fqejVdlxxBo1icpX1"}]},"maintainers":[{"name":"yoranfu","email":"yoranfu@gmail.com"}],"_npmUser":{"name":"yoranfu","email":"yoranfu@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.0.3_1540778961052_0.4523299572392774"},"_hasShrinkwrap":false},"1.1.0":{"name":"react-dnz","version":"1.1.0","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.0.5"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"_id":"react-dnz@1.1.0","dist":{"shasum":"570db1723d508009eab867d1ef12aa46ce83f5f0","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.1.0.tgz","integrity":"sha512-2zDHVf/paMzVfxrtZ0NARTz+jNjiyqrs41DjbqMK814fRE2GlNGglKSMMQin9VktFjzlYxl1nGoVwDA/l4ItSQ==","fileCount":28,"unpackedSize":128664,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb9ozXCRA9TVsSAnZWagAAAj8P/A/EMQT85mK4LDXiu5qG\nlaYGWbFBAIGS02sfDeDRViKnEwgwjnrdlO9AA44sFDXMY9be06QZ0NGg32CA\nA/7OWv2icV9rgHPFIgr/pSW2BR1decENQThMNCS+RxmpHj4rmOtPuLMGCeya\ne1C7QfLhZurh6vQBjX22fGj4mNIWcjHtMCBBRisZU9gr7X8tfHujV37ay8F5\nKC/kKC/j5RiDj0BASqqtDKkvAridDqtwxC/v2OQ7uuThV1wEX/VdH5CcxP0i\np4PD0Czs9CtjNss1oszGqxKt0ICNBkRe0z9WXe+HEBIsl3lLw3O0b6A2kxEm\npL+RlQDCQdHsOnvimZ+2eE980M25Hcdux75nLuSy+yxKazo9K7TG4At+ij56\nPJWT4YGMhQ38zWOCbC96XFcyYm4wBqWbgFZD4UQu8rqyX28u7LRlIu3fkf6t\nHfHWS+hCTjCmugma61Ht40/qRQwL/BT7qB157aztfDsEJT6dEyImw1cerkeO\n/Pa7rF6ijSiAQvkoVuf5CwDqsevNgn6eMaV+QH32HSU+aJRhhW4aS/BAiC+4\n844diIYYRx6bvx1jO2uzMOrn5dlNnlY1KsS+1+2JYdbmLC/mOzyO+PYpcdsv\nqY6l2RK5xjDzbglrfpbyU0jPVkE0/kT2wFmUXfgtERm4apl+h26iVERvsigv\nZCmm\r\n=M2/a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBA+LVIzQcn6Pxq6cWfbglA5UG0hOCGKH49zPrqKY1xgIhAOSQa6tWj2TTC/4as3oIqKVfZJFITwgxGi0rGNPAV0Vw"}]},"maintainers":[{"name":"yoranfu","email":"yoranfu@gmail.com"}],"_npmUser":{"name":"yoranfu","email":"yoranfu@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.1.0_1542884566670_0.7799059382417486"},"_hasShrinkwrap":false},"1.1.1":{"name":"react-dnz","version":"1.1.1","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.0.5"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"_id":"react-dnz@1.1.1","dist":{"shasum":"d5a548fdc34b58fc91a6680966cfc07eb2348d0c","integrity":"sha512-L30BkeSGVy3n/wcrjNnes5hYObdFLesAII9Rbqix3t/jLOEiZaHm1g8AEVjbyzb8Trre9Eg3g3egF7QNcDHEfw==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.1.1.tgz","fileCount":28,"unpackedSize":130041,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPXo8CRA9TVsSAnZWagAAUCsP/1i1L7fTkY6LR/up8WrH\n+vKFq6wFoG58/OJdVuS7ip3GSZ+FRa7Tq2IT+h8kgR591E4qEUQ1tqUm1eNj\nEroWmrRLIH+I5aPHWFXNZ1OHvmtE6sX3vruD7NYRtEwO6VPVWHWvC5ygiEer\nmjn35ExkOC2jB7YGoSWSzNCYoGMpaAX8GhmfeAPTQL991hZdLlMPeUiZv5pb\n3hLTvoJKfbKYPY5+vdrpd/xN/pZmhXHL+eTcM1AW7EpxXUVZqMn9LJfS6k6w\n4lq32gguMB77vQfRnDvbO3E9eKsddm0yI0DI0UJwFsuS0S1PRgftTX46A1L1\nrtHGi2kS0S60BLSV+VR0zb5AjX0ou5R1BkbPIzjwv2DuDBrRyuFpaZWogT/z\nr7r5O91wJpNcqco3GJbeeZNs5bX3eJ3vlIu8PW6Oefn334546IjqNvXyyGlv\nHCYsX9c9sRnMyGTd2uO3d+HCB4rtf7eahdzTAJfd8RduZq1VVpcb8IUqSgXQ\nu4PDOyEEV7Pd09n7qycXJGXknGRw9aIyeHBChRF4Fqf+gn5jFkFAWNTkbTKK\n5BIt3CGZCO/U0VMkLsZguutkgzCPmdjFmLh7uQ9pNtHASS77Y8hiB/JfTIOS\nRgT5FVfnx041jpKcKS/bhhoLbufyjo2+YzLuDnKmGctE/heGzGcGR+DlFZQJ\niA31\r\n=v2zz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHMXrSA853g4j6jR3C1LX/5JpJrj3NUmnTfxbzFckzuxAiEA8Mpa5MzKmoCpgHuUpkXkl4XafsZbjIJnpKGxNaWaDkU="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.1.1_1547532859835_0.05805514683233759"},"_hasShrinkwrap":false},"1.1.2":{"name":"react-dnz","version":"1.1.2","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.0.5"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"_id":"react-dnz@1.1.2","dist":{"shasum":"8096695047086819bd0a5ec4f068a204378a4762","integrity":"sha512-qmvjJA38ZpEb2Swg7Yl7eRtepsBMtc9Vnr/RLSEK4jiOiOu+hReHoIr6pIqQj4sAMIMWQaqWXZG/GJawjXsiWw==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.1.2.tgz","fileCount":28,"unpackedSize":130412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcaiTACRA9TVsSAnZWagAAsicQAJ3RYpf7G24i7pOBVnyc\nK7ZMsL8+GTIn9hzcqKeVEPt344yF4LHe/OYM2PlWfNo55drhl99KorTFI8lg\nUNTULC/F5igw2mvNB21vNuyNolG4B0G+wpU80n/RcecuulLFj0BBsb7a3qBQ\nclfjDJFtSpJkRAlZiR+TKzoX8BEO/fFhHoe73prQsfJf+PN/+ggc9bfcTqr9\n8kr8Rx0ApLARtQYzKDBGYzOfa0bTY8cxiYmOCi5CufmbmfOk2IxMwof5Gau9\nr4djYTF+QEZuvLl01uL7qLTstRmmmOfHE1RFj1EQDKLbtCzhD0dRuteW+U5l\nGnSw5h7Jvd3gkTorWrzeFJSzN8TK7ULA0S5wb2F9B0XRMhw1D7QDbXLIm6EX\nN4FQR9qnh+SlnM2VX2eytoREr+j9Qt4Tr7vLYRwlGZFbXwsdZkYZWz6TULI8\n4W4t2sqtsYnC7CAgQ+4YYXCiPZ84s9gQ3b5Me962yl9/XaM/GKmExHxnUK/2\nczl51+STy0K1ch+lwXynsty6qilQ/kaZu/fq7yOZZEfUMdmX1mQE9YdyR0N8\nZ8REoLR5A0tolgmmjO3oVeCBBSZPkMEpdYq1JKgnusykGIe1l2n1Kp1s1Cgp\nMnaAiuZS7ZB8QyG/ZaWBeD0gUou3G7ZseX7c/Ef+JBHAWmp2ZAifn5W1CF7S\nn2ys\r\n=BhAK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFAmbLKAyxTbRncfQ/egKNZsnCXtrWbAqTu+HfjQNywnAiBzJA8A+/hXznhXO1jKRwCSmi5dk3xP9t6h6jAM2l4lmA=="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.1.2_1550460095637_0.2107080022233574"},"_hasShrinkwrap":false},"1.1.3":{"name":"react-dnz","version":"1.1.3","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.0.5"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"_id":"react-dnz@1.1.3","dist":{"shasum":"de98e6adad393bd3c9b5feadadd5748013630f36","integrity":"sha512-j0widkZlIVSdBV4StrleLkWFbTo/TUiSc8cSdP4rqIy8JmOEkdw01ZVZNu8+iCEraPTteDip2YdmIuNV5Hl4Yw==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.1.3.tgz","fileCount":28,"unpackedSize":131591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJch4EjCRA9TVsSAnZWagAA3u8QAJFXZGtj0i786bh24isB\ncSqUp17dtDyL4THAQ9VY4SDeY0GKsaqLhA48M0ddMaL+ifX+ITz+9baF/a6h\n/Ppy2FuUQeYM/RG14ElGBbeY29s1j6W3R46mdTYgPzlH1rdNsnqnxXPhVivm\n6e+LfO6HtZt1Dj5eG2EnSmsOigMmucjSi/OrK+nlRAElu2JD+mwhzeNodpCF\ncvisTEC0Lq5AKlEzi1uUktvWMFg+stO63yqvOsSwKn6k4ZaD5VRBoBuUSGCH\nB13KuL33clJ6tpnEsPTpx0bzed1K/a89q7qHnOwjIcDvw0OlHjsOA2nxpb0j\n7P24vSlL4ZAu2Rx3O6uIXmEMP7FedAHbdgfLKixrwZYypwoAje/hl1OMAm8w\nfoJt7/TyTkCWLw9rzlITF8A4SxjbS+CYX8lk2lC1Ipd6hFgr5NevK7mxUbyt\ns9Aqga9J3MBPNJK979pTJ6fotmaSc3qC6/5ImrdKmYOP1VqqQVEdHWlKtkeq\nZL3Fm6Y0WXePMecEZbze5WBGLBUwvqhwChwVEEUafqL3UHF5ls2JFAFLcHpG\nbSq5iRtgmkK7qpmDB0MAF0Es9nt3vhVBK8zdn+9SzcflVHflti1YJl1y2Dmw\nLVUXZeMc1KhaAD5NMzQSeYrR0T5cRtOoNpqsJUZjnSeDd1cFVznCUNeJoynt\n0q6/\r\n=fxzs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC52681MUFLElfVxovI5pCHWgwYJ4xkFfjAq+8+CCb0JgIhAPJqkAN/ASLc0JVv5D8qAvEuJXavTDfwhtZlYKZSjVLh"}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.1.3_1552384291340_0.2543899745754772"},"_hasShrinkwrap":false},"1.2.0":{"name":"react-dnz","version":"1.2.0","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.0.5"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"_id":"react-dnz@1.2.0","dist":{"shasum":"84abbcb4e0875c4c4296865291a1def3597d1f4f","integrity":"sha512-pggu3QeeVugjpgwArVvWkFRttsQ3o/JHhCUxC5C9g7eJYTJPsTvb7jpB7IqnUfFXQFMLNWiMnZ+a9msdL6VIOA==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.2.0.tgz","fileCount":28,"unpackedSize":140184,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcuCcQCRA9TVsSAnZWagAAeBMP/2oxTXrxtjhpene7KShq\n706qqnznGJiZqea1nJs2ouf1CPJ2lWXsfTsy+oh5akA1Lv/EFG7fYVMktNln\n5LIEVxEIO+4dBKgolbiJxxhWWn7gKB4UX8pTdicmmG6/R6uL/a1qUUJCVYz/\nJ2qxx8SXxeShNCCKN0mK2vDP7x6T8Dc83GPthZ+nTXdJsNZHeoNVVMzaiKJ/\nWaqEmjaOfHIJXzcj4273tpbLxtl92wXYVunVQwGNtEpKsoLTZ5MAY0qe3nTB\neo5firRtbp1p6myOibhSEWTlGUb5Qx92d+jPZnL1NDeQM82WdyXt/xgsJMr2\n3sC4NRIcrADr58wcxgs6ump6sm/wo0XJnm0ubUYF2MoBD5E2SAJsG7j6+QfA\nkm8OvtCNsZBjA3vuoEEFIGonawcgk+9F1rsoO6MzS8FuEN54aHbfwn/nG0q2\nsAw/nSgAYfc7sKkMg9mPmbcVLbOvup6NqNqXYPMhEIp+OyNEnHOtP4yjn2eK\n5Cm0keR+JxBdHXJmHCh4jrMcgc832NQ7VhmBbRY4Scwv7+9S+3hZUJ3U+9ME\neqEovIPZhx0IOPF6pLJSzHOLTxflXueISERoRcMvC30ZStKb7M0o2S1UNk9l\n1MQXFOQKepahxi7c8Kc+0FK93JpzNFJ6xJNv2Et8VtOGB/VuJiP0jYuFr9Tb\n7Xha\r\n=e3tp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD9nrZ4o1+5btAGaOVoMT1aMxnM5ZIJKuE/dYJaQjLNlwIgAP9afwLJACgAMeckah/y2+oJeBXfuY21j16cMRwsXK0="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.2.0_1555572495953_0.5401449800969584"},"_hasShrinkwrap":false},"1.2.1":{"name":"react-dnz","version":"1.2.1","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.0.5"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"_id":"react-dnz@1.2.1","dist":{"shasum":"74e5e523b5ee6574265196928c80bb02e13a4348","integrity":"sha512-pkKNJIOUBIGQ8ppSEJ7OdyrtlxPHtq1XbXa0MEGdEji130MDGGGby08cwpMufOdZvA/bbd+Y2ZonVvIHQ0L05g==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.2.1.tgz","fileCount":28,"unpackedSize":141038,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc24W+CRA9TVsSAnZWagAAkGkQAJ9EsVvwF2n/ipXxLcHc\ny9gGICShkOL/MoDsZdcvW66LNOk0gLbNvD1HferZnsqFff+yszmbfk+8SJ9O\nujmG8aJ6UgTTtVIuJtFhOHT+4kMHnPYyD9rNQ3DMoOVhCsWCdZ+Jv1dFcClF\nFvlxk0KDyFmqbdVmrIw31e3UtSqJ/oQ0xPO0biUeC+7sDE/+3VDmvH+vdyjS\nKhZK9VWpItFoEjWOrfHZWZ039ExdftPHk+lCqHhT/jpNcPJarca2jdebBSG5\n+zW3GAdIMUwLOFAOsNF3HH+yR+Zp5yigsUs2LQg9pz0smrx9OugGkegn8oum\nQmOBsjibrfPnbKncgh+yBqWihLXtFBi5ODo15sJKv1nmuZEf639YVndjmhCX\nj5eYpuQ56giEJc+9vxwUzBd2z9cCGFFjNPZXbfBGKrDl5jVd8cwpwKev7yh7\nCG9bEbl6/5iKGVkwCyUKGy7P3IlOWmBBIMLI3YiIZiRbJguZxbEiKi7gftkK\nL+kNKnvDxO4s9/sWCqEtcNCi0MsUghVmUFmCs2RG8c9DgGTjGtTV/yxUzMWp\n9YLo3BXFZtAI6nLHpA9Uygc7QnDXJ0iFm04/I8lrrJtkPabw1E4JKmNwjanp\nYFFv+FylSLgqmVI7okc4Ly2oxCF809pnF0FrDBtl5pn1euKqokdtDGfw4RJ6\nJ9+l\r\n=me2e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDhzrjEC8gjW98RdM/DxNCUkxUdFDvgpPYtmja8t5PygIhANIqbEA6Ff4IYLcYNVbdWK4Ff02mNOe/y/cnIeNxqewH"}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.2.1_1557890494179_0.6370888813321969"},"_hasShrinkwrap":false},"1.3.1":{"name":"react-dnz","version":"1.3.1","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"gitHead":"67effa44e6bef0af38520cc151c27bee7660e9bd","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.3.1","_nodeVersion":"8.11.4","_npmVersion":"6.9.0","dist":{"integrity":"sha512-kNVfn6gA96eXUdWKREv0lNEdRAEWThVeAL+NEATOxAwwfcroXP7Wo2MdHZFq+jhSt4qP+LKMYi/Wip/UyP4Xgg==","shasum":"b39584227ccf53bea6a56a18f4c7e0672faba7c5","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.3.1.tgz","fileCount":23,"unpackedSize":143044,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+MXsCRA9TVsSAnZWagAAanwP/jFXzU962ZZpZI1WuaZE\nX4VZz48fb6asbIEXYuuggX8UGnR2dg4CIcq9PjJlDINi7AeMCEtpU8bDjrAi\nBARNnAyloswNa2kfRSks+VsmjRKmpRLLztFw3MuEsrBGAujIOGKNpJMyxaiK\nKmQNu3jQeYwMZB7N7NMmmsmlclZsY/TrPAF2nDHqW/UiGm1FeDj/sm78oy3b\nOEXBnnWfkQXnuprlwSVx7Lt0VC9vL4ehntlk76GO+pwiCVqqGdZFnDoSTgVS\ngO01Uo7Uf8XbB0xTwE5jmKkb2oAaZBcch9A09FWNc2/iHBkY2POw21NB0+g1\nzoeXFcogRhpGGSIbe84w7zCMN9PMDdDR9QSnr/ZFShYizQpoHiJ9DVVp5RUo\nDeSIpcmXG6/W1xAUeedYbixt6iDMWJ6hUDqRyUWziMGokrnCaUQqleRu+9wc\nPwIo/JjHegkOgSyk5fbPwfAirUXfScLrqaUgAve28fbRUt3yYvn0usFwGZQq\nHobWBK16clX+/ZHjmy8bLIHVF57nyXy1JLEifWCimEljS0cX6dsJcYchC2Zh\nqyKXQdi56Eo8y5BG0cN6w/d1al5Bb7bX+WAnOKfkHhjtJua7L7yZPRmTmsmQ\n9uu6OgYTjYMThDu0Zjhc5nj1SxfdydxnoLipzLf8s/wZ/JmPs9y7og2Ae3uh\n73ip\r\n=vnC/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGG637WuF0gaYn/7GWQe9SmpKgG1k3k8qfgCUfuqh3FuAiEA3DHvpH6k7NLKAyfKoHjmanrhqv7hUlP4cVnA5amvZQU="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.3.1_1559807468089_0.0649595107882679"},"_hasShrinkwrap":false},"1.3.2":{"name":"react-dnz","version":"1.3.2","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"gitHead":"540860b70f544b3295ae828799108aa5bcdf3ee6","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.3.2","_nodeVersion":"8.11.4","_npmVersion":"6.9.0","dist":{"integrity":"sha512-dt/YVx4lzJ3hhb7Wlf/dwilHSBmAu7wapvB0vDfckBVMI7iryv/eFWrkRsyiWZ0S633bkp+oObXqnZebX9TIdA==","shasum":"037e9f33e1c000c179b411985ceba55fac4b69ef","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.3.2.tgz","fileCount":23,"unpackedSize":142987,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/v8iCRA9TVsSAnZWagAA7koP+wYC2e6+lFCJBcXZeHtI\n7h94HysFu9lGXazRtgwQiABrdkNjDKH+Df9yg0N3Gu8fD75SPxX08UP9m47l\nPAg0gS08w6RkNIe4VG4bPS9F0hZV2I6Pfd3Uo2m1YHt6nQmqX7ZAdl0u6ZFP\nk9DY5VI5hrnO2QHMhCH7XgZrsd1FzfcAG94WEClzqP6MfEjyxtzRfMt+QO0H\nvPBWEGpHa1DIDyyo3jQplluNsoB8tcGLHcbAsBXUrYzqMFIaVJ2TPIlXaZDY\nTblStdfvhoqCxio0GZb8t8z5z2abD4sIC8thl58/PPICg7ZAFjY7jFUc0Aca\njDH9PYB2vnjWkDHBXlviOaLO+ANa/ECdhV/trgYcdUIkIsDDJpt0H+55Vpq/\nrsFM0rwtHznzjk/P1EyRP2RjFe0XzbczAkopM/7vh/KvBhKuORWmfKERgKmD\nDDmIW333YqDL0couSVKLlNMPvcAMBPfqp5PO2CkxwnQ1sXjCYgyvlbgxmocd\nGLztDy2vrJ5wTTpMfKw72x5pVsigf+JYHTHsEHZQXOZcQlQEjiY0s4EwjZoj\nj2dQKdkfKJa2KZFY2b6xRVbagk2a2ABiId3t+yUJDCRQ4j4dEpxOSg+cLh60\n6Q+E6HxDsjEixJBt1g1vySWYZGgJGZjzO80jK+PAq94WLD9iMhbIGhv7o+CY\nTlO7\r\n=SFtT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEm/C7AS48+mhW/8U7wtvf4ejtRDXFqGxrTl9yxckCQwIgMU4+LMkiDUrKg2IjeH6/kqgfLUlTZXrOqDX84EtIvsU="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.3.2_1560215329639_0.5731438784245002"},"_hasShrinkwrap":false},"1.3.3":{"name":"react-dnz","version":"1.3.3","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"_id":"react-dnz@1.3.3","dist":{"shasum":"dc27c1758461ab270e66fc92456e73c8926b4ded","integrity":"sha512-PWtaHN0IzU0zIXr3zmzSqCQDTkOs7j2DKybT44CTzt4IyHod6QjbLe+WlE+HBYxhl4DZyAr01OVlSsfO3wZBbg==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.3.3.tgz","fileCount":28,"unpackedSize":143632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdBkrHCRA9TVsSAnZWagAApHoP/3Wt1CBbvrBZqyZ+Uy2F\nRJYuXsDlVQGkcKIMvwENhV3SHrpwRBIA9kpZOu0chy2PPoU3NKOXcuR3SVDN\neICDhDyiqpqXtQtaSWQxcJh6qB+e0IUSnF2FXOtl7C7WjckD+ahGoKBKEN9N\nVGAPSGWXZtAfK0oUNo//eHYa/yJaf8gDxpIT0XHABjPzguAeyFKuuf4Z0YBh\nPlbEkONe94rUz9DjF4VFltXCvAJEVPwQVEdn71dllnKT3VJnCkF9Yt2i75ip\nMnW0MsAVDKn48BHDQfNth+a+st8YtWwP/mtWx1WzvqmFT9tx+bieOlvt6czJ\nyDOEyVbwJ3pjW2LBGv2x6W9GPtZGU35SclavMQI0bEkZwtdU1agThdEna9N6\nS363uBPlZWc5/QnI68Q27plOY3gwx2HrPzmFEPkBCLn96Bq12b9UQ5hd0Cti\n6YQAR3jkVp0bqIhzyTyiqlSXA2GiKMhAcRinYL9JpcaV3IIGJOyqVtjEfzWS\noRWVulbgT0qad0LaIrD3b1Otp9/52Qcm8wtodLnULnr5hzFXQTag0+m1FFWZ\n22xydiW+9TBT84hRe5sD8lu/dODhtvRw6cECOA8I4R3boo/WVAfUiz4jdPLJ\nYW/Hl7le/neAIJFm1XY4+MWVLYoOLdyJg/H8Vot9CiXdgpcpu4w8+eAHK1a5\nc1No\r\n=4K2l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgSDszM3Cye4hp3WoC26+JDmZRwnps2nsBakkxiH98XgIhAL7fbJOs+8HJfxwQicY++D6N5rHn/sl1jTh5GTytdl9w"}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.3.3_1560693446375_0.708529105509303"},"_hasShrinkwrap":false},"2.0.0":{"name":"react-dnz","version":"2.0.0","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest --coverage"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.3.0","rxjs":"^6.5.2","three":"^0.105.2"},"devDependencies":{"@testing-library/react":"^8.0.4","babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","react-test-renderer":"^16.8.6","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"jest":{},"readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') {\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n## Sketchpad(3d环境组件)\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n|style|容器样式|Object| null|\r\n|containerClass|容器类名|string|null|\r\n|dataUrl|底图文件路径(gtlf格式,使用专用编辑器导出)|string|null|\r\n|capture|是否捕获坐标|boolean|false|\r\n|capturePosition|捕获坐标回调(将会捕获点击与移动事件)|(position: {x:number, y: number}, e: Event) => null|null\r\n|areaList|区域数据| Array<'Area'> | null |\r\n|markList|标记数据|Array<'Mark'>|null|\r\n|model|模式，2d模式下可进行交互，3d模式下仅用于查看|'2d|3d'|3d|\r\n|loadingStatus|底图文件加载进度回调|(err: Error, loading: boolean, percentage: number) => null|null|\r\n\r\n###Area\r\n key: string // 索引\r\n\ttype: 'line'|'rect'|'circle'|'polygon' // 区域类型\r\n\tpoints: Array // 区域坐标为[[1,1],[3,3]]类型\r\n\theight: number // 区域高度\r\n\tcolor: string // 颜色\r\n\tradius： number // 区域类型为circle时存在，半径\r\n\tz: number // 区域底部高度\r\n\tonClick： (e: { type: string, event: Event }) => null //点击事件回调\r\n\tshowPoint: boolean // 显示顶点，建议仅用在绘制区域中\r\n\r\n###Mark\r\n key: string, // 索引\r\n position: { x: number, y: number }, // 定位坐标\r\n z: number, // z位置\r\n img: string, // 图片路径\r\n content: string, // 文字内容\r\n width: number, // 宽度，包含文字与图片\r\n height: number, // 高度， 包含文字与图片内容\r\n placement: 'top' | 'bottom', // 文字位置\r\n onClick?: (e: { type: string, event: Event }) => null // 点击事件回调\r\n dragable: boolean, // 能否进行拖拽\r\n onDrag?: (e: { type: string, position: Position }) => null, // 拖拽事件回调\r\n onDragStop?: (e: { type: string, position: Position }) => null // 拖拽结束回调\r\n\r\n#Polyfill(需要依赖以下es6特性)\r\nPromise, Map
\r\nArray\r\n - includes\r\n - keys\r\n - values\r\nString\r\n - includes\r\n - startsWith\r\n - endsWith\r\n \r\n","readmeFilename":"README.md","gitHead":"df7caf9528c1a67c38bf7ef623569cc949ba7264","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@2.0.0","_nodeVersion":"8.11.4","_npmVersion":"6.9.0","dist":{"integrity":"sha512-CXI8R6QIIpvCH9x8chdaKuz9m3kqNmTu8KBGnR6RpBg8+yump1TiGoc7wSE1ezs18XI1cB4WycFpFdRaHTXsLg==","shasum":"a726d7560c5bf5c8d5e07924bb37407962e1ff3c","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-2.0.0.tgz","fileCount":52,"unpackedSize":326575,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdGWvRCRA9TVsSAnZWagAAXPwP/3LDrHmA+FLEpT6lKa78\nuiesYa9MuFsb+EMTU1RX5kFThLOmEadFoL8PI3nkGvf3f87myQ6Fez9u/2v5\neJZwuzbm8dJBC0azc5tgVdb6Kvp4iXzzo7t2agQPHk2MQUosbm83HrMkiU7l\nwQFkAIbSl8vrmjvo/+nPl1VupNTuAFBkssgNP5A34xSntD22CCQ3lWuc15KS\n9klIxqaMhjH5BL/l/dzfNwhq8yscIpz5z+zjR5YleyBxcJCf4xeGuYd1injr\nV6iSyEwSfyfbvZkYN47fzISCe3s3W0hyXpJJy306kYz2CpAs/A4WSBKGsJfo\n9A5PfCCuz4rvx4Ypz1g13NC65Ya63KySyuinVFu7gz9YOFa3QQ2omXgYd2ly\nHyCmkOeBd7Cj42wagwIIPpaxscYjOUuau/JsU6/Tye7kug8GHYmzUk+rIw8X\nulGgMqwR5ni5wTOhtLVkElY9lvj3Oo0mqExYob9qxBV40YrwfEVdHAz4o6Xr\nMVNxdsyF6OawwWrfcou+0xsmiiLVFHeXLdKcCDP+W51vU+9sWnNZL5mTfyR8\ntmhmB0iCbJ4wrEcyetf7bw+e6g8mmaQFf3UOOWnKGxBfk0CGruuRtJZyAtIH\nvGPFT4ESBRbjvYPWziG6m5R0npe+xIJl8KnW/OjImfPqq3nYca/hKmF82dN/\nVDGK\r\n=YlfH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEQfe2i0oAA0a/hoQL1Wmy4sqKwuj72uF3ZhalveFQprAiEA9nReeJZPiZNqFM4143JNpDYfVF2wVTAsibvFnzIn9R4="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_2.0.0_1561947088498_0.4105217946011437"},"_hasShrinkwrap":false,"deprecated":"this version is deprecate"},"2.0.0-beta":{"name":"react-dnz","version":"2.0.0-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest --coverage"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.3.0","rxjs":"^6.5.2","three":"^0.105.2"},"devDependencies":{"@testing-library/react":"^8.0.4","babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","react-test-renderer":"^16.8.6","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"jest":{},"readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') {\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n## Sketchpad(3d环境组件)\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n|style|容器样式|Object| null|\r\n|containerClass|容器类名|string|null|\r\n|dataUrl|底图文件路径(gtlf格式,使用专用编辑器导出)|string|null|\r\n|capture|是否捕获坐标|boolean|false|\r\n|capturePosition|捕获坐标回调(将会捕获点击与移动事件)|(position: {x:number, y: number}, e: Event) => null|null\r\n|areaList|区域数据| Array<'Area'> | null |\r\n|markList|标记数据|Array<'Mark'>|null|\r\n|model|模式，2d模式下可进行交互，3d模式下仅用于查看|'2d|3d'|3d|\r\n|loadingStatus|底图文件加载进度回调|(err: Error, loading: boolean, percentage: number) => null|null|\r\n\r\n###Area\r\n key: string // 索引\r\n\ttype: 'line'|'rect'|'circle'|'polygon' // 区域类型\r\n\tpoints: Array // 区域坐标为[[1,1],[3,3]]类型\r\n\theight: number // 区域高度\r\n\tcolor: string // 颜色\r\n\tradius： number // 区域类型为circle时存在，半径\r\n\tz: number // 区域底部高度\r\n\tonClick： (e: { type: string, event: Event }) => null //点击事件回调\r\n\tshowPoint: boolean // 显示顶点，建议仅用在绘制区域中\r\n\r\n###Mark\r\n key: string, // 索引\r\n position: { x: number, y: number }, // 定位坐标\r\n z: number, // z位置\r\n img: string, // 图片路径\r\n content: string, // 文字内容\r\n width: number, // 宽度，包含文字与图片\r\n height: number, // 高度， 包含文字与图片内容\r\n placement: 'top' | 'bottom', // 文字位置\r\n onClick?: (e: { type: string, event: Event }) => null // 点击事件回调\r\n dragable: boolean, // 能否进行拖拽\r\n onDrag?: (e: { type: string, position: Position }) => null, // 拖拽事件回调\r\n onDragStop?: (e: { type: string, position: Position }) => null // 拖拽结束回调\r\n\r\n#Polyfill(需要依赖以下es6特性)\r\nPromise, Map
\r\nArray\r\n - includes\r\n - keys\r\n - values\r\nString\r\n - includes\r\n - startsWith\r\n - endsWith\r\n \r\n","readmeFilename":"README.md","gitHead":"2a7e6d75a9cad8a64893b90a2d983bd63bac1274","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@2.0.0-beta","_nodeVersion":"8.11.4","_npmVersion":"6.9.0","dist":{"integrity":"sha512-DH6ggq7EUV9d9FQgZQ4tuZqn3SWk+quc+sNEh7jwnZct9L3bu6x+OcpR2cpVGAykw9m1kvF0X+bO5Uf2ENFCdg==","shasum":"30dd3b36303d0f33248c9f31aacffbaa2acc8ffc","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-2.0.0-beta.tgz","fileCount":52,"unpackedSize":326841,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdGYMwCRA9TVsSAnZWagAAltQQAJxRmuPJVuDEePRwEmXA\naEnt7wOyOK/Euwr3oxny6rsJ3u/gGqyj69ihs5pwh2Ds8KVthueW7PGsR8Oe\npkvP4NVT6CAZuZCxFor2FFG2SVE4+DrCGnDnBrtSFEZa1znMnuJdnOCFL0P7\nLUdth11cNtLhg3SliAtE8Oso+lnd4ol+tHDafK3ZzLMl5aTODI2wA4GL4/IE\nxenWZwZPViK2gR6nQKEIEh8q0U55oYoxMRrxgXXLnexjhCWDQbsqchcxt51/\nj7TkJpxPPn/jdRNi5HXljXlKzWnYFWIzlx3SwPIZ4owXW/QA40iImhcwDUg8\nvsjtxKF1XnRZvCaoUCL/Uj3MFxatM8/ZcNRY7V0XuBTDCXsFctYkZRt4F6rT\nZkbs1VLRsyhsuuJi0LeGxO2u1rM0KWcJHafH6AdmUACy5Jj9tKrK9Od8VrkB\n87vHbT3xgGsEpvaRBiwabBB5neb8gEjhzyghrO73Y+zOhilZQ/Hnim13HO6p\nB9itMR6k+ZDAySOo2BU5jl21G8RF0N5Eif2LCFO52r4jjUXw9IXah3+G3oKS\nc/YWmMf1xPYaJ/LfNOsqj7/SJyxFXNArVRbo8lw9jc70lj6TJbatwOa6GNwh\ns4923Otvmp34J3O24rCAUzerzG5/wrIUTB/0TYl5VMZzgGUuMBQJfaMqjXpY\niPG3\r\n=gTZ/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBMyBgW6xAt3MMfkRYbhQLXZkcxCTwrky7Y6qZbo4FqIAiAplAwfRp9UEe4VBM3I6T5ZzajXHiP8r30tNhjtxlS0rQ=="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_2.0.0-beta_1561953071189_0.2456380723736451"},"_hasShrinkwrap":false,"deprecated":"deprecate this version"},"2.0.1-beta":{"name":"react-dnz","version":"2.0.1-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest --coverage"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.3.0","rxjs":"^6.5.2","three":"^0.105.2"},"devDependencies":{"@testing-library/react":"^8.0.4","babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","react-test-renderer":"^16.8.6","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"jest":{},"gitHead":"2a7e6d75a9cad8a64893b90a2d983bd63bac1274","readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') {\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n## Sketchpad(3d环境组件)\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n|style|容器样式|Object| null|\r\n|containerClass|容器类名|string|null|\r\n|dataUrl|底图文件路径(gtlf格式,使用专用编辑器导出)|string|null|\r\n|capture|是否捕获坐标|boolean|false|\r\n|capturePosition|捕获坐标回调(将会捕获点击与移动事件)|(position: {x:number, y: number}, e: Event) => null|null\r\n|areaList|区域数据| Array<'Area'> | null |\r\n|markList|标记数据|Array<'Mark'>|null|\r\n|model|模式，2d模式下可进行交互，3d模式下仅用于查看|'2d|3d'|3d|\r\n|loadingStatus|底图文件加载进度回调|(err: Error, loading: boolean, percentage: number) => null|null|\r\n\r\n###Area\r\n key: string // 索引\r\n\ttype: 'line'|'rect'|'circle'|'polygon' // 区域类型\r\n\tpoints: Array // 区域坐标为[[1,1],[3,3]]类型\r\n\theight: number // 区域高度\r\n\tcolor: string // 颜色\r\n\tradius： number // 区域类型为circle时存在，半径\r\n\tz: number // 区域底部高度\r\n\tonClick： (e: { type: string, event: Event }) => null //点击事件回调\r\n\tshowPoint: boolean // 显示顶点，建议仅用在绘制区域中\r\n\r\n###Mark\r\n key: string, // 索引\r\n position: { x: number, y: number }, // 定位坐标\r\n z: number, // z位置\r\n img: string, // 图片路径\r\n content: string, // 文字内容\r\n width: number, // 宽度，包含文字与图片\r\n height: number, // 高度， 包含文字与图片内容\r\n placement: 'top' | 'bottom', // 文字位置\r\n onClick?: (e: { type: string, event: Event }) => null // 点击事件回调\r\n dragable: boolean, // 能否进行拖拽\r\n onDrag?: (e: { type: string, position: Position }) => null, // 拖拽事件回调\r\n onDragStop?: (e: { type: string, position: Position }) => null // 拖拽结束回调\r\n\r\n#Polyfill(需要依赖以下es6特性)\r\nPromise, Map
\r\nArray\r\n - includes\r\n - keys\r\n - values\r\nString\r\n - includes\r\n - startsWith\r\n - endsWith\r\n \r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@2.0.1-beta","_nodeVersion":"8.11.4","_npmVersion":"6.9.0","dist":{"integrity":"sha512-pQ/8TWTxy6FOrkdPZP5wsvvttEVFGb2wMPDrmSBF3uq30Sj1cqfR89fZGb+qaC6R7n3Waldy3WKsP7eWS6xNuA==","shasum":"79f8efeaa037ceece3d5960e74e1762450fdb6bd","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-2.0.1-beta.tgz","fileCount":52,"unpackedSize":326838,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdGaGiCRA9TVsSAnZWagAAFtsP/j6YhQZ/BCd8a9sdu/s3\nR4o2CfPWylzLQ8eKWyu1y4M69V2VsRTsVsmPdrd4zR5UaBQ3jt+Al3IUxBYN\ndNQvElymgWO2RtCGTx7Wn8OeUwBlIe1R44jBHDGgW+ESk/xV+L9RN/yTJZZR\nAeP5IMAEthm5Qhqpq04EtvkC8exR2ykIENzJ0+22ka+kDbirhhCakFJIz1EM\ng8anDh+qgN3k1Xnr3/QrgbshcmAkade/ZeXArI8BjEjAkenV9sjNXH8F75Qg\ne5w1vNGdTBBebcSTUlztWBbRine364a3eKISKWSj4yu0pweDo3DCmU8TAoyL\nEexg2ZtnizU7/dztSAUe9c091GPbalTIA5Ir52S4a+25shKt7vodI7l3l7cX\nbYm8fVRYSEb450A3wRkdKNSTvpeWsLHUsj5cwz8mA/PF6Tmzpv9dsJOAkWDC\n9h64sK5Bft6UtiZBGhAIP4iNDglIBzK+La2xSvPe8+MxGdW10tmiaLOejq+4\nA82HIDQwZyPl+WpU6RaA/Z4j2PpYsfCrfwHt6b9NpgRk1mi7aDM8FCFOiqtt\nSRJo97L5ss1g/NcsK3ERMGga9Oyi6MD+bHeZQa0c5TI92Hs9zHDNfGXnWQPH\nitoub9JyeQ4MLpKjHaWPLLuFlmptBtMRPCw3GIxSvEdOVEjjQi3oVdXDPRfY\nEGDz\r\n=nzxA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDEydE7or24crwTprjZxgLYmGwAGk43YO+utdyaga8WOAiEA3YwhK7uj6la561WvslrVmsqRrMEt4cI/fuKHsa7/6kY="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_2.0.1-beta_1561960865683_0.3532173457037162"},"_hasShrinkwrap":false},"2.0.2-beta":{"name":"react-dnz","version":"2.0.2-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css ","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest --coverage"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"react-draggable":"^3.3.0","rxjs":"^6.5.2","three":"^0.105.2"},"devDependencies":{"@testing-library/react":"^8.0.4","babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.4.2","react-dom":"^16.4.2","react-hot-loader":"^4.3.5","react-test-renderer":"^16.8.6","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"jest":{},"readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') {\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n## Sketchpad(3d环境组件)\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n|style|容器样式|Object| null|\r\n|containerClass|容器类名|string|null|\r\n|dataUrl|底图文件路径(gtlf格式,使用专用编辑器导出)|string|null|\r\n|capture|是否捕获坐标|boolean|false|\r\n|capturePosition|捕获坐标回调(将会捕获点击与移动事件)|(position: {x:number, y: number}, e: Event) => null|null\r\n|areaList|区域数据| Array<'Area'> | null |\r\n|markList|标记数据|Array<'Mark'>|null|\r\n|model|模式，2d模式下可进行交互，3d模式下仅用于查看|'2d|3d'|3d|\r\n|loadingStatus|底图文件加载进度回调|(err: Error, loading: boolean, percentage: number) => null|null|\r\n\r\n###Area\r\n key: string // 索引\r\n\ttype: 'line'|'rect'|'circle'|'polygon' // 区域类型\r\n\tpoints: Array // 区域坐标为[[1,1],[3,3]]类型\r\n\theight: number // 区域高度\r\n\tcolor: string // 颜色\r\n\tradius： number // 区域类型为circle时存在，半径\r\n\tz: number // 区域底部高度\r\n\tonClick： (e: { type: string, event: Event }) => null //点击事件回调\r\n\tshowPoint: boolean // 显示顶点，建议仅用在绘制区域中\r\n\r\n###Mark\r\n key: string, // 索引\r\n position: { x: number, y: number }, // 定位坐标\r\n z: number, // z位置\r\n img: string, // 图片路径\r\n content: string, // 文字内容\r\n width: number, // 宽度，包含文字与图片\r\n height: number, // 高度， 包含文字与图片内容\r\n placement: 'top' | 'bottom', // 文字位置\r\n onClick?: (e: { type: string, event: Event }) => null // 点击事件回调\r\n dragable: boolean, // 能否进行拖拽\r\n onDrag?: (e: { type: string, position: Position }) => null, // 拖拽事件回调\r\n onDragStop?: (e: { type: string, position: Position }) => null // 拖拽结束回调\r\n\r\n#Polyfill(需要依赖以下es6特性)\r\nPromise, Map
\r\nArray\r\n - includes\r\n - keys\r\n - values\r\nString\r\n - includes\r\n - startsWith\r\n - endsWith\r\n \r\n","readmeFilename":"README.md","gitHead":"56d8c295a032ed5d2fc7fc2a90e3b2a4e5bfb6f4","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@2.0.2-beta","_nodeVersion":"8.11.4","_npmVersion":"6.9.0","dist":{"integrity":"sha512-aw685F8Or7Ep+Uv6NAVpDScD/VBryIUO0ArB/6V3mpicX9rFUG4PROtjOKgsq0OQnx5gjvRKAggysT5uLQimbA==","shasum":"55edb79c44ab3e0ea801af9938fb3a299ce1a41b","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-2.0.2-beta.tgz","fileCount":52,"unpackedSize":326915,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdGvx0CRA9TVsSAnZWagAAhtoP/3bVVDil8HEvUHFbwmiM\n4RooOh0HU66nHZa+I5iAXaIJ5l0b9NBAd7bYYgIOvL8qNv6IQQ9TMwaGZQ9+\nSwKaAkeGW3whEGtj6ZggsW8WR4YMbaS3/nziYNFNEBa3+msMkv65kdKgF+Nr\nLosx7yIe/oUOcGFlXJ63bbZLFomdpJTvTebBPk0I/iL28R4ZEScG84eAhB/Z\nvFuqSJvxB3O0TzAcbiWKw5sejPuge7rAhP5IyuT6sMnSvhyeSx8sq/bzqdMB\ne/fZ7jOJHawDfm5q8kB8ZifJbxEGClNvv0Wu5NjKc7lpqUXLtWP3NpyTmXcn\n6pJTgBfZTebCRD0ybcmZQfcHr8Es/fe7sqgrEDwuTbCTYFLqarMpGMuhJz4n\nLDPxr8oTcPNFcJfQbxLIR11LKHhfJD7F4tUCydCoe+U7dHgo6C6Zc9dpcEYT\nCdQQfDdNUysmsqSvP+SicJcExdhgh2p9JAvIqldKrIqmqyAuzBL5DoGm2GqD\nXD+IlIVQPx/nJOMvzY/JuRZQVPwZImLVURMLsquEitoynrvqbsf1rggq9hJY\njmMASeQtkg4gQNlYrevi8UB/5wTPRJjj0O0jbcV7E7vmXXDIoviXuNNDtSeg\nmzeOEqjo1A+jd+LJyMuAY2pQwkK3rYPWkNXUtK/opoTfxU6QYOIQmj1eqt1G\nWXso\r\n=cOgE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDjA3MLX8DU/6LFEKD7ZGft/K+Y4xSjitD9aEgJpyFqkAiBurHdsrKCq9XohSa5QrcBEpwvJtjrPYv630L99gtd8zQ=="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_2.0.2-beta_1562049651469_0.7646916547991218"},"_hasShrinkwrap":false},"1.4.0-beta":{"name":"react-dnz","version":"1.4.0-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"_id":"react-dnz@1.4.0-beta","dist":{"shasum":"379c1fd27f2cdc7371036e4a4d0f648cf59e254a","integrity":"sha512-lp29epSWFND2B9Dt6dPxrwUck64OKQCz5ag/XES6OMPkgXg+b6+dWMTfNZsqTcc+fjBI+YHqTXop+RWhO0mfsw==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.0-beta.tgz","fileCount":73,"unpackedSize":371776,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSoXJCRA9TVsSAnZWagAADA0P/1/gJcRfkfmzT8LI9zVV\ng4RsNyEk3AO30XdBsIVWgdQb4FCWICyR70UdUhhLnpEem24TAoEY6rNKErLL\nJ+zyKH+pG8u7xDg1tMdeQa36tZQnGjmiILYt4Fhzc4crBMyNHZjaogUulKKW\nxnhWBa1G+mm264t0dcSE2jsEIvF8apzUq5qcN4opXXd3C1AEm82kbB2+NLCf\nIk6LCVxg3796PIUbjUwAUy/oYHrpixIQ5+lhKCMNWNlIqv9+tst8A95edJ12\nlqey+fKhe14mQv/3omcKQlyrjphqh7mTrDWOqY/GtltsBeYSHAAxKKpxXE/s\nBSKkrTmw+/myVVvomZESnqO8ko8hcp+gTIKDViDdduLHyNF9QN0crP3C4zYK\nf8npilyfSFyglwV8j4CI54FL9K5+Kl0DLqFMHtrRvaOfTquiYQxuAplvNbxN\nM7/viadOcliCOmnvxl1SQbBQ8EUf2ol9uhI7YIoeQ6NMRJPnjMsXScV/Ky7t\nbuayCX0CGwp20Q85q5KL4gWe3xWEJWlN88Y/en2rbg0/wj0UjBjlx1u0ZMKY\nh80CA6U3wrsvkBz/u0z2b59xq0BDlTsj4euXoVHzseSWuKSRcGtYN1nZupM7\nVr8syAKg36Fo0nfDtUOX376GFHkBCYtYFYKO2fT/PqZ58cKnGhjNq/CoNe/I\nQA6V\r\n=xXLS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBjb3eYpCoHFdLzkqkb0ec5KWATM4pTTnCpbaJGqa92zAiBUMmrGLO1jiLAbvxLcSvovj/WSEbxXoH64rwEcNkZZfA=="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.0-beta_1565165000853_0.8713911635480924"},"_hasShrinkwrap":false,"deprecated":"'version"},"1.4.1-beta":{"name":"react-dnz","version":"1.4.1-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n\r\n#V2\r\nimport { V2 } from 'react-dnz';\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string | '' |\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| maxScale | 最大缩放层级 | number | 2 |\r\n| scalable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\r\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\r\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n\r\n## DragzoomPolygon\r\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\r\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\r\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\r\n| polygons | 自定义图层 | Polygon | []\r\n\r\n### DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| id | 唯一标识 | string | '' |\r\n| color | 图层颜色 | Object | {} |\r\n| shape | 形状 | string | '' |\r\n| vertex | 是否绘制端点 | boolean | true |\r\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| onDrag | 拖动时的回调 | (position: Position, e: Event) => null | (point: Point) => mixed |\r\n| onDragStop | 拖动结束时的回调 | (position: Position, e: Event) => null | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | true |\r\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\r\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\r\n\r\n","readmeFilename":"README.md","gitHead":"ad347f101f38070b9e73026988fbd5c7a7a8e639","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.4.1-beta","_nodeVersion":"10.16.0","_npmVersion":"6.9.2","dist":{"integrity":"sha512-k01eLkXhDBUdZa9KvVVWjDRONh2B4m82iSOHDJVQuEuXR7zqFwrhhQH2XUX+HGpcErnR8EC5dYZT8eVKp6rYLA==","shasum":"c3cbd21766007c0421c3294457b85aae30b14e08","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.1-beta.tgz","fileCount":53,"unpackedSize":303291,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdS5rVCRA9TVsSAnZWagAAH3gQAIG81kCE347uhQWHeFfx\n4ywj9hrvvZtRhQ6deQtv+FQnmOAQlKAfXdOiApvvby361H2dg5we2/YVWQxO\n2AV5kovbD/K5AMuRMsfWcjML9m/wiGnLOcxzeiNyAaj9NjQG4ehXQdgMJ0Zz\nu57WEOqoAKzXAZeVbH9CDijKCDfCYXlzD0XTN27f/mV3CuZTT4wYbZ0xwZSW\nEtajm0tNtcR8b3BgQD2NZAqXEewTvHzOD5zf1/3AioQTkX1NmaIzgIceZNYT\nTPxWvIT6F8VOVa4yCFcThJ9WOavbgisHStrSfuj8yceA/n7YtJTrErTOqLCR\nC8owupm7d0TrPsMS6tWAt0LAFEi+Tpe/ao4WyrKycwTaNBPXmJFy6xk0v6RW\nIczuxigIEXNaLgB96ffCFZ0lNBN4IAKX6zePcymn4es6illHasF0WW2Ju8Mh\njiE+16UnmCNDpDrbg+M4XeHSZ3N+PFHvlwptsqpshqTjC1W1rcN5Dd/3dILL\nOjHueficd80dbXA44hoto1VZDQquiACiXE2yL0UuVxQScTRJlQcRfjZVp0PC\nQI5ry9Qf66G7XA3alGurY4n5W6qb/aQPyVX1Q+VDmJfPFRNh0YAN7NgxLwSr\nsLLaqSWhwrAxA5wE6pBofDA2aorxSJq+OZ26ZYBq+UqnV1CYbuUrJUcHHmG5\nlNLt\r\n=Ya1e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICsN5aWrtBb8/bbQJm15QaIzu11h0L2z9IB5paJ3I4p8AiB8axYfAhpXQRRpgvlrYLuYLH3dg2a1PXC45VCRpDnoBw=="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.1-beta_1565235924040_0.9465533272662843"},"_hasShrinkwrap":false,"deprecated":"react-dnz@1.4.2-beta"},"1.4.2-beta":{"name":"react-dnz","version":"1.4.2-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n\r\n#V2\r\nimport { V2 } from 'react-dnz';\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string | '' |\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| maxScale | 最大缩放层级 | number | 2 |\r\n| scalable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\r\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\r\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n\r\n## DragzoomPolygon\r\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\r\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\r\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\r\n| polygons | 自定义图层 | Polygon | []\r\n\r\n### DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| id | 唯一标识 | string | '' |\r\n| color | 图层颜色 | Object | {} |\r\n| shape | 形状 | string | '' |\r\n| vertex | 是否绘制端点 | boolean | true |\r\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| onDrag | 拖动时的回调 | (position: Position, e: Event) => null | (point: Point) => mixed |\r\n| onDragStop | 拖动结束时的回调 | (position: Position, e: Event) => null | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | true |\r\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\r\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\r\n\r\n","readmeFilename":"README.md","gitHead":"ad347f101f38070b9e73026988fbd5c7a7a8e639","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.4.2-beta","_nodeVersion":"10.16.0","_npmVersion":"6.9.2","dist":{"integrity":"sha512-/Gf3KgUlt+WHcclYVSIR5ss0hbpcx6ULSXV0GZB9sXFEwlVNw4rrC+1nFLjMJI01ZUghA4dIoz0b4PneR6Pwrw==","shasum":"111e3b4a0604ecade8587cad2a391c5ddea42c1a","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.2-beta.tgz","fileCount":53,"unpackedSize":303305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdS7z+CRA9TVsSAnZWagAAGqIP/R+D4Ur4Q61b4FR/4Iig\nYyXfeON6SybgtkMGOwxEmuPoRWltLuSPVbWVoiSSsXh5XXIy4s0He4bruPQk\nDGy58TTEohfxjf74d2JLjN9t3XfdnJfOwfUDX907mKqcXjZSwrdJlPxqJaJo\nMov4RdYGu/tPpKaxWjWo+vsfJ3xtjVq+pGJE/+TFIufCOVAM7ZDa36CqcqhV\nQPGO1yfliGpN22XS2pPMn9C8KtTTeX+1Gk5IYWemmgUUWPpWTmRMye6fAM6o\nxNANW0STP8nkvMTUAMCNtFZfpZyXUcZIBwQOBGDD6jGqR9GLeBJT2U7oH5d2\n2X3/kSwwVPgNCd2uP6XEEbx0LtkEAzdd6DHOGM7WCFdCQq4+L0G+FgA01EsZ\nB4pPPYoqgYSL7ZaSeBV8ejmEcD0BV1KiDtRQcL7GTe4TtxREOvhYRxyhbV/B\n+8KXJdLf3fqUXz5ZrBS3Qk1miA90hRWomQwQ1F1jvrtHlnefDye+y3ejkWkp\nZ1qKROfFm8kIoEMKvw0xJEHW2yQVjRYG0WMtJfCoHChHJMuVK165yTWWEiQF\n1XtPQ75BaIyyh/bFTlwuRCSufhbGvsIgSBHIeWuL6c7JLUscHi6FcmjiK10G\nKY1t7fMpnpada8EF53gtskyi4fZI9736hP1/TjL95DwcV03sbw2LYJzjhaB6\n4LtE\r\n=0MBQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID/pDyS+VchLUPiXs0i01gYG//FrcVOhJGFwj8KH8vDAAiEAstPu9EI5xq8TL4cJXKbwHrmCO/n2eLLhBwy63wzNCHQ="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.2-beta_1565244669887_0.9161964271411316"},"_hasShrinkwrap":false,"deprecated":"'version"},"1.4.3-beta":{"name":"react-dnz","version":"1.4.3-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n\r\n#V2\r\nimport { V2 } from 'react-dnz';\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string | '' |\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| maxScale | 最大缩放层级 | number | 2 |\r\n| scalable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\r\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\r\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n\r\n## DragzoomPolygon\r\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\r\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\r\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\r\n| polygons | 自定义图层 | Polygon | []\r\n\r\n### DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| id | 唯一标识 | string | '' |\r\n| color | 图层颜色 | Object | {} |\r\n| shape | 形状 | string | '' |\r\n| vertex | 是否绘制端点 | boolean | true |\r\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| onDrag | 拖动时的回调 | (position: Position, e: Event) => null | (point: Point) => mixed |\r\n| onDragStop | 拖动结束时的回调 | (position: Position, e: Event) => null | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | true |\r\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\r\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\r\n\r\n","readmeFilename":"README.md","gitHead":"ad347f101f38070b9e73026988fbd5c7a7a8e639","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.4.3-beta","_nodeVersion":"10.16.0","_npmVersion":"6.9.2","dist":{"integrity":"sha512-jbNQwsDLsLe85zJL/gCRDLHJMh0h1dDKV4LQ5+HnY3uSbFp9BuXRYElf9aOuafIlJ6+jWS3U5LYNkNv6X/f2Qw==","shasum":"18c7380267b4b970dd8df3f7ce430d5f8401316d","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.3-beta.tgz","fileCount":53,"unpackedSize":303319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdS8CPCRA9TVsSAnZWagAAdkoP/1xjfSrIaLmnqP3dY+gU\nLoRr6dXo0IFGZSc8GiSu+PkQqAGJAOKBUjg8CEfy/I1IBW+peM9uHClNrwyi\ntKjH810A1VF4IQw9wV757EWd25sSitsr03s4+JQDxcTrvA/vIegCMWgXpSp0\nZ/4BPpABoqPBx0fDr6gFGphQlSa4xSGsOG9kZl+aXx8lz8FVwWJipNJsGEwA\nOsMlOEVWfVYSo6MXZ5TmR3snxKZoMLZz9t8Q3WDmRtWPUY8jilZeFBSVl60q\nK3vf0ZyF1okjiebQjfy9SDWe6qotIfPJkBBgiZl0Rcq1oxkKb2Wg9L5pDtU3\n4Rj0+6yugs5OGscXAizVqqSMdVFAQWLTo1VWZqJRrBrJbJIsr2UFaUFP4gt9\nfJ4blZQSFwsQEzhz5pZen1Fk8n/q/PlpqjdIlPnx8hoLa9sIJwt1rUlJhZVt\nKLpi0AzoL2OoSozu0+OpXmq9Rscch1y4TdB/V2apCx1D3jgLf1OU3klTmM2i\n6PztKAyCnQosbKAMFwJ/1oNbJUEFpj0TokLljLjgy7n17/cCkpcwubgVHvyU\n7aawpzW9Ha48V3Jlx/8BuG5n0NLlBu5FvHx8MvW0UnaXebmbbrCcuyPF2Qkk\ntFVywgbZ4DXY6aRHUdXpL30p8DCWSrHRA021shU6V1TMpI7fxSQqTb9htMS8\nNlgR\r\n=Mq0G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICScbpTDJpfAyBv5ENbrwJ+nvr3hGNGoNvtDgPme1TSWAiBrfsDOeXuamjXF7k/Cqk+xn4qGyWrUYWwwg4avKM34XA=="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.3-beta_1565245581947_0.4204169844044321"},"_hasShrinkwrap":false,"deprecated":"'version"},"1.4.4-beta":{"name":"react-dnz","version":"1.4.4-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n\r\n#V2\r\nimport { V2 } from 'react-dnz';\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string | '' |\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| maxScale | 最大缩放层级 | number | 2 |\r\n| scalable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\r\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\r\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n\r\n## DragzoomPolygon\r\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\r\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\r\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\r\n| polygons | 自定义图层 | Polygon | []\r\n\r\n### DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| id | 唯一标识 | string | '' |\r\n| color | 图层颜色 | Object | {} |\r\n| shape | 形状 | string | '' |\r\n| vertex | 是否绘制端点 | boolean | true |\r\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| onDrag | 拖动时的回调 | (position: Position, e: Event) => null | (point: Point) => mixed |\r\n| onDragStop | 拖动结束时的回调 | (position: Position, e: Event) => null | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | true |\r\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\r\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\r\n\r\n","readmeFilename":"README.md","gitHead":"ad347f101f38070b9e73026988fbd5c7a7a8e639","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.4.4-beta","_nodeVersion":"10.16.0","_npmVersion":"6.9.2","dist":{"integrity":"sha512-GvCPt5Z1WGqjNY4bOhSOM3gCL6cN5JIQ483Fyh6H/XPgAK+R01VUciJFiwvii4jBHdbLRyLqdWkCQSlZrpVAmg==","shasum":"2b3df73cfc03f337a92e54834e266ae3dc3d1013","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.4-beta.tgz","fileCount":53,"unpackedSize":303893,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdTA6mCRA9TVsSAnZWagAAeS4P/RRZ5iQhuZyXc9RhJt8k\nlsyEAIdAmcSoOZWdBuQ7qc3tG+lgZyt5N2wrftibmxWjMDu92zFMX3rNgssq\n2fWswgMh46EFMMlp2jmwCJA/x3iReY95ja9VWL1zSOKsbCr/T4Su2Tbn38S0\nagclAs8rHu5CIfoXeek/Q9t3E+0ARIMaEGr6dVRy5raUBZUQnscqOhAFwQiY\ny/g/Q1t8RE4F0dkR/xR3Tle3A8E9f0WS/DD+Uw4vLQL41KuzOm2QMUA7OXye\n25BSTxrmibXW6MgkUxTdAlXPFeYPj0lvXb90C8mkvpJnxIc8anLWmee3qttb\nPx5mhWKVLcmQfy9FdWAmn7+i5yFg6Hka8Gc/jVQO0Qnz4iv7usyW/GuJWR93\nCnCfkIY/Qi1Tuqy1g75I5w8t3WqCyqUrlxiUTBNtplgFlhxItMteF5tZDHgm\n5Q0wbTZz3oGP+PLye/nhU9R88CETm0jpPCz6TPlm2tb/oAbayhuehbgE5h+s\nfjYBCny0lqccXWW8ykbdz8oMCZSBtJZcCmoSnnGBtYXE9UIyi/7P36IPJ2v0\n34R1XLI3tyFpwniOz9zUmrQ8aIOiFA/XfDToeKxKd7zzP6bbIInc3XpbbQ8P\n4gWBRb/n9L2ro3l12bzWYMpMRYUU4SIJTWg3XLBAktum4cA2hN2XJDvDFU+p\n7Ark\r\n=VsBs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAYGKXgM3/2eV+Uc4mCY+oXlwox5EG88JsJIawlFynQxAiAiiEHql1DeWCm97yU0xWJpnZrauvRD4egPLo/gSij5+g=="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.4-beta_1565265573503_0.5648414468431202"},"_hasShrinkwrap":false},"1.4.5-beta":{"name":"react-dnz","version":"1.4.5-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n\r\n#V2\r\nimport { V2 } from 'react-dnz';\r\n## DragZoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string | '' |\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| maxScale | 最大缩放层级 | number | 2 |\r\n| scalable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\r\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\r\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n\r\n## DragZoomPolygon\r\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\r\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\r\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\r\n| polygons | 自定义图层 | Polygon | []\r\n\r\n### DragZoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| id | 唯一标识 | string | '' |\r\n| color | 图层颜色 | Object | {} |\r\n| shape | 形状 | string | '' |\r\n| custom | 是否自定义绘制 | boolean | false |\r\n| vertex | 是否绘制端点 | boolean | true |\r\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\r\n\r\n\r\n## DragZoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| onDrag | 拖动时的回调 | (position: Position, e: Event) => null | (point: Point) => mixed |\r\n| onDragStop | 拖动结束时的回调 | (position: Position, e: Event) => null | (point: Point) => mixed |\r\n\r\n## DragZoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | true |\r\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\r\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\r\n\r\n\r\n## DragZoomCanvas(该组件用于绘制变化部分，所有路径都会被自定义绘制)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 捕获坐标 | boolean | false |\r\n| onMouseMove| 鼠标移动 | (position: Position, e: Event) => null | f => f |\r\n| onDoubleClick | 双击事件 | (position: Position, e: Event) => null | f => f |\r\n| onClick | 单击事件 | (position: Position, e: Event) => null | f => f |\r\n| controlPaint | 偏移量 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:string,shape:string}) => mixed | f => f |\r\n\r\n\r\n## DragZoomCanvas.Path\r\n详见 DragZoomPolygon.Polygon","readmeFilename":"README.md","gitHead":"ad347f101f38070b9e73026988fbd5c7a7a8e639","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.4.5-beta","_nodeVersion":"10.16.0","_npmVersion":"6.9.2","dist":{"integrity":"sha512-+qgLVpmiz4kmdsmmHehiiWxhLGowXhLi47kaHq2Ywab49laqESZh1lgPRdT3/TPBSyvNdjIfxE6FKtPlJcuPcg==","shasum":"d451581335a277e5987f191d5cc09b5a6c15574b","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.5-beta.tgz","fileCount":53,"unpackedSize":304868,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdU9YhCRA9TVsSAnZWagAA7tAP/1oOKi4iwTGBU/rJaxb7\nqZ8Qu4ZakYFCO4qC7MWcOHEgNzpQwiesHrqWAslODAwnrZYLTit0Nenm4FN8\ndYD2bj5LVxlzhNqFwUyXAj0RE0Jxn7i8ESH8/Jym847FRi+o2uZ6XAxHykzc\nZtCUcEmzJOBZV8xsodf0x+vufBc1cvO3oUJHkjmW4wpmMDh6p9m+0piPHn8m\nq10W1wwo619OpiiXtDTOaij7C5I7OTy6CZRmSOIL/SYxPAwHUNZqLpriCTeU\nu6BxKMZ9QH3cn5fytUWi1SvmrBcexjmz0QFKZZXIN2RTyndSoOa0N0lCnvTq\nRL+5eKVdkpmbdyQpNbTsPK5FZv9JVsOCFEVfc6E+kUSN/pcS1aNKrYJU+rzL\njdzzyAW2u9NPW0+J7ndQbWkCjCFl731GXpxmGbZ9/Z1XE6J2qbR84clvHR/i\neA6uCcP1a8i21XfYodLNxl4YB19aInZT3cXDCsUxn2Vqw9tjx3uiXYGZZ/1h\ntdkAyJsBZkwVaRb17sqCCqKQistSmzaUgjE0c9B2J4z+ZA0CWwXm6Oa2tenK\noxZzubJnB5pqKJ2F+eWUK9FEtqjVALCSm6huVRdC0TMxbes87DfbOTGpb4NK\nYNK3kiMAtO8Z5CMQZff3G5E1Xm9UAGFMlBPqWatHYFYSQPeWGvPKqHKiuP9a\nzwAf\r\n=9tgx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFORd2MxBCtqYZPDK9INA7mBss2634CAdJy+rAI2QhOKAiBOb1wUkX3yTcqHgv08N1wtknZKkgVyT+UocsrfReVHjw=="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.5-beta_1565775392945_0.8962071583889493"},"_hasShrinkwrap":false},"1.4.6-beta":{"name":"react-dnz","version":"1.4.6-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n\r\n#V2\r\nimport { V2 } from 'react-dnz';\r\n## DragZoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string | '' |\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| maxScale | 最大缩放层级 | number | 2 |\r\n| scalable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\r\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\r\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n\r\n## DragZoomPolygon\r\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\r\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\r\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\r\n| polygons | 自定义图层 | Polygon | []\r\n\r\n### DragZoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| id | 唯一标识 | string | '' |\r\n| color | 图层颜色 | Object | {} |\r\n| shape | 形状 | string | '' |\r\n| custom | 是否自定义绘制 | boolean | false |\r\n| vertex | 是否绘制端点 | boolean | true |\r\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\r\n\r\n\r\n## DragZoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| onDrag | 拖动时的回调 | (position: Position, e: Event) => null | (point: Point) => mixed |\r\n| onDragStop | 拖动结束时的回调 | (position: Position, e: Event) => null | (point: Point) => mixed |\r\n\r\n## DragZoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | true |\r\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\r\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\r\n\r\n\r\n## DragZoomCanvas(该组件用于绘制变化部分，所有路径都会被自定义绘制)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 捕获坐标 | boolean | false |\r\n| onMouseMove| 鼠标移动 | (position: Position, e: Event) => null | f => f |\r\n| onDoubleClick | 双击事件 | (position: Position, e: Event) => null | f => f |\r\n| onClick | 单击事件 | (position: Position, e: Event) => null | f => f |\r\n| controlPaint | 偏移量 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:string,shape:string}) => mixed | f => f |\r\n\r\n\r\n## DragZoomCanvas.Path\r\n详见 DragZoomPolygon.Polygon","readmeFilename":"README.md","gitHead":"ad347f101f38070b9e73026988fbd5c7a7a8e639","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.4.6-beta","_nodeVersion":"10.16.0","_npmVersion":"6.9.2","dist":{"integrity":"sha512-hG4baFTlnNimOQniut1KsK7XCIlA3X09AL/DU8BWWKNBKZj4cSTBgiOk+BYCo8EayyzOjz6qk/sM9ny6Qjbotg==","shasum":"f885e036d8f6f801addb9691e17a07b4f828b218","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.6-beta.tgz","fileCount":53,"unpackedSize":305047,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdVfZzCRA9TVsSAnZWagAAcl4P/jSlCV8jEzskVCL9Ifos\nez8OoBoF5Nz2ASzGO4IBrxPu4QbXgbuIAO/4GEHiOj16GFMJQ88y2ftO35Zh\nJiaCn2iBSWZCRuMet+tMhtucJ53HlS/07Tdysw7qe2ySLuYuZWD2N47IcM3i\nlTr7B/g+6ZbCHNObo1dSygMENdoDxEmh1s71nTxWh9UdJl41YzIllicAeFK/\n4qWNqQHKnutDSFwlZqtKDSekP7vvCzdLFahNGfpRNq91ok2mfkxZDZ4CpX6h\nIuwPvhHVvQ4Qu8Jaxv8OBtBEp9+cZcIX5DE/Q0h7Ycpzqdlldh3ekWKqjI2J\n27+2iFYMKQvJklowJYObycFYcTaAOSC0/99Upel3tLfQAGQ0/xOdkdpq7Nne\ncvivfg9XMI6Q1+ZN5DMtZmiosN2bQmqw61IQqg5lBAodDEkL73kHCvIxKZAv\n+vS/93nPUS9R7On/mXqzMUkFEt4QnWsqEue18Qn1jNET/I5/Ig+bgpqSIx6R\nLH1Vam1QttX6Gi+lO8NKP5GP/qSvIMfcfGhmowaTns4IdKgZ/7koscuz5Ul1\ndlEIjs/3h86I5ckSMykKCotz8AhAD30k/8Bx+qdAI8CRRJv6GiDS9vHfqf1Q\nC8zAK8jSYS44eHv/2qdB4YTqIUwZ2Lim6jW2umWDJyY7/bpteZKplZhpLCJZ\nylwy\r\n=2hyC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzUQDTns3py4eB3smffI2PuDYtTJb+ElxPz7ulfCgf5QIhALk61/ZJohiM0xcUQ1+9DAM9Stj1hjVm1ME2P+r45AMu"}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.6-beta_1565914738884_0.4656795104602425"},"_hasShrinkwrap":false},"1.4.7-beta":{"name":"react-dnz","version":"1.4.7-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"gitHead":"ad347f101f38070b9e73026988fbd5c7a7a8e639","readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n\r\n#V2\r\nimport { V2 } from 'react-dnz';\r\n## DragZoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string | '' |\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| maxScale | 最大缩放层级 | number | 2 |\r\n| scalable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\r\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\r\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n\r\n## DragZoomPolygon\r\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\r\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\r\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\r\n| polygons | 自定义图层 | Polygon | []\r\n\r\n### DragZoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| id | 唯一标识 | string | '' |\r\n| color | 图层颜色 | Object | {} |\r\n| shape | 形状 | string | '' |\r\n| custom | 是否自定义绘制 | boolean | false |\r\n| vertex | 是否绘制端点 | boolean | true |\r\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\r\n\r\n\r\n## DragZoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| onDrag | 拖动时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\r\n| onDragStop | 拖动结束时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\r\n\r\n## DragZoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | true |\r\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\r\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\r\n\r\n\r\n## DragZoomCanvas(该组件用于绘制变化部分，所有路径都会被自定义绘制)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 捕获坐标 | boolean | false |\r\n| onMouseMove| 鼠标移动 | (position: Position, e: Event) => null | f => f |\r\n| onDoubleClick | 双击事件 | (position: Position, e: Event) => null | f => f |\r\n| onClick | 单击事件 | (position: Position, e: Event) => null | f => f |\r\n| controlPaint | 偏移量 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:string,shape:string}) => mixed | f => f |\r\n\r\n\r\n## DragZoomCanvas.Path\r\n详见 DragZoomPolygon.Polygon","readmeFilename":"README.md","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.4.7-beta","_nodeVersion":"10.16.0","_npmVersion":"6.9.2","dist":{"integrity":"sha512-/iipvtI3EKSAZDeqpXLQ+DH17bezqNpvLOTIhk7Z/10Wmd6hhX/CUkdbCg8N1hElKR9njmSfydpvwbpgvX27Vw==","shasum":"2930437db7b9567c1ffada3a3bb3ae5c40b53f7f","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.7-beta.tgz","fileCount":53,"unpackedSize":305113,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdVfkACRA9TVsSAnZWagAAg44P/j6MolUOofLICXw4akEW\nyhm3IEjbGeufnp9VWMbX7TytoZQAYHLQnRPxsMYUISD2mYWjce584n/9GQjq\n/9ZVgW5BXlJLOj1GKvsGLvUpy9sguWQn2CHdeoJw+rcF4W/3fcccHBS9QW8/\nIPcF5vEtnZa78jHhp7LxMeUtAjIGwXv0I9wYF1TIO0z4y0LEYezkhPUjHjh7\nsdyh3jxkNQZUd6Se1r8y5pfEbaisA6qnLARJmYP+nhUR65b7f1u63ERm7Hk0\n61cK97m/DzUoSkZKYr/liqnClbaWTWP9cQSEFcSQEAgupWjQTp/qNNGCKYzW\nPikdY0Jm0IO3tin5aal+YAzsTiqQV+Y/LwEnLJZ4iTMSJZZa0Mb1/YElVUK2\naJgNIZ5KU9WVeLOLki7UtfeZRf2xWhgkA9dwGvlUbw1BfUCn6IiLwJfqraL7\n7kxADnDrZ6g3n0wU48ATsDOhP+YikT49x3wMTtuZv8yfy4XJu2zmk/DwQ0Tt\nr2RdZkpvn2ODNYb7F/xV9Sf0dGCPRmOVXUn61IRQF+pOyQerPckStHnRP7yV\nrqUWbbLZjTZGXAGKIVQcwkRxHgSknfVPcIyCmFk+xfG3QooOSQxHjtifAQwb\nJ2ovmUDd7SVUFCNGTJkl3vENFy7PwyRE6jOEVJBbV6f4XOollxCUP0pUYCyw\nvqZF\r\n=FNvj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHtCsPRk6OyONVKF8TNb6uAj80Dk/f+9MFV1nYrFNU3FAiEA8UeppEGl7U3F5PsGDS9OhfxoinFQQrsBBKBU5wnhRQo="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.7-beta_1565915391529_0.2275884961126815"},"_hasShrinkwrap":false},"1.4.8-beta":{"name":"react-dnz","version":"1.4.8-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n\r\n#V2\r\nimport { V2 } from 'react-dnz';\r\n## DragZoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string | '' |\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| maxScale | 最大缩放层级 | number | 2 |\r\n| scalable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\r\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\r\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n\r\n## DragZoomPolygon\r\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\r\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\r\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\r\n| polygons | 自定义图层 | Polygon | []\r\n\r\n### DragZoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| id | 唯一标识 | string | '' |\r\n| color | 图层颜色 | Object | {} |\r\n| shape | 形状 | string | '' |\r\n| custom | 是否自定义绘制 | boolean | false |\r\n| vertex | 是否绘制端点 | boolean | true |\r\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\r\n\r\n\r\n## DragZoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| onDrag | 拖动时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\r\n| onDragStop | 拖动结束时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\r\n\r\n## DragZoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | true |\r\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\r\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\r\n\r\n\r\n## DragZoomCanvas(该组件用于绘制变化部分，所有路径都会被自定义绘制)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 捕获坐标 | boolean | false |\r\n| onMouseMove| 鼠标移动 | (position: Position, e: Event) => null | f => f |\r\n| onDoubleClick | 双击事件 | (position: Position, e: Event) => null | f => f |\r\n| onClick | 单击事件 | (position: Position, e: Event) => null | f => f |\r\n| controlPaint | 偏移量 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:string,shape:string}) => mixed | f => f |\r\n\r\n\r\n## DragZoomCanvas.Path\r\n详见 DragZoomPolygon.Polygon","readmeFilename":"README.md","gitHead":"e42a05c7cb031883a10e6a784a39740f9a8a2172","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.4.8-beta","_nodeVersion":"10.16.0","_npmVersion":"6.9.2","dist":{"integrity":"sha512-37ovyLbuizGsDBfyO594tiA9g0FPZbk+QJaHVPYuKEbECKv6mlkbRnplV7uwl2n0oKHz0wXPVTUz/QLldhl7mA==","shasum":"7928072f9406719b329b8d8fc63c428dd6f6cfc1","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.8-beta.tgz","fileCount":53,"unpackedSize":305159,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdW2eeCRA9TVsSAnZWagAAmiYP+QDAlQuWiaFWBbIjBpMC\n7wFktnJvJArxAFpEj/mg9Od8Rq4+3w08/NjFl7V8ekldPgkdx5utc0rRMbfJ\nQ6d8p8uvRJeIWaBF63w3O9JVr+na8SdBBjAqSQIWbiwt0GTiVYlwV+NxpPMJ\nu/sGjzDhbj0PoRT4IPRJIxABrygH4feLyQd9JES6XnckpLDWBIOwCKS5subP\nZjoCNGdN0nc4FlTbmUkY/sUuYf45nu/RcSU8I3wx3nAvMwqIvEPyzREKCPtj\nHe/EXzQKt5tFax9Z2gAQhSUPJQ8aXyrj/EcI8CWF7SwrNPX27kiFB51+1XDF\n1RNINOdN8laDF5LoSNMudUrBy5Ryix3Gh0gJ66T+tZJJEW+oc/R/8TZAC4gC\n6G17eFB4GWkO1EO6t6IXLhrnIsRruNJ4+W6zuHpi6Xj4xo/JouL7+2To8aFf\nOp0k5n+a9WXsyeaSAQ5Pk7DH7EQDcoA3qRV3JioJ0Bs3s4GrnbfQnlnMmi/p\nWvY6X+c+Z3Yk62Gizd6vgLGudOa0IXX/Do1vHTe82Ev2UF65QoAmuMjP59YG\nIOhgsm7CWaMDknrqfXOO8e4FYBJ2mV4+TZQO5lDvG8bULLm7xFD6eBkdBRda\n+C31F6bvgu56shgWPZiDVQ5inZ3niXcWT2MGtZh4nKDZ9P1T7j3KZl1sOrYO\nl7Tf\r\n=XYMc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHTuJus/FrASlhCH+IqMbkc7+CEqAqMj45eyudrBMmeEAiEAqWVMqny+AdHPnJvxV3fhYv0EAgXiQRWvcxHKl0aoZtM="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.8-beta_1566271389104_0.7112657746825395"},"_hasShrinkwrap":false},"1.4.9-beta":{"name":"react-dnz","version":"1.4.9-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"gitHead":"8b46db91fdfb2fd3a717033ae2599a4edd9b08f4","readme":"a drag and scale component for react\r\n\r\n## 如何使用\r\n首先，下载代码后进入项目根目录安装依赖包\r\n\r\n```bash\r\n$ cd \r\n$ npm install\r\n```\r\n\r\n然后启动开发环境 \r\n```bash\r\n$ npm start\r\n```\r\n\r\n打包编译\r\n```bash\r\n$ npm run build-es\r\n```\r\n\r\n## Dragzoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\r\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\r\n| maxZoom | 最大缩放层级 | number | 2 |\r\n| scaleable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\r\n| onDrag | 图层拖动时的回调 | (Position): void | - |\r\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\r\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\r\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\r\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\r\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\r\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n## DragzoomPolygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\r\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\r\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\r\n## DragzoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| polygonDrag | 是否能拖动 | boolean | false |\r\n\r\n\r\n## DragzoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\r\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\r\n\r\n## DragzoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | false |\r\n| capture | 是否捕获坐标 | boolean | false |\r\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\r\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\r\n\r\n\r\n#V2\r\nimport { V2 } from 'react-dnz';\r\n## DragZoom\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| img | 背景图url | string | '' |\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| maxScale | 最大缩放层级 | number | 2 |\r\n| scalable | 是否可以缩放 | boolean | true |\r\n| draggable | 图层是否可以拖动 | boolean | true |\r\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\r\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\r\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\r\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\r\n\r\n## DragZoomPolygon\r\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\r\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\r\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\r\n| polygons | 自定义图层 | Polygon | []\r\n\r\n### DragZoomPolygon.Polygon\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\r\n| id | 唯一标识 | string | '' |\r\n| color | 图层颜色 | Object | {} |\r\n| shape | 形状 | string | '' |\r\n| custom | 是否自定义绘制 | boolean | false |\r\n| vertex | 是否绘制端点 | boolean | true |\r\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\r\n\r\n\r\n## DragZoomItems\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| style | 容器样式 | HTMLStyleElement | {} |\r\n| onDrag | 拖动时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\r\n| onDragStop | 拖动结束时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\r\n\r\n## DragZoomItem\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| id | 点位id | boolean | false |\r\n| children| 子项 | React.Node | null |\r\n| disabled | 是否禁用拖动 | boolean | true |\r\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\r\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\r\n\r\n\r\n## DragZoomCanvas(该组件用于绘制变化部分，所有路径都会被自定义绘制)\r\n\r\n| props | Description | Type | Default |\r\n|-----------|------------------------------------------|------------|---------|\r\n| capture | 捕获坐标 | boolean | false |\r\n| onMouseMove| 鼠标移动 | (position: Position, e: Event) => null | f => f |\r\n| onDoubleClick | 双击事件 | (position: Position, e: Event) => null | f => f |\r\n| onClick | 单击事件 | (position: Position, e: Event) => null | f => f |\r\n| controlPaint | 偏移量 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:string,shape:string}) => mixed | f => f |\r\n\r\n\r\n## DragZoomCanvas.Path\r\n详见 DragZoomPolygon.Polygon","readmeFilename":"README.md","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.4.9-beta","_nodeVersion":"10.16.0","_npmVersion":"6.9.2","dist":{"integrity":"sha512-H9f4GV7jwwqIyGpLUQo+Ety+2A/s5+bWZ/spbrvOIypfUNPPfL0cWgHmv4r/plg6WH5Ospy4FAqbMD7fXuj/ww==","shasum":"d8b2a703c351d96434a1c7e0ebecebb682c4591c","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.9-beta.tgz","fileCount":54,"unpackedSize":310459,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZMjZCRA9TVsSAnZWagAAwyoP/1H1r6F7bioCANWrfVSg\nEno+dm5W8dUQ5AYChjwjTfFZ/qZPqiuAKNLqNKQUESMIwsDV1CGqc/iiKEVR\nnUsC7iPezZaXIQ+NCpX6ay0GkK3nigAPfoUYnID2PSP54FeogKT9UjBopMPq\nMHt62UHgefrCfxR2wAMjXTziF0Ffypg3iAWGaoAEtFgeMeJShFxg8iFbj/w6\nkqEVqGqYPXHb/IPOaxabHtGTId6TosogcUFtVKVEbLkjyxXmEhygfkH7FrtW\nRu7fPz0Q1jsA8mhmYW2ZSQi5hzx9VqB5Z7z5KyanNEUfdcS/pO8BU7Byxl6A\nGGO3UxbldQH/jBMcXpGFTqN/W4ffi47QczhDtwqoR/gEZyLtYS6jQ6+2uSVz\ngNsprXT3CfG3fKBgwT0eMUYw2p/hMqa6o/ZbqzJklXsD4/yshck6AFZRd9k6\nndftldSssutxbzz4IA/jAI5bPmDCl4hb28eDqykMqA9hk+rTe7XC6/5woQ1J\nuImFgbEcmy4TEioAFpuMe8ZEA/tk1i7R9vQpbC9qEFQ6yq5rf27gXYJru5iC\njjxdwJlRj22BoVt9KMqJ6skQkvyScISV8frsi4nCBGeSI0dIuLecx7VcZivH\nsACQT1qgDQDwT+9WfnQYQAe7Lr5qqwheWuuf/Rpcpj6hcTk1RzaKEvakrdge\n2Zwg\r\n=LWA1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQxDAJ7a515MVgi6j8D71DitzYSsElB7CK6mFWjj1ngwIgBm2gpheWSilBGs8C8XNhlaieBFOxdiP70ydowtnrHf0="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.9-beta_1566886104472_0.9728724876950585"},"_hasShrinkwrap":false},"1.4.10-beta":{"name":"react-dnz","version":"1.4.10-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"_id":"react-dnz@1.4.10-beta","dist":{"shasum":"5db87586841265d4cd3a11eb348090529b6deb09","integrity":"sha512-E7L91gxko5Nzs5Pw9lKGDtMuCki2KtiyxrD76KDf3jWg5N7xZ1OqGxhH1vI0CUWoLwHuRU9HgNqrxzY+n7m/qw==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.10-beta.tgz","fileCount":63,"unpackedSize":310574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdgYdmCRA9TVsSAnZWagAAyEMP/RrTpYhpYeLnjbnzJqEc\nR4rPhiW35dV1qbDsHE7upMIIBz54w7vpKJ8+0AUxFFl17JXjx343jBe0zav9\nYKKHEGELCy5T/gz6JoVRbrN5VHeaZ9hRdoERwLJ7eqDU3z1fdckOu5chm4yY\no86U4W1cjq9sbomSDOJbnCP5e3iJfwWPFvkU0CNYVyLNvRIWLymz4aLMIhUC\nPI+NY1auRVLdjpBrNEuKo4qxNfajw3NjRR3wo+gY3l7OMnuLchilxuQoHc72\ncPneb+o2ISimihDux9j9/B2lPt6AMzhJOeZB3sR0z8AEWU4Ka3ehyktrNCgw\nK+Hk56DcUe1mkHKTHzVBAtNRPV2vS27AYE8NZvbe8uWEiBxcZ4QACqtNGMUY\nC93H1kx3xOiWdkpanLKTp+6WU/Qgmtd97e2YGonhcAJx14nEdnlLi+ekAqHn\nuGrWdc1GwRjiqNhir6pfVURAdhJL5edM7c3b02vOxNAa/ZEmNWjF5cHXZQNM\nS+XqzXQpUCRNMnVSftNseHOUU8CyExbToIftK3IcHueNlwOkZ8pD5PRnZwPs\noPWTNIPiPYf7grq6qZtec2uS/z3BNfSGbeTQoFdMOYTPc0rq0FNQU8robBsR\nZt03IlFlBzGm4KaafZVZfaQN/MQgtyvQ2sh+slBC7oMLQdvge9qOI4V4vg3C\nMJNW\r\n=FryS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAXDSJXN17kCyUDfHO9c7jS+feblPzdJphMB/kXH+0MAIgK8X6GleyjwF+JJ/KS7cDGzFheXEjVUACj9EuoWQDa98="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.10-beta_1568769894013_0.6571590919017374"},"_hasShrinkwrap":false,"deprecated":"please use 1.4.11-beta to fix bug"},"1.4.11-beta":{"name":"react-dnz","version":"1.4.11-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readmeFilename":"README.md","readme":"a drag and scale component for react\n\n## 如何使用\n首先，下载代码后进入项目根目录安装依赖包\n\n```bash\n$ cd \n$ npm install\n```\n\n然后启动开发环境 \n```bash\n$ npm start\n```\n\n打包编译\n```bash\n$ npm run build-es\n```\n\n## Dragzoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\n| maxZoom | 最大缩放层级 | number | 2 |\n| scaleable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\n| onDrag | 图层拖动时的回调 | (Position): void | - |\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n## DragzoomPolygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 是否捕获坐标 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\n## DragzoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| polygonDrag | 是否能拖动 | boolean | false |\n\n\n## DragzoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n\n## DragzoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | false |\n| capture | 是否捕获坐标 | boolean | false |\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n\n\n#V2\nimport { V2 } from 'react-dnz';\n## DragZoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string | '' |\n| style | 容器样式 | HTMLStyleElement | {} |\n| maxScale | 最大缩放层级 | number | 2 |\n| scalable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n\n## DragZoomPolygon\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\n| polygons | 自定义图层 | Polygon | []\n\n### DragZoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| id | 唯一标识 | string | '' |\n| color | 图层颜色 | Object | {} |\n| shape | 形状 | string | '' |\n| custom | 是否自定义绘制 | boolean | false |\n| vertex | 是否绘制端点 | boolean | true |\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\n\n\n## DragZoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| onDrag | 拖动时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n| onDragStop | 拖动结束时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n\n## DragZoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | true |\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\n\n\n## DragZoomCanvas(该组件用于绘制变化部分，所有路径都会被自定义绘制)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 捕获坐标 | boolean | false |\n| onMouseMove| 鼠标移动 | (position: Position, e: Event) => null | f => f |\n| onDoubleClick | 双击事件 | (position: Position, e: Event) => null | f => f |\n| onClick | 单击事件 | (position: Position, e: Event) => null | f => f |\n| controlPaint | 偏移量 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:string,shape:string}) => mixed | f => f |\n\n\n## DragZoomCanvas.Path\n详见 DragZoomPolygon.Polygon","_id":"react-dnz@1.4.11-beta","dist":{"shasum":"daeb7ab0358ea31ad8cf78c360af77ce1a4ca2e9","integrity":"sha512-/uRvMJbYE+h2j+iay5z9s+pBLNw4q/zRg8su8LKf+L4Yr7xzWzNN6s1v51NBm1FiKfztAty4sab989MMyIuagA==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.11-beta.tgz","fileCount":63,"unpackedSize":310576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdgYtBCRA9TVsSAnZWagAAQMUQAIxlYBx7KiA2XIYoCms0\nsqKEcJ+YHFsxWBEyTN7PqtrNgQGcGuWVnQSbnzAmOrQCXbwwJcqp8xriBzYE\nkzbd3kdVWFGOV/6YAoJBITGk/5rfuSB+3rY2my1OvewZ0BnGltMgRjOX5hms\n00vnXwJ1gOd24LPqM4GnaoXANuBnYs5IiRscP5xOiFaOXcqJmHysdHZcBl87\n0zfz2s3d83w3LUZGYAikLCboRXKJsI54efdwG01b9PHf98YAIi9ZGvaXHKbr\nDzMByhExKLaUOnglWiXaFcARJHM+9Pb50zOjkdTG67IC8QJFijmdt4OZ8c6E\nGTRq0YybrbmfkSEdsV17CIlcR6KO9YZlnhYB3yqlUSziPbselxZLrzFYYdBI\neDsKrU/HS94BiyPKid6zyjO+Ched1ZE8rbctUN93suGQFaHv6O7BRP0Vh4Ts\nYl1GLSLipF8Ugo3SrSqpE1ciqwbbqpEqYnIp6zcU8stw70c0T2/keY10AUYY\n2jg/AvcPj5P1aG+kCm0GAqCPiIKIfrN+uvfbD0k2Ek7fgmoESPoJ93Y4lHwS\n6r9VLK3BMtPym7RrTE87hs25iVS+pHmAD4eYZrTruOqEOhqfiDrvctH2hK92\nSKWY0ieAmeJKhbeYXWG2aqp1PeBtAUDeIKjELvWs4XEH4l9Ug/nN0rJWsw3Z\ntWJA\r\n=XXWr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIERZv+AA4c9YeVNhBbKgmFOkoRzgDBm0paE10NgDYAzSAiEAyu+Y4Zp+4FFqny3Mr9Tp/8fCKEVzebssLvIZy4pgc34="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.11-beta_1568770880970_0.44118903934023224"},"_hasShrinkwrap":false},"1.4.12-beta":{"name":"react-dnz","version":"1.4.12-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"_id":"react-dnz@1.4.12-beta","dist":{"shasum":"e635dab2008e4d814d7600ecbedfc3afbff26f4e","integrity":"sha512-z8WT4Fxkmj4d+75/adOvHl3PY3ncQTBTaBKBYS0arJmn/sKfd/YumWTai6P72xKyEIaeC44wPNlsQrkw4il7+w==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.12-beta.tgz","fileCount":63,"unpackedSize":310781,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnT1kCRA9TVsSAnZWagAA+zQP/2EXBvexF5LxGFMICA5z\n14D/LUfEfJTnTE1x89IPM9cMMh2Qb0ID8dbxmlrCVnvmPqKE8vFptmBQgjJ9\nlWVP3MkEpI8QoOh1wIkxBByzYIfEkpOF4Mjnw2Ecanfe5pTnBh81waBXTN1K\ndVwAqnLl23Qnk8hYkAuuzStSiPj2bKAju5WMyaMr1/juKOp7hfJAtmX4H53Y\nvh/u4i9KWXbTggMe64WOx7CngoOVtjwtZe2jUvkusx0Vsp3wUi8W04pClMlj\n6J8q1Iqn3PhOKKAMmS46Uqz1T+s35DM4X2Px2Lxrc0n8Fq0lId3SvwN836QM\na4rN5l4kx4OzL6A7RE6k9jNiTzlEaaLyfYI3/HR8HZQSpJUXVLYR5nYNE3Pd\nkWW+i8g8XWFw9zuKcyFIqXAaM7MZLJOqsCFPcjSNimD9dKyyO8o6qs//Qioj\nURmDFz2FrKDkHt+AKw/Xjuq8dkVdCHXXp6V6xo+dnqT5TSs8AuoEilQ8Whq2\n+3dUERB5zZDAWjMjQTHAhh9BTAuCawy2p9XcSx2zKeXALfV46BCpFzPiXHm9\nA/ppyy2v11ENHWH5XefS6q7ZO75YrLrSMoonqilyt/0vl4I5Kvdts3fjlbWY\nttRUjlCh7Z+hJBudfGbWAIDGSN7ryJzG5XY5WhtucfAIQO+my8UDGJBGvVPV\nUzrs\r\n=0TgP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZJP2NhscMxOy7gNaCTNPEUHheMnzMhBdG7KaXnfl+gQIgf5hNXVYsowsVXegOwN3KOtgId9laYFehfOXnboAz/hI="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.12-beta_1570585955824_0.1410872223482491"},"_hasShrinkwrap":false},"1.4.13-beta":{"name":"react-dnz","version":"1.4.13-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readmeFilename":"README.md","readme":"a drag and scale component for react\n\n## 如何使用\n首先，下载代码后进入项目根目录安装依赖包\n\n```bash\n$ cd \n$ npm install\n```\n\n然后启动开发环境 \n```bash\n$ npm start\n```\n\n打包编译\n```bash\n$ npm run build-es\n```\n\n## Dragzoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\n| maxZoom | 最大缩放层级 | number | 2 |\n| scaleable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\n| onDrag | 图层拖动时的回调 | (Position): void | - |\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n## DragzoomPolygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 是否捕获坐标 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\n## DragzoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| polygonDrag | 是否能拖动 | boolean | false |\n\n\n## DragzoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n\n## DragzoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | false |\n| capture | 是否捕获坐标 | boolean | false |\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n\n\n#V2\nimport { V2 } from 'react-dnz';\n## DragZoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string | '' |\n| style | 容器样式 | HTMLStyleElement | {} |\n| maxScale | 最大缩放层级 | number | 2 |\n| scalable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n\n## DragZoomPolygon\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\n| polygons | 自定义图层 | Polygon | []\n\n### DragZoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| id | 唯一标识 | string | '' |\n| color | 图层颜色 | Object | {} |\n| shape | 形状 | string | '' |\n| custom | 是否自定义绘制 | boolean | false |\n| vertex | 是否绘制端点 | boolean | true |\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\n\n\n## DragZoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| onDrag | 拖动时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n| onDragStop | 拖动结束时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n\n## DragZoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | true |\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\n\n\n## DragZoomCanvas(该组件用于绘制变化部分，所有路径都会被自定义绘制)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 捕获坐标 | boolean | false |\n| onMouseMove| 鼠标移动 | (position: Position, e: Event) => null | f => f |\n| onDoubleClick | 双击事件 | (position: Position, e: Event) => null | f => f |\n| onClick | 单击事件 | (position: Position, e: Event) => null | f => f |\n| controlPaint | 偏移量 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:string,shape:string}) => mixed | f => f |\n\n\n## DragZoomCanvas.Path\n详见 DragZoomPolygon.Polygon","_id":"react-dnz@1.4.13-beta","dist":{"shasum":"562b05b430ad264cb33526b8d488fad320b3cb30","integrity":"sha512-+cqiBlrfGCrokXc9biXX3fRz9eKKtYLK/hzr299LCDmGhcgKLIWyx9iql7LnGiRIAaKOQ4slLwgsKlcXm9T4DQ==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.4.13-beta.tgz","fileCount":63,"unpackedSize":310926,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDU8CRA9TVsSAnZWagAAxb8P/1OntyA4Oj41p9nqplpZ\nu8PccpxAhQnVQZWFkjWFM8emYzabVnBetAaV6GjZMFdcuCXFb7r7dVFS51JW\nGodChkz077pjNlSEldim4NX8taaQlM+pkTpVN9uEsvVn75nWN2P4zR2YwyC8\ntuknM9CVYb3GyjL4pdMWDLCxc6BfMYGLawKKa5JAeyefSRjxEb4Uv7o9jlbU\nIbLzaav/pGYHshA/IXR5jNiussiE+dAGHLhi/tya1clKBLRGo2seuhUalHGi\nTrck3T6kMCtKEXlkcTfT/7hZIb+9pFOm/80VGTnfsml6l6hT6Dqr2S18aDpK\n4ml9NIbIbHFLQp3hOx9QqJrihMbSXXfdtH/3tRdfFz1XTzW2UQRx6sCOH5HM\ngIz7+7vQEDEMfI8OCaruFUVlm3N/x7l9O+aLK71ZM7Mb9BKPeYaKkvT/VlKJ\nSd4q5WazyvNrGlCcvEO20lluh4bsNKb/TTKAYkFxlC5fApkinYMpMaxsaywp\nkRzCaEwlKqS/RsrtpitkTQtrcJfzsCu/J4SQNxTs/FmDtJzEatpdBB04JQJs\n1ZtgY4Ql16JD4Alh2M9Kbxkk7THQsAbOpmzQUEDGXeWH1vNNUSVV+bFSSQ8D\ndki8ACFa7O5NEAyVKjruWY3V/CkBSO6lAyqEbKJXgyesjdCF/PK0W7mD8SVY\nvWGp\r\n=CQTv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDJJbtAJPhLwo/zXL3gZCzo73tZPCL9s3kz8cuXSWr5QIgMuozqAFapjiU9Ifxrsm8MMo9+LLc/97zGkP7seO8Z6U="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.4.13-beta_1570780475357_0.11798921514506877"},"_hasShrinkwrap":false},"1.5.0-beta":{"name":"react-dnz","version":"1.5.0-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readmeFilename":"README.md","readme":"a drag and scale component for react\n\n## 如何使用\n首先，下载代码后进入项目根目录安装依赖包\n\n```bash\n$ cd \n$ npm install\n```\n\n然后启动开发环境 \n```bash\n$ npm start\n```\n\n打包编译\n```bash\n$ npm run build-es\n```\n\n## Dragzoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\n| maxZoom | 最大缩放层级 | number | 2 |\n| scaleable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\n| onDrag | 图层拖动时的回调 | (Position): void | - |\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n## DragzoomPolygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 是否捕获坐标 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\n## DragzoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| polygonDrag | 是否能拖动 | boolean | false |\n\n\n## DragzoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n\n## DragzoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | false |\n| capture | 是否捕获坐标 | boolean | false |\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n\n\n#V2\nimport { V2 } from 'react-dnz';\n## DragZoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string | '' |\n| style | 容器样式 | HTMLStyleElement | {} |\n| maxScale | 最大缩放层级 | number | 2 |\n| scalable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n\n## DragZoomPolygon\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\n| polygons | 自定义图层 | Polygon | []\n\n### DragZoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| id | 唯一标识 | string | '' |\n| color | 图层颜色 | Object | {} |\n| shape | 形状 | string | '' |\n| custom | 是否自定义绘制 | boolean | false |\n| vertex | 是否绘制端点 | boolean | true |\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\n\n\n## DragZoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| onDrag | 拖动时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n| onDragStop | 拖动结束时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n\n## DragZoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | true |\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\n\n\n## DragZoomCanvas(该组件用于绘制变化部分，所有路径都会被自定义绘制)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 捕获坐标 | boolean | false |\n| onMouseMove| 鼠标移动 | (position: Position, e: Event) => null | f => f |\n| onDoubleClick | 双击事件 | (position: Position, e: Event) => null | f => f |\n| onClick | 单击事件 | (position: Position, e: Event) => null | f => f |\n| controlPaint | 偏移量 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:string,shape:string}) => mixed | f => f |\n\n\n## DragZoomCanvas.Path\n详见 DragZoomPolygon.Polygon","_id":"react-dnz@1.5.0-beta","dist":{"shasum":"f3bff9d534add060f830e894f9ab2afa4a55de73","integrity":"sha512-nvfsfguoKkUI16DK5KvdSYAU/y1BUjz9jr+RhE4X3XnH3pQm60Dm502sYj1IGZ4aNwnF5hM8587dvhhUEnCC3Q==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.5.0-beta.tgz","fileCount":65,"unpackedSize":324464,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpDl0CRA9TVsSAnZWagAAwIAP/A1a501R/2B/8KsIfXWE\nIUYHMyv7oTjMcDoFKQyXdusM9EEgQzFe8Aunn9sEEqd55zHr/ua2PQJcLp4i\nzPyqUhmeym8Hl3xhLooE+I9Y95a9nXK/Uq7uQJTe3hKgmbKIFVFIxWBgObXE\np7wU9MWOkWOrLs/kwb3JFZYBn4+rHgVY8yNgKrMJji6WQzhicYdZQe1xlgf6\ncMbDrci0aINN/QoaX5g1JINsX6g+2oX0OSBJdLydKzZjzfNIe/3aE0GZr4dM\n+ETItGldt41zJrUBmJSzypjTglx7Iq/E5pGhGC8cIm8yVnpX483QQdVDqDRE\nMvbC6dZ7ezv203toNByNkFpZTjlRLnuLKNUmhcSn7660xmcc0jO0YEruw/aY\nLhrAPqv1/VE4YH6DVV4YZkvWiSd/Qbfp0SdEQPDAaOeW51JCCOU0XnaYcaat\nLyo4XAOhwZ+mZbFOgrg4NXeQzgGvKGmmZglY0HZIXjWb0LFeF1++O/xuQicv\n/QMAPHzJWLCVi4OjXqWIC+aiFHql1RpTbc6W+8UFC+0TqxX9eLkm2B+yqWrY\n9yAY0rtJwHdPygc9p/2brWEpJ7Y00BZRCCQxYw4LRtK8R16IAQwqxbGyf+YR\nre3c4uFJoCabb5O8bEpGGz61oIJwQzur2FfZkKJIBWe0BpK++C/MgOQig4kG\nAc05\r\n=SNF3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGNg1CFLZ8OBPGIA4WngS+wXwX0/olyi8IAvikd40hbYAiA9x1eEoga7g0q5GNM2KAIkS3CWEIK08WyjbkMPJxUnsQ=="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.5.0-beta_1571043700149_0.44183387933662965"},"_hasShrinkwrap":false},"1.5.1-beta":{"name":"react-dnz","version":"1.5.1-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readmeFilename":"README.md","readme":"a drag and scale component for react\n\n## 如何使用\n首先，下载代码后进入项目根目录安装依赖包\n\n```bash\n$ cd \n$ npm install\n```\n\n然后启动开发环境 \n```bash\n$ npm start\n```\n\n打包编译\n```bash\n$ npm run build-es\n```\n\n## Dragzoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\n| maxZoom | 最大缩放层级 | number | 2 |\n| scaleable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\n| onDrag | 图层拖动时的回调 | (Position): void | - |\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n## DragzoomPolygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 是否捕获坐标 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\n## DragzoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| polygonDrag | 是否能拖动 | boolean | false |\n\n\n## DragzoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n\n## DragzoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | false |\n| capture | 是否捕获坐标 | boolean | false |\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n\n\n#V2\nimport { V2 } from 'react-dnz';\n## DragZoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string | '' |\n| style | 容器样式 | HTMLStyleElement | {} |\n| maxScale | 最大缩放层级 | number | 2 |\n| scalable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n\n## DragZoomPolygon\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\n| polygons | 自定义图层 | Polygon | []\n\n### DragZoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| id | 唯一标识 | string | '' |\n| color | 图层颜色 | Object | {} |\n| shape | 形状 | string | '' |\n| custom | 是否自定义绘制 | boolean | false |\n| vertex | 是否绘制端点 | boolean | true |\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\n\n\n## DragZoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| onDrag | 拖动时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n| onDragStop | 拖动结束时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n\n## DragZoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | true |\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\n\n\n## DragZoomCanvas(该组件用于绘制变化部分，所有路径都会被自定义绘制)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 捕获坐标 | boolean | false |\n| onMouseMove| 鼠标移动 | (position: Position, e: Event) => null | f => f |\n| onDoubleClick | 双击事件 | (position: Position, e: Event) => null | f => f |\n| onClick | 单击事件 | (position: Position, e: Event) => null | f => f |\n| controlPaint | 偏移量 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:string,shape:string}) => mixed | f => f |\n\n\n## DragZoomCanvas.Path\n详见 DragZoomPolygon.Polygon","_id":"react-dnz@1.5.1-beta","dist":{"shasum":"d1817968bfb59217c6d7b40fc0de8ec6d91a2cbd","integrity":"sha512-4Ad3hr+DO+3Yv5qGPJBfZy5ztKaqhPvPqpV3pHwLiDKWeQpA34ud9I505wgW5/mweHzYu0r9PtAJVvHW/nejJA==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.5.1-beta.tgz","fileCount":65,"unpackedSize":324464,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdwSCYCRA9TVsSAnZWagAAWxIP/3bs/ZiXo+VhzmpXC1MC\nUKwN3ed9wRyAM3qUsDb8dhMdM+tAPjuCE6r9K8ogf0FbnuCgPmd6FFHFFa1b\nqXqBrmV2paGxk1NIW5gOMr3T5mP5msRMqHBmdVBpUPghP5GnASiskoUeNpof\n4lOL+KT+JCpHD8wjlnKQKnqxDWhIJJscy8/gwN+l44cp7g05BO+ua7k8gS2N\nl6ZSbmdQjaYZkMDtdJYKY5b5idXQRR8TcmGl6WuVYf/yZM4BNWlzZrg8h4kO\nF1gDVDhVod26jQfMeJTzINTSssA0VxoQwtQb/zSWWUwvAkbIGnO3J/7GAjEx\n1CgwnXbXsyMYr58CcYqVMpX79cJ1IMD1baqcbYRAVX/pTrVvvvRXelQqIlKg\nwMTwnLubbxRHdUZRO6qjdutV7bZGoqhaq4mVo3B3H8ZwgQNaZ81Bl6HeFzde\n91WAXfr04OjWoRxHgDYGynrNPRp3X4rdlPp6DR6wDWtqkjP30O72/HpBpEBJ\n/Etl72O/5RkVIFFjQ80nAI3jofUBIWcphPf3q4FpF3j9dV258QPBXVOy0RZ2\n3fhB49XpddjdezDB0e7y4AZ3Jnx7l9AIlA6XcdOOSRq46t5EUyLAz2CVeND6\nxDi7Oc7MzdwPSb3c24lkMplGvNL2y+b5CO3XhG7kGBStFbx8Wsxf3bKSmF+8\neGq1\r\n=yZFE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF1KX9WdtckUZZJRisK6SRsDtBJIIUDj8ZDrpDILYUGCAiEAtRBfdFfQkkfDf7TX31DmNER37KINcR7Yjr4Ue2G1dnU="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.5.1-beta_1572937879581_0.16289373952497366"},"_hasShrinkwrap":false},"1.5.2-beta":{"name":"react-dnz","version":"1.5.2-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"_id":"react-dnz@1.5.2-beta","dist":{"shasum":"9461b9b70aa999aa95328c81760cc60055e2d820","integrity":"sha512-kAxqWFuo0Xy7jGASlAGUfVCefHR/DclaCa+Or+R1YmkF8ncKyaI2RrFXaE2ozdwTosun/VheDB8Ph118YnjpTA==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.5.2-beta.tgz","fileCount":65,"unpackedSize":324580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeAwe0CRA9TVsSAnZWagAAQeUQAKD1gljqohH2Oy9mDGBT\nZMJKrDWvKq/Nnkz2eHf16C0x7lfMFPZqVT/oQ7MmvsXgJqcmRaiH8FEihKKS\nPDsjlY5HsFW2fs5NXHfZBbYsL0QId2k2UBkoty2WGC6o7gGokaeoi/cygvbv\nl+m0gs2kEhJCN+B2eCgFQOqO/Dl5CxipFa3gU18JZsDrwJiDFDYCrjDwg9Pt\n6gcIeDIGY5dgKhbnVQJkUzW8e/7UfFMQUYsaCRQtNf8BLD6Yb/Jh7rDiwHMv\naGz6FSF141i02fkOaJYBtJikVKSYBg5p4jDX2ez7yXAO9xt6akX4cWxNDm2n\nbRwtUZNUp+x4loMA+rjVUX5OIo8pjrJ+Nm/BsSyK+5M4/UFas6hya0f5ePyk\nifTR8fQHT7Mbwe8scPtkvxd4bpAFLR7KKJSAPJylPfr7kYhy9R2KuFcNkF4Q\nqQe1azNd5e01ZhEPGpkq49gCV3aLxkVNDg18MbDKKY9FVrdL+umxO0h+Lel8\n4HBrkkNWQD2kSGB33cadwi2Yv0lxUeIpx2zzlop4CfbpE+xXxAgoPhOo+/Ot\nRE/zz7pDbBxhnzUDKOuvp3213UKjafSM+wS47uF7JQDjRgyjEbRpUAUJ4IF/\nNpNQ6RTAVqoOrfgbebYUV3xtd/pdUh4Drv2IYNwVRF1fv7s9l4f9E1k+uBkJ\nmAT4\r\n=E9Ij\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsllq6Qh50Vc9xzJ2Y5Rp7sYncJpHk8g+LV69Z17z4AQIgarM8FFOGW8uW3e7/L2YWqhaGA9fe36Oc87jojL8Gu3o="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.5.2-beta_1577256884030_0.857652946088199"},"_hasShrinkwrap":false},"1.5.3-beta":{"name":"react-dnz","version":"1.5.3-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readmeFilename":"README.md","readme":"a drag and scale component for react\n\n## 如何使用\n首先，下载代码后进入项目根目录安装依赖包\n\n```bash\n$ cd \n$ npm install\n```\n\n然后启动开发环境 \n```bash\n$ npm start\n```\n\n打包编译\n```bash\n$ npm run build-es\n```\n\n## Dragzoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\n| maxZoom | 最大缩放层级 | number | 2 |\n| scaleable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\n| onDrag | 图层拖动时的回调 | (Position): void | - |\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n## DragzoomPolygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 是否捕获坐标 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\n## DragzoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| polygonDrag | 是否能拖动 | boolean | false |\n\n\n## DragzoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n\n## DragzoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | false |\n| capture | 是否捕获坐标 | boolean | false |\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n\n\n#V2\nimport { V2 } from 'react-dnz';\n## DragZoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string | '' |\n| style | 容器样式 | HTMLStyleElement | {} |\n| maxScale | 最大缩放层级 | number | 2 |\n| scalable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n\n## DragZoomPolygon\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\n| polygons | 自定义图层 | Polygon | []\n\n### DragZoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| id | 唯一标识 | string | '' |\n| color | 图层颜色 | Object | {} |\n| shape | 形状 | string | '' |\n| custom | 是否自定义绘制 | boolean | false |\n| vertex | 是否绘制端点 | boolean | true |\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\n\n\n## DragZoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| onDrag | 拖动时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n| onDragStop | 拖动结束时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n\n## DragZoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | true |\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\n\n\n## DragZoomCanvas(该组件用于绘制变化部分，所有路径都会被自定义绘制)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 捕获坐标 | boolean | false |\n| onMouseMove| 鼠标移动 | (position: Position, e: Event) => null | f => f |\n| onDoubleClick | 双击事件 | (position: Position, e: Event) => null | f => f |\n| onClick | 单击事件 | (position: Position, e: Event) => null | f => f |\n| controlPaint | 偏移量 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:string,shape:string}) => mixed | f => f |\n\n\n## DragZoomCanvas.Path\n详见 DragZoomPolygon.Polygon","_id":"react-dnz@1.5.3-beta","dist":{"shasum":"b331034a454f4954514c3be1b738d587342cb801","integrity":"sha512-KOCSoUUyhDRlGO5k4XuoQ3REHrOaHv1lO1ueL+eCl9FTYEfdLcc5075wgGlPln8SO2ogEEev/BVRy5bulcrDEQ==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.5.3-beta.tgz","fileCount":67,"unpackedSize":338398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeCViuCRA9TVsSAnZWagAA92oP+wZU43t3kOmASi6Is7w8\nu8D1tNDYyOQOalLkWd+ptLDKvgMPEDLcWPZhgogc+Utr8fqTeANckHt8VnV8\nW26sQjN4+lUUSQRfs3x4JZZuYjN7YHv5Xsxq0xCUqUukKZnWVxSQV+2n3Ljt\nNFZEnqEoswUDBl6hOCqY28tu6ma6eRFf1ABo6v3JtLJqOac7uAF03GbQEi0H\nqtEFina/lGVXgjaPHBXWoZGDPe9QdD0Ei5dnda1Wn7E8DFPsjeqZYhApEBTW\nW30Tem5Txi4QBV+bHjtEMg+UEeJEG3MpUuXdlnTTln/hDKdk4XkIxY42o6nq\nLBDah+t0F/ZYYd9x25sSQgPFNKPL1et/w1wLfMNTRMtRgXZ9t/wrGV8dosLG\nPrWNsmn4R4utQuwGWkycahsYbxzWuu1PjISapZk9AFFk20Ehg5tJoSugBoM4\nZCkqs+vGLNtu+1bbvCfGuz8jcg4H3L2K38YJ96dVURCUSfNVC7fL8J0ftjsY\nquhOr65YCE9/m8LwcEqlNxKJhlTmpbrmoK1Kga1bnX0MLKzyopmWrdB6xW1u\nAhEFIBAu8k404Rrjmq9wvA7CXCP/8f+Lsot//D/nQsh4qVnoML6o6hp5A5xt\nX/elldHKQDmp1F8arxT7zDu5AIw9+dMqSZP/utkB04sTrWorT8gu8jwbIbLX\nOwg8\r\n=77R1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEDBYYJwFTcqjqObTQFaQZ+01c6tzmqjn8/gXjGzLiGFAiAX1j/oynVLaphEzC4MJk933749HF2hJPk/9/iqfGUeGg=="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.5.3-beta_1577670830194_0.20539720276006546"},"_hasShrinkwrap":false},"1.5.4-beta":{"name":"react-dnz","version":"1.5.4-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"readmeFilename":"README.md","readme":"a drag and scale component for react\n\n## 如何使用\n首先，下载代码后进入项目根目录安装依赖包\n\n```bash\n$ cd \n$ npm install\n```\n\n然后启动开发环境 \n```bash\n$ npm start\n```\n\n打包编译\n```bash\n$ npm run build-es\n```\n\n## Dragzoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\n| maxZoom | 最大缩放层级 | number | 2 |\n| scaleable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\n| onDrag | 图层拖动时的回调 | (Position): void | - |\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n## DragzoomPolygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 是否捕获坐标 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\n## DragzoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| polygonDrag | 是否能拖动 | boolean | false |\n\n\n## DragzoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n\n## DragzoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | false |\n| capture | 是否捕获坐标 | boolean | false |\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n\n\n#V2\nimport { V2 } from 'react-dnz';\n## DragZoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string | '' |\n| style | 容器样式 | HTMLStyleElement | {} |\n| maxScale | 最大缩放层级 | number | 2 |\n| scalable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n\n## DragZoomPolygon\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\n| polygons | 自定义图层 | Polygon | []\n\n### DragZoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| id | 唯一标识 | string | '' |\n| color | 图层颜色 | Object | {} |\n| shape | 形状 | string | '' |\n| custom | 是否自定义绘制 | boolean | false |\n| vertex | 是否绘制端点 | boolean | true |\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\n\n\n## DragZoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| onDrag | 拖动时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n| onDragStop | 拖动结束时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n\n## DragZoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | true |\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\n\n\n## DragZoomCanvas(该组件用于绘制变化部分，所有路径都会被自定义绘制)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 捕获坐标 | boolean | false |\n| onMouseMove| 鼠标移动 | (position: Position, e: Event) => null | f => f |\n| onDoubleClick | 双击事件 | (position: Position, e: Event) => null | f => f |\n| onClick | 单击事件 | (position: Position, e: Event) => null | f => f |\n| controlPaint | 偏移量 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:string,shape:string}) => mixed | f => f |\n\n\n## DragZoomCanvas.Path\n详见 DragZoomPolygon.Polygon","_id":"react-dnz@1.5.4-beta","dist":{"shasum":"781296e48fae8627e719ce627a862953ac50466e","integrity":"sha512-MgchywuEAEtlN2Ocryz1SH3kFER9KrzMbTrwOoRH38IlI52iw6mAEHHhOTOL/q12qADzAbt704aEw25hKopLGQ==","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.5.4-beta.tgz","fileCount":67,"unpackedSize":338380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeCWJpCRA9TVsSAnZWagAAvE8P/Rvg5MJr7PUJaz9wXV24\nFOdiFmWqXMOvWOF/CW1OlYP3YsJR6HF9FeKCxdi60ypaKL/cWO1YYCODu0je\n3vScwr2ebiwkQpe1AzNcgX8QKI4zCvM+1OKqhh5igkeAFlhFQxULPfW15PK6\nC0/CDU0cj86LYSWOOktUR6ufIhLQApSbQN4yQHaXKjh9b/mimVoY0hUjQrtV\ntq+5TBqv8qbrfgdX+z1QrvAXoLyMwwfBrfY1ckTjZBv/NHruKwHuW3k84+hg\n09RfYhYRHHjtAqWeV/fWGSbxBqIj97ssqoeP9rHMhNw4FdaBu4U0wVAJrSm9\nXEp6SaSGU044zCUxsPKRMaM6zzRvZbJAfmWxp7dUfyPIbTZdDz/oaPn7HLmD\nUJ9CueelQsn/EdQ8zbsDi/7rOiJl4e3/vLuPzsi0luMsnUtyc141hPSfvhcP\nXhAEqXqEIDMnOQsjem//OT5MRU/a35r4Y98mCK3MGj6VjiRHWmva6QbZSG0S\nAirdXCXNYoqJ4784YfP4HIHBOC9NzevExQP7a1rQrY4KSHzD5lZoMBDuaKLR\n3lmBtdTfAAqAcsY9D6337vqVe2AQNLDOHNjEJheSysu5GZl3wbTTznvRMaWQ\nWtCN6QEAjzg20sw1fWwHSIlULuPFhoQSrKKee75KSbuV2zfTfzRq05xI5Ujc\nWU9P\r\n=FzdY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG4xdnAHUeuYxrRiMkPOcq7aou7IV+TpKWThhuHl6edoAiEA4uxyEzBx8l9vYMQqEWgvrNyzOoMr/lIqBxWqfACGCmY="}]},"maintainers":[{"email":"a569836198@vip.qq.com","name":"linpengfei1995"},{"email":"yoranfu@gmail.com","name":"yoranfu"}],"_npmUser":{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.5.4-beta_1577673321632_0.8525785467617286"},"_hasShrinkwrap":false},"1.5.5-beta":{"name":"react-dnz","version":"1.5.5-beta","description":"React drag and zoom component","main":"index.js","scripts":{"build":"yarn run build-es","build-es":"babel src --out-dir es --ignore test.js && lessc src/index.css > es/index.css && lessc src/v2/index.css > es/v2/index.css","prepublish":"yarn run build","start":"cd examples && yarn start","test":"jest","flow-typed":"flow-typed install"},"repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","homepage":"https://github.com/h3ciot/react-dnz","dependencies":{"isomorphic-fetch":"^2.2.1","react-draggable":"^3.3.0"},"devDependencies":{"babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-eslint":"^8.2.6","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-flow":"^6.23.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","bower-webpack-plugin":"^0.1.9","clean-webpack-plugin":"^0.1.19","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-airbnb":"^17.1.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-react":"^7.11.1","eslint-plugin-standard":"^3.1.0","file-loader":"^2.0.0","flow-bin":"^0.79.1","flow-scripts":"^0.4.0","flow-typed":"^2.6.1","html-webpack-plugin":"^3.2.0","jest":"^23.5.0","less":"^3.8.1","less-loader":"^4.1.0","mockjs":"^1.0.1-beta3","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.3.5","style-loader":"^0.22.1","url-loader":"^1.1.1","webpack":"^4.17.1","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-merge":"^4.1.4"},"publishConfig":{"registry":"http://registry.npmjs.org/"},"gitHead":"0530e5eb3d31ee17f956d5eccc97caa95fa42457","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"},"_id":"react-dnz@1.5.5-beta","_nodeVersion":"12.13.1","_npmVersion":"6.12.1","dist":{"integrity":"sha512-JRI2nIXt1isBT+gljv5siktkqDLPtzbjJHCbX2scPxM1QA7AxDrlrBf2f686357cMZDu9JnIFZ5148lKBlgTUQ==","shasum":"f96185b8b41a0b63f89ce36f38f976427e11a6f6","tarball":"https://registry.npmjs.org/react-dnz/-/react-dnz-1.5.5-beta.tgz","fileCount":47,"unpackedSize":262473,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9aG4CRA9TVsSAnZWagAA8xcQAJegR9f+PqvRdQR87v4L\nEwoOXjOhzxb/frD0WHeesM6+RJDTstjQ5fqLCuT4dN5ZzTfv434LOjQ84SoO\nVGeWNYv6zOEigUPb3Y2K6zhFluT6U++gME0Kh/PYFqKRhhwh7eONDKnzT0Rj\nUK/mYzpj3iQfd7wrWQINk7l+IfnzZ4r2MMsFT+i5AUhp0oHG/15oXCoKF5dd\nlT5LzPFI8oHvEXsBERXswAWEcfg9WcYBc8BamlCeeSVgguPG+MGQ5mxJYJLs\nPsypGPaLiw9gwjCAqcJHpOH1ADGRYlJ0ZfR8kA8yNsJQGCVDNNt3ogzmQFKk\nDTElhDFSueotn0HUg3xjCwmBdNfFTdYcKey34zPz1kEHkBjSncpLBKy/CKGc\njGQWvlJWAevMH9SI03huWisfaKOekDM2l3XFb5Z/3k0/NdI5wyv7xD4oFVJz\noCMSoHojdxxQfKJLmUmAm1PjPS1mOMc2hhZj/2RRZ2A4rahwQaSBxKC0BCi9\nrhrsRh+DbIdqcCQbqogR7+i72NFRZ/1Ui3vEj++oq40x28fKAWocCQEoIOda\nVXMN08nIiTi/J4m1i6TIYLmrSJs+3ObL8suCNQbxMywjMjbPTia8ZddKZyGO\nxLMhsohtThlpXcLRkJzEBpR6jMA2oaqMJ+3Nx9NrGpGFvTHHv9haYzQM3Wgu\nLvWx\r\n=4cEI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWLySkDptTvDfCMOPPMZvhTe77quIXUTtuXk2pT72NTQIhANaPmpgf+IdjRFupqJ5MkdferXFfIhkR2QxujHSX0Dwh"}]},"_npmUser":{"name":"huangwp","email":"shen_lan201109@163com"},"directories":{},"maintainers":[{"name":"yoranfu","email":"yoranfu@gmail.com"},{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},{"name":"huangwp","email":"shen_lan201109@163com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-dnz_1.5.5-beta_1609933239601_0.6467640473975294"},"_hasShrinkwrap":false}},"time":{"created":"2018-10-13T07:34:46.669Z","1.0.0":"2018-10-13T07:34:46.788Z","modified":"2022-05-14T09:43:10.048Z","1.0.1":"2018-10-13T08:59:24.914Z","1.0.2":"2018-10-24T03:50:03.314Z","1.0.3":"2018-10-29T02:09:21.210Z","1.1.0":"2018-11-22T11:02:46.805Z","1.1.1":"2019-01-15T06:14:19.979Z","1.1.2":"2019-02-18T03:21:35.826Z","1.1.3":"2019-03-12T09:51:31.472Z","1.2.0":"2019-04-18T07:28:16.085Z","1.2.1":"2019-05-15T03:21:34.333Z","1.3.1":"2019-06-06T07:51:08.234Z","1.3.2":"2019-06-11T01:08:49.745Z","1.3.3":"2019-06-16T13:57:26.539Z","2.0.0":"2019-07-01T02:11:28.690Z","2.0.0-beta":"2019-07-01T03:51:11.317Z","2.0.1-beta":"2019-07-01T06:01:06.049Z","2.0.2-beta":"2019-07-02T06:40:51.660Z","1.4.0-beta":"2019-08-07T08:03:21.021Z","1.4.1-beta":"2019-08-08T03:45:24.173Z","1.4.2-beta":"2019-08-08T06:11:10.072Z","1.4.3-beta":"2019-08-08T06:26:22.137Z","1.4.4-beta":"2019-08-08T11:59:33.650Z","1.4.5-beta":"2019-08-14T09:36:33.112Z","1.4.6-beta":"2019-08-16T00:18:59.254Z","1.4.7-beta":"2019-08-16T00:29:51.709Z","1.4.8-beta":"2019-08-20T03:23:09.261Z","1.4.9-beta":"2019-08-27T06:08:24.649Z","1.4.10-beta":"2019-09-18T01:24:54.162Z","1.4.11-beta":"2019-09-18T01:41:21.133Z","1.4.12-beta":"2019-10-09T01:52:35.983Z","1.4.13-beta":"2019-10-11T07:54:35.501Z","1.5.0-beta":"2019-10-14T09:01:40.344Z","1.5.1-beta":"2019-11-05T07:11:19.712Z","1.5.2-beta":"2019-12-25T06:54:44.405Z","1.5.3-beta":"2019-12-30T01:53:50.315Z","1.5.4-beta":"2019-12-30T02:35:21.734Z","1.5.5-beta":"2021-01-06T11:40:39.785Z"},"maintainers":[{"name":"yoranfu","email":"yoranfu@gmail.com"},{"name":"linpengfei1995","email":"a569836198@vip.qq.com"},{"name":"huangwp","email":"shen_lan201109@163com"}],"description":"React drag and zoom component","homepage":"https://github.com/h3ciot/react-dnz","repository":{"type":"git","url":"git+https://github.com/h3ciot/react-dnz.git"},"license":"MIT","readme":"a drag and scale component for react\n\n## 如何使用\n首先，下载代码后进入项目根目录安装依赖包\n\n```bash\n$ cd \n$ npm install\n```\n\n然后启动开发环境 \n```bash\n$ npm start\n```\n\n打包编译\n```bash\n$ npm run build-es\n```\n\n## Dragzoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string(svg格式的需要传入经过base64编码后的dataUrl) | '' |\n| style | dragzoom第一层div的样式 | HTMLStyleElement | {} |\n| maxZoom | 最大缩放层级 | number | 2 |\n| scaleable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调 | (props, changed, all): void | NOOP |\n| onDrag | 图层拖动时的回调 | (Position): void | - |\n| onDragStop | 图层拖动结束时的回调 | (Position): Object | - |\n| polygonDragDisabled | 禁用自定义图层的拖动 | boolean | true |\n| onPolygonDragStop | 自定义图层停止拖动的回调 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| controlPaint | 控制自定义图层的绘画 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path}) => mixed | - |\n| dragControlPaint | 控制拖拽时自定义图层的绘画 | String | - |\n| getSVGSize | 获取svg格式的背景图的实际大小 | (size: { width: number, height: number }) => mixed | - |\n|allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n## DragzoomPolygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 是否捕获坐标 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n| allowAnyClick | 是否响应右键或中键点击事件 | boolean | true\n| capturePosition | 捕获点击事件 | (position: { x: number, y: number }， event) => null | () => null\n| startMove | 鼠标移动开始事件 | (position: { x: number, y: number }， event) => null | () => null\n| stopMove | 鼠标移动结束事件 | (position: { x: number, y: number }， event) => null | () => null\n## DragzoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| polygonDrag | 是否能拖动 | boolean | false |\n\n\n## DragzoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| pointsDisabled | 所有点位能否拖动 | boolean | false |\n| onDrag | 点位拖动时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n| onDragStop | 点位拖动结束时的回调 | (point: Point) => mixed | (point: Point) => mixed |\n\n## DragzoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | false |\n| capture | 是否捕获坐标 | boolean | false |\n| allowAnyClickToDrag | 是否允许任意键拖动 | boolean | false |\n| capturePosition | 捕获坐标函数 | (a:[number,number]) => mixed | (a:[number,number]) => null |\n\n\n#V2\nimport { V2 } from 'react-dnz';\n## DragZoom\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| img | 背景图url | string | '' |\n| style | 容器样式 | HTMLStyleElement | {} |\n| maxScale | 最大缩放层级 | number | 2 |\n| scalable | 是否可以缩放 | boolean | true |\n| draggable | 图层是否可以拖动 | boolean | true |\n| onSizeChange | 图层大小变化时的回调,包括图片路径变更 | (e:Event, position: {x: number, y: number }) => null | NOOP |\n| onDragStop | 图层拖动结束时的回调 | (e:Event, position: {x: number, y: number }) => null| - |\n| allowAnyClick | 是否允许任意键拖动 | boolean | false |\n| fixContent(实例方法)| 自适应弹出框内容(x,y为左上角定位) | (position: { x: number, y: number, width: number, height: number, offset: { top: number, left: number } }, placement: 'top' ¦ 'left' ¦ 'right' ¦ 'bottom' ¦ 'topLeft' ¦ 'topRight' ¦ 'bottomLeft' ¦ 'bottomRight' ¦ 'leftTop' ¦ 'leftBottom' ¦ 'rightTop' ¦ 'rightBottom') |\n\n## DragZoomPolygon\n(处于性能考虑，此处尽量统一样式，并且剥离绘制捕获内容至单独组件)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| controlPaint | 图层自定义绘制方法, 返回false则采用默认绘制方法 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:Object,shape:string}) => boolean | () => false |\n| pathStyle | 路径填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgba(0, 132, 255, 0.2)',strokeStyle: '#4C98FF',lineWidth: 2,} |\n| vertexStyle | 端点填充样式 | { strokeStyle: string,fillStyle: string,lineWidth: string } | {fillStyle: 'rgb(255,255,255)',strokeStyle: 'green',lineWidth: 3,} |\n| polygons | 自定义图层 | Polygon | []\n\n### DragZoomPolygon.Polygon\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| path | 自定义图层的路径 | Array<[number,number]> | [] |\n| id | 唯一标识 | string | '' |\n| color | 图层颜色 | Object | {} |\n| shape | 形状 | string | '' |\n| custom | 是否自定义绘制 | boolean | false |\n| vertex | 是否绘制端点 | boolean | true |\n| dash | 虚线分段数据，形如[5,10], 代表虚线长度为5，间隔为10 | string | '' |\n\n\n## DragZoomItems\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| style | 容器样式 | HTMLStyleElement | {} |\n| onDrag | 拖动时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n| onDragStop | 拖动结束时的回调 | (id: string, position: Position, e: Event) => null | (point: Point) => mixed |\n\n## DragZoomItem\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| id | 点位id | boolean | false |\n| children| 子项 | React.Node | null |\n| disabled | 是否禁用拖动 | boolean | true |\n| position | 定位坐标 | {x: number, y: number} | {x: 0, y: 0} |\n| offset | 偏移量 | { left: number, top: number } | {left: 0, top: 0} |\n\n\n## DragZoomCanvas(该组件用于绘制变化部分，所有路径都会被自定义绘制)\n\n| props | Description | Type | Default |\n|-----------|------------------------------------------|------------|---------|\n| capture | 捕获坐标 | boolean | false |\n| onMouseMove| 鼠标移动 | (position: Position, e: Event) => null | f => f |\n| onDoubleClick | 双击事件 | (position: Position, e: Event) => null | f => f |\n| onClick | 单击事件 | (position: Position, e: Event) => null | f => f |\n| controlPaint | 偏移量 | (context:CanvasRenderingContext2D ,props:{id:string,path:Path,color:string,shape:string}) => mixed | f => f |\n\n\n## DragZoomCanvas.Path\n详见 DragZoomPolygon.Polygon","readmeFilename":"README.md","bugs":{"url":"https://github.com/h3ciot/react-dnz/issues"}}