{"remainingRequest":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/babel-loader/lib/index.js!/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/src/components/Sortable/ElTableDraggable.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/src/components/Sortable/ElTableDraggable.vue","mtime":1616225348000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/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"}]}