{"remainingRequest":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/components/common/ColumnSetting.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/components/common/ColumnSetting.vue","mtime":1742646402762},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/babel-loader/lib/index.js","mtime":1743264596348},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js","mtime":1743264596512}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CmltcG9ydCBkcmFnZ2FibGUgZnJvbSAndnVlZHJhZ2dhYmxlJzsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnQ29sdW1uU2V0dGluZycsCiAgY29tcG9uZW50czogewogICAgZHJhZ2dhYmxlLAogIH0sCiAgcHJvcHM6IHsKICAgIGNvbHVtbnM6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6ICgpID0+IFtdLAogICAgfSwKICB9LAogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBzaG93OiBmYWxzZSwKICAgICAgY29sdW1uU2V0dGluZzogW10sCiAgICB9OwogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIGNoZWNrZWRMaXN0KCkgewogICAgICByZXR1cm4gdGhpcy5jb2x1bW5TZXR0aW5nLmZpbHRlcih2ID0+IHYuY2hlY2tlZCk7CiAgICB9LAogICAgaW5kZXRlcm1pbmF0ZSgpIHsKICAgICAgcmV0dXJuIHRoaXMuY2hlY2tlZExpc3QubGVuZ3RoID4gMCAmJiB0aGlzLmNoZWNrZWRMaXN0Lmxlbmd0aCA8IHRoaXMuY29sdW1uU2V0dGluZy5sZW5ndGg7CiAgICB9LAogICAgY2hlY2tBbGwoKSB7CiAgICAgIHJldHVybiB0aGlzLmNoZWNrZWRMaXN0Lmxlbmd0aCA9PT0gdGhpcy5jb2x1bW5TZXR0aW5nLmxlbmd0aDsKICAgIH0sCiAgfSwKICB3YXRjaDogewogICAgY2hlY2tlZExpc3QodmFsdWUpIHsKICAgICAgdGhpcy4kZW1pdCgnY2hhbmdlJywgdmFsdWUpOwogICAgfSwKICB9LAogIG1vdW50ZWQoKSB7CiAgICB0aGlzLmluaXQoKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGluaXQoKSB7CiAgICAgIHRoaXMuY29sdW1uU2V0dGluZyA9IHRoaXMuY29sdW1ucy5tYXAodmFsdWUgPT4gKHsgLi4udmFsdWUsIGNoZWNrZWQ6IHRydWUgfSkpOwogICAgfSwKICAgIG9uQ2hlY2tBbGxDaGFuZ2UoZSkgewogICAgICBjb25zdCBjaGVja2VkID0gZS50YXJnZXQuY2hlY2tlZDsKICAgICAgdGhpcy5jb2x1bW5TZXR0aW5nID0gdGhpcy5jb2x1bW5zLm1hcCh2YWx1ZSA9PiAoeyAuLi52YWx1ZSwgY2hlY2tlZCB9KSk7CiAgICB9LAogIH0sCn07Cg=="},{"version":3,"sources":["ColumnSetting.vue"],"names":[],"mappings":";AAqCA;;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","file":"ColumnSetting.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\n  <a-dropdown v-model=\"show\" :trigger=\"['click']\">\n    <a-icon type=\"setting\" style=\"cursor: pointer; font-size: 16px\" />\n    <div slot=\"overlay\" class=\"ant-dropdown-menu setting ant-dropdown-content\">\n      <div class=\"setting-header setting-item\">\n        <a-checkbox\n          :indeterminate=\"indeterminate\"\n          :checked=\"checkAll\"\n          @change=\"onCheckAllChange\"\n        >\n          列展示\n        </a-checkbox>\n        <a @click=\"init\">重置</a>\n      </div>\n      <a-divider />\n      <div class=\"ant-checkbox-group\">\n        <draggable v-model=\"columnSetting\" animation=\"300\">\n          <div\n            class=\"setting-item\"\n            v-for=\"item in columnSetting\"\n            :key=\"item.dataIndex\"\n          >\n            <div class=\"setting-handle\">\n              <a-icon type=\"more\" />\n              <a-icon type=\"more\" />\n            </div>\n            <a-checkbox v-model=\"item.checked\">\n              {{ item.title }}\n            </a-checkbox>\n          </div>\n        </draggable>\n      </div>\n    </div>\n  </a-dropdown>\n</template>\n\n<script>\nimport draggable from 'vuedraggable';\n\nexport default {\n  name: 'ColumnSetting',\n  components: {\n    draggable,\n  },\n  props: {\n    columns: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  data() {\n    return {\n      show: false,\n      columnSetting: [],\n    };\n  },\n  computed: {\n    checkedList() {\n      return this.columnSetting.filter(v => v.checked);\n    },\n    indeterminate() {\n      return this.checkedList.length > 0 && this.checkedList.length < this.columnSetting.length;\n    },\n    checkAll() {\n      return this.checkedList.length === this.columnSetting.length;\n    },\n  },\n  watch: {\n    checkedList(value) {\n      this.$emit('change', value);\n    },\n  },\n  mounted() {\n    this.init();\n  },\n  methods: {\n    init() {\n      this.columnSetting = this.columns.map(value => ({ ...value, checked: true }));\n    },\n    onCheckAllChange(e) {\n      const checked = e.target.checked;\n      this.columnSetting = this.columns.map(value => ({ ...value, checked }));\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.setting-item {\n  display: flex;\n  align-items: center;\n  padding: 4px 16px 4px 4px;\n  .ant-checkbox-wrapper {\n    flex-grow: 1;\n  }\n  .setting-handle {\n    opacity: 0.8;\n    cursor: move;\n    .anticon-more {\n      font-size: 12px;\n      margin-top: 2px;\n      & + .anticon-more {\n        margin: 2px 4px 0 -8px;\n      }\n    }\n  }\n}\n.setting-header {\n  padding: 5px 16px 10px 24px;\n  min-width: 180px;\n}\n.setting {\n  .ant-divider {\n    margin: 0;\n  }\n  .ant-checkbox-group {\n    padding: 4px 0;\n    display: block;\n  }\n}\n</style>\n"]}]}