{"remainingRequest":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js!/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin/src/views/table/dynamic-table/components/FixedThead.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin/src/views/table/dynamic-table/components/FixedThead.vue","mtime":1754409279874},{"path":"/Users/kang/Gitea/vue-element-admin/babel.config.js","mtime":1754409277597},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js","mtime":1754409277911},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js","mtime":1754409279720}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuZmlsdGVyLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzbmV4dC5pdGVyYXRvci5jb25zdHJ1Y3Rvci5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzbmV4dC5pdGVyYXRvci5maWx0ZXIuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwoKdmFyIGRlZmF1bHRGb3JtVGhlYWQgPSBbJ2FwcGxlJywgJ2JhbmFuYSddOwpleHBvcnQgZGVmYXVsdCB7CiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHRhYmxlRGF0YTogW3sKICAgICAgICBuYW1lOiAnZnJ1aXQtMScsCiAgICAgICAgYXBwbGU6ICdhcHBsZS0xMCcsCiAgICAgICAgYmFuYW5hOiAnYmFuYW5hLTEwJywKICAgICAgICBvcmFuZ2U6ICdvcmFuZ2UtMTAnCiAgICAgIH0sIHsKICAgICAgICBuYW1lOiAnZnJ1aXQtMicsCiAgICAgICAgYXBwbGU6ICdhcHBsZS0yMCcsCiAgICAgICAgYmFuYW5hOiAnYmFuYW5hLTIwJywKICAgICAgICBvcmFuZ2U6ICdvcmFuZ2UtMjAnCiAgICAgIH1dLAogICAgICBrZXk6IDEsCiAgICAgIC8vIHRhYmxlIGtleQogICAgICBmb3JtVGhlYWRPcHRpb25zOiBbJ2FwcGxlJywgJ2JhbmFuYScsICdvcmFuZ2UnXSwKICAgICAgY2hlY2tib3hWYWw6IGRlZmF1bHRGb3JtVGhlYWQsCiAgICAgIC8vIGNoZWNrYm94VmFsCiAgICAgIGZvcm1UaGVhZDogZGVmYXVsdEZvcm1UaGVhZCAvLyDpu5jorqTooajlpLQgRGVmYXVsdCBoZWFkZXIKICAgIH07CiAgfSwKICB3YXRjaDogewogICAgY2hlY2tib3hWYWw6IGZ1bmN0aW9uIGNoZWNrYm94VmFsKHZhbEFycikgewogICAgICB0aGlzLmZvcm1UaGVhZCA9IHRoaXMuZm9ybVRoZWFkT3B0aW9ucy5maWx0ZXIoZnVuY3Rpb24gKGkpIHsKICAgICAgICByZXR1cm4gdmFsQXJyLmluZGV4T2YoaSkgPj0gMDsKICAgICAgfSk7CiAgICAgIHRoaXMua2V5ID0gdGhpcy5rZXkgKyAxOyAvLyDkuLrkuobkv53or4F0YWJsZSDmr4/mrKHpg73kvJrph43muLIgSW4gb3JkZXIgdG8gZW5zdXJlIHRoZSB0YWJsZSB3aWxsIGJlIHJlLXJlbmRlcmVkIGVhY2ggdGltZQogICAgfQogIH0KfTs="},{"version":3,"names":["defaultFormThead","data","tableData","name","apple","banana","orange","key","formTheadOptions","checkboxVal","formThead","watch","valArr","filter","i","indexOf"],"sources":["src/views/table/dynamic-table/components/FixedThead.vue"],"sourcesContent":["<template>\n  <div class=\"app-container\">\n    <div class=\"filter-container\">\n      <el-checkbox-group v-model=\"checkboxVal\">\n        <el-checkbox label=\"apple\">\n          apple\n        </el-checkbox>\n        <el-checkbox label=\"banana\">\n          banana\n        </el-checkbox>\n        <el-checkbox label=\"orange\">\n          orange\n        </el-checkbox>\n      </el-checkbox-group>\n    </div>\n\n    <el-table :key=\"key\" :data=\"tableData\" border fit highlight-current-row style=\"width: 100%\">\n      <el-table-column prop=\"name\" label=\"fruitName\" width=\"180\" />\n      <el-table-column v-for=\"fruit in formThead\" :key=\"fruit\" :label=\"fruit\">\n        <template slot-scope=\"scope\">\n          {{ scope.row[fruit] }}\n        </template>\n      </el-table-column>\n    </el-table>\n  </div>\n</template>\n\n<script>\nconst defaultFormThead = ['apple', 'banana']\n\nexport default {\n  data() {\n    return {\n      tableData: [\n        {\n          name: 'fruit-1',\n          apple: 'apple-10',\n          banana: 'banana-10',\n          orange: 'orange-10'\n        },\n        {\n          name: 'fruit-2',\n          apple: 'apple-20',\n          banana: 'banana-20',\n          orange: 'orange-20'\n        }\n      ],\n      key: 1, // table key\n      formTheadOptions: ['apple', 'banana', 'orange'],\n      checkboxVal: defaultFormThead, // checkboxVal\n      formThead: defaultFormThead // 默认表头 Default header\n    }\n  },\n  watch: {\n    checkboxVal(valArr) {\n      this.formThead = this.formTheadOptions.filter(i => valArr.indexOf(i) >= 0)\n      this.key = this.key + 1// 为了保证table 每次都会重渲 In order to ensure the table will be re-rendered each time\n    }\n  }\n}\n</script>\n\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAAA,gBAAA;AAEA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,SAAA,GACA;QACAC,IAAA;QACAC,KAAA;QACAC,MAAA;QACAC,MAAA;MACA,GACA;QACAH,IAAA;QACAC,KAAA;QACAC,MAAA;QACAC,MAAA;MACA,EACA;MACAC,GAAA;MAAA;MACAC,gBAAA;MACAC,WAAA,EAAAT,gBAAA;MAAA;MACAU,SAAA,EAAAV,gBAAA;IACA;EACA;EACAW,KAAA;IACAF,WAAA,WAAAA,YAAAG,MAAA;MACA,KAAAF,SAAA,QAAAF,gBAAA,CAAAK,MAAA,WAAAC,CAAA;QAAA,OAAAF,MAAA,CAAAG,OAAA,CAAAD,CAAA;MAAA;MACA,KAAAP,GAAA,QAAAA,GAAA;IACA;EACA;AACA","ignoreList":[]}]}