{"_id":"@chenxingyu_o/vue-drag-rotate-resize","_rev":"2-c376353449dba6ae3e96689ccbbdc3d1","name":"@chenxingyu_o/vue-drag-rotate-resize","dist-tags":{"latest":"1.0.0"},"versions":{"0.1.0":{"name":"@chenxingyu_o/vue-drag-rotate-resize","version":"0.1.0","author":{"name":"chenxignyuoo"},"description":"a vue2 component. drag-rotate-resize","main":"lib/vue-drag-rotate-resize.common.js","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build ./src/index.js --dest lib --target lib --name vue-drag-rotate-resize","build-demo":"vue-cli-service build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"repository":{"type":"git","url":"git+https://github.com/chenxingyuoo/vue-drag-rotate-resize.git"},"dependencies":{"core-js":"^2.6.5","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.0.1","@vue/cli-plugin-eslint":"^3.0.1","@vue/cli-plugin-unit-jest":"^3.0.1","@vue/cli-service":"^3.0.1","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","less":"^3.0.4","less-loader":"^4.1.0","vue-template-compiler":"^2.6.10"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","@vue/standard"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"transformIgnorePatterns":["/node_modules/"],"moduleNameMapper":{"^@/(.*)$":"<rootDir>/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/","watchPlugins":["jest-watch-typeahead/filename","jest-watch-typeahead/testname"]},"license":"MIT","gitHead":"28740951ca5a24e61f2b3ee80ae3a7a42eff7d71","bugs":{"url":"https://github.com/chenxingyuoo/vue-drag-rotate-resize/issues"},"homepage":"https://github.com/chenxingyuoo/vue-drag-rotate-resize#readme","_id":"@chenxingyu_o/vue-drag-rotate-resize@0.1.0","_nodeVersion":"12.2.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-xviHP7uQt2P5C7eupnj0kUIBVcPxkYVO2eXJCpivjBQUMfbXuvXoXJHp7COq43k1EgdXEJgTrNqYbC08VHpqvA==","shasum":"5ee0dbf0de888f5f38c70e04a0f74861979486dd","tarball":"https://registry.npmjs.org/@chenxingyu_o/vue-drag-rotate-resize/-/vue-drag-rotate-resize-0.1.0.tgz","fileCount":14,"unpackedSize":665764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdc5IcCRA9TVsSAnZWagAAZT0P/1PrZJbfokR6PUufQ1ZJ\ntg0jlOk4poXNViaJCt/5H1cQG3B+qK/qwJd/fp+0k1Om5U97PVALpBJ6Y6O9\nNhslOFZH7itXZEYOy8YO6ZKWAvYcklUQWiVzLU9hVZjDFcohmgLaQR4cu2MJ\n57yzOa0KpRcr+NtvPQLTTQQFk4joTk2GbZFhmEfAZQOUd7W2eHXKxCCFrXA1\neSArIw0IZtvK5QMPoBYOHWO0kuyCxJr0eR/jD9bdh7vS5Uw+EnqjSj1FJqzx\nzRLum9VzL9nPTpgP0wvgC1ToXznpag9yupaU915vBldPuFZle3KTptF7ic7s\nFNOGDLRpgyoo9vPVVDtVY43KywLIoeb/YIas/2zASgN0WrSHvHNJpwrPYDP3\nfEFgtctxPDqaf6AhszOx9B1RxLiucpRTVr6+uQ5NUClJ28xujq2lBQaOXFew\nszs9wGBgqx73jot0+VxPIteIsz2AUqhl5laMt/EvGMISZ7AM4IetFGBJNMNV\nEF4KndHGzt3xr1VTosNr2QD+R3vzir1gUovXw41gBPTEeZwxtBRT/V5w8teW\nTLwQyW+xQYG6f76GCTQ+jjTotqrAkwfIG4Z5SUPCztw5epOMh3FNA/e6HzqE\nwG4i4B4k3KQgvtHMDaBjBw3h89JSpQXiUYdRmI+P6U1TqsMlkxNu45mHPDQr\ndAEd\r\n=gaSb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDiCEiMp+7qdUSuHt9M/YXv5SR9RHPQjV6Y5YFlcK+xjAiBaIx/4/JTlTcK9NCAYBcknCpBcnFpZLxd6XOjHyp3Ncg=="}]},"maintainers":[{"name":"chenxingyu_o","email":"2731173104@qq.com"}],"_npmUser":{"name":"chenxingyu_o","email":"2731173104@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-rotate-resize_0.1.0_1567855132052_0.5592600793138229"},"_hasShrinkwrap":false},"1.0.0":{"name":"@chenxingyu_o/vue-drag-rotate-resize","version":"1.0.0","author":{"name":"chenxignyuoo"},"description":"a vue2 component. drag-rotate-resize","main":"lib/vue-drag-rotate-resize.common.js","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build ./src/index.js --dest lib --target lib --name vue-drag-rotate-resize","build-demo":"vue-cli-service build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"keywords":["vue","drag","resize","rotate","draggable","resizable","rotateable"],"repository":{"type":"git","url":"git+https://github.com/chenxingyuoo/vue-drag-rotate-resize.git"},"dependencies":{"core-js":"^2.6.5","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.0.1","@vue/cli-plugin-eslint":"^3.0.1","@vue/cli-plugin-unit-jest":"^3.0.1","@vue/cli-service":"^3.0.1","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","less":"^3.0.4","less-loader":"^4.1.0","vue-template-compiler":"^2.6.10"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","@vue/standard"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"transformIgnorePatterns":["/node_modules/"],"moduleNameMapper":{"^@/(.*)$":"<rootDir>/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/","watchPlugins":["jest-watch-typeahead/filename","jest-watch-typeahead/testname"]},"license":"MIT","gitHead":"6f2565123576431702e578299558be946f895c9d","bugs":{"url":"https://github.com/chenxingyuoo/vue-drag-rotate-resize/issues"},"homepage":"https://github.com/chenxingyuoo/vue-drag-rotate-resize#readme","_id":"@chenxingyu_o/vue-drag-rotate-resize@1.0.0","_nodeVersion":"12.2.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Ugc+hkZyfaHk+ofsndcvc4DnFIp20X2GSrMAwuZGKnWrg/+BPUGbvO/nWpddVgFTUQUpsWEL8NEsPVvtnrxy3A==","shasum":"7a582f44753f4fae10e47f5878167ad901688d86","tarball":"https://registry.npmjs.org/@chenxingyu_o/vue-drag-rotate-resize/-/vue-drag-rotate-resize-1.0.0.tgz","fileCount":14,"unpackedSize":665887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdc5M/CRA9TVsSAnZWagAARZ8P/jJnF08L2ukhBNkHACeP\niuQgat/K2A+kjiiLMYtRPPjPmYEhZ6c8bGjMV35CG5do67qNpm/U3w/4YxoZ\n76JvpYgJKdKRQer6Cm+pEHKmTFXBw/N4ff0WnVS0t0HqIyqZASJX9oGHdho4\nX0eH97/UFhz9k21OlbxGVHnb6Lmx6taLzueprNdcK5U8Wubs8122Mc5mHhW2\nV1dsZkWjSwxRZe3lT2OUOXvRelqb8gS/vAs30oOLz3wDgd2HFF3k/LDe6hDB\nBIgw+W9wL0USEj4ZBdwpt/VsNrtazndMi1RlH3tDUu4r7eXotS7rd/fZHcal\nAMTMg1OFB3emtTiRCyApwEYoCoumGRqxdee9lbJXfemkd4umZhuWtIdGma3w\nf5gtLRvHH9yTAI4x4m1yfPDmC8b6QIYo6A7me+lK4kJlA/zd+duQatvHMz3+\nsDuYoVEk097HDEJqhchrp5+QUVw+GymApRzB/J/znp4P3rf2eYogzSG4zu2o\nJXT91ZUVMBJEsGWrOROUrO1y5mvx7JAmTgUakFqLrD9czjfsXyLfXAOPqMeT\nBbgKYqJtR3wdO/Lxm7C4xjcBwzzIKopRNac080ZR1xqp9exKH4K8pAJJOQFO\nI7D6etxhLHUf0iZOAmM6Mv4SOQKj4wzTx2zsuHOln1B1dMEtOAFmJJqw/mkr\nqJkb\r\n=muo0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHwGGJa5omMOy/ybwXsjgo2ZVfAV0Qeo8hUJyzr5UUJkAiEAsevVp/tB14uXVavOCvrgTGZruiE9cfbiB9lNAgLrtNA="}]},"maintainers":[{"name":"chenxingyu_o","email":"2731173104@qq.com"}],"_npmUser":{"name":"chenxingyu_o","email":"2731173104@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-rotate-resize_1.0.0_1567855423186_0.06616760488643747"},"_hasShrinkwrap":false}},"time":{"created":"2019-09-07T11:18:51.851Z","0.1.0":"2019-09-07T11:18:52.215Z","modified":"2022-04-04T22:39:15.820Z","1.0.0":"2019-09-07T11:23:43.382Z"},"maintainers":[{"name":"chenxingyu_o","email":"2731173104@qq.com"}],"description":"a vue2 component. drag-rotate-resize","homepage":"https://github.com/chenxingyuoo/vue-drag-rotate-resize#readme","repository":{"type":"git","url":"git+https://github.com/chenxingyuoo/vue-drag-rotate-resize.git"},"author":{"name":"chenxignyuoo"},"bugs":{"url":"https://github.com/chenxingyuoo/vue-drag-rotate-resize/issues"},"license":"MIT","readme":"## vue-drag-rotate-resize\n\n\n### Demo\n[demo](https://chenxingyuoo.github.io/vue-drag-rotate-resize)\n\n## 安装\n```\nnpm install @chenxingyu_o/vue-drag-rotate-resize\n```\n\n## 注册组件\n```js\nimport VueDragRotateResize from '@chenxingyu_o/vue-drag-rotate-resize'\nVue.use(VueDragRotateResize)\n```\n## 使用组件\n```vue\n<template>\n  <div id=\"app\">\n    <!-- resize -->\n    <vue-drag-rotate-resize\n      v-show=\"Object.keys(resizeObject).length\"\n      :top=\"resizeObject.y || 0\"\n      :left=\"resizeObject.x || 0\"\n      :width=\"resizeObject.width || 0\"\n      :height=\"resizeObject.height || 0\"\n      :rotateAngle=\"resizeObject.rotate || 0\"\n      :rotatable=\"true\"\n      :onDrag=\"handleDrag\"\n      :onResize=\"handleResize\"\n      :onRotate=\"handleRotate\"\n    >\n      <div>content</div>\n      <template slot=\"rotate\">\n        <div class=\"rotate-btn\">o</div>\n      </template>\n    </vue-drag-rotate-resize>\n  </div>\n</template>\n\n<script>\n  import VueDragRotateResize from '@yu/vue-drag-rotate-resize'\n  export default {\n    data() {\n      return {\n        resizeObject: {\n          x: 100,\n          y: 60,\n          width: 200,\n          height: 100,\n          rotate: 0,\n        }\n      }\n    },\n    components: {\n      VueDragRotateResize\n    },\n    methods: {\n      handleDrag (e, deltaX, deltaY) {\n        this.resizeObject.x += deltaX\n        this.resizeObject.y += deltaY\n      },\n      handleResize (e, { top, left, width, height }, isShiftKey, type) {\n        Object.assign(this.resizeObject, {\n          y: Math.round(top),\n          x: Math.round(left),\n          width: Math.round(width),\n          height: Math.round(height)\n        })\n      },\n      handleRotate (e, rotateAngle) {\n        this.resizeObject.rotate = rotateAngle\n      }\n    }\n  }\n</script>\n```\n","readmeFilename":"README.md","keywords":["vue","drag","resize","rotate","draggable","resizable","rotateable"]}