ai.touchui-vue 1.39.0 → 1.40.1

package/lib/utils/print.js

@@ -8,10 +8,26 @@ exports.default = function (areaId, title) {
 	pwin.document.write(replaceBodyContent(getBody(areaId).join('')));
 	pwin.document.close();
 	pwin.document.documentElement.classList.add('s_print');
+
+	// 绑定事件（事件委托）
+	pwin.document.addEventListener('click', function (e) {
+		var target = e.target.closest('[data-action]'); // 找到带 data-action 的按钮
+		if (!target) return;
+
+		var action = target.dataset.action;
+		switch (action) {
+			case 'close':
+				pwin.window.close(); // 关闭打印窗口
+				break;
+			case 'print':
+				pwin.window.print(); // 执行 print 逻辑
+				break;
+		}
+	});
+
 	if (title && typeof title === 'string') {
 		pwin.document.title = title;
 	}
-	pwin = null;
 };
 
 var _uuid = require('./uuid');
@@ -32,8 +48,8 @@ function getBody(areaId) {
 	html.push(document.getElementById(areaId).outerHTML);
 	html.push('</div></div>');
 	html.push('<div id="printFn" class="fn">\r\n');
-	html.push('<button type="button" onclick="javascript:window.close();" class="to-button to-box-link to-form-readonly to-box-color-default to-box-mode-fill to-input-fillet-normal"><span class="to-icon-close to-box-color-default"><span style="font-size: 100%;"></span></span><span class="to-buttonText to-hide-keep">关闭</span></button>');
-	html.push('<button type="button" class="to-button to-box-link to-form-readonly to-box-color-primary to-box-mode-fill to-input-fillet-normal" onclick="javascript:window.print();"><span class="to-icon-print to-box-color-default"><span style="font-size: 100%;"></span></span><span class="to-buttonText to-hide-keep">打印</span></button>');
+	html.push('<button type="button" data-action="close" class="to-button to-box-link to-form-readonly to-box-color-default to-box-mode-fill to-input-fillet-normal"><span class="to-icon-close to-box-color-default"><span style="font-size: 100%;"></span></span><span class="to-buttonText to-hide-keep">关闭</span></button>');
+	html.push('<button type="button" data-action="print" class="to-button to-box-link to-form-readonly to-box-color-primary to-box-mode-fill to-input-fillet-normal"><span class="to-icon-print to-box-color-default"><span style="font-size: 100%;"></span></span><span class="to-buttonText to-hide-keep">打印2</span></button>');
 	html.push('\r\n</div>');
 	html.push('\r\n</div>');
 	return html;
@@ -44,9 +60,7 @@ function replaceBodyContent(newContent) {
 	var parser = new DOMParser();
 	var doc = parser.parseFromString(htmlString, 'text/html');
 
-	// 使用 DOMPurify 清理 HTML
+	// 使用 DOMPurify 清理 HTML（保留必要的安全规则）
 	doc.body.innerHTML = _dompurify2.default.sanitize(newContent);
-
-	var newHtmlString = doc.documentElement.outerHTML;
-	return newHtmlString;
+	return doc.documentElement.outerHTML;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ai.touchui-vue",
-	"version": "1.39.0",
+	"version": "1.40.1",
 	"description": "TouchUI Component Library for Vue.js.",
 	"main": "lib/ai.touchui-vue.common.js",
 	"files": [

package/packages/date-picker/src/date-picker.vue

@@ -238,7 +238,7 @@ export default {
 		},
 		handleDisplayBlur() {
 			setTimeout(() => {
-				if (isNaN(new Date(this.datedisplay))) {
+				if (isNaN(new Date(this.datedisplay)) || this.datedisplay.length < 8) {
 					if (this.datedisplay) {
 						this.$emit('errTime')
 					}

package/packages/filter/src/filter.vue

@@ -107,9 +107,11 @@ export default {
 							type.children.find(item=>{
 								return item.on
 							}).on = false
-							type.children.find(item=>{
+
+							const el = type.children.find(item=>{
 								return item.value === val[key]
-							}).on = true
+							})
+							this.$set(el, 'on', true)
 						}
 					})
 				}

package/packages/input/src/input.vue

@@ -582,7 +582,7 @@ export default {
 
 				// 最小值判断
 				if (Number(this.data, 0) < Number(this.min)) {
-					this.data = 'NaN';
+					this.data = Number(this.min) + '';
 				}
 
 				if (Number(this.conversionType) && this.data) {

package/packages/slide/src/slide.vue

@@ -7,16 +7,33 @@
 				<li ref="lastFake"></li>
 			</ul>
 		</div>
-		<div v-if="length>1" class="fn">
+		<div v-if="length > 1" class="fn">
 			<span class="prev" @click="prev()"></span>
 			<span class="next" @click="next()"></span>
 		</div>
-		<div v-if="length>1" class="page">
-			<span v-for="index of length" :key="index" :class="{ 'on': index === current + 1 }" @click="jumpTo(index-1)"></span>
+		<div v-if="length > 1" class="page">
+			<span v-for="index of length" :key="index" :class="{ 'on': index === current + 1 }" @click="jumpTo(index - 1)"></span>
 		</div>
 	</div>
 </template>
 <script>
+function db(fn, wait = 50) {
+	// 通过闭包缓存一个定时器 id
+	let timer = null
+	// 将 debounce 处理结果当作函数返回
+	// 触发事件回调时执行这个返回函数
+	return function(...args) {
+		// 如果已经设定过定时器就清空上一次的定时器
+		if (timer) clearTimeout(timer)
+		// 开始设定一个新的定时器，定时器结束后执行传入的函数 fn
+		timer = setTimeout(() => {
+			fn.apply(this, args)
+
+			clearTimeout(timer)
+			timer = null
+		}, wait)
+	}
+}
 export default {
 	name: 'ToSlide',
 	componentName: 'ToSlide',
@@ -41,6 +58,8 @@ export default {
 	},
 	computed: {
 		ulPosition() {
+			console.log('★')
+			console.log()
 			return (this.current + 1) * this.width * -1
 		},
 		setUlStyle() {
@@ -60,9 +79,8 @@ export default {
 			this.$refs.lastFake.innerHTML = this.$refs.ul.querySelector(':nth-child(2)').innerHTML
 			this.$refs.firstFake.innerHTML = this.$refs.ul.querySelector(`:nth-child(${this.length + 1})`).innerHTML
 			this.play()
-			window.addEventListener('resize', () => {
-				this.width = this.$el.offsetWidth
-			})
+
+			window.addEventListener('resize', this.setWidth)
 
 			// 初始化 MutationObserver
 			const observer = new MutationObserver((mutations) => {
@@ -74,18 +92,21 @@ export default {
 			});
 			this.observer = observer;
 
-		}, 100)
+		}, 200)
 	},
 	beforeDestroy() {
 		if (this.observer) {
 			this.observer.disconnect(); // 断开监听
 		}
 		clearInterval(this.playTimer); // 清理定时器
-		window.removeEventListener('resize', () => {
-			this.width = this.$el.offsetWidth;
-		});
+		window.removeEventListener('resize', this.setWidth);
 	},
 	methods: {
+		setWidth() {
+			db(()=>{
+				this.width = this.$el.offsetWidth
+			}, 200)()
+		},
 		play() {
 			if (!this.autoplay || this.length < 2) {
 				return

package/packages/table/src/table.vue

@@ -727,6 +727,12 @@ export default {
 	},
 	methods: {
 		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 变化
 				let tbody = this.$refs.tbody.$el || this.$refs.tbody
@@ -899,8 +905,12 @@ export default {
 				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(()=>{
+					this.$refs.topTable.style.width = this.$refs.table.offsetWidth + 'px'
+					this.$refs.table.style.width = this.$refs.table.offsetWidth + 'px'
+				})
 			}
 			if (Number(this.fixRight) > 0 && this.$refs.right && this.$el) {
 				if (this.hasHScroll()) {
@@ -1022,9 +1032,11 @@ export default {
 				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(()=>{
+				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)
+			})
 		},
 		// 从记录中移除
 		removeFromCache(rowData) {

package/src/index.js

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

package/src/utils/print.js

@@ -7,8 +7,8 @@ function getBody(areaId) {
 	html.push(document.getElementById(areaId).outerHTML);
 	html.push('</div></div>');
 	html.push('<div id="printFn" class="fn">\r\n');
-	html.push('<button type="button" onclick="javascript:window.close();" class="to-button to-box-link to-form-readonly to-box-color-default to-box-mode-fill to-input-fillet-normal"><span class="to-icon-close to-box-color-default"><span style="font-size: 100%;"></span></span><span class="to-buttonText to-hide-keep">关闭</span></button>')
-	html.push('<button type="button" class="to-button to-box-link to-form-readonly to-box-color-primary to-box-mode-fill to-input-fillet-normal" onclick="javascript:window.print();"><span class="to-icon-print to-box-color-default"><span style="font-size: 100%;"></span></span><span class="to-buttonText to-hide-keep">打印</span></button>');
+	html.push('<button type="button" data-action="close" class="to-button to-box-link to-form-readonly to-box-color-default to-box-mode-fill to-input-fillet-normal"><span class="to-icon-close to-box-color-default"><span style="font-size: 100%;"></span></span><span class="to-buttonText to-hide-keep">关闭</span></button>')
+	html.push('<button type="button" data-action="print" class="to-button to-box-link to-form-readonly to-box-color-primary to-box-mode-fill to-input-fillet-normal"><span class="to-icon-print to-box-color-default"><span style="font-size: 100%;"></span></span><span class="to-buttonText to-hide-keep">打印2</span></button>');
 	html.push('\r\n</div>');
 	html.push('\r\n</div>');
 	return html;
@@ -19,11 +19,9 @@ function replaceBodyContent(newContent) {
 	const parser = new DOMParser();
 	const doc = parser.parseFromString(htmlString, 'text/html');
 
-	// 使用 DOMPurify 清理 HTML
+	// 使用 DOMPurify 清理 HTML（保留必要的安全规则）
 	doc.body.innerHTML = DOMPurify.sanitize(newContent);
-
-	const newHtmlString = doc.documentElement.outerHTML;
-	return newHtmlString;
+	return doc.documentElement.outerHTML;
 }
 
 export default function(areaId, title) {
@@ -32,8 +30,24 @@ export default function(areaId, title) {
 	pwin.document.write(replaceBodyContent(getBody(areaId).join('')));
 	pwin.document.close();
 	pwin.document.documentElement.classList.add('s_print');
+
+	// 绑定事件（事件委托）
+	pwin.document.addEventListener('click', function(e) {
+		const target = e.target.closest('[data-action]'); // 找到带 data-action 的按钮
+		if (!target) return;
+
+		const action = target.dataset.action;
+		switch (action) {
+			case 'close':
+				pwin.window.close(); // 关闭打印窗口
+				break;
+			case 'print':
+				pwin.window.print(); // 执行 print 逻辑
+				break;
+		}
+	});
+
 	if (title && typeof title === 'string') {
 		pwin.document.title = title;
 	}
-	pwin = null;
 }