ai.touchui-vue 1.36.0 → 1.38.0

package/package.json

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

package/packages/calendar/src/calendar.vue

@@ -57,7 +57,14 @@
 		<!-- 日期 开始 -->
 		<div v-if="type!=='month'" class="day">
 			<ul>
-				<li v-for="(item, index) in days" :key="index" v-tip="item.point && item.point.tooltip ? item.point.tooltip : ''" v-dis="isDisableDay(item)" :class="setDayClass(item)" @click="selectDay(item)">
+				<li
+					v-for="(item, index) in days"
+					:key="index"
+					v-tip="item.point && item.point.tooltip ? item.point.tooltip : ''"
+					v-dis="isDisableDay(item)"
+					:class="setDayClass(item)"
+					@click="selectDay(item)"
+					>
 					<slot :item="item" :index="index">
 						<span v-if="item.value" class="solar">{{ dayText(item.value) }}</span>
 						<span v-if="item.point && item.point.length > 0" class="to-calendar-points">
@@ -334,7 +341,7 @@ export default {
 		isDisableDay() {
 			return (item) => {
 				if (this.year && this.month) {
-					let dateString = `${this.year}/${this.month}/${Number(item.value) + 1}`
+					let dateString = `${this.year}/${this.month}/${Number(item.value)}`
 					let min = ''
 					// 默认使用 2023-03-01 格式时，其 hour = 8 而不是 0，所以要转为 2023/03/01 格式
 					if (typeof this.min === 'string') {
@@ -349,8 +356,7 @@ export default {
 					} else {
 						max = this.max
 					}
-
-					return new Date(dateString) <= new Date(min) || new Date(dateString) > new Date(max)
+					return new Date(dateString) < new Date(min) || new Date(dateString) > new Date(max)
 				} else {
 					return false
 				}

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

@@ -1,37 +1,11 @@
 <template>
-	<to-input
-		:id="id"
-		ref="inputBox"
-		class="to-date-picker"
-		:required="required"
-		:desc="desc"
-		:color="color"
-		:prefix="prefix"
-		:suffix="suffix"
-		:mode="mode"
-		:prop-error-type="errorType"
-		:prop-error-tip="errorTip"
-		:fillet="fillet"
-		:fillet-position="filletPosition"
-		:value="datedisplay"
-		:placeholder="placeholder"
-		:readonly="disabled || !inputable"
-		:sp-chars="spChars"
-		:link="!inputable && !disabled"
-		:clearable="clearable && !disabled"
-		:width="width"
-		:comparable="comparable"
-		@focus="errorTip = '';$emit('focus',datedisplay)"
-		@click="handleClick"
-		@clear="clear()"
-		@input="handleDisplayChange"
-		@blur="handleDisplayBlur"
-		>
-		<to-icon v-if="type === 'time'" slot="suffix" :link="inputable" :class="disabled?'to-dis':''" mode="none" color="primary" value="time" @click="showLayer"></to-icon>
-		<to-icon v-else slot="suffix" :link="inputable" :class="disabled?'to-dis':''" mode="none" color="primary" value="date" @click="showLayer"></to-icon>
+	<to-input :id="id" ref="inputBox" class="to-date-picker" :required="required" :desc="desc" :color="color" :prefix="prefix" :suffix="suffix" :mode="mode" :prop-error-type="errorType" :prop-error-tip="errorTip" :fillet="fillet" :fillet-position="filletPosition" :value="datedisplay" :placeholder="placeholder" :readonly="disabled || !inputable" :sp-chars="spChars" :link="!inputable && !disabled" :clearable="clearable && !disabled" :width="width" :comparable="comparable" @focus="errorTip = ''; $emit('focus', datedisplay)" @click="handleClick" @clear="clear()" @input="handleDisplayChange" @blur="handleDisplayBlur">
+		<to-icon v-if="type === 'time'" slot="suffix" :link="inputable" :class="disabled ? 'to-dis' : ''" mode="none" color="primary" value="time" @click="showLayer"></to-icon>
+		<to-icon v-else slot="suffix" :link="inputable" :class="disabled ? 'to-dis' : ''" mode="none" color="primary" value="date" @click="showLayer"></to-icon>
 		<to-float ref="layer" :lazy="lazy" :slide="layerSlide" :position="layerPosition" :paddng="0.5" :width="$platform === 'pc' ? 23 : ''" :align="optionAlign ? optionAlign : $pc ? 'right' : 'auto'" @close="handleLayerClose">
 			<to-scroll v-if="$pc || showCalendar">
-				<to-calendar ref="calendar" v-model="date" :time="time" :type="type" :min="min" :max="max" :before-change="beforeChange" @change="select" @close="$refs.layer.close()"></to-calendar>
+				<to-calendar ref="calendar" v-model="date" :time="time" :type="type" :min="min" :max="max" :before-change="beforeChange" @change="select" @close="$refs.layer.close()">
+				</to-calendar>
 			</to-scroll>
 			<picker v-else v-model="date" :time="time" :type="type" :min="min" :max="max" @cancel="$refs.layer.close()" @change="select" @clear="clear()"></picker>
 		</to-float>
@@ -45,7 +19,7 @@ import { matchFormat } from 'ai.touchui-vue/src/utils/date'
 // import moment from 'moment';
 export default {
 	name: 'ToDatePicker',
-	components: {picker},
+	components: { picker },
 	mixins: [Tip],
 	componentName: 'ToDatePicker',
 	model: {
@@ -406,7 +380,13 @@ export default {
 						// 匹配 20250706
 						/^\d{8}$/.test(dateStr) ||
 						// 匹配 2025/07/06
-						/^\d{4}\/\d{2}\/\d{2}$/.test(dateStr)
+						/^\d{4}\/\d{2}\/\d{2}$/.test(dateStr) ||
+						// 匹配 2025-10（年-月）
+						/^\d{4}-\d{2}$/.test(dateStr) ||
+						// 匹配 2025/10（年/月）
+						/^\d{4}\/\d{2}$/.test(dateStr) ||
+						// 匹配 202510（年月连写）
+						/^\d{6}$/.test(dateStr)
 					);
 					if (!isValidDate) {
 						this.$emit('errTime')
@@ -417,7 +397,7 @@ export default {
 				if (!fmt) {
 					if (this.type === 'datetime') {
 						fmt = 'yyyy-MM-dd HH:mm:ss'
-					}	else if (this.type === 'time') {
+					} else if (this.type === 'time') {
 						fmt = 'HH:mm:ss'
 					} else {
 						fmt = 'yyyy-MM-dd'

package/packages/form/src/form-item.vue

@@ -2,7 +2,7 @@
 	<li :class="setClass" :style="setStyle" @click="$emit('click')">
 		<div class="content">
 			<div v-if="label || $slots.label" ref="label" class="label" :class="setLabelClass">
-				<div ref="labelText" class="text">{{ label }}<slot name="label"></slot></div>
+				<div ref="labelText" class="text"><slot name="label">{{ label }}</slot></div>
 				<div v-if="$slots.tip && ToForm.type === 'list'" class="tip"><slot name="tip"></slot></div>
 			</div>
 			<div class="value">

package/packages/select/src/select.vue

@@ -121,11 +121,11 @@
 											</span>
 										</span>
 									</template>
-									<to-input v-else ref="popupFilter" v-model="multipleFilterValue" :sp-chars="false" width="full" prevent-focus :placeholder="selected.filter(item => !item.hide).length > 0 ? '' : placeholder "></to-input>
+									<to-input v-else ref="popupFilter" v-model="multipleFilterValue" tabindex="-1" :sp-chars="false" width="full" prevent-focus :placeholder="selected.filter(item => !item.hide).length > 0 ? '' : placeholder "></to-input>
 								</template>
 								<template v-else>
-									<to-input v-if="inputable" ref="popupInput" v-model="inputValue" :sp-chars="spChars" prevent-focus width="full" :placeholder="placeholder" @focus="inputFocus" @keyup="inputInput" @blur="inputBlur"></to-input>
-									<to-input v-else ref="popupFilter" v-model="filterValue" :sp-chars="false" prevent-focus width="full" placeholder="筛选" @clear="filterClear" @focus="filterFocus" @keyup="filterInput" @blur="filterBlur"></to-input>
+									<to-input v-if="inputable" ref="popupInput" v-model="inputValue" tabindex="-1" :sp-chars="spChars" prevent-focus width="full" :placeholder="placeholder" @focus="inputFocus" @keyup="inputInput" @blur="inputBlur"></to-input>
+									<to-input v-else ref="popupFilter" v-model="filterValue" tabindex="-1" :sp-chars="false" prevent-focus width="full" placeholder="筛选" @clear="filterClear" @focus="filterFocus" @keyup="filterInput"></to-input>
 								</template>
 							</to-padding>
 						</to-grid-item>
@@ -972,14 +972,16 @@ export default {
 				return true
 			}
 			if (this.filterable) {
-				return item[this.iLabelText].includes(this.filterValue)
+				// return item[this.iLabelText].includes(this.filterValue)
+				return item[this.iLabelText].toLowerCase().includes(this.filterValue.toLowerCase())
 			} else {
 				return true
 			}
 		},
 		multipleFilter(item) {
 			if (this.filterable) {
-				return item[this.iLabelText].includes(this.multipleFilterValue)
+				// return item[this.iLabelText].includes(this.multipleFilterValue)
+				return item[this.iLabelText].toLowerCase().includes(this.multipleFilterValue.toLowerCase())
 			} else {
 				return true
 			}

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) {