{"_id":"@ams-team/block-drag-image","_rev":"1-40bd0b3a0fbbbf1751b7227ac0e10616","name":"@ams-team/block-drag-image","dist-tags":{"latest":"0.2.0"},"versions":{"0.2.0":{"name":"@ams-team/block-drag-image","version":"0.2.0","description":"AMS拖拽图片框","author":{"name":"ams"},"main":"lib/block-drag-image.js","unpkg":"lib/block-drag-image.js","amsConfig":{"externals":{},"cdn":[],"title":"drag-image","tags":"","publish":true},"_id":"@ams-team/block-drag-image@0.2.0","_nodeVersion":"8.16.2","_npmVersion":"6.14.4","_npmUser":{"name":"wzbwzb","email":"1069467662@qq.com"},"dist":{"integrity":"sha512-iIyueCzAm7nKMKvjYgxN2vs8mdPxBaA9oZqgjpbRDxDl9/JrvHn9dt8xTTe9KN2TZXoRqAJiiBlS31qbrBZrjA==","shasum":"d37aeba653372546e41624b6d1f6b2ffc6178645","tarball":"https://registry.npmjs.org/@ams-team/block-drag-image/-/block-drag-image-0.2.0.tgz","fileCount":8,"unpackedSize":18305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglAhyCRA9TVsSAnZWagAA+sEP/2P4fX8qM9OIUy0TaDMQ\nHb78ig7wmoPrQneTjDGP4KxIiuwTefMj54RkBl9/QmzIgxDWGhRr/48PdRVI\n/51DjxfZxjg7IwdqYaLq5LlkUKKTMdBjcEuAKEhm0A/x/aBMaw9UrC0uVStq\nISQV1su1RI77bkBwRbmk7W6IbgSYNc83p51JYQ3ZfU+OEuve6tlmUIIsoPsi\nspRY6lcOLfrm+2emlcjWhmV3OMO/xJWTNNBhGrB0ITBVGXSTm3kvkl2ZJ4lq\nN7n71pFth3ntgL+5tQQDWWOCyd5Vo3F/cxY11B5gc4HwIyYQrk11hlY1Km1h\nXcYCs4bjxEC/9Rqc+nqDzWTk8bGNpyt/AqEMXcvh/exWYuExIqJWvjMb5Mse\nfJXsuO/pkruxCehyrG6iSuwDfFgCFv/U7EUyilESsa/eV6RlAcw/rTe7GfhW\n46EjUbckEN4QruNTyZTIz7zFzrbJnZeJPtd/73gpQi8BXQgoPn6bFJkLsP5T\n0UM3bjI6nvfA+F+9D6ciojDGke0Dt6X7UTIeeDz8MZzTzbwhdi/pFKmlGp/d\nyHP34rA14fsq7j8wZyji7uU0D+AYn8FwUoscXsFgwoime6ITzqYL/btzWKw4\nVo6+1qyryVKbUBjWKwIkmKP4YTm5G6zRMOVugtTYhsq62S/Go8OwixNPTgFW\nLOfi\r\n=vCfP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzpqZDa+wJXGqYuACtZP2t/569ooapcmBskJEHpfIA+wIhAJmrogSU9xzhNAXQ9GuJJBWZtmLRxGMPa6xsJfjxU7HP"}]},"directories":{},"maintainers":[{"name":"hodor-cn","email":"331492653@qq.com"},{"name":"wzbwzb","email":"1069467662@qq.com"},{"name":"bfkkkd","email":"yournana@gmail.com"},{"name":"eshaooo","email":"16602047278@163.com"},{"name":"w3cmark","email":"lijungm305@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/block-drag-image_0.2.0_1620314226471_0.9896844253580648"},"_hasShrinkwrap":false}},"time":{"created":"2021-05-06T15:17:06.230Z","0.2.0":"2021-05-06T15:17:06.650Z","modified":"2022-04-04T13:53:04.148Z"},"maintainers":[{"name":"hodor-cn","email":"331492653@qq.com"},{"name":"wzbwzb","email":"1069467662@qq.com"},{"name":"bfkkkd","email":"yournana@gmail.com"},{"name":"eshaooo","email":"16602047278@163.com"},{"name":"w3cmark","email":"lijungm305@gmail.com"}],"description":"AMS拖拽图片框","author":{"name":"ams"},"readme":"# block-drag-image AMS拖拽图片框\n\n## 预览图\n\n![block-drag-image](http://h5rsc.vipstatic.com/ams/packages/block-drag-image.png)\n\n## 例子\n\n```js\nams.block('dragimage', {\n    blocks: {\n        dragImageTopBlock: {\n            type: 'component',\n            style: {\n                margin: '15px 0 25px'\n            },\n            options: {\n                is: 'div',\n                text: ''\n            },\n            operations: {\n                showForm: {\n                    type: 'field',\n                    label: '',\n                    field: {\n                        type: 'file',\n                        props: {\n                            accept: 'image/png,image/jpeg',\n                            'button-label': '上传文件',\n                            'auto-upload': false,\n                            'show-file-list': false,\n                            'on-change': (file) => {\n                                ams.blocks.dragImagePicBlock.options.url = window.URL.createObjectURL(file.raw);\n                            }\n                        }\n                    }\n                }\n            }\n        },\n        dragImagePicBlock: {\n            type: 'drag-image',\n            ctx: 'view',\n            options: {\n                url: 'http://c.vpimg1.com/upcb/2019/09/17/172/ias_156871245334665.jpg',\n                width: 384, // 底图宽度\n                height: 184, // 底图高度\n                cutWidth: 200, // 需要裁剪的尺寸宽度\n                imgWidth: '500px', // 图片展示宽度\n                left: 100, // 需要裁剪的区域离左边距离\n                ratio: 0.04, // 移动速度\n                showFrame: true // 是否展示裁剪框\n            },\n            on: {\n                getFrameLeft(arg) {\n                    // 获取需要裁剪的区域离左边距离\n                    console.log(arg);\n                }\n            }\n        }\n    }\n});\n```","readmeFilename":"README.md"}