tmui-cli 2.0.6 → 5.3.2

package/data/uniappx/component/camera.md

@@ -1,60 +1,60 @@
 ::: sourceCode
 ## camera
 
-> GitCode: https://gitcode.com/dcloud/uni-component/tree/alpha/uni_modules/uni-camera
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-camera/components/camera
 
-> GitHub: https://github.com/dcloudio/uni-component/tree/alpha/uni_modules/uni-camera
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-camera/components/camera
 
 相机组件
 
 ### 兼容性 
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 4.41 | 4.61 | 4.61 | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 4.41 | 5.31 | 4.61 | 4.61 | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> |
 
 ### 属性 
 | 名称 | 类型 | 默认值 | 兼容性 | 描述 |
 | :- | :- | :- |  :-: | :- |
-| flash | auto \| on \| off \| torch | "auto" | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61（部分支持，见上） | 闪光灯，值为auto, on, off, torch |
+| flash | auto \| on \| off \| torch | "auto" | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61（部分支持，见上） | 闪光灯，值为auto, on, off, torch |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| auto | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 自动 |
-| on | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 开 |
-| off | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 关 |
-| torch | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 常亮 |
-| device-position | back \| front | "back" | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61（部分支持，见上） | 前置或后置，值为front, back |
+| auto | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 自动 |
+| on | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 开 |
+| off | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 关 |
+| torch | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 常亮 |
+| device-position | back \| front | "back" | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61（部分支持，见上） | 前置或后置，值为front, back |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| back | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 后置 |
-| front | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 前置 |
-| mode | normal \| scanCode | "normal" | Web x / 微信小程序 4.41 / Android 4.71 / iOS 4.71 / HarmonyOS x（部分支持，见上） | *(string)*<br/>应用模式，只在初始化时有效，不能动态变更 |
+| back | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 后置 |
+| front | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 前置 |
+| mode | normal \| scanCode | "normal" | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.71 / iOS 4.71 / HarmonyOS x（部分支持，见上） | *(string)*<br/>应用模式，只在初始化时有效，不能动态变更 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| normal | Web x / 微信小程序 4.41 / Android 4.71 / iOS 4.71 / HarmonyOS x（部分支持，见上） | 相机模式 |
-| scanCode | Web x / 微信小程序 4.41 / Android 4.71 / iOS 4.71 / HarmonyOS x（部分支持，见上） | 扫码模式 |
-| resolution | low \| medium \| high | "medium" | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | *(string)*<br/>分辨率，不支持动态修改 |
+| normal | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.71 / iOS 4.71 / HarmonyOS x（部分支持，见上） | 相机模式 |
+| scanCode | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.71 / iOS 4.71 / HarmonyOS x（部分支持，见上） | 扫码模式 |
+| resolution | low \| medium \| high | "medium" | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | *(string)*<br/>分辨率，不支持动态修改 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| low | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 低 |
-| medium | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 中 |
-| high | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 高 |
-| frame-size | small \| medium \| large | "medium" | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | *(string)*<br/>指定期望的相机帧数据尺寸 |
+| low | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 低 |
+| medium | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 中 |
+| high | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 高 |
+| frame-size | small \| medium \| large | "medium" | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | *(string)*<br/>指定期望的相机帧数据尺寸 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| small | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 小尺寸帧数据 |
-| medium | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 中尺寸帧数据 |
-| large | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 大尺寸帧数据 |
-| photo-resolution | low \| medium \| high \| original | "medium" | Web x / 微信小程序 x / Android 4.81 / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>指定期望的拍照图片分辨率，不支持动态修改 |
+| small | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 小尺寸帧数据 |
+| medium | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 中尺寸帧数据 |
+| large | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | 大尺寸帧数据 |
+| photo-resolution | low \| medium \| high \| original | "medium" | Web x / 微信小程序 x / 支付宝小程序 x / Android 4.81 / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>指定期望的拍照图片分辨率，不支持动态修改 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| low | Web x / 微信小程序 x / Android 4.81 / iOS x / HarmonyOS x（部分支持，见上） | 低分辨率 |
-| medium | Web x / 微信小程序 x / Android 4.81 / iOS x / HarmonyOS x（部分支持，见上） | 中分辨率 |
-| high | Web x / 微信小程序 x / Android 4.81 / iOS x / HarmonyOS x（部分支持，见上） | 高分辨率 |
-| original | Web x / 微信小程序 x / Android 4.81 / iOS x / HarmonyOS x（部分支持，见上） | 原始分辨率，相机的原始分辨率拍照质量最高，但是保存速度可能会较慢 |
-| @stop | (event: [UniCameraStopEvent](#unicamerastopevent)) => void |   | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61（部分支持，见上） | 摄像头在非正常终止时触发，如退出后台等情况 |
-| @error | (event: [UniCameraErrorEvent](#unicameraerrorevent)) => void |   | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61（部分支持，见上） | 用户不允许使用摄像头时触发 |
-| @initdone | (event: [UniCameraInitDoneEvent](#unicamerainitdoneevent)) => void |   | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>相机初始化完成时触发，`e.detail = {maxZoom}` |
-| @scancode | (event: [UniCameraScanCodeEvent](#unicamerascancodeevent)) => void |   | Web x / 微信小程序 4.41 / Android 4.71 / iOS 4.71 / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>在扫码识别成功时触发，仅在 mode="scanCode" 时生效 |
+| low | Web x / 微信小程序 x / 支付宝小程序 x / Android 4.81 / iOS x / HarmonyOS x（部分支持，见上） | 低分辨率 |
+| medium | Web x / 微信小程序 x / 支付宝小程序 5.31 / Android 4.81 / iOS x / HarmonyOS x（部分支持，见上） | 中分辨率 |
+| high | Web x / 微信小程序 x / 支付宝小程序 x / Android 4.81 / iOS x / HarmonyOS x（部分支持，见上） | 高分辨率 |
+| original | Web x / 微信小程序 x / 支付宝小程序 x / Android 4.81 / iOS x / HarmonyOS x（部分支持，见上） | 原始分辨率，相机的原始分辨率拍照质量最高，但是保存速度可能会较慢 |
+| @stop | (event: [UniCameraStopEvent](#unicamerastopevent)) => void |   | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61（部分支持，见上） | 摄像头在非正常终止时触发，如退出后台等情况 |
+| @error | (event: [UniCameraErrorEvent](#unicameraerrorevent)) => void |   | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61（部分支持，见上） | 用户不允许使用摄像头时触发 |
+| @initdone | (event: [UniCameraInitDoneEvent](#unicamerainitdoneevent)) => void |   | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>相机初始化完成时触发，`e.detail = {maxZoom}` |
+| @scancode | (event: [UniCameraScanCodeEvent](#unicamerascancodeevent)) => void |   | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.71 / iOS 4.71 / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>在扫码识别成功时触发，仅在 mode="scanCode" 时生效 |
 
 ### 事件
 #### UniCameraStopEvent
@@ -141,6 +141,8 @@ camera组件的操作api为[uni.createCameraContext()](../api/create-camera-cont
 
 给camera组件设一个id属性，将id的值传入uni.createCameraContext()，即可得到camera组件的上下文对象，进一步可使用`.takePhoto()`、`.startRecord()`等方法。
 
+支付宝小程序需要在 camera 组件初始化完成、触发 `onReady` 回调后再调用 `uni.createCameraContext`，并且必须传入 camera 组件的 `id`。
+
 ### 示例
 示例为[hello uni-app x alpha分支](https://gitcode.com/dcloud/hello-uni-app-x/blob/prod_alpha/pages/component/camera/camera.uvue)，与最新HBuilderX Alpha版同步。与最新正式版同步的master分支示例[另见](https://gitcode.com/dcloud/hello-uni-app-x/blob/master//pages/component/camera/camera.uvue) 
 >
@@ -151,8 +153,11 @@ camera组件的操作api为[uni.createCameraContext()](../api/create-camera-cont
 ```uvue
 <template>
 	<view style="flex: 1;">
-		<camera style="width: 100%; height: 300px;" :resolution="'medium'" :device-position="devicePosition" photo-resolution="high"
-			:flash="flash" :frame-size="frameSize" @stop="handleStop" @error="handleError" @initdone="handleInitDone">
+		<camera id="camera" style="width: 100%; height: 300px;" :resolution="'medium'" :device-position="devicePosition" photo-resolution="high"
+			:flash="flash" :frame-size="frameSize" 
+			@ready="onCameraReady"
+			
+			@stop="handleStop" @error="handleError" @initdone="handleInitDone">
 		</camera>
 
 		<scroll-view style="flex: 1;">
@@ -179,15 +184,15 @@ camera组件的操作api为[uni.createCameraContext()](../api/create-camera-cont
 						<text class="uni-title-text">拍摄照片示例</text>
 						<button type="default" @click="handleTakePhoto">拍摄照片</button>
 						<radio-group style="flex-direction: row;" name="成像质量" @change="takePhotoQualityChange">
-							<view><radio value="normal" :checked="true" /><text>普通质量</text></view>
-							<view><radio value="low" /><text>低质量</text></view>
-							<view><radio value="high" /><text>高质量</text></view>
-							<view><radio value="original" /><text>原图</text></view>
+							<view class="radio-box"><radio value="normal" :checked="true" /><text>普通质量</text></view>
+							<view class="radio-box"><radio value="low" /><text>低质量</text></view>
+							<view class="radio-box"><radio value="high" /><text>高质量</text></view>
+							<view class="radio-box"><radio value="original" /><text>原图</text></view>
 						</radio-group>
 					</view>
 					<view class="uni-camera-wrapper">
-						<image class="uni-camera-test-host-without-flex" style="width: 150px;height: 150px;"
-							v-if="imageSrc != ''" :src="imageSrc"></image>
+						<image id="take-photo-image" class="uni-camera-test-host-without-flex" style="width: 150px;height: 150px;"
+							v-if="imageSrc != ''" :src="imageSrc" @load="onPhotoImageLoad" @error="onPhotoImageError"></image>
 					</view>
 				</view>
 
@@ -206,8 +211,8 @@ camera组件的操作api为[uni.createCameraContext()](../api/create-camera-cont
 						<button type="default" @click="stopRecord">停止录制</button>
 						<radio-group style="flex-direction: row;margin-top: 8px;" name="是否压缩"
 							@change="startRecordCompressChange">
-							<view><radio value="0" :checked="true" /><text>未启动视频压缩</text></view>
-							<view><radio value="1" /><text>启动视频压缩</text></view>
+							<view class="radio-box"><radio value="0" :checked="true" /><text>未启动视频压缩</text></view>
+							<view class="radio-box"><radio value="1" /><text>启动视频压缩</text></view>
 						</radio-group>
 					</view>
 					<view class="uni-camera-wrapper">
@@ -256,6 +261,12 @@ camera组件的操作api为[uni.createCameraContext()](../api/create-camera-cont
 	.uni-title-size {
 		font-size: 22px;
 	}
+
+	.radio-box {
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+	}
 </style>
 
 ```

package/data/uniappx/component/canvas.md

@@ -1,18 +1,18 @@
 ::: sourceCode
 ## canvas
 
-> GitCode: https://gitcode.com/dcloud/uni-component/tree/alpha/uni_modules/uni-canvas
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-canvas-dom2/components/canvas
 
-> GitHub: https://github.com/dcloudio/uni-component/tree/alpha/uni_modules/uni-canvas
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-canvas-dom2/components/canvas
 
 > 组件类型：UniCanvasElement 
 
  画布
 
 ### 兼容性 
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| 4.21 | 4.41 | 4.25 | 4.25 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| 4.21 | 4.41 | 5.31 | 4.25 | 4.25 | 4.61 |
 
 * 截图或海报需求，无需像webview那样通过canvas中转，app平台view直接提供截图API，[takesnapshot](../dom/unielement.html#takesnapshot)。
 
@@ -29,17 +29,17 @@
 ### 属性 
 | 名称 | 类型 | 默认值 | 兼容性 | 描述 |
 | :- | :- | :- |  :-: | :- |
-| type | string |   | Web - / 微信小程序 4.41 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | *(string)*<br/>指定 canvas 类型，支持 2d (2.9.0) 和 webgl (2.7.0) |
-| canvas-id | string |   | Web - / 微信小程序 4.41 / Android - / iOS - / HarmonyOS x（部分支持，见上） | *(string)*<br/>canvas 组件的唯一标识符，若指定了 type 则无需再指定该属性 |
-| disable-scroll | boolean |   | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>当在 canvas 中移动时且有绑定手势事件时，禁止屏幕滚动以及下拉刷新 |
+| type | string |   | Web - / 微信小程序 4.41 / 支付宝小程序 5.31 / Android - / iOS - / HarmonyOS -（部分支持，见上） | *(string)*<br/>指定 canvas 类型，支持 2d (2.9.0) 和 webgl (2.7.0) |
+| canvas-id | string |   | Web - / 微信小程序 4.41 / 支付宝小程序 x / Android - / iOS - / HarmonyOS x（部分支持，见上） | *(string)*<br/>canvas 组件的唯一标识符，若指定了 type 则无需再指定该属性 |
+| disable-scroll | boolean |   | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>当在 canvas 中移动时且有绑定手势事件时，禁止屏幕滚动以及下拉刷新 |
 | width | number | 0 | HarmonyOS(Vapor) 5.0（部分支持，见上） |   |
 | height | number | 0 | HarmonyOS(Vapor) 5.0（部分支持，见上） |   |
-| @touchstart | eventhandle |   | Web 4.21 / 微信小程序 4.41 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61 | *(eventhandle)*<br/>手指触摸动作开始 |
-| @touchmove | eventhandle |   | Web 4.21 / 微信小程序 4.41 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61 | *(eventhandle)*<br/>手指触摸后移动 |
-| @touchend | eventhandle |   | Web 4.21 / 微信小程序 4.41 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61 | *(eventhandle)*<br/>手指触摸动作结束 |
-| @touchcancel | eventhandle |   | Web 4.21 / 微信小程序 4.41 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61 | *(eventhandle)*<br/>手指触摸动作被打断，如来电提醒，弹窗 |
-| @longtap | eventhandle |   | Web 4.21 / 微信小程序 4.41 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61 | *(eventhandle)*<br/>手指长按 500ms 之后触发，触发了长按事件后进行移动不会触发屏幕的滚动 |
-| @error | eventhandle |   | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>当发生错误时触发 error 事件，detail = {errMsg} |
+| @touchstart | eventhandle |   | Web 4.21 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61 | *(eventhandle)*<br/>手指触摸动作开始 |
+| @touchmove | eventhandle |   | Web 4.21 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61 | *(eventhandle)*<br/>手指触摸后移动 |
+| @touchend | eventhandle |   | Web 4.21 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61 | *(eventhandle)*<br/>手指触摸动作结束 |
+| @touchcancel | eventhandle |   | Web 4.21 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61 | *(eventhandle)*<br/>手指触摸动作被打断，如来电提醒，弹窗 |
+| @longtap | eventhandle |   | Web 4.21 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61 | *(eventhandle)*<br/>手指长按 500ms 之后触发，触发了长按事件后进行移动不会触发屏幕的滚动 |
+| @error | eventhandle |   | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>当发生错误时触发 error 事件，detail = {errMsg} |
 
 注意：Android平台默认会开启硬件加速无需额外设置
 
@@ -56,6 +56,8 @@ uni-app x 中废弃了老版方案，使用了 W3C 规范和微信小程序的
 
 注意：新版规范需要开发者根据自己的场景手动处理高清屏问题。
 
+支付宝小程序通过 `createImage` 获取图片对象时，`src` 不能设置为本地图片；必须在 `canvas` 组件的 `onReady` 回调中获取 canvas 实例和上下文。
+
 canvas相关的API较多，参考如下：
 
 - [W3C 规范](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/canvas)
@@ -114,9 +116,9 @@ canvas相关的API较多，参考如下：
 >示例
 ```vue
 <template>
-  <view class="page" id="page-canvas">
+  <view class="page" id="page-canvas-main">
     <page-intro content="本页演示 canvas 画布组件：toDataURL、createImage、createPath2D、requestAnimationFrame 等；可跳转 CanvasContext API 子页，展示绘图与异步上下文。"></page-intro>
-    <canvas id="canvas" class="canvas-element"></canvas>
+    <canvas id="canvasMain" class="canvas-element" @ready="onCanvasReady"></canvas>
     <scroll-view class="scroll-view">
       
       <button class="canvas-drawing-button" @click="canvasToBlob">canvasToBlob</button>

package/data/uniappx/component/channel-live.md

@@ -2,15 +2,15 @@
 ## channel-live
 
 ### 兼容性 
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 4.41 | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 4.41 | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> |
 
 ### 属性 
 | 名称 | 类型 | 兼容性 | 描述 |
 | :- | :- |  :-: | :- |
-| feed-id | string | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>视频 feedId |
-| finder-user-name | string | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>视频号 id，以“sph”开头的id，可在视频号助手获取。视频号必须与当前小程序相同主体。 |
+| feed-id | string | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>视频 feedId |
+| finder-user-name | string | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>视频号 id，以“sph”开头的id，可在视频号助手获取。视频号必须与当前小程序相同主体。 |
 
 ### 参见
 - [相关 Bug](https://issues.dcloud.net.cn/?mid=component.wx.other.channel-live)

package/data/uniappx/component/channel-video.md

@@ -2,26 +2,26 @@
 ## channel-video
 
 ### 兼容性 
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 4.41 | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 4.41 | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> |
 
 ### 属性 
 | 名称 | 类型 | 兼容性 | 描述 |
 | :- | :- |  :-: | :- |
-| feed-id | string | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>仅视频号视频与小程序同主体时生效。若内嵌非同主体视频，请使用 feed-token。 |
-| finder-user-name | string | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>视频号 id，以“sph”开头的id，可在视频号助手获取。视频号必须与当前小程序相同主体。 |
-| feed-token | string | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>仅内嵌小程序非同主体视频号视频时使用，获取方式参考[本指引](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/channels-activity#feed-token)。 |
-| autoplay | string | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>是否自动播放。仅视频号视频与小程序同主体时支持设置为 true。 |
-| loop | boolean | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>是否循环播放 |
-| muted | boolean | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>是否静音播放 |
-| object-fit | boolean | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>当视频大小与 video 容器大小不一致时，视频的表现形式 |
+| feed-id | string | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>仅视频号视频与小程序同主体时生效。若内嵌非同主体视频，请使用 feed-token。 |
+| finder-user-name | string | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>视频号 id，以“sph”开头的id，可在视频号助手获取。视频号必须与当前小程序相同主体。 |
+| feed-token | string | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>仅内嵌小程序非同主体视频号视频时使用，获取方式参考[本指引](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/channels-activity#feed-token)。 |
+| autoplay | string | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>是否自动播放。仅视频号视频与小程序同主体时支持设置为 true。 |
+| loop | boolean | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>是否循环播放 |
+| muted | boolean | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>是否静音播放 |
+| object-fit | boolean | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>当视频大小与 video 容器大小不一致时，视频的表现形式 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| contain | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 包含 |
-| fill | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 填充 |
-| cover | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 覆盖 |
-| @error | eventhandle | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>视频播放出错时触发 |
+| contain | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 包含 |
+| fill | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 填充 |
+| cover | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 覆盖 |
+| @error | eventhandle | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>视频播放出错时触发 |
 
 ### 参见
 - [相关 Bug](https://issues.dcloud.net.cn/?mid=component.wx.other.channel-video)

package/data/uniappx/component/checkbox-group.md

@@ -1,6 +1,10 @@
 ::: sourceCode
 ## checkbox-group
 
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-form/components/checkbox-group
+
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-form/components/checkbox-group
+
 > 组件类型：UniCheckboxGroupElement 
 
  多选框组
@@ -8,15 +12,15 @@
 给checkbox-group设置name属性后，内部包含的多个checkbox将以数组的方式统一提交表单。详见[form](./form.md)
 
 ### 兼容性 
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| 4.0 | 4.41 | 3.9 | 4.11 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| 4.0 | 4.41 | 5.31 | 3.9 | 4.11 | 4.61 |
 
 ### 属性 
 | 名称 | 类型 | 兼容性 | 描述 |
 | :- | :- |  :-: | :- |
-| name | string | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 表单的控件名称，作为键值对的一部分与表单(form组件)一同提交 |
-| @change | (event: [UniCheckboxGroupChangeEvent](#unicheckboxgroupchangeevent)) => void | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | checkbox-group中选中项发生改变是触发 change 事件，detail = {value:\[选中的checkbox的value的数组]} |
+| name | string | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 表单的控件名称，作为键值对的一部分与表单(form组件)一同提交 |
+| @change | (event: [UniCheckboxGroupChangeEvent](#unicheckboxgroupchangeevent)) => void | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | checkbox-group中选中项发生改变是触发 change 事件，detail = {value:\[选中的checkbox的value的数组]} |
 
 ### 事件
 #### UniCheckboxGroupChangeEvent
@@ -38,7 +42,7 @@ UniCheckboxGroupChangeEvent -- Extends --> UniCustomEvent&ltUniCheckboxGroupChan
 ### 子组件 @children-tags
 | 子组件 | 兼容性 |
 | :- | :- |
-| [*](*.md) | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 |
+| [*](*.md) | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） |
 
 ### 参见
 - [相关 Bug](https://issues.dcloud.net.cn/?mid=component.form-component.checkbox.checkbox-group)

package/data/uniappx/component/checkbox.md

@@ -1,31 +1,35 @@
 ::: sourceCode
 ## checkbox
 
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-form/components/checkbox
+
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-form/components/checkbox
+
 > 组件类型：UniCheckboxElement 
 
  多选项。在1组check-group中可选择多个
 
 ### 兼容性 
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| 4.0 | 4.41 | 3.9 | 4.11 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| 4.0 | 4.41 | 5.31 | 3.9 | 4.11 | 4.61 |
 
 ### 属性 
 | 名称 | 类型 | 默认值 | 兼容性 | 描述 |
 | :- | :- | :- |  :-: | :- |
-| disabled | boolean | false | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 是否禁用 |
-| value | string |   | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 表单的控件名称，作为键值对的一部分与表单(form组件)一同提交 |
-| checked | boolean | false | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 当前是否选中，可用来设置默认选中 |
-| ~~color~~ | string(string.ColorString) | "#007aff" | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | checkbox的颜色 (使用foreColor替代) |
-| backgroundColor | string(string.ColorString) | "#ffffff" | Web 4.0 / 微信小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | checkbox默认的背景颜色 |
-| borderColor | string(string.ColorString) | "#d1d1d1" | Web 4.0 / 微信小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | checkbox默认的边框颜色 |
-| activeBackgroundColor | string(string.ColorString) | "#ffffff" | Web 4.0 / 微信小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | checkbox选中时的背景颜色 |
-| activeBorderColor | string(string.ColorString) | "#d1d1d1" | Web 4.0 / 微信小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | checkbox选中时的边框颜色 |
-| ~~iconColor~~ | string(string.ColorString) | "#007aff" | Web 4.0 / 微信小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | checkbox的图标颜色，优先级大于color属性 (使用foreColor替代) |
-| foreColor | string(string.ColorString) | "#007aff" | Web 4.18 / 微信小程序 x / Android 4.18 / iOS 4.18 / HarmonyOS 4.61（部分支持，见上） | checkbox的图标颜色，优先级大于color属性 |
-| icon-class | string(string.ClassString) |   | Android(Vapor) 5.21 / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） | 复选框选中图标的类名 |
-| checkbox-class | string(string.ClassString) |   | Android(Vapor) 5.21 / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） | 复选框未选中的类名 |
-| checkbox-active-class | string(string.ClassString) |   | Android(Vapor) 5.21 / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） | 复选框选中的类名 |
+| disabled | boolean | false | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 是否禁用 |
+| value | string |   | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 表单的控件名称，作为键值对的一部分与表单(form组件)一同提交 |
+| checked | boolean | false | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 当前是否选中，可用来设置默认选中 |
+| backgroundColor | string(string.ColorString) | "#ffffff" | Web 4.0 / 微信小程序 x / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | checkbox默认的背景颜色 |
+| borderColor | string(string.ColorString) | "#d1d1d1" | Web 4.0 / 微信小程序 x / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | checkbox默认的边框颜色 |
+| activeBackgroundColor | string(string.ColorString) | "#ffffff" | Web 4.0 / 微信小程序 x / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | checkbox选中时的背景颜色 |
+| activeBorderColor | string(string.ColorString) | "#d1d1d1" | Web 4.0 / 微信小程序 x / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | checkbox选中时的边框颜色 |
+| foreColor | string(string.ColorString) | "#007aff" | Web 4.18 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.18 / iOS 4.18 / HarmonyOS 4.61 | checkbox的图标颜色，优先级大于color属性 |
+| icon-class | string(string.ClassString) |   | Web x / 微信小程序 x / 支付宝小程序 x / Android(Vapor) 5.21 / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） | 复选框选中图标的类名 |
+| checkbox-class | string(string.ClassString) |   | Web x / 微信小程序 x / 支付宝小程序 x / Android(Vapor) 5.21 / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） | 复选框未选中的类名 |
+| checkbox-active-class | string(string.ClassString) |   | Web x / 微信小程序 x / 支付宝小程序 x / Android(Vapor) 5.21 / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） | 复选框选中的类名 |
+| ~~color~~ | string(string.ColorString) | "#007aff" | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | checkbox的颜色 (使用foreColor替代) |
+| ~~iconColor~~ | string(string.ColorString) | "#007aff" | Web 4.0 / 微信小程序 x / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | checkbox的图标颜色，优先级大于color属性 (使用foreColor替代) |
 
 ### 支付宝小程序注意事项
 
@@ -61,8 +65,8 @@ App平台蒸汽模式从 5.25+ 起内置适配 checkbox 默认样式的暗黑模
   <scroll-view class="uni-theme-root" style="flex: 1">
     <view class="content">
       <page-head title="组件属性"></page-head>
-      <boolean-data :defaultValue="false" title="当前是否选中，可用来设置默认选中" @change="change_checked_boolean"></boolean-data>
-      <boolean-data :defaultValue="false" title="是否禁用" @change="change_disabled_boolean"></boolean-data>
+      <boolean-data :value="false" title="当前是否选中，可用来设置默认选中" @change="change_checked_boolean"></boolean-data>
+      <boolean-data :value="false" title="是否禁用" @change="change_disabled_boolean"></boolean-data>
     </view>
 
     <view>
@@ -76,12 +80,21 @@ App平台蒸汽模式从 5.25+ 起内置适配 checkbox 默认样式的暗黑模
             <view style="margin-right: 15px" class="checkbox">
               <checkbox class="cb" value="cb" :checked="data.checked" :color="data.color" :iconColor="data.iconColor"
                 :foreColor="data.foreColor">选中</checkbox>
+              
+              <text>选中</text>
+              
             </view>
             <view style="margin-right: 15px" class="checkbox">
               <checkbox class="cb1" value="cb1">{{ data.text }}</checkbox>
+              
+              <text>{{ data.text }}</text>
+              
             </view>
             <view class="checkbox">
               <checkbox class="cb2" value="cb2" :disabled="data.disabled">禁用</checkbox>
+              
+              <text>禁用</text>
+              
             </view>
             <view style="margin-top: 10px" class="checkbox cb3">
               <checkbox value="cb3" />
@@ -160,6 +173,7 @@ App平台蒸汽模式从 5.25+ 起内置适配 checkbox 默认样式的暗黑模
     </view>
 
     
+    
     <view>
       <input-data defaultValue="#007aff" title="checkbox的颜色" type="text" @confirm="confirm_color_input"></input-data>
       <input-data defaultValue="#ffffff" title="checkbox默认的背景颜色" type="text"
@@ -176,6 +190,7 @@ App平台蒸汽模式从 5.25+ 起内置适配 checkbox 默认样式的暗黑模
         @confirm="confirm_foreColor_input"></input-data>
     </view>
     
+    
 
     
       <navigator class="uni-common-mb" url="/pages/template/checkbox-200/checkbox-200">