ai.touchui-vue 1.32.1 → 1.33.0

package/packages/range/src/range.vue

@@ -107,7 +107,7 @@ export default {
 			},
 			set: function(newVal) {
 				this.progress = newVal
-				this.x = this.length * this.progress / this.range
+				this.x = this.length.offsetWidth * this.progress / this.range
 			}
 		},
 		startVal: {
@@ -116,7 +116,7 @@ export default {
 			},
 			set: function(newVal) {
 				this.sProgress = newVal
-				this.sx = this.length * this.sProgress / this.range
+				this.sx = this.length.offsetWidth * this.sProgress / this.range
 			}
 		},
 		refVal: {
@@ -259,7 +259,7 @@ export default {
 	mounted() {
 		// 这里注意range的value改变不会触发视图刷新
 		this.$nextTick(()=>{
-			this.length = this.$el.querySelector('.to-rangeBar').offsetWidth
+			this.length = this.$el.querySelector('.to-rangeBar')
 			this.initRangeVal()
 		})
 	},
@@ -287,12 +287,12 @@ export default {
 				let leftX = e.offsetX
 				this.x = e.clientX - leftX
 				if (this.start) {
-					let startLeft = this.startProgress / this.range * this.length
-					let endLeft = this.rangeProgress / this.range * this.length
+					let startLeft = this.startProgress / this.range * this.length.offsetWidth
+					let endLeft = this.rangeProgress / this.range * this.length.offsetWidth
 					let startLeftAbs = Math.abs(startLeft - leftX)
 					let endLeftAbs = Math.abs(endLeft - leftX)
 					if (startLeftAbs >= endLeftAbs) {
-						this.progress = leftX / this.length * this.range
+						this.progress = leftX / this.length.offsetWidth * this.range
 						this.progress = this.step ? this.step * Math.round(this.progress / this.step) : this.progress
 						if (this.progress <= 0) {
 							this.progress = 0
@@ -307,7 +307,7 @@ export default {
 						}
 						this.rangeProgress = progress
 					} else {
-						this.sProgress = leftX / this.length * this.range
+						this.sProgress = leftX / this.length.offsetWidth * this.range
 						this.sProgress = this.step ? this.step * Math.round(this.sProgress / this.step) : this.sProgress
 						if (this.sProgress <= 0) {
 							this.sProgress = 0
@@ -323,7 +323,7 @@ export default {
 						this.startProgress = progress
 					}
 				} else {
-					this.progress = leftX / this.length * this.range
+					this.progress = leftX / this.length.offsetWidth * this.range
 					this.progress = this.step ? this.step * Math.round(this.progress / this.step) : this.progress
 					if (this.progress <= 0) {
 						this.progress = 0
@@ -351,7 +351,7 @@ export default {
 			if (this.isStart) {
 				this.moveX = e.touches[0].clientX
 				if (this.isStartMove === 'end') {
-					this.progress = (this.x + this.moveX - this.endStartX) / this.length * this.range
+					this.progress = (this.x + this.moveX - this.endStartX) / this.length.offsetWidth * this.range
 					if (this.progress <= 0) {
 						this.progress = 0
 					} else if (this.progress >= this.range) {
@@ -365,7 +365,7 @@ export default {
 					}
 					this.rangeProgress = progress
 				} else if (this.isStartMove === 'start') {
-					this.sProgress = (this.sx + this.moveX - this.startX) / this.length * this.range
+					this.sProgress = (this.sx + this.moveX - this.startX) / this.length.offsetWidth * this.range
 					if (this.sProgress <= 0) {
 						this.sProgress = 0
 					} else if (this.sProgress >= this.range) {
@@ -389,14 +389,14 @@ export default {
 					if (this.progress <= 0) {
 						this.x = 0
 					} else if (this.progress >= this.range) {
-						this.x = this.length
+						this.x = this.length.offsetWidth
 					}
 				} else if (this.isStartMove === 'start') {
 					this.sx += this.moveX - this.endStartX
 					if (this.sProgress <= 0) {
 						this.sx = 0
 					} else if (this.sProgress >= this.range) {
-						this.sx = this.length
+						this.sx = this.length.offsetWidth
 					}
 				}
 				this.isStart = false
@@ -507,7 +507,7 @@ export default {
 				}
 				var currentX = event.clientX;
 				if (this.isStartMove === 'end') {
-					let diff = (currentX - this.startMoveX) / this.length * this.range
+					let diff = (currentX - this.startMoveX) / this.length.offsetWidth * this.range
 					this.progress = this.startPosition + diff;
 					if (this.progress <= 0) {
 						this.progress = 0
@@ -525,7 +525,7 @@ export default {
 					}
 					this.rangeProgress = progress
 				} else if (this.isStartMove === 'start') {
-					let diff = (currentX - this.sStartMoveX) / this.length * this.range
+					let diff = (currentX - this.sStartMoveX) / this.length.offsetWidth * this.range
 					this.sProgress = this.sStartPosition + diff;
 					if (this.sProgress <= 0) {
 						this.sProgress = 0
@@ -610,3 +610,6 @@ export default {
 	}
 }
 </script>
+<style>
+//.to-rangeProgress{ transition: width 0.01s ease; }
+</style>

package/packages/tab/src/tab.vue

@@ -7,7 +7,7 @@
 			<div ref="list" class="list">
 				<ul ref="ul" class="to-tab-ul" :style="setUlStyle" @mouseleave="taboutHandle" @mouseover="isOnTab = true">
 					<template v-for="(item, index) in itabs">
-						<li v-if="!$slots.center || Math.floor(itabs.length / 2) === index" :key="index" class="center">
+						<li v-if="$slots.center && Math.floor(itabs.length / 2) === index" :key="index" class="center">
 							<slot name="center"></slot>
 						</li>
 						<li v-else :key="index" :style="setTabStyle(item)" :class="{ on: item.value === iValue, deletable, disabled: item.disabled}" @click="changeTab(item, index, 'click')" @mouseover="changeTab(item, index, 'mouseover')">

package/packages/table/src/table-head.vue

@@ -39,7 +39,7 @@
 							<to-icon v-if="item.orderType == 'asc'" value="fold"></to-icon>
 							<to-icon v-if="item.orderType == 'desc'" value="unfold"></to-icon>
 						</template>
-						<span>{{ ToTable.indexColumnName || item.label }}111</span>
+						<span>{{ ToTable.indexColumnName || item.label }}</span>
 					</th>
 					<th
 						v-else-if="item.type === 'action' && configurable && ToTable.hasAction"

package/src/index.js

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