| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/babel-loader/lib/index.js!/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/components/Sortable/ElTableDraggable.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/components/Sortable/ElTableDraggable.vue","mtime":1616225348000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuc3BsaWNlIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHNvcnRhYmxlIGZyb20gInNvcnRhYmxlanMiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIkVsVGFibGVEcmFnZ2FibGUiLAogIHByb3BzOiB7CiAgICBoYW5kbGU6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAiIgogICAgfSwKICAgIGFuaW1hdGU6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAxMDAKICAgIH0KICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICB0YWJsZUtleTogMAogICAgfTsKICB9LAogIG1ldGhvZHM6IHsKICAgIG1ha2VUYWJsZVNvcnRBYmxlOiBmdW5jdGlvbiBtYWtlVGFibGVTb3J0QWJsZSgpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgIHZhciB0YWJsZSA9IHRoaXMuJGNoaWxkcmVuWzBdLiRlbC5xdWVyeVNlbGVjdG9yKCIuZWwtdGFibGVfX2JvZHktd3JhcHBlciB0Ym9keSIpOwogICAgICBzb3J0YWJsZS5jcmVhdGUodGFibGUsIHsKICAgICAgICBoYW5kbGU6IHRoaXMuaGFuZGxlLAogICAgICAgIGFuaW1hdGlvbjogdGhpcy5hbmltYXRlLAogICAgICAgIG9uRW5kOiBmdW5jdGlvbiBvbkVuZChfcmVmKSB7CiAgICAgICAgICB2YXIgbmV3SW5kZXggPSBfcmVmLm5ld0luZGV4LAogICAgICAgICAgICAgIG9sZEluZGV4ID0gX3JlZi5vbGRJbmRleDsKCiAgICAgICAgICBfdGhpcy5rZWVwV3JhcHBlckhlaWdodCh0cnVlKTsKCiAgICAgICAgICBfdGhpcy50YWJsZUtleSA9IE1hdGgucmFuZG9tKCk7CiAgICAgICAgICB2YXIgYXJyID0gX3RoaXMuJGNoaWxkcmVuWzBdLmRhdGE7CiAgICAgICAgICB2YXIgdGFyZ2V0Um93ID0gYXJyLnNwbGljZShvbGRJbmRleCwgMSlbMF07CiAgICAgICAgICBhcnIuc3BsaWNlKG5ld0luZGV4LCAwLCB0YXJnZXRSb3cpOwoKICAgICAgICAgIF90aGlzLiRlbWl0KCJkcm9wIiwgewogICAgICAgICAgICB0YXJnZXRPYmplY3Q6IHRhcmdldFJvdywKICAgICAgICAgICAgbGlzdDogYXJyCiAgICAgICAgICB9KTsKICAgICAgICB9CiAgICAgIH0pOwogICAgfSwKICAgIGtlZXBXcmFwcGVySGVpZ2h0OiBmdW5jdGlvbiBrZWVwV3JhcHBlckhlaWdodChrZWVwKSB7CiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBwcmVmZXItZGVzdHJ1Y3R1cmluZwogICAgICB2YXIgd3JhcHBlciA9IHRoaXMuJHJlZnMud3JhcHBlcjsKCiAgICAgIGlmIChrZWVwKSB7CiAgICAgICAgd3JhcHBlci5zdHlsZS5taW5IZWlnaHQgPSAiIi5jb25jYXQod3JhcHBlci5jbGllbnRIZWlnaHQsICJweCIpOwogICAgICB9IGVsc2UgewogICAgICAgIHdyYXBwZXIuc3R5bGUubWluSGVpZ2h0ID0gImF1dG8iOwogICAgICB9CiAgICB9CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdGhpcy5tYWtlVGFibGVTb3J0QWJsZSgpOwogIH0sCiAgd2F0Y2g6IHsKICAgIHRhYmxlS2V5OiBmdW5jdGlvbiB0YWJsZUtleSgpIHsKICAgICAgdmFyIF90aGlzMiA9IHRoaXM7CgogICAgICB0aGlzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7CiAgICAgICAgX3RoaXMyLm1ha2VUYWJsZVNvcnRBYmxlKCk7CgogICAgICAgIF90aGlzMi5rZWVwV3JhcHBlckhlaWdodChmYWxzZSk7CiAgICAgIH0pOwogICAgfQogIH0KfTs="},{"version":3,"sources":["ElTableDraggable.vue"],"names":[],"mappings":";;;;;;;;;;;AAUA,OAAA,QAAA,MAAA,YAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,kBADA;AAEA,EAAA,KAAA,EAAA;AACA,IAAA,MAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA,KADA;AAKA,IAAA,OAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA;AALA,GAFA;AAYA,EAAA,IAZA,kBAYA;AACA,WAAA;AACA,MAAA,QAAA,EAAA;AADA,KAAA;AAGA,GAhBA;AAiBA,EAAA,OAAA,EAAA;AACA,IAAA,iBADA,+BACA;AAAA;;AACA,UAAA,KAAA,GAAA,KAAA,SAAA,CAAA,CAAA,EAAA,GAAA,CAAA,aAAA,CACA,+BADA,CAAA;AAGA,MAAA,QAAA,CAAA,MAAA,CAAA,KAAA,EAAA;AACA,QAAA,MAAA,EAAA,KAAA,MADA;AAEA,QAAA,SAAA,EAAA,KAAA,OAFA;AAGA,QAAA,KAAA,EAAA,qBAAA;AAAA,cAAA,QAAA,QAAA,QAAA;AAAA,cAAA,QAAA,QAAA,QAAA;;AACA,UAAA,KAAA,CAAA,iBAAA,CAAA,IAAA;;AACA,UAAA,KAAA,CAAA,QAAA,GAAA,IAAA,CAAA,MAAA,EAAA;AACA,cAAA,GAAA,GAAA,KAAA,CAAA,SAAA,CAAA,CAAA,EAAA,IAAA;AACA,cAAA,SAAA,GAAA,GAAA,CAAA,MAAA,CAAA,QAAA,EAAA,CAAA,EAAA,CAAA,CAAA;AACA,UAAA,GAAA,CAAA,MAAA,CAAA,QAAA,EAAA,CAAA,EAAA,SAAA;;AACA,UAAA,KAAA,CAAA,KAAA,CAAA,MAAA,EAAA;AAAA,YAAA,YAAA,EAAA,SAAA;AAAA,YAAA,IAAA,EAAA;AAAA,WAAA;AACA;AAVA,OAAA;AAYA,KAjBA;AAkBA,IAAA,iBAlBA,6BAkBA,IAlBA,EAkBA;AACA;AACA,UAAA,OAAA,GAAA,KAAA,KAAA,CAAA,OAAA;;AACA,UAAA,IAAA,EAAA;AACA,QAAA,OAAA,CAAA,KAAA,CAAA,SAAA,aAAA,OAAA,CAAA,YAAA;AACA,OAFA,MAEA;AACA,QAAA,OAAA,CAAA,KAAA,CAAA,SAAA,GAAA,MAAA;AACA;AACA;AA1BA,GAjBA;AA6CA,EAAA,OA7CA,qBA6CA;AACA,SAAA,iBAAA;AACA,GA/CA;AAgDA,EAAA,KAAA,EAAA;AACA,IAAA,QADA,sBACA;AAAA;;AACA,WAAA,SAAA,CAAA,YAAA;AACA,QAAA,MAAA,CAAA,iBAAA;;AACA,QAAA,MAAA,CAAA,iBAAA,CAAA,KAAA;AACA,OAHA;AAIA;AANA;AAhDA,CAAA","sourcesContent":["<!-- 拖拽排序表格 -->\r\n<template>\r\n <div ref=\"wrapper\">\r\n <div :key=\"tableKey\">\r\n <slot></slot>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport sortable from \"sortablejs\";\r\n\r\nexport default {\r\n name: \"ElTableDraggable\",\r\n props: {\r\n handle: {\r\n type: String,\r\n default: \"\"\r\n },\r\n animate: {\r\n type: Number,\r\n default: 100\r\n }\r\n },\r\n data() {\r\n return {\r\n tableKey: 0\r\n };\r\n },\r\n methods: {\r\n makeTableSortAble() {\r\n const table = this.$children[0].$el.querySelector(\r\n \".el-table__body-wrapper tbody\"\r\n );\r\n sortable.create(table, {\r\n handle: this.handle,\r\n animation: this.animate,\r\n onEnd: ({newIndex, oldIndex}) => {\r\n this.keepWrapperHeight(true);\r\n this.tableKey = Math.random();\r\n const arr = this.$children[0].data;\r\n const targetRow = arr.splice(oldIndex, 1)[0];\r\n arr.splice(newIndex, 0, targetRow);\r\n this.$emit(\"drop\", {targetObject: targetRow, list: arr});\r\n }\r\n });\r\n },\r\n keepWrapperHeight(keep) {\r\n // eslint-disable-next-line prefer-destructuring\r\n const wrapper = this.$refs.wrapper;\r\n if (keep) {\r\n wrapper.style.minHeight = `${wrapper.clientHeight}px`;\r\n } else {\r\n wrapper.style.minHeight = \"auto\";\r\n }\r\n }\r\n },\r\n mounted() {\r\n this.makeTableSortAble();\r\n },\r\n watch: {\r\n tableKey() {\r\n this.$nextTick(() => {\r\n this.makeTableSortAble();\r\n this.keepWrapperHeight(false);\r\n });\r\n }\r\n }\r\n};\r\n</script>"],"sourceRoot":"src/components/Sortable"}]}
|
