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

tmui-cli 5.3.2 → 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 (250) hide show

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/270/270/347/224/250/347/273/204/344/273/266//346/214/211/351/222/256 xButton.md" CHANGED Viewed

@@ -107,87 +107,89 @@
 ```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>
 	<!-- #endif -->
-	<x-sheet>
-		<x-text font-size="18" class=" text-weight-b">按钮 Button</x-text>
-		<x-text class=" text-grey  line-8">样式比原生丰富,主题颜色可以随意的为css合法值以及自己定义的品牌颜色名称，比较随意。</x-text>
-	</x-sheet>
 	<view>
 		<x-sheet>
-			<x-button :block="true" class="mb-12">主色</x-button>
-			<x-button :block="true" class="mb-12" color="error">错误</x-button>
-			<x-button :block="true" class="mb-12" color="warn">警告</x-button>
-			<x-button :block="true" class="mb-12" color="danger">危险</x-button>
-			<x-button :block="true" class="mb-12" color="success">成功</x-button>
-			<x-button darkColor="#222222" :block="true" :shadow="[0,0]" class="mb-12" skin="thin" color="info">次要</x-button>
-		</x-sheet>
-		<x-sheet>
-			<x-text font-size="18" class=" text-weight-b">尺寸</x-text>
-		</x-sheet>
-		<x-sheet class=" white round-10 pa-24 mx-24  mb-12 ">
-			<x-button size="mini" class="mb-12">超小</x-button>
-			<x-button size="small" class="mb-12" color="warn">小</x-button>
-			<x-button size="normal" class="mb-12" color="success">正常</x-button>
-			<x-button size="large" class="mb-12" color="danger">大</x-button>
-		</x-sheet>
-		<x-sheet>
-			<x-text font-size="18" class=" text-weight-b">样式</x-text>
+			<x-text font-size="18" class=" text-weight-b">按钮 Button</x-text>
+			<x-text class=" text-grey  line-8">样式比原生丰富,主题颜色可以随意的为css合法值以及自己定义的品牌颜色名称，比较随意。</x-text>
 		</x-sheet>
-		<x-sheet class=" white round-10 pa-24 mx-24  mb-12 ">
-			<x-button :block="true" class="mb-12" skin="primary">主色</x-button>
-			<x-button :block="true" class="mb-12" skin="thin">浅色按钮</x-button>
-			<x-button :block="true" class="mb-12" :skin="skin" @click="skin = 'primary'">镂空按钮</x-button>
-			<x-button :block="true" class="mb-12" skin="dashed">虚线按钮</x-button>
-			<x-button :block="true" class="mb-12" skin="text">文本按钮</x-button>
-		</x-sheet>
-		<x-sheet>
-			<x-text font-size="18" class=" text-weight-b">其它样式,图标,尺寸等</x-text>
-		</x-sheet>
-		<x-sheet class=" white round-10 pa-24 mx-24  mb-12 ">
-			<x-button :block="true" icon="thumb-up-fill" class="mb-12" >图标按钮</x-button>
-			<x-button :block="true" icon="verified-badge-line" :disabled="disable" class="mb-12"
-				>禁用</x-button>
-			<x-button :block="true" icon="customer-service-fill" :loading="disable" class="mb-12"
-				>加载中</x-button>
-			<view class="flex flex-row flex-row-center-between pb-8">
-				<x-button font-size="20" :iconBtn="true" icon="lock-unlock-fill" round="88" width="88">
-				</x-button>
-				<x-button font-size="20" :iconBtn="true" icon="thumb-up-fill" round="88" width="88"
-					color="naplesyellow">
-				</x-button>
-				<x-button font-size="20" :iconBtn="true" icon="headphone-fill" round="88" width="88"
-					color="majorelleblue">
-				</x-button>
-				<x-button font-size="20" :iconBtn="true" icon="alarm-fill" round="88" width="88" color="venetianred">
-				</x-button>
-			</view>
-		</x-sheet>
-		<x-sheet>
-			<x-text font-size="18" class=" text-weight-b">渐变</x-text>
-			<x-text class=" text-grey ">渐变参考：https://www.designgradients.com/</x-text>
-		</x-sheet>
-		<x-sheet class=" white round-10 pa-24 mx-24  mb-12 ">
-			<x-button :block="true" :border="0" round="88" color="#ff667f"
-				:linearGradient="['left','#ff667f','#fdb247']" class="mb-12" status="primary">渐变</x-button>
-			<x-button :block="true" :border="0" round="88" color="#A531DC"
-				:linearGradient="['left','#A531DC','#4300B1']" class="mb-12" status="primary">渐变</x-button>
-			<x-button :block="true" :border="0" round="88" color="#D02020"
-				:linearGradient="['left','#FF896D','#D02020']" class="mb-12" status="primary">渐变</x-button>
-		</x-sheet>
+		<view>
+			<x-sheet>
+				<x-button :block="true" class="mb-12">主色</x-button>
+				<x-button :block="true" class="mb-12" color="error">错误</x-button>
+				<x-button :block="true" class="mb-12" color="warn">警告</x-button>
+				<x-button :block="true" class="mb-12" color="danger">危险</x-button>
+				<x-button :block="true" class="mb-12" color="success">成功</x-button>
+				<x-button darkColor="#222222" :block="true" :shadow="[0,0]" class="mb-12" skin="thin" color="info">次要</x-button>
+			</x-sheet>
+			<x-sheet>
+				<x-text font-size="18" class=" text-weight-b">尺寸</x-text>
+			</x-sheet>
+			<x-sheet class=" white round-10 pa-24 mx-24  mb-12 flex flex-row flex-wrap">
+				<x-button size="mini" class="mb-12">超小</x-button>
+				<x-button class="ml-5 mb-12" size="small" color="warn">小</x-button>
+				<x-button class="ml-5 mb-12" size="normal" color="success">正常</x-button>
+				<x-button size="large" class="mb-12" color="danger">大</x-button>
+			</x-sheet>
+			<x-sheet>
+				<x-text font-size="18" class=" text-weight-b">样式</x-text>
+			</x-sheet>
+			<x-sheet class=" white round-10 pa-24 mx-24  mb-12 ">
+				<x-button :block="true" class="mb-12" skin="primary">主色</x-button>
+				<x-button :block="true" class="mb-12" skin="thin">浅色按钮</x-button>
+				<x-button :block="true" class="mb-12" :skin="skin" @click="skin = 'primary'">镂空按钮</x-button>
+				<x-button :block="true" class="mb-12" skin="dashed">虚线按钮</x-button>
+				<x-button :block="true" class="mb-12" skin="text">文本按钮</x-button>
+			</x-sheet>
+			<x-sheet>
+				<x-text font-size="18" class=" text-weight-b">其它样式,图标,尺寸等</x-text>
+			</x-sheet>
+			<x-sheet class=" white round-10 pa-24 mx-24  mb-12 ">
+				<x-button :block="true" icon="thumb-up-fill" class="mb-12" >图标按钮</x-button>
+				<x-button :block="true" icon="verified-badge-line" :disabled="disable" class="mb-12"
+					>禁用</x-button>
+				<x-button :block="true" icon="customer-service-fill" :loading="disable" class="mb-12"
+					>加载中</x-button>
+				<view class="flex flex-row flex-row-center-between pb-8">
+					<x-button font-size="20" :iconBtn="true" icon="lock-unlock-fill" round="88" width="88">
+					</x-button>
+					<x-button font-size="20" :iconBtn="true" icon="thumb-up-fill" round="88" width="88"
+						color="naplesyellow">
+					</x-button>
+					<x-button font-size="20" :iconBtn="true" icon="headphone-fill" round="88" width="88"
+						color="majorelleblue">
+					</x-button>
+					<x-button font-size="20" :iconBtn="true" icon="alarm-fill" round="88" width="88" color="venetianred">
+					</x-button>
+				</view>
+			</x-sheet>
+			<x-sheet>
+				<x-text font-size="18" class=" text-weight-b">渐变</x-text>
+				<x-text class=" text-grey ">渐变参考：https://www.designgradients.com/</x-text>
+			</x-sheet>
+			<x-sheet class=" white round-10 pa-24 mx-24  mb-12 ">
+				<x-button :block="true" :border="0" round="88" color="#ff667f"
+					:linearGradient="['left','#ff667f','#fdb247']" class="mb-12" status="primary">渐变</x-button>
+				<x-button :block="true" :border="0" round="88" color="#A531DC"
+					:linearGradient="['left','#A531DC','#4300B1']" class="mb-12" status="primary">渐变</x-button>
+				<x-button :block="true" :border="0" round="88" color="#D02020"
+					:linearGradient="['left','#FF896D','#D02020']" class="mb-12" status="primary">渐变</x-button>
+			</x-sheet>
+		</view>
+		<view class="py-32"></view>
 	</view>
-	<view class="py-32"></view>
 </template>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/270/270/347/224/250/347/273/204/344/273/266//346/226/207/346/234/254 xText.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//345/270/270/347/224/250/347/273/204/344/273/266//346/240/207/347/255/276 xTag.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//345/215/225/346/273/221/345/235/227 xSlider.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>
 	</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/215/225/351/200/211/346/241/206 xRadio.md" CHANGED Viewed

@@ -76,7 +76,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/215/225/351/200/211/346/241/206/347/273/204 xRadioGroup.md" CHANGED Viewed

@@ -63,7 +63,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/217/214/345/220/221/346/273/221/345/235/227 xSliderDouble.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>
 	</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/233/276/347/211/207/344/270/212/344/274/240 xUploadMedia.md" CHANGED Viewed

@@ -90,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>

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>

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

@@ -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

@@ -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>

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>

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

@@ -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>

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>

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//350/241/250/345/215/225 xForm.md" CHANGED Viewed

@@ -61,8 +61,10 @@
 | ------ | ---- | ---- | ---- |
 | id | - | `-` | - |
 | checkAsyncVaildStatus | - | `-` | 用来首次同步检测：modelValid,一定要在onready生命期中执行，并且你赋值完表数据后再来个,nextTick中执行本方法，可以确保不会有遗漏。 |
-| valid | `keys: string[]` <br>  - `待校验的字段` <br>  | `-` | 手动执行触发校验函数，如果提供空数组，表示校验所有，如果提供了指定值，则表示只校验提供的字段。 |
+| valid | - | `-` | 手动校验。空数组校验全部已注册字段，model 里没有的键按空值处理。<br>options 不传时显示错误并触发 submit。静默校验传 showError / emitSubmit。 |
 | clearValid | - | `-` | 清除校验状态并回到初始状态。 |
+| setFieldError | - | `-` | 把服务端错误写到对应字段上，不重新跑本地规则。 |
+| clearFieldError | - | `-` | 清除一个字段的错误。key 为空时清除全部。 |
 | submit | - | `-` | - |
@@ -76,7 +78,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>
@@ -170,15 +172,53 @@
 			</x-form>
 		</x-sheet>
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b mb-8">JSON 规则</x-text>
+			<x-text color="#999999">邮箱选填，空值通过，有值才校验格式。编码、城市、确认密码只写数据规则，不写函数。动态字段卸掉后不再参与校验。</x-text>
+		</x-sheet>
+		<x-sheet>
+			<x-form ref="dslForm" :rules="dslRules" v-model="(dslData as DSL_TYPE)" @submit="(onDslSubmit as resultTtype)">
+				<x-form-item field="email" label="邮箱(选填)" :required="false">
+					<x-input color="transparent" align="right" placeholder="可空" v-model="(dslData.email as string)"></x-input>
+				</x-form-item>
+				<x-form-item field="code" label="编码" :required="true">
+					<x-input color="transparent" align="right" placeholder="字母或数字" v-model="(dslData.code as string)"></x-input>
+				</x-form-item>
+				<x-form-item field="city" label="城市" :required="true">
+					<x-input color="transparent" align="right" placeholder="北京/上海/深圳" v-model="(dslData.city as string)"></x-input>
+				</x-form-item>
+				<x-form-item field="password" label="密码" :required="true">
+					<x-input color="transparent" :password="true" align="right" v-model="(dslData.password as string)"></x-input>
+				</x-form-item>
+				<x-form-item field="confirm" label="确认密码" :required="true">
+					<x-input color="transparent" :password="true" align="right" v-model="(dslData.confirm as string)"></x-input>
+				</x-form-item>
+				<x-form-item v-if="showExtra" field="extra" label="动态字段" :required="true">
+					<x-input color="transparent" align="right" v-model="(dslData.extra as string)"></x-input>
+				</x-form-item>
+				<view class="flex flex-row flex-row-center-between mt-32">
+					<x-button style="width: calc(50% - 6px);" @click="toggleExtra">动态字段</x-button>
+					<x-button style="width: calc(50% - 6px);" @click="silentValid">静默校验</x-button>
+				</view>
+				<view class="flex flex-row flex-row-center-between mt-12">
+					<x-button style="width: calc(50% - 6px);" @click="markServer">服务端错误</x-button>
+					<x-button style="width: calc(50% - 6px);" @click="clearServer">清除错误</x-button>
+				</view>
+				<x-button form-type="form" class="mt-12" :block="true">提交 JSON 规则</x-button>
+			</x-form>
+		</x-sheet>
 		<view style="height: 550px;"></view>
 </template>
 <script lang="ts" setup>
 	import { ref } from "vue"
-	import type { FORM_RULE,FORM_SUBMIT_RESULT, XUPLOADFILE_FILE_VALUE } from "@/uni_modules/tmx-ui"
+	import type { FORM_RULE, FORM_SUBMIT_RESULT, FORM_VALID_OPTIONS, XUPLOADFILE_FILE_VALUE } from "@/uni_modules/tmx-ui"
 	// @ts-ignore
 	const form = ref<XFormComponentPublicInstance | null>(null)
+	// @ts-ignore
+	const dslForm = ref<XFormComponentPublicInstance | null>(null)
 	type resultTtype = (evt : FORM_SUBMIT_RESULT) => void;
 	type labelDirType = 'vertical' | 'horizontal'
 	type USER_TYPE_CHILDRENFORM = {
@@ -323,6 +363,102 @@
 	const clearValid = () => {
 		form.value!.clearValid()
 	}
+	const showExtra = ref(false)
+	type DSL_TYPE = {
+		email : string,
+		code : string,
+		city : string,
+		password : string,
+		confirm : string,
+		extra : string
+	}
+	type DSL_RULES = {
+		email : FORM_RULE[],
+		code : FORM_RULE[],
+		city : FORM_RULE[],
+		password : FORM_RULE[],
+		confirm : FORM_RULE[],
+		extra : FORM_RULE[]
+	}
+	const dslData = ref<DSL_TYPE>({
+		email: "",
+		code: "",
+		city: "",
+		password: "",
+		confirm: "",
+		extra: ""
+	})
+	const dslRules : DSL_RULES = {
+		email: [
+			{
+				type: "email",
+				errorMessage: "邮箱格式不正确"
+			}
+		],
+		code: [
+			{
+				required: true,
+				errorMessage: "请填写编码"
+			},
+			{
+				pattern: "^[A-Za-z0-9]+$",
+				errorMessage: "编码只能是字母或数字"
+			}
+		],
+		city: [
+			{
+				required: true,
+				oneOf: ["北京", "上海", "深圳"] as string[],
+				errorMessage: "城市只能是北京、上海、深圳"
+			}
+		],
+		password: [
+			{
+				type: "string",
+				min: 6,
+				max: 16,
+				errorMessage: "密码需要 6-16 位"
+			}
+		],
+		confirm: [
+			{
+				required: true,
+				errorMessage: "请再次输入密码"
+			},
+			{
+				validator: "equalTo",
+				validatorArgs: "password",
+				errorMessage: "两次密码不一致"
+			}
+		],
+		extra: [
+			{
+				type: "string",
+				min: 1,
+				errorMessage: "请填写动态字段"
+			}
+		]
+	}
+	const onDslSubmit = (evt : FORM_SUBMIT_RESULT) => {
+		uni.showToast({ title: evt.valid ? "通过" : evt.errorMessage, icon: "none" })
+	}
+	const toggleExtra = () => {
+		showExtra.value = !showExtra.value
+	}
+	const silentValid = () => {
+		let result = dslForm.value!.valid([] as string[], {
+			showError: true,
+			emitSubmit: false
+		} as FORM_VALID_OPTIONS) as FORM_SUBMIT_RESULT
+		uni.showToast({ title: result.valid ? "静默校验通过" : result.errorMessage, icon: "none" })
+	}
+	const markServer = () => {
+		dslForm.value!.setFieldError("code", "服务端：编码已存在")
+	}
+	const clearServer = () => {
+		dslForm.value!.clearFieldError("code")
+	}
 </script>