{"remainingRequest":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin-i18n/src/components/Kanban/index.vue?vue&type=style&index=0&id=d5a341ac&lang=scss&scoped=true","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin-i18n/src/components/Kanban/index.vue","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/css-loader/dist/cjs.js","mtime":1754408228038},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1754408228340},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/postcss-loader/src/index.js","mtime":1754408228130},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/sass-loader/dist/cjs.js","mtime":1754408227856},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js","mtime":1754408228175}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmJvYXJkLWNvbHVtbiB7CiAgbWluLXdpZHRoOiAzMDBweDsKICBtaW4taGVpZ2h0OiAxMDBweDsKICBoZWlnaHQ6IGF1dG87CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBiYWNrZ3JvdW5kOiAjZjBmMGYwOwogIGJvcmRlci1yYWRpdXM6IDNweDsKCiAgLmJvYXJkLWNvbHVtbi1oZWFkZXIgewogICAgaGVpZ2h0OiA1MHB4OwogICAgbGluZS1oZWlnaHQ6IDUwcHg7CiAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgcGFkZGluZzogMCAyMHB4OwogICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgYmFja2dyb3VuZDogIzMzMzsKICAgIGNvbG9yOiAjZmZmOwogICAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDA7CiAgfQoKICAuYm9hcmQtY29sdW1uLWNvbnRlbnQgewogICAgaGVpZ2h0OiBhdXRvOwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIGJvcmRlcjogMTBweCBzb2xpZCB0cmFuc3BhcmVudDsKICAgIG1pbi1oZWlnaHQ6IDYwcHg7CiAgICBkaXNwbGF5OiBmbGV4OwogICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0OwogICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CgogICAgLmJvYXJkLWl0ZW0gewogICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICAgIHdpZHRoOiAxMDAlOwogICAgICBoZWlnaHQ6IDY0cHg7CiAgICAgIG1hcmdpbjogNXB4IDA7CiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7CiAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgIGxpbmUtaGVpZ2h0OiA1NHB4OwogICAgICBwYWRkaW5nOiA1cHggMTBweDsKICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAgICAgYm94LXNoYWRvdzogMHB4IDFweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMik7CiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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"]}]}