ai.touchui-vue 1.38.0 → 1.40.0

package/lib/table.js

@@ -245,7 +245,7 @@ module.exports = require("ai.touchui-vue/lib/locale");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/table.vue?vue&type=template&id=a7feb1e0
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/table.vue?vue&type=template&id=2e5c7c80
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -1064,7 +1064,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/table/src/table.vue?vue&type=template&id=a7feb1e0
+// CONCATENATED MODULE: ./packages/table/src/table.vue?vue&type=template&id=2e5c7c80
 
 // EXTERNAL MODULE: external "vue"
 var external_vue_ = __webpack_require__(4);
@@ -3984,6 +3984,12 @@ function db(fn) {
 
 	methods: {
 		init: function init() {
+			if (Number(this.fixTop) > 0 && this.$refs.leftTable) {
+				this.$refs.leftTable.style.top = 0;
+			}
+			if (Number(this.fixTop) > 0 && this.$refs.rightTable) {
+				this.$refs.rightTable.style.top = 0;
+			}
 			if (this.$refs && this.$refs.tbody) {
 				// 监听 slot 中的 DOM 变化
 				var tbody = this.$refs.tbody.$el || this.$refs.tbody;
@@ -4162,12 +4168,18 @@ function db(fn) {
 			}
 		},
 		setFixDiv: function setFixDiv() {
+			var _this8 = this;
+
 			if (Number(this.fixTop) > 0 && this.$refs.top && this.$refs.topTable) {
 				if (this.hasVScroll()) {
 					this.$refs.top.style.width = this.$refs.body.offsetWidth - this.getBarWidth() + 'px';
 				}
-				this.$refs.topTable.style.width = this.$refs.table.offsetWidth + 'px';
-				this.$refs.table.style.width = this.$refs.table.offsetWidth + 'px';
+				this.$refs.topTable.style.width = '';
+				this.$refs.table.style.width = '';
+				this.$nextTick(function () {
+					_this8.$refs.topTable.style.width = _this8.$refs.table.offsetWidth + 'px';
+					_this8.$refs.table.style.width = _this8.$refs.table.offsetWidth + 'px';
+				});
 			}
 			if (Number(this.fixRight) > 0 && this.$refs.right && this.$el) {
 				if (this.hasHScroll()) {
@@ -4203,7 +4215,7 @@ function db(fn) {
 			}
 		},
 		formatData: function formatData() {
-			var _this8 = this;
+			var _this9 = this;
 
 			var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
 
@@ -4252,30 +4264,30 @@ function db(fn) {
 			setData(dataTemp);
 			this.iData = arr;
 			setTimeout(function () {
-				_this8.changeIDataType = 'default';
+				_this9.changeIDataType = 'default';
 			}, 100);
 		},
 
 		// 设置全选或者不全选
 		toggleAllSelection: function toggleAllSelection(checked) {
-			var _this9 = this;
+			var _this10 = this;
 
 			this.iData.map(function (item) {
 				if (!item.disabled) {
-					_this9.$set(item, '_checked', checked);
+					_this10.$set(item, '_checked', checked);
 				}
 			});
 		},
 
 		// 全选中事件
 		handleSelectionAllChange: function handleSelectionAllChange(checked) {
-			var _this10 = this;
+			var _this11 = this;
 
 			this.isSelectAll = checked;
 			this.toggleAllSelection(checked);
 			this.iData.map(function (item) {
 				if (!item._checked) {
-					_this10.removeFromCache(item);
+					_this11.removeFromCache(item);
 				}
 			});
 			this.$emit('change', this.checked, checked);
@@ -4296,14 +4308,18 @@ function db(fn) {
 
 		// 行勾选事件
 		handleTableRowChecked: function handleTableRowChecked(checked, dataIndex) {
+			var _this12 = this;
+
 			var current = this.iData[dataIndex];
 			if (!checked) {
 				this.removeFromCache(this.iData[dataIndex]);
 			}
 			this.setSelectAll();
-			this.$emit('change', this.checked, checked, current);
-			this.$emit('selectionChange', this.selectionValueType === 'tree' ? this.buildHierarchyTree(this.checked) : this.checked, current);
-			this.$emit('selection-change', this.selectionValueType === 'tree' ? this.buildHierarchyTree(this.checked) : this.checked, current);
+			this.$nextTick(function () {
+				_this12.$emit('change', _this12.checked, checked, current);
+				_this12.$emit('selectionChange', _this12.selectionValueType === 'tree' ? _this12.buildHierarchyTree(_this12.checked) : _this12.checked, current);
+				_this12.$emit('selection-change', _this12.selectionValueType === 'tree' ? _this12.buildHierarchyTree(_this12.checked) : _this12.checked, current);
+			});
 		},
 
 		// 从记录中移除
@@ -4339,7 +4355,7 @@ function db(fn) {
 
 		// table 点击事件
 		handleTableClick: function handleTableClick(event, eventPath) {
-			var _this11 = this;
+			var _this13 = this;
 
 			if (this.stopClick) {
 				return;
@@ -4351,49 +4367,49 @@ function db(fn) {
 					if (String(dom.tagName).toLowerCase() === 'tr') {
 						(function () {
 
-							_this11.lastSelectedRow = dom;
+							_this13.lastSelectedRow = dom;
 							var rowIndex = Number(getDataSet(dom).index);
 
-							if (_this11.rowSelectable || _this11.selectable) {
+							if (_this13.rowSelectable || _this13.selectable) {
 
 								// 行点击事件
-								_this11.$emit('row-click', _this11.iData[rowIndex], rowIndex, event);
-								if (_this11.highlightCurrentRow) {
-									_this11.iData.map(function (item, index) {
+								_this13.$emit('row-click', _this13.iData[rowIndex], rowIndex, event);
+								if (_this13.highlightCurrentRow) {
+									_this13.iData.map(function (item, index) {
 										if (index === rowIndex) {
-											if (_this11.clearable) {
+											if (_this13.clearable) {
 												if (item._on) {
 													item._on = false;
 												} else {
-													_this11.$set(item, '_on', true);
+													_this13.$set(item, '_on', true);
 												}
 											} else {
-												_this11.$set(item, '_on', true);
+												_this13.$set(item, '_on', true);
 											}
 										} else {
-											_this11.$set(item, '_on', false);
+											_this13.$set(item, '_on', false);
 										}
 									});
 								}
 
 								// 多选联动
-								if (_this11.hasSelection && !_this11.iData[rowIndex].disabled) {
-									_this11.iData[rowIndex]._checked = !_this11.iData[rowIndex]._checked;
-									_this11.handleTableRowChecked(_this11.iData[rowIndex]._checked, rowIndex);
+								if (_this13.hasSelection && !_this13.iData[rowIndex].disabled) {
+									_this13.iData[rowIndex]._checked = !_this13.iData[rowIndex]._checked;
+									_this13.handleTableRowChecked(_this13.iData[rowIndex]._checked, rowIndex);
 								}
 
 								// 单选联动
-								if (_this11.hasRadio && !_this11.iData[rowIndex].disabled) {
-									if (_this11.clickRadio(_this11.iData[rowIndex], rowIndex)) {
-										_this11.selectRadio(rowIndex);
+								if (_this13.hasRadio && !_this13.iData[rowIndex].disabled) {
+									if (_this13.clickRadio(_this13.iData[rowIndex], rowIndex)) {
+										_this13.selectRadio(rowIndex);
 									}
 								}
 							}
 
-							if (_this11.autoShowDetail) {
-								_this11.current = _this11.iData[rowIndex];
-								_this11.currentIndex = rowIndex;
-								_this11.$refs.detail.open();
+							if (_this13.autoShowDetail) {
+								_this13.current = _this13.iData[rowIndex];
+								_this13.currentIndex = rowIndex;
+								_this13.$refs.detail.open();
 							}
 						})();
 					} else if (String(dom.tagName).toLowerCase() === 'td' && (this.cellSelectable || this.selectable)) {
@@ -4430,7 +4446,7 @@ function db(fn) {
 
 		// table鼠标悬移事件
 		handleTableMouseover: function handleTableMouseover(event) {
-			var _this12 = this;
+			var _this14 = this;
 
 			if (!this.$pc) return;
 			if (this.rowSelectable || this.selectable) {
@@ -4439,11 +4455,11 @@ function db(fn) {
 					var dom = composedPath[i];
 					if (String(dom.tagName).toLowerCase() === 'tr' && (this.rowSelectable || this.selectable)) {
 						(function () {
-							_this12.lastSelectedRow = dom;
+							_this14.lastSelectedRow = dom;
 							var rowIndex = Number(getDataSet(dom).index);
-							_this12.iData.map(function (item, index) {
+							_this14.iData.map(function (item, index) {
 								if (index === rowIndex) {
-									_this12.$set(item, '_hover', true);
+									_this14.$set(item, '_hover', true);
 								}
 							});
 						})();
@@ -4454,7 +4470,7 @@ function db(fn) {
 
 		// table鼠标悬移事件
 		handleTableMouseout: function handleTableMouseout(event) {
-			var _this13 = this;
+			var _this15 = this;
 
 			if (!this.$pc) return;
 			if (this.rowSelectable || this.selectable || this.autoShowDetail || this.longTapAction) {
@@ -4463,17 +4479,17 @@ function db(fn) {
 					var dom = composedPath[i];
 					if (String(dom.tagName).toLowerCase() === 'tr' && (this.rowSelectable || this.selectable || this.autoShowDetail || this.longTapAction)) {
 						(function () {
-							_this13.lastSelectedRow = dom;
+							_this15.lastSelectedRow = dom;
 							var rowIndex = Number(getDataSet(dom).index);
-							_this13.changeIDataType = 'change';
-							_this13.iData.map(function (item, index) {
+							_this15.changeIDataType = 'change';
+							_this15.iData.map(function (item, index) {
 								if (index === rowIndex) {
-									_this13.$set(item, '_hover', false);
-									_this13.$set(item, '_active', false);
+									_this15.$set(item, '_hover', false);
+									_this15.$set(item, '_active', false);
 								}
 							});
-							_this13.$nextTick(function () {
-								_this13.changeIDataType = 'default';
+							_this15.$nextTick(function () {
+								_this15.changeIDataType = 'default';
 							});
 						})();
 					}
@@ -4483,7 +4499,7 @@ function db(fn) {
 
 		// table鼠标按下事件
 		handleTableMousedown: function handleTableMousedown(event) {
-			var _this14 = this;
+			var _this16 = this;
 
 			if ((this.$pad || this.$phone) && event.type === 'touchstart' || this.$pc && event.type === 'mousedown') {
 				if (this.rowSelectable || this.selectable || this.autoShowDetail || this.longTapAction) {
@@ -4492,48 +4508,48 @@ function db(fn) {
 						var dom = composedPath[i];
 						if (String(dom.tagName).toLowerCase() === 'tr' && (this.rowSelectable || this.selectable || this.autoShowDetail || this.longTapAction)) {
 							(function () {
-								_this14.lastSelectedRow = dom;
+								_this16.lastSelectedRow = dom;
 								var rowIndex = Number(getDataSet(dom).index);
-								if (_this14.$phone) {
-									_this14.isStartLongtap = true;
-									_this14.longtapTimer = setTimeout(function () {
-										if (_this14.isStartLongtap) {
+								if (_this16.$phone) {
+									_this16.isStartLongtap = true;
+									_this16.longtapTimer = setTimeout(function () {
+										if (_this16.isStartLongtap) {
 											event.preventDefault();
-											_this14.$emit('contextmenu', _this14.iData[rowIndex], rowIndex, event);
-											_this14.stopClick = true;
+											_this16.$emit('contextmenu', _this16.iData[rowIndex], rowIndex, event);
+											_this16.stopClick = true;
 
-											_this14.changeIDataType = 'change';
-											_this14.iData.map(function (item, index) {
+											_this16.changeIDataType = 'change';
+											_this16.iData.map(function (item, index) {
 												if (index === rowIndex) {
-													_this14.$set(item, '_active', false);
+													_this16.$set(item, '_active', false);
 												}
 											});
-											_this14.$nextTick(function () {
-												_this14.changeIDataType = 'default';
+											_this16.$nextTick(function () {
+												_this16.changeIDataType = 'default';
 											});
 
 											// 弹出功能列表
-											if (_this14.type === 'v' && (_this14.columns.some(function (item) {
+											if (_this16.type === 'v' && (_this16.columns.some(function (item) {
 												return item.type === 'action';
-											}) && _this14.contextAction || _this14.contextSelection !== null)) {
-												_this14.current = _this14.iData[rowIndex];
-												_this14.currentIndex = rowIndex;
-												_this14.$refs.action.open();
+											}) && _this16.contextAction || _this16.contextSelection !== null)) {
+												_this16.current = _this16.iData[rowIndex];
+												_this16.currentIndex = rowIndex;
+												_this16.$refs.action.open();
 											}
 										}
-										_this14.isStartLongtap = false;
+										_this16.isStartLongtap = false;
 									}, 300);
 								}
-								_this14.changeIDataType = 'change';
-								if (_this14.rowSelectable || _this14.selectable || _this14.autoShowDetail) {
-									_this14.iData.map(function (item, index) {
+								_this16.changeIDataType = 'change';
+								if (_this16.rowSelectable || _this16.selectable || _this16.autoShowDetail) {
+									_this16.iData.map(function (item, index) {
 										if (index === rowIndex) {
-											_this14.$set(item, '_active', true);
+											_this16.$set(item, '_active', true);
 										}
 									});
 								}
-								_this14.$nextTick(function () {
-									_this14.changeIDataType = 'default';
+								_this16.$nextTick(function () {
+									_this16.changeIDataType = 'default';
 								});
 							})();
 						}
@@ -4544,7 +4560,7 @@ function db(fn) {
 
 		// table鼠标松开事件
 		handleTableMouseup: function handleTableMouseup(event) {
-			var _this15 = this;
+			var _this17 = this;
 
 			if ((this.$pad || this.$phone) && event.type === 'touchend' || this.$pc && event.type === 'mouseup') {
 				if (this.rowSelectable || this.selectable || this.autoShowDetail || this.longTapAction) {
@@ -4553,20 +4569,20 @@ function db(fn) {
 						var dom = composedPath[i];
 						if (String(dom.tagName).toLowerCase() === 'tr' && (this.rowSelectable || this.selectable || this.autoShowDetail || this.longTapAction)) {
 							(function () {
-								_this15.lastSelectedRow = dom;
+								_this17.lastSelectedRow = dom;
 								var rowIndex = Number(getDataSet(dom).index);
-								_this15.changeIDataType = 'change';
-								_this15.iData.map(function (item, index) {
+								_this17.changeIDataType = 'change';
+								_this17.iData.map(function (item, index) {
 									if (index === rowIndex) {
-										_this15.$set(item, '_active', false);
+										_this17.$set(item, '_active', false);
 									}
 								});
-								_this15.$nextTick(function () {
-									_this15.changeIDataType = 'default';
+								_this17.$nextTick(function () {
+									_this17.changeIDataType = 'default';
 								});
-								if (_this15.$phone) {
-									_this15.isStartLongtap = false;
-									clearInterval(_this15.longtapTimer);
+								if (_this17.$phone) {
+									_this17.isStartLongtap = false;
+									clearInterval(_this17.longtapTimer);
 								}
 							})();
 						}
@@ -4577,7 +4593,7 @@ function db(fn) {
 
 		// table鼠标移动事件
 		handleTableMousemove: function handleTableMousemove(event) {
-			var _this16 = this;
+			var _this18 = this;
 
 			this.isStartLongtap = false;
 			if (this.rowSelectable || this.selectable || this.autoShowDetail) {
@@ -4586,16 +4602,16 @@ function db(fn) {
 					var dom = composedPath[i];
 					if (String(dom.tagName).toLowerCase() === 'tr' && (this.rowSelectable || this.selectable || this.autoShowDetail)) {
 						(function () {
-							_this16.lastSelectedRow = dom;
+							_this18.lastSelectedRow = dom;
 							var rowIndex = Number(getDataSet(dom).index);
-							_this16.changeIDataType = 'change';
-							_this16.iData.map(function (item, index) {
+							_this18.changeIDataType = 'change';
+							_this18.iData.map(function (item, index) {
 								if (index === rowIndex) {
-									_this16.$set(item, '_active', false);
+									_this18.$set(item, '_active', false);
 								}
 							});
-							_this16.$nextTick(function () {
-								_this16.changeIDataType = 'default';
+							_this18.$nextTick(function () {
+								_this18.changeIDataType = 'default';
 							});
 						})();
 					}
@@ -4627,21 +4643,21 @@ function db(fn) {
 			}
 		},
 		handleSortClick: function handleSortClick(item, index) {
-			var _this17 = this;
+			var _this19 = this;
 
 			var orderType = item.orderType;
 			this.columns.map(function (column, columnIndex) {
 				if (columnIndex === index) {
 					if (!orderType) {
-						_this17.$set(column, 'orderType', 'asc');
+						_this19.$set(column, 'orderType', 'asc');
 					} else if (orderType === 'asc') {
-						_this17.$set(column, 'orderType', 'desc');
+						_this19.$set(column, 'orderType', 'desc');
 					} else if (orderType === 'desc') {
-						_this17.$set(column, 'orderType', '');
+						_this19.$set(column, 'orderType', '');
 					}
 				} else {
 					if (column.sortable) {
-						_this17.$set(column, 'orderType', '');
+						_this19.$set(column, 'orderType', '');
 					}
 				}
 			});
@@ -4802,12 +4818,12 @@ function db(fn) {
 
 		// 展开所有
 		expandAll: function expandAll() {
-			var _this18 = this;
+			var _this20 = this;
 
 			if (this.iData.length > 0) {
 				this.iData.forEach(function (item, index) {
 					if (item._hasChild && item._level === 1 && item._show === true) {
-						_this18.$refs.tbody.expandAll(item, index, false);
+						_this20.$refs.tbody.expandAll(item, index, false);
 					}
 				});
 			}
@@ -4815,12 +4831,12 @@ function db(fn) {
 
 		// 折叠所有
 		collapseAll: function collapseAll() {
-			var _this19 = this;
+			var _this21 = this;
 
 			if (this.iData.length > 0) {
 				this.iData.forEach(function (item, index) {
 					if (item._hasChild && item._level === 1 && item._show === true) {
-						_this19.$refs.tbody.collapseAll(item, index, false);
+						_this21.$refs.tbody.collapseAll(item, index, false);
 					}
 				});
 			}