- 修复数据修改时固定列高度计算赋值问题

- removeItems删除不能删除索引为0时的问题

Author: KevinMint55

config.js

@@ -10,7 +10,7 @@ module.exports = {
   build: {
     assetsRoot: path.resolve(__dirname, './demo'),
     assetsPublicPath: '/',
-    bundleAnalyzerReport: true
+    bundleAnalyzerReport: false
   },
   release: {
     assetsRoot: path.resolve(__dirname, './dist'),

dist/km-excel.min.css

@@ -27,7 +27,7 @@ import axios from 'axios';
 import { button } from 'element-ui';
 import Excel from '../src/components/Excel.vue';
 // import Excel from '../dist/km-excel.min';
-import '../dist/km-excel.min.css';
+// import '../dist/km-excel.min.css';
 
 export default {
   name: 'App',

dist/km-excel.min.js

@@ -2,7 +2,7 @@ import Mock from 'mockjs';
 
 Mock.mock('https://demo.kevinmint.com/1.json', 'get', {
   // 属性 list 的值是一个数组，其中含有 1 到 3 个元素
-  'list|5': [{
+  'list|50': [{
     // 属性 sid 是一个自增数，起始值为 1，每次增 1
     'sid|+1': 1,
     // 属性 userId 是一个5位的随机码

example/App.vue

@@ -1,6 +1,6 @@
 {
   "name": "km-excel",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "在线编辑excel组件",
   "author": "kevinmint55 <943642973@qq.com>",
   "private": false,

example/mock.js

@@ -178,10 +178,10 @@ export default {
         if (!this.initialData) {
           this.initData();
         }
-        this.handleResize();
         this.handleFilters();
         this.handleChangeData();
-        this.handleErrors();
+        // this.handleErrors();
+        this.handleResize();
       },
       deep: true,
     },
@@ -332,13 +332,15 @@ export default {
         this.theaderHeight = this.$refs.theaderContent.$el.offsetHeight;
 
         // 设置左侧定位高度
-        if (this.tableWidth > this.wrapperWidth) {
-          this.$refs.fixedWrapper.style.height = `${this.$refs.wrapper.offsetHeight - scrollBarWidth}px`;
-          this.$refs.fixedTbody.style.height = `${this.$refs.wrapper.offsetHeight - scrollBarWidth - this.theaderHeight}px`;
-        } else {
-          this.$refs.fixedWrapper.style.height = `${this.$refs.wrapper.offsetHeight}px`;
-          this.$refs.fixedTbody.style.height = `${this.$refs.wrapper.offsetHeight - this.theaderHeight}px`;
-        }
+        this.$nextTick(() => {
+          if (this.tableWidth > this.wrapperWidth) {
+            this.$refs.fixedWrapper.style.height = `${this.$refs.wrapper.offsetHeight - scrollBarWidth}px`;
+            this.$refs.fixedTbody.style.height = `${this.$refs.wrapper.offsetHeight - scrollBarWidth - this.theaderHeight}px`;
+          } else {
+            this.$refs.fixedWrapper.style.height = `${this.$refs.wrapper.offsetHeight}px`;
+            this.$refs.fixedTbody.style.height = `${this.$refs.wrapper.offsetHeight - this.theaderHeight}px`;
+          }
+        });
         // 当出现竖向滚动条时处理滚动条
         if (this.$refs.tbodyContent.$el.offsetHeight > this.maxHeight) {
           this.$refs.tbody.style.overflowY = 'auto';
@@ -712,8 +714,6 @@ export default {
           this.curHisory += 1;
         }
         this.isOperation = true;
-        // if (this.data.length != JSON.parse(this.historyData[this.curHisory - 1]).length) {
-        // }
         JSON.parse(this.historyData[this.curHisory - 1]).forEach((i, index) => {
           Object.keys(i).forEach((j) => {
             this.data[index][j] = i[j];

package.json

@@ -32,10 +32,8 @@ export default {
       if (key && values instanceof Array) {
         values.forEach((value) => {
           const dIndex = this.data.findIndex(d => d[key] === value);
-          if (dIndex) {
-            this.dataStatusList.splice(dIndex, 1);
-            this.data.splice(dIndex, 1);
-          }
+          this.dataStatusList.splice(dIndex, 1);
+          this.data.splice(dIndex, 1);
         });
       }
     },