{"versions":{"1.0.0":{"name":"element-plus-table-dragable","version":"1.0.0","description":"A directive what used sortablejs to add drag support for element-plus's table component base on vue3.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/guolaopi/element-plus-table-dragable.git"},"keywords":["dragable","element-plus","table","vue3"],"author":{"name":"guolaopi"},"license":"ISC","bugs":{"url":"https://github.com/guolaopi/element-plus-table-dragable/issues"},"homepage":"https://github.com/guolaopi/element-plus-table-dragable#readme","dependencies":{"sortablejs":"^1.15.0"},"gitHead":"98e9015fc7a125d7738550de45f6c2f2780228af","_id":"element-plus-table-dragable@1.0.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-NKa95z3wkKv8l4iydQksJh+uGYtbI3ixiUio6tZzmY9XyJZDtgzWHx6kpqRzCWoba7EUoaIhA+Se/QKWKeOhTA==","shasum":"2a97fa2d80509484ed5d78f813e564b913497d12","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/element-plus-table-dragable/-/element-plus-table-dragable-1.0.0.tgz","fileCount":3,"unpackedSize":2244,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF2FvlKR0DGO7C7azc3eUAVgsaFfR4tXQvmeZ49wBBBiAiEAtg7kIIt9yuBlYfJ6OWV5di2vbHYrXSCDzXzxmdH/dpE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJikHrAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFlg//YEw9qYvIaFxmLhDSXio9tY0/sSq5xslj2DgpLFR/b9uzLXYf\r\nMmmQKhr+5NZv2HgUYjIqcJN0Iq305pwjz7xBXzPZ3AEQn0ayniC4CTWp9RZv\r\nG4E0Ht4v+JZldbQviRP0je9xDjWmOPFnQNHwqSy82ptVZbIC8/tPff6BK8Ma\r\nowwc4TBWn9KF5WR1YICHZjRMSDAnxRmQiHLpD6D6gZnsEA4Ihjk1PFLcbWAh\r\nu/lAonhdS4epybnz6F0wqV7S5tV9kMfv0lPAWVs50j5TAP+ji4hfrZZXuBrK\r\nVkcCMq30F4kYYZmxhXXrmZ9F42tQaLfmSN82h9JC80OI4O2//G4xQC5Y2LxK\r\nfH5XqCXCz9/6yQCr4vQXyhbnpBgfzp+DQRT7dSRAnSgif9gWp+bndWzWpqm1\r\nNOu2NLuIjClTagEV7EHPSLIWpZ/55LopVxiuCKb2sW0Ze0TcsLdf/lMANsqU\r\noN6Whc3vs7rtOfoKEq8Wn/6atDwO9BQNwQtNteht3R95sww+K7jXUjY1T9gQ\r\ns/SuvYjC+LfCrutKg/ITGPIvApVkWBKosfxgzKlTOmTWUqKA1BFbx9bYXItO\r\npj/PUUuCjx1vmHRT0CRABVuajJdld8NtlSofON/gUG2DRFSzfXiXysSGR2Iv\r\nZZV1pWWUCMF8JwqY54TWM0HWGdfFYmVoYxQ=\r\n=KDDL\r\n-----END PGP SIGNATURE-----\r\n","size":1004},"_npmUser":{"name":"anonymous","email":"guolaopi@gmail.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"guolaopi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/element-plus-table-dragable_1.0.0_1653635776546_0.06952082420909056"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-05-27T07:36:18.392Z","contributors":[]}},"dist-tags":{"latest":"1.0.0"},"name":"element-plus-table-dragable","time":{"created":"2022-05-27T07:36:19.555Z","modified":"2022-06-05T17:11:31.181Z","1.0.0":"2022-05-27T07:16:16.722Z"},"readme":"# element-plus-table-dragable\r\nA directive what used sortablejs to add drag support for element-plus's table component base on vue3.\r\n\r\n# Useage\r\n```javascript\r\n<template>\r\n    <el-table \r\n        v-dragable=\"dragOptions\" \r\n        :data=\"data\"\r\n    >\r\n    </el-table>\r\n</template>\r\n\r\n<script setup>\r\nimport { vDragable } from \"element-plus-table-dragable\"; \r\n\r\nconst dragOptions = [\r\n    {\r\n        selector: \"thead tr\", // add drag support for column\r\n        option: { // sortablejs's option\r\n            animation: 150,\r\n            onEnd: (evt) => {\r\n                /* you can define a 'columns' ref \r\n                and use v-for render it in table's slot. \r\n                then you can change index of the item in 'column' here \r\n                to implement drag column to sort */\r\n                console.log(evt.oldIndex, evt.newIndex);\r\n            },\r\n        },\r\n    },\r\n    {\r\n        selector: \"tbody\", // add drag support for row\r\n        option: { // sortablejs's option\r\n            animation: 150,\r\n            onEnd: (evt) => {\r\n                console.log(evt.oldIndex, evt.newIndex);\r\n            },\r\n        },\r\n    },\r\n];\r\n</script> \r\n```","users":{}}