{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\components\\Kanban\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\Kanban\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBkcmFnZ2FibGUgZnJvbSAndnVlZHJhZ2dhYmxlJwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdEcmFnS2FuYmFuRGVtbycsCiAgY29tcG9uZW50czogewogICAgZHJhZ2dhYmxlCiAgfSwKICBwcm9wczogewogICAgaGVhZGVyVGV4dDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdIZWFkZXInCiAgICB9LAogICAgb3B0aW9uczogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQoKSB7CiAgICAgICAgcmV0dXJuIHt9CiAgICAgIH0KICAgIH0sCiAgICBsaXN0OiB7CiAgICAgIHR5cGU6IEFycmF5LAogICAgICBkZWZhdWx0KCkgewogICAgICAgIHJldHVybiBbXQogICAgICB9CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBzZXREYXRhKGRhdGFUcmFuc2ZlcikgewogICAgICAvLyB0byBhdm9pZCBGaXJlZm94IGJ1ZwogICAgICAvLyBEZXRhaWwgc2VlIDogaHR0cHM6Ly9naXRodWIuY29tL1J1YmFYYS9Tb3J0YWJsZS9pc3N1ZXMvMTAxMgogICAgICBkYXRhVHJhbnNmZXIuc2V0RGF0YSgnVGV4dCcsICcnKQogICAgfQogIH0KfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA;;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","file":"index.vue","sourceRoot":"src/components/Kanban","sourcesContent":["<template>\n  <div class=\"board-column\">\n    <div class=\"board-column-header\">\n      {{ headerText }}\n    </div>\n    <draggable\n      :list=\"list\"\n      v-bind=\"$attrs\"\n      class=\"board-column-content\"\n      :set-data=\"setData\"\n    >\n      <div v-for=\"element in list\" :key=\"element.id\" class=\"board-item\">\n        {{ element.name }} {{ element.id }}\n      </div>\n    </draggable>\n  </div>\n</template>\n\n<script>\nimport draggable from 'vuedraggable'\n\nexport default {\n  name: 'DragKanbanDemo',\n  components: {\n    draggable\n  },\n  props: {\n    headerText: {\n      type: String,\n      default: 'Header'\n    },\n    options: {\n      type: Object,\n      default() {\n        return {}\n      }\n    },\n    list: {\n      type: Array,\n      default() {\n        return []\n      }\n    }\n  },\n  methods: {\n    setData(dataTransfer) {\n      // to avoid Firefox bug\n      // Detail see : https://github.com/RubaXa/Sortable/issues/1012\n      dataTransfer.setData('Text', '')\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.board-column {\n  min-width: 300px;\n  min-height: 100px;\n  height: auto;\n  overflow: hidden;\n  background: #f0f0f0;\n  border-radius: 3px;\n\n  .board-column-header {\n    height: 50px;\n    line-height: 50px;\n    overflow: hidden;\n    padding: 0 20px;\n    text-align: center;\n    background: #333;\n    color: #fff;\n    border-radius: 3px 3px 0 0;\n  }\n\n  .board-column-content {\n    height: auto;\n    overflow: hidden;\n    border: 10px solid transparent;\n    min-height: 60px;\n    display: flex;\n    justify-content: flex-start;\n    flex-direction: column;\n    align-items: center;\n\n    .board-item {\n      cursor: pointer;\n      width: 100%;\n      height: 64px;\n      margin: 5px 0;\n      background-color: #fff;\n      text-align: left;\n      line-height: 54px;\n      padding: 5px 10px;\n      box-sizing: border-box;\n      box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);\n    }\n  }\n}\n</style>\n\n"]}]}