| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/components/Sortable/ElTableDraggable.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/components/Sortable/ElTableDraggable.vue","mtime":1616225348000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgc29ydGFibGUgZnJvbSAic29ydGFibGVqcyI7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogIkVsVGFibGVEcmFnZ2FibGUiLA0KICBwcm9wczogew0KICAgIGhhbmRsZTogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogIiINCiAgICB9LA0KICAgIGFuaW1hdGU6IHsNCiAgICAgIHR5cGU6IE51bWJlciwNCiAgICAgIGRlZmF1bHQ6IDEwMA0KICAgIH0NCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgdGFibGVLZXk6IDANCiAgICB9Ow0KICB9LA0KICBtZXRob2RzOiB7DQogICAgbWFrZVRhYmxlU29ydEFibGUoKSB7DQogICAgICBjb25zdCB0YWJsZSA9IHRoaXMuJGNoaWxkcmVuWzBdLiRlbC5xdWVyeVNlbGVjdG9yKA0KICAgICAgICAgICIuZWwtdGFibGVfX2JvZHktd3JhcHBlciB0Ym9keSINCiAgICAgICk7DQogICAgICBzb3J0YWJsZS5jcmVhdGUodGFibGUsIHsNCiAgICAgICAgaGFuZGxlOiB0aGlzLmhhbmRsZSwNCiAgICAgICAgYW5pbWF0aW9uOiB0aGlzLmFuaW1hdGUsDQogICAgICAgIG9uRW5kOiAoe25ld0luZGV4LCBvbGRJbmRleH0pID0+IHsNCiAgICAgICAgICB0aGlzLmtlZXBXcmFwcGVySGVpZ2h0KHRydWUpOw0KICAgICAgICAgIHRoaXMudGFibGVLZXkgPSBNYXRoLnJhbmRvbSgpOw0KICAgICAgICAgIGNvbnN0IGFyciA9IHRoaXMuJGNoaWxkcmVuWzBdLmRhdGE7DQogICAgICAgICAgY29uc3QgdGFyZ2V0Um93ID0gYXJyLnNwbGljZShvbGRJbmRleCwgMSlbMF07DQogICAgICAgICAgYXJyLnNwbGljZShuZXdJbmRleCwgMCwgdGFyZ2V0Um93KTsNCiAgICAgICAgICB0aGlzLiRlbWl0KCJkcm9wIiwge3RhcmdldE9iamVjdDogdGFyZ2V0Um93LCBsaXN0OiBhcnJ9KTsNCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgfSwNCiAgICBrZWVwV3JhcHBlckhlaWdodChrZWVwKSB7DQogICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcHJlZmVyLWRlc3RydWN0dXJpbmcNCiAgICAgIGNvbnN0IHdyYXBwZXIgPSB0aGlzLiRyZWZzLndyYXBwZXI7DQogICAgICBpZiAoa2VlcCkgew0KICAgICAgICB3cmFwcGVyLnN0eWxlLm1pbkhlaWdodCA9IGAke3dyYXBwZXIuY2xpZW50SGVpZ2h0fXB4YDsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHdyYXBwZXIuc3R5bGUubWluSGVpZ2h0ID0gImF1dG8iOw0KICAgICAgfQ0KICAgIH0NCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLm1ha2VUYWJsZVNvcnRBYmxlKCk7DQogIH0sDQogIHdhdGNoOiB7DQogICAgdGFibGVLZXkoKSB7DQogICAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7DQogICAgICAgIHRoaXMubWFrZVRhYmxlU29ydEFibGUoKTsNCiAgICAgICAgdGhpcy5rZWVwV3JhcHBlckhlaWdodChmYWxzZSk7DQogICAgICB9KTsNCiAgICB9DQogIH0NCn07DQo="},{"version":3,"sources":["ElTableDraggable.vue"],"names":[],"mappings":";;;;;;;;;;AAUA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"ElTableDraggable.vue","sourceRoot":"src/components/Sortable","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>"]}]}
|
