ai.touchui-vue 1.35.2 → 1.37.0

package/packages/slide/src/slide.vue

@@ -35,7 +35,8 @@ export default {
 			animate: true,
 			playTimer: null,
 			startPosition: false,
-			width: 0
+			width: 0,
+			observer: null
 		}
 	},
 	computed: {
@@ -62,8 +63,28 @@ export default {
 			window.addEventListener('resize', () => {
 				this.width = this.$el.offsetWidth
 			})
+
+			// 初始化 MutationObserver
+			const observer = new MutationObserver((mutations) => {
+				this.setLength(); // 每次子节点变化时更新长度
+			});
+			observer.observe(this.$refs.ul, {
+				childList: true, // 监听子节点变化
+				subtree: true // 监听所有后代节点
+			});
+			this.observer = observer;
+
 		}, 100)
 	},
+	beforeDestroy() {
+		if (this.observer) {
+			this.observer.disconnect(); // 断开监听
+		}
+		clearInterval(this.playTimer); // 清理定时器
+		window.removeEventListener('resize', () => {
+			this.width = this.$el.offsetWidth;
+		});
+	},
 	methods: {
 		play() {
 			if (!this.autoplay || this.length < 2) {
@@ -77,7 +98,11 @@ export default {
 			clearInterval(this.playTimer)
 		},
 		setLength() {
-			this.length = this.$refs.ul.children.length - 2
+			this.$nextTick(() => {
+				if (this.$refs.ul) {
+					this.length = this.$refs.ul.children.length - 2;
+				}
+			});
 		},
 		next() {
 			if (this.animate) {

package/packages/table/src/table.vue

@@ -344,6 +344,11 @@ export default {
 			default: function _default() {
 				return this.height && !this.fixTop ? '0r' : '1r'
 			}
+		},
+		// selectionChange 事件时是否需要将扁平数据转换为层级树形结构输出
+		selectionValueType: {
+			type: String,
+			default: 'flat' // flat | tree
 		}
 	},
 	data() {
@@ -456,9 +461,7 @@ export default {
 			this.iData.map(item => {
 				if (item._checked) {
 					const obj = JSON.parse(JSON.stringify(item))
-					delete obj._index
 					delete obj._checked
-					delete obj._level
 					delete obj._show
 					delete obj._hover
 					delete obj._active
@@ -867,7 +870,7 @@ export default {
 						if (leftThs.length > 0) {
 							for (let j = 0; j < leftThs.length; j++) {
 								const th = ths[j]
-								const leftTh = leftThs[i]
+								const leftTh = leftThs[j]
 								leftTh.style.width = th.getBoundingClientRect().width + 'px'
 								leftTh.style.height = th.getBoundingClientRect().height + 'px'
 							}
@@ -999,8 +1002,8 @@ export default {
 				}
 			})
 			this.$emit('change', this.checked, checked)
-			this.$emit('selectionChange', this.checked)
-			this.$emit('selection-change', this.checked)
+			this.$emit('selectionChange', this.selectionValueType === 'tree' ? this.buildHierarchyTree(this.checked) : this.checked)
+			this.$emit('selection-change', this.selectionValueType === 'tree' ? this.buildHierarchyTree(this.checked) : this.checked)
 		},
 		// 根据 checkbox 计算是否全选
 		setSelectAll() {
@@ -1020,8 +1023,8 @@ export default {
 			}
 			this.setSelectAll()
 			this.$emit('change', this.checked, checked, current)
-			this.$emit('selectionChange', this.checked, current)
-			this.$emit('selection-change', this.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)
 		},
 		// 从记录中移除
 		removeFromCache(rowData) {
@@ -1488,6 +1491,49 @@ export default {
 				this.collapseAll()
 			}
 			this.expandFlag = !this.expandFlag
+		},
+		// 将扁平数据转换为层级树形结构
+		buildHierarchyTree(flatData) {
+			const result = [];
+			const levelStack = [];
+
+			for (const item of flatData) {
+				const currentNode = Object.assign({}, item);
+				currentNode.children = [];
+
+				const level = currentNode._level;
+
+				// 清除高于当前level的节点
+				while (levelStack.length && levelStack[levelStack.length - 1]._level >= level) {
+					levelStack.pop();
+				}
+
+				if (levelStack.length === 0) {
+					// 当前是顶级节点
+					result.push(currentNode);
+				} else {
+					// 插入到上一层级的 children 中
+					const parent = levelStack[levelStack.length - 1];
+					parent.children.push(currentNode);
+				}
+
+				// 当前节点入栈
+				levelStack.push(currentNode);
+			}
+
+			// 清理空 children
+			const cleanEmptyChildren = (nodeList) => {
+				for (const node of nodeList) {
+					if (node.children.length === 0) {
+						delete node.children;
+					} else {
+						cleanEmptyChildren(node.children);
+					}
+				}
+			};
+
+			cleanEmptyChildren(result);
+			return result;
 		}
 	}
 }

package/packages/upload/src/upload.vue

@@ -772,7 +772,7 @@ export default {
 
 			this.updateTipFileInfo()
 
-			this.$emit('clear', this.iFiles, this.popup)
+			this.$emit('clear', this.iFiles)
 		},
 		_transferStart(file) {
 			if (!file.guid) return

package/src/index.js

@@ -455,7 +455,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-	version: '1.35.1',
+	version: '1.37.0',
 	locale: locale.use,
 	i18n: locale.i18n,
 	install,