npm - tmui-cli - Versions diffs - 5.3.1 → 5.3.3 - Mend

tmui-cli 5.3.1 → 5.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (569) hide show

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//345/233/276/347/211/207/344/270/212/344/274/240 xUploadMedia.md" CHANGED Viewed

@@ -34,8 +34,11 @@
 | name | `上传到服务器的名称字段`<br> | `string` | `"file"` |
 | header | `上传到服务器的头文件`<br> | `Record` | `() : Record<string, any> => { return {} as Record<string, any> }` |
 | formData | `额外的表单数据。`<br> | `Record` | `() : Record<string, any> => { return {} as Record<string, any> }` |
-| imgHeight | `图片高,此处不可使用%单位`<br> | `string` | `"80"` |
+| imgHeight | ``<br> | `string` | `"80"` |
+| cellRatio | `格子宽高比 = 宽 / 高，1 为正方形（默认）`<br> | `number` | `1` |
+| maxCellSize | `格子最大边长(px)，0 表示随容器铺满；平板/Web 想保持固定密度时可设 96~120`<br> | `number` | `0` |
 | column | `一行显示几列`<br> | `number` | `5` |
+| autoColumn | `宽屏时按容器宽自动增加列数，column 作为最少列数；默认 false`<br> | `boolean` | `false` |
 | okFileIsDelete | `上传成功的文件是否允许删除`<br> | `boolean` | `true` |
 | uploadingFileIsDelete | `上传中的文件是否允许删除`<br> | `boolean` | `true` |
 | modelValue | `等同v-model`<br> | `Array` | `() : XUPLOADFILE_FILE_VALUE[] => [] as XUPLOADFILE_FILE_VALUE[]` |
@@ -48,8 +51,8 @@
 | compressedHeight | `压缩后的缩放高，0表示不压缩高`<br> | `number` | `0` |
 | compressedWidth | `压缩后的缩放高，0表示不压缩宽`<br> | `number` | `0` |
 | quality | `压缩质量`<br> | `number` | `80` |
-| addPos | `添加图片的位置 'before'出现在前面 'after'出现在后面`<br> | `string` | `"after"` |
-| align | `子项对齐方式，left左对齐默认，right:右对齐`<br> | `string` | `"left"` |
+| addPos | `上传占位(+)的位置:'before'放在最前,'after'放在最后(默认)`<br> | `string` | `"after"` |
+| align | `子项对齐方式:'left'左对齐(默认),'right'右对齐,未填满的行整体靠右(表单右对齐时用)`<br> | `string` | `"left"` |
 ## Events 事件
@@ -87,7 +90,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor"
 			:front-color="xThemeConfigNavFontColor"></navigation-bar>
@@ -102,7 +105,22 @@
 	<x-sheet>
 		<x-upload-media :beforeUpload="beforeUpload" :header="headerestotken" :before-del="beforeRemove"
-			v-model="list" :column="4"></x-upload-media>
+			v-model="list" :column="4" auto-column></x-upload-media>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">自适应尺寸（默认 1:1）</x-text>
+		<x-text color="#999999" class="text-size-b">
+			格子高度由容器宽度自动计算：窄屏等比缩小、宽屏按目标尺寸自动增加列数，图片 cover 裁切不拉伸。
+			下面把最大边长限制为 80px，宽屏时格子不会超过 80px。
+		</x-text>
+		<x-upload-media class="mt-12" :column="4" :max-cell-size="80" auto-column v-model="list2"></x-upload-media>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">自定义格子比例 cell-ratio</x-text>
+		<x-text color="#999999" class="text-size-b">
+			默认 1:1。示例为 4:3，高度 = 宽度 ÷ (4/3)，图片仍然 cover 裁切。
+		</x-text>
+		<x-upload-media class="mt-12" :column="3" :cell-ratio="4 / 3" v-model="ratioList"></x-upload-media>
 	</x-sheet>
 	<x-sheet>
 		<x-text font-size="18" class=" text-weight-b mb-8">上传视频</x-text>
@@ -114,6 +132,23 @@
 		<x-upload-media :before-complete="beforeComputed" :header="headerestotken"
 			v-model="list3" :column="4"></x-upload-media>
 	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">占位前后、对齐左右切换</x-text>
+		<x-text color="#999999" class="text-size-b">
+			两个都属于布局属性，默认是占位在后(add-pos="after")、左对齐(align="left")，右边开关可随时切换。
+		</x-text>
+		<view class="flex flex-row flex-row-center-between mt-12" style="height: 50px;">
+			<x-text>上传占位放在最前面</x-text>
+			<x-switch v-model="addPosBefore" color="primary"></x-switch>
+		</view>
+		<view class="flex flex-row flex-row-center-between" style="height: 50px;">
+			<x-text>未填满的行整体右对齐</x-text>
+			<x-switch v-model="alignRight" color="primary"></x-switch>
+		</view>
+		<x-upload-media class="mt-12" :column="4" v-model="layoutList"
+			:add-pos="addPosBefore ? 'before' : 'after'"
+			:align="alignRight ? 'right' : 'left'"></x-upload-media>
+	</x-sheet>
 	<x-sheet>
 		<x-text font-size="18" class=" text-weight-b mb-8">演示循环数组绑定并改变顺序</x-text>
 		<!-- 要注意,如果我循环变动key一定要唯一不能相同或者为Index数字vue3会有diff导致不刷新数据. -->
@@ -163,6 +198,14 @@
 	] as FORMLIST[]
 	const headerestotken = ref<Record<string, any>>({ accessToken: "99999" })
+	// 布局演示用：占位是否放最前、是否右对齐
+	const addPosBefore = ref<boolean>(false)
+	const alignRight = ref<boolean>(false)
+	// 布局演示用初始数据：两张图，便于看出“占位前后”和“行整体靠右”的区别
+	const layoutList = ref<XUPLOADFILE_FILE_VALUE[]>([
+		{ url: 'https://cdn.pixabay.com/photo/2026/03/15/04/20/geralt-classroom-10174576_150.jpg' },
+		{ url: 'https://cdn.pixabay.com/photo/2026/03/15/09/57/neelam279-wild-cherry-10174886_150.jpg' },
+	])
 	const testlist = ref<FORMLIST[]>(formlist)
 	const list = ref<XUPLOADFILE_FILE_VALUE[]>([
 		{ url: 'https://cdn.pixabay.com/photo/2026/03/13/03/42/tifanitopan-ayam-goreng-10170975_150.jpg' },
@@ -178,6 +221,10 @@
 		{ url: 'https://cdn.pixabay.com/photo/2026/03/15/14/15/14-15-36-350_150.jpg' },
 	])
 	const list3 = ref<XUPLOADFILE_FILE_VALUE[]>([])
+	const ratioList = ref<XUPLOADFILE_FILE_VALUE[]>([
+		{ url: 'https://cdn.pixabay.com/photo/2026/03/15/19/19/matthiasboeckel-tulip-10175462_150.jpg' },
+		{ url: 'https://tmui.design/images/logoGreat.png' },
+	])
 	// 模板引用
 	const uploader = ref<XUploadMediaComponentPublicInstance | null>(null)

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//345/237/216/345/270/202/351/200/211/346/213/251/345/231/250 xPickerCity.md" CHANGED Viewed

@@ -75,7 +75,7 @@
 ```vue
 <template>
-		<!-- #ifdef MP-WEIXIN -->
+		<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 		<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 			<navigation-bar :background-color="xThemeConfigNavBgColor"
 				:front-color="xThemeConfigNavFontColor"></navigation-bar>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//345/244/232/351/200/211/346/227/245/345/216/206 xCalendarMultiple.md" CHANGED Viewed

@@ -93,7 +93,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
 	</page-meta>
@@ -103,7 +103,7 @@
 			<x-text color="#999999">支持多选，范围,如果需要单天选择请前往xCalendarView组件{{currentDate}}</x-text>
 		</x-sheet>
 		<x-sheet :padding="['0']">
-			<x-calendar-multiple :dateStatus="dateStatus" style="border-radius: 12px;" @change="onchange" v-model:currentDate="currentDate" :disabledDays="['2024-5-31']" :date-style="dateStyle" headBgColor='rgb(5, 121, 255)' headFontColor='white' v-if="show" v-model="dates"></x-calendar-multiple>
+			<x-calendar-multiple :dateStatus="dateStatus" style="border-radius: 12px;" @change="onchange" v-model:currentDate="currentDate" :disabledDays="['2024-5-31']" :date-style="dateStyle" headBgColor='rgb(5, 121, 255)' headFontColor='white' v-model="dates"></x-calendar-multiple>
 			<view class="px-12 pb-12">
 				<x-button @click="setdate" skin='thin' :block="true" >赋值</x-button>
 			</view>
@@ -113,7 +113,7 @@
 			<x-text color="#999999">下面的范围选择限制了只能最多选择20天,如果要不限制设置multipleMax为0即可</x-text>
 		</x-sheet>
 		<x-sheet :padding="['0']">
-			<x-calendar-multiple @change="onchange" v-if="show" :multipleMax="20" model='range' v-model="dates2"></x-calendar-multiple>
+			<x-calendar-multiple @change="onchange" :multipleMax="20" model='range' v-model="dates2"></x-calendar-multiple>
 			<view class="px-12 pb-12">
 				<x-button @click="fuzhi" skin='thin' :block="true" >赋值</x-button>
 			</view>
@@ -129,7 +129,6 @@
 	const dates2 = ref<string[]>([])
 	const dateStyle = ref<xCalendarDateStyle_type[]>([])
 	const currentDate = ref<string>('2024-2-1')
-	const show = ref<boolean>(false)
 	const dateStatus = ref<xCalendarDateStyleStatusType[]>([{
 		between: {
 			start: "2024-2-1",
@@ -169,10 +168,6 @@
 		})
 	}
-	onReady(()=>{
-		show.value = true;
-	})
 </script>
 <style>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//345/244/232/351/200/211/346/241/206 xCheckbox.md" CHANGED Viewed

@@ -77,7 +77,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
 	</page-meta>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//345/244/232/351/200/211/346/241/206/347/273/204 xCheckboxGroup.md" CHANGED Viewed

@@ -64,7 +64,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
 	</page-meta>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//345/257/206/347/240/201/351/224/256/347/233/230 xKeyboard.md" CHANGED Viewed

@@ -71,7 +71,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
 	</page-meta>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//345/257/214/346/226/207/346/234/254/347/274/226/350/276/221/345/231/250 xEditor.md" CHANGED Viewed

@@ -3,14 +3,14 @@
 ## 介绍
 传递正常markdown或者html内容即可,传递markdown时会自动转换为html,如果直接传递html不会转换直接赋值.
-值得注意的是:在微信小程序端它是没有样式高亮显示的.其它平台有样式指示,这是因为受限于微信官方本身就不支持.
-另外我测试发现HBX4.53 sdk ios端的输入框焦点有问题，导致无法设置样式，待官方修复。
+全端使用官方 editor 组件，Markdown 用 marked 转成 html 后 setContents。样式状态由 statuschange 回写。从2.0.02开始使用官方自带的了，但style样式设置不了字体颜色，导致无法匹配暗黑
+因此要注意下这个区别，如果着急等官方修复，建议使用我写的x-markdown-u代替，更先进支持表格和图片。
 ## 平台兼容
 | Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
 | --- | --- | --- | --- | --- | --- | --- | --- |
-| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 5.08+ | 1.1.18 |
 ## 文件路径
@@ -43,7 +43,7 @@
 | 名称 | 参数 | 说明 |
 | ------ | ---- | ---- |
-| tagClick | `<br>` | 特定的a,img标签被点击触发,小程序不支持,其它平台支持. |
+| tagClick | `<br>` | 保留兼容。官方 editor 不提供 a/img 点击，此事件不再触发。 |
 | init | `-` | 是否初始化成功 |
 | getValue | `-` | 需要通过ref函数调用getHtml才会触发此函数 |
@@ -72,7 +72,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
 	</page-meta>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//345/265/214/345/205/245/345/274/217/346/227/245/346/234/237/351/200/211/346/213/251/345/231/250 xDateView.md" CHANGED Viewed

@@ -58,6 +58,7 @@
 | 名称 | 参数 | 返回值 | 说明 |
 | ------ | ---- | ---- | ---- |
 | resync | - | `-` | - |
+| confirm | - | `-` | - |
 ## 示例文件路径
@@ -70,7 +71,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor"
 			:front-color="xThemeConfigNavFontColor"></navigation-bar>
@@ -103,6 +104,28 @@
 		<x-text font-size="18" class=" text-weight-b mb-8">内嵌日期选择器 xDateView</x-text>
 		<x-date-view v-model="modelValue2" start="2020-3-12" end="2025-10-5"></x-date-view>
 	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">formatSyncValue，不滚动直接确认</x-text>
+		<x-text color="#999999" class="mb-8">打开后不滑动，直接点确认。modelValue 应变成 format 后的值。</x-text>
+		<x-picker-date v-model="syncValue" :formatSyncValue="true" start="2020-1-1" end="2026-12-31"
+			v-model:model-str="syncStr" type="minute" format="YYYY-MM-DD hh:mm">
+			<template v-slot:default="{label}">
+				<x-button :block="true">不滚动直接确认</x-button>
+			</template>
+		</x-picker-date>
+		<x-sheet :margin="['0','24','0','0']" color="#f5f5f5" dark-color="#333">
+			<x-text color="#999999">modelValue：{{syncValue}}</x-text>
+			<x-text color="#999999">modelStr：{{syncStr}}</x-text>
+		</x-sheet>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">xDateView formatSyncValue</x-text>
+		<x-text color="#999999" class="mb-8">同一逻辑。不滚动时 modelValue 也应是 format 后的值。</x-text>
+		<x-date-view v-model="syncValue2" v-model:model-str="syncStr2" :formatSyncValue="true"
+			format="YYYY-MM-DD hh:mm" type="minute" start="2020-1-1" end="2026-12-31"></x-date-view>
+		<x-text color="#999999">modelValue：{{syncValue2}}</x-text>
+		<x-text color="#999999">modelStr：{{syncStr2}}</x-text>
+	</x-sheet>
 	<x-sheet>
 		<x-text font-size="18" class=" text-weight-b">精确到秒</x-text>
@@ -122,6 +145,10 @@
 	const modelValue = ref("2024-10-06 10:10:10")
 	const modelValue2 = ref("2025-4-22 10:10:10")
 	const modelValue3 = ref("2024-10-06 10:10:10")
+	const syncValue = ref("2024-10-06 10:10:10")
+	const syncStr = ref("")
+	const syncValue2 = ref("2024-10-06 10:10:10")
+	const syncStr2 = ref("")
 </script>
 <style lang="scss">

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//345/274/200/345/205/263 xSwitch.md" CHANGED Viewed

@@ -73,7 +73,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor"
 			:front-color="xThemeConfigNavFontColor"></navigation-bar>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//346/220/234/347/264/242/351/200/211/346/213/251 xpickerSelected.md" CHANGED Viewed

@@ -98,7 +98,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor"
 			:front-color="xThemeConfigNavFontColor"></navigation-bar>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//346/225/260/345/255/227/351/224/256/347/233/230 xKeyboardNumber.md" CHANGED Viewed

@@ -74,7 +74,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
 	</page-meta>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//346/226/207/344/273/266/351/200/211/346/213/251 xUploadFile.md" CHANGED Viewed

@@ -77,7 +77,7 @@
 ```vue
 <template>
-		<!-- #ifdef MP-WEIXIN -->
+		<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 		<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 			<navigation-bar :background-color="xThemeConfigNavBgColor"
 				:front-color="xThemeConfigNavFontColor"></navigation-bar>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//346/227/245/345/216/206 xCalendar.md" CHANGED Viewed

@@ -88,7 +88,7 @@
 ```vue
 <template>
-		<!-- #ifdef MP-WEIXIN -->
+		<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 		<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 			<navigation-bar :background-color="xThemeConfigNavBgColor"
 				:front-color="xThemeConfigNavFontColor"></navigation-bar>
@@ -102,18 +102,20 @@
 		<x-sheet :padding="['0']" :margin="['12','0','12','12']"
 			:linear-gradient="(_isDark?([] as string[]):['bottom','#d1eaed','#effdff'])">
-			<x-calendar-view :dateStatus="dateStatus" @change="onchange" v-if="show" :seek-day="seekDay"
+			<x-calendar-view :dateStatus="dateStatus" @change="onchange" :seek-day="seekDay"
 				:date-style="dateStyle" :disabled-days="['2024-5-31']" v-model="date"></x-calendar-view>
 			<view class="pa-32">
 				<x-button :block="true" @click="setdate">设置日期样式数据</x-button>
 			</view>
 		</x-sheet>
 		<x-sheet>
-			<x-text font-size="18" class=" text-weight-b ">禁用头，尾，禁用用户操作和切换，可以实现自定日历。</x-text>
+			<x-text font-size="18" class=" text-weight-b ">隐藏头、尾（空插槽），禁止选择（disabled），可以实现自定日历。</x-text>
 		</x-sheet>
 		<x-sheet :padding="['0']">
-			<x-calendar-view @change="onchange" v-if="show" :seek-day="seekDay" :disabled="true" :hideHeader="true"
-				:disabledSwiper="true"></x-calendar-view>
+			<x-calendar-view @change="onchange" :seek-day="seekDay" :disabled="true">
+				<template #header></template>
+				<template #footer></template>
+			</x-calendar-view>
 		</x-sheet>
 		<view style="height:50px"></view>
@@ -137,7 +139,6 @@
 			{ date: '2024-5-24', color: 'green' },
 		]
 	} as xCalendarDateStyleStatusType])
-	const show = ref<boolean>(false)
 	const seekDay = ref<number>(0)
 	const _isDark = computed(() : boolean => xConfig.dark == 'dark')
@@ -162,9 +163,6 @@
 		seekDay.value = day;
 		console.log(`设置周起始日为: ${day}`);
 	}
-	onReady(() => {
-		show.value = true;
-	})
 </script>
 <style lang="scss">

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//346/227/245/346/234/237/351/200/211/346/213/251/345/231/250 xPickerDate.md" CHANGED Viewed

@@ -41,7 +41,7 @@
 | cellUnits | `上方的单位名称，'年', '月', '日', '时', '分', '秒'`<br> | `Array` | `() => [] as string[]` |
 | lazyContent | `是否懒加载内部内容。`<br>`当前你的列表内容非常多，且影响打开的动画性能时，请务必`<br>`设置此项为true，以获得流畅视觉效果。如果选择数据较少可以设置为false，获得更好的视觉效果。`<br> | `boolean` | `false` |
 | zIndex | `层级`<br> | `number` | `1100` |
-| showClose | `是否显示关闭按钮`<br> | `boolean` | `true` |
+| showClose | `是否显示关闭按钮`<br> | `boolean` | `false` |
 | disabled | `是否禁用弹出`<br> | `boolean` | `false` |
 | widthCoverCenter | `宽屏时是否让内容剧中显示`<br>`并限制其宽为屏幕宽，只展示中间内容以适应宽屏。`<br> | `boolean` | `false` |
@@ -81,7 +81,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor"
 			:front-color="xThemeConfigNavFontColor"></navigation-bar>
@@ -114,6 +114,28 @@
 		<x-text font-size="18" class=" text-weight-b mb-8">内嵌日期选择器 xDateView</x-text>
 		<x-date-view v-model="modelValue2" start="2020-3-12" end="2025-10-5"></x-date-view>
 	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">formatSyncValue，不滚动直接确认</x-text>
+		<x-text color="#999999" class="mb-8">打开后不滑动，直接点确认。modelValue 应变成 format 后的值。</x-text>
+		<x-picker-date v-model="syncValue" :formatSyncValue="true" start="2020-1-1" end="2026-12-31"
+			v-model:model-str="syncStr" type="minute" format="YYYY-MM-DD hh:mm">
+			<template v-slot:default="{label}">
+				<x-button :block="true">不滚动直接确认</x-button>
+			</template>
+		</x-picker-date>
+		<x-sheet :margin="['0','24','0','0']" color="#f5f5f5" dark-color="#333">
+			<x-text color="#999999">modelValue：{{syncValue}}</x-text>
+			<x-text color="#999999">modelStr：{{syncStr}}</x-text>
+		</x-sheet>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">xDateView formatSyncValue</x-text>
+		<x-text color="#999999" class="mb-8">同一逻辑。不滚动时 modelValue 也应是 format 后的值。</x-text>
+		<x-date-view v-model="syncValue2" v-model:model-str="syncStr2" :formatSyncValue="true"
+			format="YYYY-MM-DD hh:mm" type="minute" start="2020-1-1" end="2026-12-31"></x-date-view>
+		<x-text color="#999999">modelValue：{{syncValue2}}</x-text>
+		<x-text color="#999999">modelStr：{{syncStr2}}</x-text>
+	</x-sheet>
 	<x-sheet>
 		<x-text font-size="18" class=" text-weight-b">精确到秒</x-text>
@@ -133,6 +155,10 @@
 	const modelValue = ref("2024-10-06 10:10:10")
 	const modelValue2 = ref("2025-4-22 10:10:10")
 	const modelValue3 = ref("2024-10-06 10:10:10")
+	const syncValue = ref("2024-10-06 10:10:10")
+	const syncStr = ref("")
+	const syncValue2 = ref("2024-10-06 10:10:10")
+	const syncStr2 = ref("")
 </script>
 <style lang="scss">

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//346/227/266/351/227/264/345/214/272/351/227/264/351/200/211/346/213/251 xBetweenTime.md" CHANGED Viewed

@@ -83,7 +83,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor"
 			:front-color="xThemeConfigNavFontColor"></navigation-bar>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//346/227/266/351/227/264/351/200/211/346/213/251/345/231/250 xPickerTime.md" CHANGED Viewed

@@ -80,7 +80,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
 	</page-meta>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//346/236/201/350/201/224/345/231/250 xCascader.md" CHANGED Viewed

@@ -71,7 +71,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
 	</page-meta>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//346/240/207/347/255/276/350/276/223/345/205/245/346/241/206 xInputTag.md" CHANGED Viewed

@@ -74,7 +74,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor"
 			:front-color="xThemeConfigNavFontColor"></navigation-bar>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//346/240/221 xTree.md" CHANGED Viewed

@@ -75,7 +75,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor"
 			:front-color="xThemeConfigNavFontColor"></navigation-bar>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//346/255/245/350/277/233/345/231/250 xStepper.md" CHANGED Viewed

@@ -84,7 +84,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
 	</page-meta>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//347/277/273/351/241/265/345/231/250 xPagination.md" CHANGED Viewed

@@ -77,7 +77,7 @@
 ```vue
 <template>
-	<!-- #ifdef MP-WEIXIN -->
+	<!-- #ifdef MP-WEIXIN || MP-ALIPAY -->
 	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
 		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
 	</page-meta>