tmui-cli 2.0.6 → 5.3.2

package/data/uniappx/component/scale-gesture-handler.md

@@ -2,33 +2,33 @@
 ## scale-gesture-handler
 
 ### 兼容性 
-| 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> |
 
 ### 属性 
 | 名称 | 类型 | 兼容性 | 描述 |
 | :- | :- |  :-: | :- |
-| tag | string | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>声明手势协商时的组件标识 |
-| worklet:ongesture | eventhandler | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandler)*<br/>手势识别成功的回调 |
+| tag | string | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>声明手势协商时的组件标识 |
+| worklet:ongesture | eventhandler | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandler)*<br/>手势识别成功的回调 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| state | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 手势状态 |
-| focalX | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 中心点相对于全局的X坐标 |
-| focalY | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 中心点相对于全局的Y坐标 |
-| focalDeltaX | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对上一次，中心点在X轴方向移动的坐标 |
-| focalDeltaY | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对上一次，中心点在Y轴方向移动的坐标 |
-| scale | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 放大或缩小的比例 |
-| horizontalScale | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | scale的横向分量 |
-| verticalScale | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | scale的纵向分量 |
-| rotation | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 旋转角（单位：弧度） |
-| velocityX | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 手指离开屏幕时的横向速度（pixel per second) |
-| velocityY | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 手指离开屏幕时的纵向速度（pixel per second) |
-| pointerCount | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 跟踪的手指数 |
-| worklet:should-response-on-move | callback | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(callback)*<br/>手指移动过程中手势是否响应 |
-| worklet:should-accept-gesture | callback | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(callback)*<br/>手势是否应该被识别 |
-| simultaneous-handlers | Array.&lt;string&gt; | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(Array.&lt;string&gt;)*<br/>声明可同时触发的手势节点 |
-| native-view | string | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>代理的原生节点类型 |
+| state | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 手势状态 |
+| focalX | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 中心点相对于全局的X坐标 |
+| focalY | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 中心点相对于全局的Y坐标 |
+| focalDeltaX | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对上一次，中心点在X轴方向移动的坐标 |
+| focalDeltaY | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对上一次，中心点在Y轴方向移动的坐标 |
+| scale | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 放大或缩小的比例 |
+| horizontalScale | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | scale的横向分量 |
+| verticalScale | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | scale的纵向分量 |
+| rotation | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 旋转角（单位：弧度） |
+| velocityX | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 手指离开屏幕时的横向速度（pixel per second) |
+| velocityY | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 手指离开屏幕时的纵向速度（pixel per second) |
+| pointerCount | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 跟踪的手指数 |
+| worklet:should-response-on-move | callback | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(callback)*<br/>手指移动过程中手势是否响应 |
+| worklet:should-accept-gesture | callback | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(callback)*<br/>手势是否应该被识别 |
+| simultaneous-handlers | Array.&lt;string&gt; | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(Array.&lt;string&gt;)*<br/>声明可同时触发的手势节点 |
+| native-view | string | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>代理的原生节点类型 |
 
 ### 参见
 - [相关 Bug](https://issues.dcloud.net.cn/?mid=component.wx.skyline.scale-gesture-handler)

package/data/uniappx/component/scroll-view.md

@@ -6,72 +6,72 @@
  可滚动视图容器
 
 ### 兼容性 
-| 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 |
 
 ### 属性 
 | 名称 | 类型 | 默认值 | 兼容性 | 描述 |
 | :- | :- | :- |  :-: | :- |
-| type | string |   | Web x / 微信小程序 x / Android 4.11 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 渲染模式，蒸汽（Vapor）模式已废弃 |
+| type | string |   | Web x / 微信小程序 x / 支付宝小程序 x / Android 4.11 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 渲染模式，蒸汽（Vapor）模式已废弃 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| nested | Web x / 微信小程序 x / Android 4.11 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 嵌套模式，支持使用 nested-scroll-header、nested-scroll-body 实现嵌套滚动，蒸汽（Vapor）模式已废弃 |
-| direction | string | "vertical" | Web 4.0 / 微信小程序 4.41 / Android 4.0 / iOS 4.11 / HarmonyOS 4.61 | 滚动方向，可取值 none、all、horizontal、vertical，默认值vertical |
+| nested | Web x / 微信小程序 x / 支付宝小程序 x / Android 4.11 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 嵌套模式，支持使用 nested-scroll-header、nested-scroll-body 实现嵌套滚动，蒸汽（Vapor）模式已废弃 |
+| direction | string | "vertical" | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 x / Android 4.0 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 滚动方向，可取值 none、all、horizontal、vertical，默认值vertical |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
 | none | Web 4.0 / Android 4.0 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 禁止滚动 |
 | all | Web 4.0 / Android(VDOM) x / Android(Vapor) 5.21 / iOS(VDOM) x / iOS(Vapor) 5.11 / HarmonyOS 4.61（部分支持，见上） | 横向/竖向可同时滚动 |
 | horizontal | Web 4.0 / Android 4.0 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 横向滚动 |
 | vertical | Web 4.0 / Android 4.0 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 竖向滚动 |
-| ~~scroll-x~~ | boolean | false | Web 4.0 / 微信小程序 4.41 / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 允许横向滚动，不支持同时设置scroll-y属性为true，同时设置true时scroll-y生效。已废弃，请改用direction |
-| ~~scroll-y~~ | boolean | true | Web 4.0 / 微信小程序 4.41 / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 允许竖向滚动，不支持同时设置scroll-x属性为true，同时设置true时scroll-y生效。已废弃，请改用direction |
-| ~~rebound~~ | boolean | true | 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 是否开启回弹效果。已废弃，请改用bounces |
-| bounces | boolean | true | Web x / 微信小程序 4.41 / Android 4.0 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 是否开启回弹效果，优先级高于rebound |
-| android-overscroll | boolean | false | Web x / 微信小程序 x / Android(VDOM) x / Android(Vapor) 5.21 / iOS x / HarmonyOS x（部分支持，见上） | Android平台是否开启弹簧回弹效果，开启后默认下拉刷新使用圆弧loading样式（推动页面内容），否则默认下拉刷新使用Android系统悬浮圆环样式（不推动页面内容） |
-| android-scrollbar-draggable | boolean | false | Web x / 微信小程序 x / Android(VDOM) x / Android(Vapor) 5.25 / iOS x / HarmonyOS x（部分支持，见上） | Android 平台是否允许拖动滚动条以快速定位滚动内容，默认值为 false，当前暂仅支持竖向滚动  |
-| android-refresher-color | string(string.ColorString) |   | Web x / 微信小程序 x / Android(VDOM) x / Android(Vapor) 5.25 / iOS x / HarmonyOS x（部分支持，见上） | 设置 Android 平台 scroll-view 默认下拉刷新样式的前景颜色，优先级高于 refresher-default-style  |
-| associative-container | string |   | Web x / 微信小程序 x / Android 4.11 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 关联的滚动容器 |
+| bounces | boolean | true | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android 4.0 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 是否开启回弹效果，优先级高于rebound |
+| android-overscroll | boolean | false | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) x / Android(Vapor) 5.21 / iOS x / HarmonyOS x（部分支持，见上） | Android平台是否开启弹簧回弹效果，开启后默认下拉刷新使用圆弧loading样式（推动页面内容），否则默认下拉刷新使用Android系统悬浮圆环样式（不推动页面内容） |
+| android-scrollbar-draggable | boolean | false | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) x / Android(Vapor) 5.25 / iOS x / HarmonyOS x（部分支持，见上） | Android 平台是否允许拖动滚动条以快速定位滚动内容，默认值为 false，当前暂仅支持竖向滚动  |
+| android-refresher-color | string(string.ColorString) |   | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) x / Android(Vapor) 5.25 / iOS x / HarmonyOS x（部分支持，见上） | 设置 Android 平台 scroll-view 默认下拉刷新样式的前景颜色，优先级高于 refresher-default-style  |
+| associative-container | string |   | Web x / 微信小程序 x / 支付宝小程序 x / Android 4.11 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 关联的滚动容器 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| nested-scroll-view | Web x / 微信小程序 x / Android 4.11 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 关联 type=nested 嵌套模式 |
-| enable-back-to-top | boolean | false | Web x / 微信小程序 x / Android x / iOS 4.11 / HarmonyOS(VDOM) x / HarmonyOS(Vapor) 5.0（部分支持，见上） | 点击系统状态栏滚动条返回顶部，只支持竖向 |
-| upper-threshold | number | 50 | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 距顶部/左边多远时（单位px），触发 scrolltoupper 事件 |
-| lower-threshold | number | 50 | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 距底部/右边多远时（单位px），触发 scrolltolower 事件 |
-| scroll-top | number | 0 | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 设置竖向滚动条位置 |
-| scroll-left | number | 0 | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 设置横向滚动条位置 |
-| scroll-into-view | string(string.IDString) |   | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在此方向滚动到该元素起始位置 |
-| scroll-with-animation | boolean | false | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 是否在设置滚动条位置时使用滚动动画，设置false没有滚动动画 |
-| refresher-enabled | boolean | false | Web 4.11 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 开启下拉刷新，仅支持竖向滚动的刷新，暂时不支持横向滚动的刷新 |
-| refresher-threshold | number | 45 | Web 4.11 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 设置下拉刷新阈值 |
-| refresher-max-drag-distance | number |   | Web x / 微信小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 设置下拉最大拖拽距离（单位px），默认是下拉刷新控件高度的2.5倍 |
-| refresher-default-style | string | "black" | Web 4.11 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 设置下拉刷新默认样式，支持设置 black \| white \| none， none 表示不使用默认样式 |
+| nested-scroll-view | Web x / 微信小程序 x / 支付宝小程序 x / Android 4.11 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 关联 type=nested 嵌套模式 |
+| enable-back-to-top | boolean | false | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS 4.11 / HarmonyOS(VDOM) x / HarmonyOS(Vapor) 5.0（部分支持，见上） | 点击系统状态栏滚动条返回顶部，只支持竖向 |
+| upper-threshold | number | 50 | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 距顶部/左边多远时（单位px），触发 scrolltoupper 事件 |
+| lower-threshold | number | 50 | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 距底部/右边多远时（单位px），触发 scrolltolower 事件 |
+| scroll-top | number | 0 | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 设置竖向滚动条位置 |
+| scroll-left | number | 0 | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 设置横向滚动条位置 |
+| scroll-into-view | string(string.IDString) |   | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在此方向滚动到该元素起始位置 |
+| scroll-with-animation | boolean | false | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 是否在设置滚动条位置时使用滚动动画，设置false没有滚动动画 |
+| refresher-enabled | boolean | false | Web 4.11 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 开启下拉刷新，仅支持竖向滚动的刷新，暂时不支持横向滚动的刷新 |
+| refresher-threshold | number | 45 | Web 4.11 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 设置下拉刷新阈值 |
+| refresher-max-drag-distance | number |   | Web x / 微信小程序 x / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 设置下拉最大拖拽距离（单位px），默认是下拉刷新控件高度的2.5倍 |
+| refresher-default-style | string | "black" | Web 4.11 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 设置下拉刷新默认样式，支持设置 black \| white \| none， none 表示不使用默认样式 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| black | Web 4.11 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 深颜色雪花样式 |
-| white | Web 4.11 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 浅白色雪花样式 |
-| none | Web 4.11 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 不使用默认样式 |
-| refresher-background | string(string.ColorString) | "transparent" | Web 4.11 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 设置下拉刷新区域背景颜色，默认透明。Android 平台下，当 android-overscroll=false 时，默认下拉刷新使用悬浮圆环样式，此时背景默认不再透明，而是由 refresher-default-style 决定 |
-| refresher-triggered | boolean | false | Web 4.11 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发 |
-| show-scrollbar | boolean | true | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 控制是否出现滚动条 |
-| custom-nested-scroll | boolean | false | Web x / 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 子元素是否开启嵌套滚动 将滚动事件与父元素协商处理 |
-| nested-scroll-child | string(string.IDString) |   | Web x / 微信小程序 x / Android(VDOM) 3.97 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 嵌套滚动子元素的id属性，不支持ref，scroll-view惯性滚动时会让对应id元素视图进行滚动，子元素滚动时会触发scroll-view的nestedprescroll事件，嵌套子元素需要设置custom-nested-scroll = true |
-| enable-passive | boolean |   | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>开启 passive 特性，能优化一定的滚动性能 |
-| fast-deceleration | boolean |   | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>滑动减速速率控制, 仅在 iOS 下生效 (同时开启 enhanced 属性后生效) |
-| @refresherpulling | (event: [UniRefresherEvent](#unirefresherevent)) => void |   | Web 4.11 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 下拉刷新控件被下拉 |
-| @refresherrefresh | (event: [UniRefresherEvent](#unirefresherevent)) => void |   | Web 4.11 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 下拉刷新被触发 |
-| @refresherrestore | (event: [UniRefresherEvent](#unirefresherevent)) => void |   | Web 4.11 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 下拉刷新被复位 |
-| @refresherabort | (event: [UniRefresherEvent](#unirefresherevent)) => void |   | Web x / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 下拉刷新被中止 |
-| @scrolltoupper | (event: [UniScrollToUpperEvent](#uniscrolltoupperevent)) => void |   | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 滚动到顶部/左边，会触发 scrolltoupper 事件 |
-| @scrolltolower | (event: [UniScrollToLowerEvent](#uniscrolltolowerevent)) => void |   | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 滚动到底部/右边，会触发 scrolltolower 事件 |
-| @scroll | (event: [UniScrollEvent](#uniscrollevent)) => void |   | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY} |
-| @scrollend | (event: [UniScrollEvent](#uniscrollevent)) => void |   | Web x / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 滚动结束时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY} |
-| @startnestedscroll | (event: [UniStartNestedScrollEvent](#unistartnestedscrollevent)) => Boolean |   | Web x / 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 子元素开始滚动时触发, return true表示与子元素开启滚动协商 默认return false! event = {node} |
-| @nestedprescroll | (event: [UniNestedPreScrollEvent](#uninestedprescrollevent)) => void |   | Web x / 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 子元素滚动时触发，可执行event.consumed(x,y)告知子元素deltaX、deltaY各消耗多少。子元素将执行差值后的deltaX、deltaY滚动距离。不执行consumed(x,y)则表示父元素不消耗deltaX、deltaY。event = {deltaX, deltaY} |
-| @stopnestedscroll | (event: [UniStopNestedScrollEvent](#unistopnestedscrollevent)) => void |   | Web x / 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 子元素滚动结束或意外终止时触发 |
-| @dragstart | eventhandle |   | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>滑动开始事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft } |
-| @dragging | eventhandle |   | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>滑动事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft } |
-| @dragend | eventhandle |   | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>滑动结束事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft, velocity } |
+| black | Web 4.11 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) 5.25（部分支持，见上） | 深颜色雪花样式 |
+| white | Web 4.11 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) 5.25（部分支持，见上） | 浅白色雪花样式 |
+| none | Web 4.11 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 不使用默认样式 |
+| refresher-background | string(string.ColorString) | "transparent" | Web 4.11 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 设置下拉刷新区域背景颜色，默认透明。Android 平台下，当 android-overscroll=false 时，默认下拉刷新使用悬浮圆环样式，此时背景默认不再透明，而是由 refresher-default-style 决定 |
+| refresher-triggered | boolean | false | Web 4.11 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发 |
+| show-scrollbar | boolean | true | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 控制是否出现滚动条 |
+| custom-nested-scroll | boolean | false | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 子元素是否开启嵌套滚动 将滚动事件与父元素协商处理 |
+| nested-scroll-child | string(string.IDString) |   | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 3.97 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 嵌套滚动子元素的id属性，不支持ref，scroll-view惯性滚动时会让对应id元素视图进行滚动，子元素滚动时会触发scroll-view的nestedprescroll事件，嵌套子元素需要设置custom-nested-scroll = true |
+| enable-passive | boolean |   | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>开启 passive 特性，能优化一定的滚动性能 |
+| fast-deceleration | boolean |   | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>滑动减速速率控制, 仅在 iOS 下生效 (同时开启 enhanced 属性后生效) |
+| @refresherpulling | (event: [UniRefresherEvent](#unirefresherevent)) => void |   | Web 4.11 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 下拉刷新控件被下拉 |
+| @refresherrefresh | (event: [UniRefresherEvent](#unirefresherevent)) => void |   | Web 4.11 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 下拉刷新被触发 |
+| @refresherrestore | (event: [UniRefresherEvent](#unirefresherevent)) => void |   | Web 4.11 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 下拉刷新被复位 |
+| @refresherabort | (event: [UniRefresherEvent](#unirefresherevent)) => void |   | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 下拉刷新被中止 |
+| @scrolltoupper | (event: [UniScrollToUpperEvent](#uniscrolltoupperevent)) => void |   | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 滚动到顶部/左边，会触发 scrolltoupper 事件 |
+| @scrolltolower | (event: [UniScrollToLowerEvent](#uniscrolltolowerevent)) => void |   | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 滚动到底部/右边，会触发 scrolltolower 事件 |
+| @scroll | (event: [UniScrollEvent](#uniscrollevent)) => void |   | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY} |
+| @scrollend | (event: [UniScrollEvent](#uniscrollevent)) => void |   | Web x / 微信小程序 x / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 滚动结束时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY} |
+| @startnestedscroll | (event: [UniStartNestedScrollEvent](#unistartnestedscrollevent)) => Boolean |   | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 子元素开始滚动时触发, return true表示与子元素开启滚动协商 默认return false! event = {node} |
+| @nestedprescroll | (event: [UniNestedPreScrollEvent](#uninestedprescrollevent)) => void |   | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 子元素滚动时触发，可执行event.consumed(x,y)告知子元素deltaX、deltaY各消耗多少。子元素将执行差值后的deltaX、deltaY滚动距离。不执行consumed(x,y)则表示父元素不消耗deltaX、deltaY。event = {deltaX, deltaY} |
+| @stopnestedscroll | (event: [UniStopNestedScrollEvent](#unistopnestedscrollevent)) => void |   | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 子元素滚动结束或意外终止时触发 |
+| @dragstart | eventhandle |   | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>滑动开始事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft } |
+| @dragging | eventhandle |   | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>滑动事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft } |
+| @dragend | eventhandle |   | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>滑动结束事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft, velocity } |
+| ~~scroll-x~~ | boolean | false | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 允许横向滚动，不支持同时设置scroll-y属性为true，同时设置true时scroll-y生效。已废弃，请改用direction |
+| ~~scroll-y~~ | boolean | true | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 允许竖向滚动，不支持同时设置scroll-x属性为true，同时设置true时scroll-y生效。已废弃，请改用direction |
+| ~~rebound~~ | boolean | true | 微信小程序 x / 支付宝小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 是否开启回弹效果。已废弃，请改用bounces |
 
 ### 事件
 #### UniRefresherEvent
@@ -159,8 +159,8 @@ UniStartNestedScrollEvent -- Extends --> UniEvent
 ##### UniStartNestedScrollEvent 的属性值
 | 名称 | 类型 | 必填 | 兼容性 | 描述 |
 | :- | :- | :- |  :-: | :- |
-| node | UniElement | 是 |   | 开始滚动子节点对象 |
-| isTouch | boolean | 是 | Android 3.99 / iOS x（部分支持，见上） | 是否由触摸行为发生的Event |
+| node | UniElement | 是 | Android(VDOM) 3.99 / Android(Vapor) x / iOS x（部分支持，见上） | 开始滚动子节点对象 |
+| isTouch | boolean | 是 | Android(VDOM) 3.99 / Android(Vapor) x / iOS x（部分支持，见上） | 是否由触摸行为发生的Event |
 
 #### UniNestedPreScrollEvent
 
@@ -174,9 +174,9 @@ UniNestedPreScrollEvent -- Extends --> UniEvent
 ##### UniNestedPreScrollEvent 的属性值
 | 名称 | 类型 | 必填 | 兼容性 | 描述 |
 | :- | :- | :- |  :-: | :- |
-| deltaX | number | 是 |   | x轴滚动距离 |
-| deltaY | number | 是 |   | y轴滚动距离 |
-| isTouch | boolean | 是 | Android 3.99 / iOS x（部分支持，见上） | 是否由触摸行为发生的Event |
+| deltaX | number | 是 | Android(VDOM) 3.99 / Android(Vapor) x / iOS x（部分支持，见上） | x轴滚动距离 |
+| deltaY | number | 是 | Android(VDOM) 3.99 / Android(Vapor) x / iOS x（部分支持，见上） | y轴滚动距离 |
+| isTouch | boolean | 是 | Android(VDOM) 3.99 / Android(Vapor) x / iOS x（部分支持，见上） | 是否由触摸行为发生的Event |
 
 ##### UniNestedPreScrollEvent 的方法
 | 名称 | 类型 | 必填 | 描述 |
@@ -264,7 +264,7 @@ uni-ui x 提供了开源的自定义下拉刷新组件，可以体验：[uni-ref
 
 VDOM模式的scroll-view嵌套滚动需要更多手工工作。而蒸汽模式已经简化。
 
-### 蒸汽模式
+#### 蒸汽模式
 
 蒸汽模式已废弃 `type` 属性，只需要设置内层 scroll-view 的 `associative-container` 属性为 "nested-scroll-view" 即可开启嵌套模式。
 
@@ -324,11 +324,11 @@ VDOM模式的scroll-view嵌套滚动需要更多手工工作。而蒸汽模式
 下面的示例代码，在一个scroll-view中嵌套了一个list-view。在list-view上设置了custom-nested-scroll="true"。
 
 ```html
-<scroll-view style="height: 100%;" scroll-y="true" rebound ="false" nested-scroll-child="listview" @startnestedscroll="onStartNestedScroll" @nestedprescroll="onNestedPreScroll"
+<scroll-view style="height: 100%;" rebound ="false" nested-scroll-child="listview" @startnestedscroll="onStartNestedScroll" @nestedprescroll="onNestedPreScroll"
 	@stopnestedscroll="onStopNestedScroll">
 		...
 		<view style="height: 100px;">停靠视图</view>
-		<list-view id="listview"  class="child-scroll" scroll-y="true" custom-nested-scroll="true">
+		<list-view id="listview"  class="child-scroll" custom-nested-scroll="true">
 			...
 		</list-view>
 </scroll-view>
@@ -369,9 +369,13 @@ onNestedPreScroll(event: NestedPreScrollEvent) {
 
 ### tips
 
+小程序的规范中，通过scroll-y和scroll-x设置可滚动方向。但作为一个布尔属性，scroll-y默认为false，导致不写scroll-y就无法滚动。
+
+在 uni-app x 中，修改了这个规范，scroll-view 默认就是可垂直滚动的，替代scroll-y和scroll-x的是新属性`direction`，
+它的值域有：none、all、horizontal、vertical，并且默认值是vertical。\
+编译到小程序时，也会用`direction`来替代scroll-y和scroll-x。
+
 #### App平台通用注意事项
-+ App-Android、App-iOS平台的滚动方向不能同时横竖，如需同时水平和垂直滚动，可以套2层，一个横一个竖，来实现2个方向能滚动。
-+ App平台scroll-view组件不支持动态切换横竖滚动方向
 + App平台scroll-view组件的overflow属性不支持配置visible
 + App平台scroll-view组件默认高度取值：
 	- scroll-view组件的子元素高度之和未超过scroll-view组件的父元素高度：
@@ -386,9 +390,9 @@ onNestedPreScroll(event: NestedPreScrollEvent) {
 		
 + 横向滚动时注意关注flex方向，子内容如需横向排布需要加`flex-direction: row`。
 
-#### App平台蒸汽模式注意事项
-
 #### App平台VDOM模式注意事项
++ App-Android、App-iOS平台 在VDOM时，滚动方向不能同时横竖，如需同时水平和垂直滚动，可以套2层，一个横一个竖，来实现2个方向能滚动。
++ App平台scroll-view组件不支持动态切换横竖滚动方向
 
 ### 示例
 示例为[hello uni-app x alpha分支](https://gitcode.com/dcloud/hello-uni-app-x/blob/prod_alpha/pages/component/scroll-view/scroll-view.uvue)，与最新HBuilderX Alpha版同步。与最新正式版同步的master分支示例[另见](https://gitcode.com/dcloud/hello-uni-app-x/blob/master//pages/component/scroll-view/scroll-view.uvue) 
@@ -399,9 +403,6 @@ onNestedPreScroll(event: NestedPreScrollEvent) {
 >示例
 ```vue
 <template>
-  
-  <scroll-view class="page-scroll-view">
-  
     <page-head title="scroll-view,区域滚动视图"></page-head>
     <view class="uni-padding-wrap uni-common-mt">
       <view class="uni-title uni-common-mt">
@@ -420,7 +421,7 @@ onNestedPreScroll(event: NestedPreScrollEvent) {
       <view @tap="goTop" class="uni-center uni-common-mt">
         <text class="uni-link">点击这里返回顶部</text>
       </view>
-      <boolean-data :defaultValue="false" title="是否禁用scroll-view滚动" @change="change_disabled_boolean"></boolean-data>
+      <boolean-data :value="false" title="是否禁用scroll-view滚动" @change="change_disabled_boolean"></boolean-data>
 
       <view class="uni-title uni-common-mt">
         <text class="uni-title-text">Horizontal Scroll</text>
@@ -476,9 +477,6 @@ onNestedPreScroll(event: NestedPreScrollEvent) {
       <view class="uni-common-pb"></view>
       
     </view>
-  
-  </scroll-view>
-  
 </template>
 
 

package/data/uniappx/component/share-element.md

@@ -17,34 +17,37 @@
 注意共享元素组件仅指的是动画的视觉共享，并不是2个页面真的复用了同一个组件实例，不同页面的组件仍然是各自单独的实例。
 
 ### 兼容性 
-| Web | 微信小程序 | Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS |
-| :- | :- | :- | :- | :- | :- | :- |
-| <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> | 4.51 | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 4.51 | <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(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | 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> | 4.51 | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 4.51 | <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> |
 
 ### 属性 
 | 名称 | 类型 | 默认值 | 兼容性 | 描述 |
 | :- | :- | :- |  :-: | :- |
-| share-key | string |   | Web x / 微信小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 映射标记，页面内唯一 |
-| easing-function | string | "ease-out" | Web x / 微信小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | `css`缓动函数 |
+| share-key | string |   | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 映射标记，页面内唯一 |
+| easing-function | string | "ease-out" | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | `css`缓动函数 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| ease | Web x / 微信小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 表示过渡效果开始缓慢，然后逐渐加速，最后减速结束。这是大多数情况下的推荐值，因为它创建了平滑的过渡效果 |
-| ease-out | Web x / 微信小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 过渡开始时较快，然后逐渐减速。这会在过渡末尾创建一个缓慢的效果 |
-| ease-in | Web x / 微信小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 过渡开始时较慢，然后逐渐加速。这会在过渡初期创建一个缓慢的效果 |
-| ease-in-out | Web x / 微信小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 过渡开始时较慢，然后加速，最后减速。这是一个结合了ease-in和ease-out的时间函数，产生平滑的过渡效果 |
-| linear | Web x / 微信小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 过渡效果是线性的，速度保持恒定，没有加速或减速。这会在整个过渡期间保持相同的速度 |
-| cubic-bezier | Web x / 微信小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 用于自定义 CSS 过渡（transition）的时间函数的函数，它允许你精确地定义过渡效果的速度变化 |
-| shuttle-on-push | string | "to" | Web x / 微信小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 指定 push 阶段的飞跃物 |
+| ease | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 表示过渡效果开始缓慢，然后逐渐加速，最后减速结束。这是大多数情况下的推荐值，因为它创建了平滑的过渡效果 |
+| ease-out | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 过渡开始时较快，然后逐渐减速。这会在过渡末尾创建一个缓慢的效果 |
+| ease-in | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 过渡开始时较慢，然后逐渐加速。这会在过渡初期创建一个缓慢的效果 |
+| ease-in-out | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 过渡开始时较慢，然后加速，最后减速。这是一个结合了ease-in和ease-out的时间函数，产生平滑的过渡效果 |
+| linear | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 过渡效果是线性的，速度保持恒定，没有加速或减速。这会在整个过渡期间保持相同的速度 |
+| cubic-bezier | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 4.51 / Android(Vapor) x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 用于自定义 CSS 过渡（transition）的时间函数的函数，它允许你精确地定义过渡效果的速度变化 |
+| shuttle-on-push | string | "to" | Web x / 微信小程序 x / 支付宝小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 指定 push 阶段的飞跃物 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| from | Web x / 微信小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | push 阶段采用源页面节点作为飞跃物 |
-| to | Web x / 微信小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | push 阶段采用目标页面节点作为飞跃物 |
-| shuttle-on-pop | string | "to" | Web x / 微信小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 指定 pop 阶段的飞跃物 |
+| from | Web x / 微信小程序 x / 支付宝小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | push 阶段采用源页面节点作为飞跃物 |
+| to | Web x / 微信小程序 x / 支付宝小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | push 阶段采用目标页面节点作为飞跃物 |
+| shuttle-on-pop | string | "to" | Web x / 微信小程序 x / 支付宝小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 指定 pop 阶段的飞跃物 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| from | Web x / 微信小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | pop 阶段采用源页面节点作为飞跃物 |
-| to | Web x / 微信小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | pop 阶段采用目标页面节点作为飞跃物 |
-| transition-on-gesture | boolean | false | Web x / 微信小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 手势返回时是否进行动画 |
+| from | Web x / 微信小程序 x / 支付宝小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | pop 阶段采用源页面节点作为飞跃物 |
+| to | Web x / 微信小程序 x / 支付宝小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | pop 阶段采用目标页面节点作为飞跃物 |
+| transition-on-gesture | boolean | false | Web x / 微信小程序 x / 支付宝小程序 x / Android x / iOS(VDOM) 4.51 / iOS(Vapor) x / HarmonyOS x（部分支持，见上） | 手势返回时是否进行动画 |
+| key | string |   | 微信小程序 4.41 / 支付宝小程序 x（部分支持，见上） | *(string)*<br/>映射标记，页面内唯一 |
+| transform | boolean |   | 微信小程序 4.41 / 支付宝小程序 x（部分支持，见上） | *(boolean)*<br/>是否进行动画 |
+| duration | number |   | 微信小程序 4.41 / 支付宝小程序 x（部分支持，见上） | *(number)*<br/>动画时长，单位毫秒 |
 
 ### 指定飞跃物
 
@@ -120,7 +123,7 @@
 
   <scroll-view style="flex: 1">
     <view class="content">
-      <boolean-data :defaultValue="transitionOnGesture" title="transition-on-gesture= true(仅iOS生效)"
+      <boolean-data :value="transitionOnGesture" title="transition-on-gesture= true(仅iOS生效)"
         @change="changeTransitionOnGesture"></boolean-data>
 
       <text class="uni-common-mt choose-property-title">easing-function:</text>
@@ -208,7 +211,7 @@
 
 ### 参见
 - [相关 Bug](https://issues.dcloud.net.cn/?mid=component.view-container.share-element)
-- [微信小程序文档](https://developers.weixin.qq.com/doc/search.html?source=enter&query=share-element&doc_type=miniprogram)
+- [微信小程序文档](https://developers.weixin.qq.com/miniprogram/dev/component/share-element.html)
 - [支付宝小程序文档](https://open.alipay.com/portal/zhichi/search?keyword=share-element&pageIndex=1&pageSize=10&source=doc_top&type=all)
 - [百度小程序文档](https://smartprogram.baidu.com/forum/search?query=share-element&scope=devdocs&source=docs)
 - [抖音小程序文档](https://developer.open-douyin.com/search-page?keyword=share-element&secondType=all&type=1)

package/data/uniappx/component/slider.md

@@ -1,38 +1,42 @@
 ::: sourceCode
 ## slider
 
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-form/components/slider
+
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-form/components/slider
+
 > 组件类型：UniSliderElement 
 
  滑动选择器
 
 ### 兼容性 
-| 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组件)一同提交 |
-| disabled | boolean | false | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 是否禁用 |
-| min | number | 0 | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | slider 最小值 |
-| max | number | 100 | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | slider 最大值 |
-| step | number | 1 | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | slider 步长，取值必须大于 0，并且可被(max - min)整除 |
-| value | number | 0 | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | slider 当前取值 |
-| activeBackgroundColor | string(string.ColorString) | "#007aff" | Web 4.18 / 微信小程序 x / Android 4.18 / iOS 4.18 / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | slider 滑块左侧已选择部分的线条颜色 (vapor 模式请使用 track-active-class) |
-| ~~activeColor~~ | string(string.ColorString) | "#007aff" | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | slider 滑块左侧已选择部分的线条颜色 |
-| backgroundColor | string(string.ColorString) | "#e9e9e9" | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | slider 背景条的颜色 (vapor 模式请使用 track-class) |
-| block-size | number | 28 | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | slider 滑块的大小，取值范围为 12 - 28 (vapor 模式请使用 thumb-class) |
-| ~~block-color~~ | string(string.ColorString) | "#ffffff" | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 滑块颜色 (使用foreColor替代) |
-| foreColor | string(string.ColorString) |   | Web 4.18 / 微信小程序 x / Android 4.18 / iOS 4.18 / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | slider 的滑块背景颜色 (vapor 模式请使用 thumb-class) |
-| show-value | boolean | false | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 是否显示当前 value |
-| color | color |   | Web - / 微信小程序 4.41 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | *(color)*<br/>背景条的颜色（请使用 backgroundColor） |
-| selected-color | color |   | Web - / 微信小程序 4.41 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | *(color)*<br/>已选择的颜色（请使用 activeColor） |
-| track-class | string(string.ClassString) |   | Android(Vapor) 5.21 / iOS(VDOM) x / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） | slider 背景条样式类名 |
-| track-active-class | string(string.ClassString) |   | Android(Vapor) 5.21 / iOS(VDOM) x / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） | slider 滑块左侧已选择部分的线条样式类名 |
-| thumb-class | string(string.ClassString) |   | Android(Vapor) 5.21 / iOS(VDOM) x / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） | slider 滑块样式类名 |
-| @change | (event: [UniSliderChangeEvent](#unisliderchangeevent)) => void |   | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 完成一次拖动后触发的事件，event.detail = {value: value} |
-| @changing | (event: [UniSliderChangeEvent](#unisliderchangeevent)) => void |   | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 拖动过程中触发的事件，event.detail = {value: value} |
+| name | string |   | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 表单的控件名称，作为键值对的一部分与表单(form组件)一同提交 |
+| disabled | boolean | false | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 是否禁用 |
+| min | number | 0 | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | slider 最小值 |
+| max | number | 100 | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | slider 最大值 |
+| step | number | 1 | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | slider 步长，取值必须大于 0，并且可被(max - min)整除 |
+| value | number | 0 | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | slider 当前取值 |
+| activeBackgroundColor | string(string.ColorString) | "#007aff" | Web 4.18 / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 4.18 / Android(Vapor) x / iOS(VDOM) 4.18 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | slider 滑块左侧已选择部分的线条颜色 (vapor 模式请使用 track-active-class) |
+| backgroundColor | string(string.ColorString) | "#e9e9e9" | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | slider 背景条的颜色 (vapor 模式请使用 track-class) |
+| block-size | number | 28 | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | slider 滑块的大小，取值范围为 12 - 28 (vapor 模式请使用 thumb-class) |
+| foreColor | string(string.ColorString) |   | Web 4.18 / 微信小程序 x / 支付宝小程序 x / Android(VDOM) 4.18 / Android(Vapor) x / iOS(VDOM) 4.18 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | slider 的滑块背景颜色 (vapor 模式请使用 thumb-class) |
+| show-value | boolean | false | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 是否显示当前 value |
+| track-class | string(string.ClassString) |   | 微信小程序 x / 支付宝小程序 x / Android(Vapor) 5.21 / iOS(VDOM) x / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） | slider 背景条样式类名 |
+| track-active-class | string(string.ClassString) |   | 微信小程序 x / 支付宝小程序 x / Android(Vapor) 5.21 / iOS(VDOM) x / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） | slider 滑块左侧已选择部分的线条样式类名 |
+| thumb-class | string(string.ClassString) |   | 微信小程序 x / 支付宝小程序 x / Android(Vapor) 5.21 / iOS(VDOM) x / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） | slider 滑块样式类名 |
+| @change | (event: [UniSliderChangeEvent](#unisliderchangeevent)) => void |   | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 完成一次拖动后触发的事件，event.detail = {value: value} |
+| @changing | (event: [UniSliderChangeEvent](#unisliderchangeevent)) => void |   | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 拖动过程中触发的事件，event.detail = {value: value} |
+| ~~activeColor~~ | string(string.ColorString) | "#007aff" | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | slider 滑块左侧已选择部分的线条颜色 |
+| ~~block-color~~ | string(string.ColorString) | "#ffffff" | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 滑块颜色 (使用foreColor替代) |
+| ~~color~~ | color |   | Web - / 微信小程序 4.41 / 支付宝小程序 x（部分支持，见上） | *(color)*<br/>背景条的颜色（请使用 backgroundColor） |
+| ~~selected-color~~ | color |   | Web - / 微信小程序 4.41 / 支付宝小程序 x（部分支持，见上） | *(color)*<br/>已选择的颜色（请使用 activeBackgroundColor） |
 
 ### 事件
 #### UniSliderChangeEvent
@@ -85,7 +89,7 @@ show-value属性设为true后，会在横条右侧显示一个数字。
 ```vue
 
 
-<template>
+<template>
   <view class="main">
     <slider :disabled="data.disabled_boolean" :min="data.min_input" :max="data.max_input" :step="data.step_input" :value="data.value_input"
       :activeColor="data.activeColor_input" :backgroundColor="data.backgroundColor_input" :block-size="data.block_size_input"
@@ -98,14 +102,13 @@ show-value属性设为true后，会在横条右侧显示一个数字。
   <scroll-view style="flex: 1">
     <view class="content">
       <page-head title="组件属性"></page-head>
-      <boolean-data :defaultValue="false" title="是否显示当前 value" @change="change_show_value_boolean"></boolean-data>
-      <boolean-data :defaultValue="false" title="是否禁用" @change="change_disabled_boolean"></boolean-data>
+      <boolean-data :value="false" title="是否显示当前 value" @change="change_show_value_boolean"></boolean-data>
+      <boolean-data :value="false" title="是否禁用" @change="change_disabled_boolean"></boolean-data>
       <input-data defaultValue="0" title="最小值(min)" type="number" @confirm="confirm_min_input"></input-data>
       <input-data defaultValue="100" title="最大值(max)" type="number" @confirm="confirm_max_input"></input-data>
       <input-data defaultValue="1" title="步长(step)，取值必须大于 0，并且可被(max - min)整除" type="number"
         @confirm="confirm_step_input"></input-data>
       <input-data defaultValue="0" title="当前取值(value)" type="number" @confirm="confirm_value_input"></input-data>
-      
       <input-data defaultValue="#007aff" title="滑块左侧已选择部分的线条颜色(active-color)" type="text"
         @confirm="confirm_activeColor_input"></input-data>
       <input-data defaultValue="#e9e9e9" title="背景条的颜色(background-color)" type="text"
@@ -114,6 +117,7 @@ show-value属性设为true后，会在横条右侧显示一个数字。
         @confirm="confirm_block_size_input"></input-data>
       <input-data defaultValue="#ffffff" title="滑块颜色(block-color)" type="text"
         @confirm="confirm_block_color_input"></input-data>
+      
       <input-data defaultValue="#888888" title="Value颜色(value-color)" type="text"
         @confirm="confirm_value_color_input"></input-data>
       
@@ -145,13 +149,15 @@ show-value属性设为true后，会在横条右侧显示一个数字。
         <slider style="padding: 5px 0;margin-left: 10px" @change="sliderChange" :value="100" :min="50" :max="200" :show-value="true" />
       </view>
 
-      <view class="uni-title">不同颜色和大小的滑块</view>
+      <view class="uni-title">不同颜色和大小的滑块（属性）</view>
+      <view>
+        <slider style="padding: 5px 0;margin-left: 10px" id="slider-color-and-size-props" @change="sliderChange"
+          :value="data.sliderValue" :backgroundColor="data.sliderBackgroundColor" :activeColor="data.sliderActiveColor"
+          :block-color="data.sliderBlockColor" :block-size="data.sliderBlockSize" />
+      </view>
+      <view class="uni-title">外部样式类（externalClass）</view>
       <view>
-        
         <slider style="padding: 5px 0;margin-left: 10px" id="slider-custom-color-and-size" @change="sliderChange" :value="data.sliderValue"
-          :backgroundColor="data.sliderBackgroundColor" :activeColor="data.sliderActiveColor"
-          :activeBackgroundColor="data.sliderActiveColor" :blockColor="data.sliderBlockColor" :foreColor="data.sliderBlockColor"
-          :block-size="data.sliderBlockSize"
           track-class="custom-track" track-active-class="custom-track-active" thumb-class="custom-thumb"/>
       </view>
       <view class="uni-title">暗黑模式</view>
@@ -159,13 +165,13 @@ show-value属性设为true后，会在横条右侧显示一个数字。
         <slider style="padding: 5px 0;margin-left: 10px" :show-value="true" backgroundColor="rgba(32,32,32,0.5)" valueColor="#555" track-class="dark-track" thumb-class="dark-thumb"/>
       </view>
 
-      
-        <navigator class="uni-common-mb" url="/pages/template/slider-100/slider-100">
-          <button>组件性能测试</button>
-        </navigator>
-      
-
-      <navigator class="uni-common-mb" url="./slider-in-swiper">
+      
+        <navigator class="uni-common-mb" url="/pages/template/slider-100/slider-100">
+          <button>组件性能测试</button>
+        </navigator>
+      
+
+      <navigator class="uni-common-mb" url="./slider-in-swiper">
         <button>slider in swiper</button>
       </navigator>
 
@@ -198,10 +204,10 @@ show-value属性设为true后，会在横条右侧显示一个数字。
   }
 
   .custom-thumb {
-    width: 20px;
-    height: 20px;
+    width: 16px;
+    height: 16px;
     background-color: #8A6DE9;
-    border-radius: 10px;
+    border-radius: 8px;
   }
 
   /* 暗黑模式样式 */