tmui-cli 2.0.6 → 5.3.2

package/data/uniappx/component/page-container.md

@@ -1,6 +1,10 @@
 ::: sourceCode
 ## page-container
 
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-page-container/components/page-container
+
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-page-container/components/page-container
+
 > 组件类型：UniPageContainerElement 
 
  页面容器组件。用于创建弹出层，支持拦截返回操作
@@ -10,36 +14,36 @@ page-container 的特点：
 - 与[dialogPage](../api/dialog-page.md)相比，`page-container` 是组件而不是页面；`page-container` 跨端，而 dialogPage 不支持小程序；dialogPage 支持覆盖pages.json中定义的顶部导航栏和tabbar，而 `page-container`不支持。
 
 ### 兼容性 
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| 5.02 | 4.41 | 5.02 | 5.02 | 5.02 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| 5.02 | 4.41 | 5.31 | 5.02 | 5.02 | 5.02 |
 
 ### 属性 
 | 名称 | 类型 | 默认值 | 兼容性 | 描述 |
 | :- | :- | :- |  :-: | :- |
-| show | boolean | false | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 是否显示容器组件 |
-| duration | number | 300 | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 动画时长，单位毫秒 |
-| z-index | number | 100 | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | z-index 层级 |
-| overlay | boolean | true | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 是否显示遮罩层 |
-| round | boolean | false | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 是否显示圆角 |
-| position | top \| left \| bottom \| right \| center | "bottom" | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 弹出位置 |
+| show | boolean | false | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 是否显示容器组件 |
+| duration | number | 300 | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 动画时长，单位毫秒 |
+| z-index | number | 100 | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | z-index 层级 |
+| overlay | boolean | true | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 是否显示遮罩层 |
+| round | boolean | false | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 是否显示圆角 |
+| position | top \| left \| bottom \| right \| center | "bottom" | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 弹出位置 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| top | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 顶部 |
-| left | Web 5.02 / 微信小程序 x / Android 5.02 / iOS 5.02 / HarmonyOS 5.02（部分支持，见上） | 左侧 |
-| bottom | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 底部 |
-| right | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 右侧 |
-| center | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 居中 |
-| close-on-slide-down | boolean | false | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 是否在下滑一段距离后关闭 |
-| overlay-style | string(string.CSSString) |   | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 自定义遮罩层样式 |
-| custom-style | string(string.CSSString) |   | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 自定义弹出层样式 |
-| @beforeenter | eventhandle |   | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | *(eventhandle)*<br/>进入前触发 |
-| @enter | eventhandle |   | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | *(eventhandle)*<br/>进入中触发 |
-| @afterenter | eventhandle |   | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | *(eventhandle)*<br/>进入后触发 |
-| @beforeleave | eventhandle |   | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | *(eventhandle)*<br/>离开前触发 |
-| @leave | eventhandle |   | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | *(eventhandle)*<br/>离开中触发 |
-| @afterleave | eventhandle |   | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | *(eventhandle)*<br/>离开后触发 |
-| @clickoverlay | (event: UniPointerEvent) => void |   | Web 5.02 / 微信小程序 4.41 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 点击遮罩层时触发 |
+| top | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 顶部 |
+| left | Web 5.02 / 微信小程序 x / 支付宝小程序 x / Android 5.02 / iOS 5.02 / HarmonyOS 5.02（部分支持，见上） | 左侧 |
+| bottom | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 底部 |
+| right | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 右侧 |
+| center | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 居中 |
+| close-on-slide-down | boolean | false | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 是否在下滑一段距离后关闭 |
+| overlay-style | string(string.CSSString) |   | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 自定义遮罩层样式 |
+| custom-style | string(string.CSSString) |   | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 自定义弹出层样式 |
+| @beforeenter | eventhandle |   | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | *(eventhandle)*<br/>进入前触发 |
+| @enter | eventhandle |   | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | *(eventhandle)*<br/>进入中触发 |
+| @afterenter | eventhandle |   | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | *(eventhandle)*<br/>进入后触发 |
+| @beforeleave | eventhandle |   | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | *(eventhandle)*<br/>离开前触发 |
+| @leave | eventhandle |   | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | *(eventhandle)*<br/>离开中触发 |
+| @afterleave | eventhandle |   | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | *(eventhandle)*<br/>离开后触发 |
+| @clickoverlay | (event: UniPointerEvent) => void |   | Web 5.02 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 5.02 / iOS 5.02 / HarmonyOS 5.02 | 点击遮罩层时触发 |
 
 ### Tips
 - uni ui组件库中曾广泛使用的uni-popup组件，在uni-app x中推荐改用 page-container 组件替代
@@ -54,6 +58,7 @@ page-container 的特点：
 - Web 暂不支持拦截侧滑返回和浏览器的后退按钮
 - `overlay-style` 设置 `pointer-events: none` 可以实现点击遮罩层不关闭弹窗
 - 居中弹出为全屏显示。此行为是为了对齐小程序的表现。由于遮罩层被覆盖，并不会触发 `click-overlay` 事件，可以自行调整 `custom-style` 的样式来规避此行为
+- 支付宝小程序中，当开启 `overlay` 并设置 `overlay-style` 后蒙层可能覆盖整个 `page-container` 内容区域，可以在 `overlay-style` 中补充 `z-index: 0` 规避此问题。
 
 ### 示例
 示例为[hello uni-app x alpha分支](https://gitcode.com/dcloud/hello-uni-app-x/blob/prod_alpha/pages/component/page-container/page-container.uvue)，与最新HBuilderX Alpha版同步。与最新正式版同步的master分支示例[另见](https://gitcode.com/dcloud/hello-uni-app-x/blob/master//pages/component/page-container/page-container.uvue) 
@@ -64,7 +69,7 @@ page-container 的特点：
 >示例
 ```vue
 <template>
-  <scroll-view class="uni-theme-root" style="flex: 1">
+  <scroll-view style="flex: 1">
     <page-intro
       content="本页演示 page-container 页面容器，用于在页面内创建弹出层效果，支持拦截返回操作：顶部/底部/左侧/右侧/居中弹出、圆角、遮罩与透明蒙层、下滑关闭等能力，通过按钮触发不同展示。"></page-intro>
     <view class="uni-padding-wrap uni-common-mt">
@@ -147,17 +152,21 @@ page-container 的特点：
       </view>
     </view>
 
+    
     <view class="uni-padding-wrap uni-common-mt">
       <view class="uni-title uni-common-mt">
         <text class="uni-title-text"> 其他方向滑动关闭 </text>
       </view>
       <view>
+        
         <button @click="showSlideClose('left')">左滑关闭</button>
+        
         <button class="mt-5" @click="showSlideClose('right')">右滑关闭</button>
         <button class="mt-5" @click="showSlideClose('top')">上滑关闭</button>
         <text class="slider-down-info">提示: close-on-slide-down=true 时，关闭方向由 position 决定</text>
       </view>
     </view>
+    
 
     
     <view class="uni-padding-wrap uni-common-mt" style="margin-bottom: 30px;">
@@ -191,7 +200,7 @@ page-container 的特点：
     
     
     <page-container v-if="showStackedPop1" :show="showStackedPop1" position="center" @afterleave="closeStackedLayer1">
-      <view class="stacked-container stacked-container-level-1" style="width: 360px;">
+      <view class="stacked-container stacked-container-level-1" style="width: 360px;">
         <text class="container-title">第1层弹层</text>
         <text class="container-content">这是第1层弹层,点击下方按钮可以打开第2层</text>
         <view style="flex-direction: row; justify-content: space-around;">
@@ -203,7 +212,7 @@ page-container 的特点：
 
     
     <page-container v-if="showStackedPop2" :show="showStackedPop2" position="center" @afterleave="closeStackedLayer2">
-      <view class="stacked-container stacked-container-level-2" style="width: 340px;">
+      <view class="stacked-container stacked-container-level-2" style="width: 340px;">
         <text class="container-title">第2层弹层</text>
         <text class="container-content">这是第2层弹层,点击下方按钮可以打开第3层</text>
         <view style="flex-direction: row; justify-content: space-around;">
@@ -215,7 +224,7 @@ page-container 的特点：
 
     
     <page-container v-if="showStackedPop3" :show="showStackedPop3" position="center" @afterleave="closeStackedLayer3">
-      <view class="stacked-container stacked-container-level-3" style="width: 300px;">
+      <view class="stacked-container stacked-container-level-3" style="width: 300px;">
         <text class="container-title">第3层弹层</text>
         <text class="container-content">这是第3层弹层,最顶层的弹层</text>
         <button @click="closeStackedLayer3" size="default">关闭本层</button>
@@ -252,23 +261,23 @@ page-container 的特点：
 
 
 <style scoped>
-  .container {
+  .container {
     padding: 20px;
-    background-color: var(--list-background-color, #ffffff);
+    background-color: var(--list-background-color, #ffffff);
     min-height: 300px;
     min-width: 300px;
   }
 
-  .container-title {
+  .container-title {
     font-size: 18px;
     font-weight: bold;
-    color: var(--text-color, #333);
+    color: var(--text-color, #333);
     margin-bottom: 10px;
   }
 
-  .container-content {
+  .container-content {
     font-size: 14px;
-    color: var(--active-color, #666);
+    color: var(--active-color, #666);
     margin-bottom: 15px;
   }
 
@@ -276,56 +285,56 @@ page-container 的特点：
     margin-top: 5px;
   }
 
-  .slider-down-info {
+  .slider-down-info {
     font-size: 12px;
-    color: var(--active-color, #999);
+    color: var(--active-color, #999);
     margin-top: 5px;
     margin-bottom: 20px;
   }
 
-  .stacked-container {
+  .stacked-container {
     padding: 10px;
     border-radius: 8px;
     min-height: 150px;
-  }
-
-  .stacked-container-level-1 {
-    background-color: #ffffff;
-  }
-
-  .stacked-container-level-2 {
-    background-color: #f0f0f0;
-  }
-
-  .stacked-container-level-3 {
-    background-color: #e0e0e0;
-  }
-
-  .align-container {
-    background-color: var(--list-background-color, #ffffff);
+  }
+
+  .stacked-container-level-1 {
+    background-color: #ffffff;
+  }
+
+  .stacked-container-level-2 {
+    background-color: #f0f0f0;
+  }
+
+  .stacked-container-level-3 {
+    background-color: #e0e0e0;
+  }
+
+  .align-container {
+    background-color: var(--list-background-color, #ffffff);
     width: 200px;
     border-radius: 8px;
     margin-top: -1px;
   }
 
-  .align-menu-item {
+  .align-menu-item {
     padding: 12px;
     border-bottom-width: 1px;
     border-bottom-style: solid;
-    border-bottom-color: var(--border-color, #eeeeee);
+    border-bottom-color: var(--border-color, #eeeeee);
   }
 
   .align-menu-item-last {
     border-bottom-width: 0;
   }
 
-  .align-menu-text {
+  .align-menu-text {
     font-size: 14px;
-    color: var(--text-color, #333333);
+    color: var(--text-color, #333333);
   }
 
-  .align-menu-item-hover {
-    background-color: var(--active-background-color, #f5f5f5);
+  .align-menu-item-hover {
+    background-color: var(--active-background-color, #f5f5f5);
   }
 
   .align-shell {
@@ -335,39 +344,39 @@ page-container 的特点：
     background-color: transparent;
   }
 
-  .align-arrow {
+  .align-arrow {
     position: absolute;
     top: 0;
     width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
-    border-bottom: 8px solid #ffffff;
-  }
-
-  @media (prefers-color-scheme: dark) {
-    .container-content,
-    .slider-down-info {
-      color: #d0d0d0;
-    }
-
-    .stacked-container-level-1 {
-      background-color: #2d2d2d;
-    }
-
-    .stacked-container-level-2 {
-      background-color: #353535;
-    }
-
-    .stacked-container-level-3 {
-      background-color: #3b3b3b;
-    }
-
-    .align-arrow {
-      border-bottom-color: #2d2d2d;
-    }
-  }
-</style>
+    border-bottom: 8px solid #ffffff;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    .container-content,
+    .slider-down-info {
+      color: #d0d0d0;
+    }
+
+    .stacked-container-level-1 {
+      background-color: #2d2d2d;
+    }
+
+    .stacked-container-level-2 {
+      background-color: #353535;
+    }
+
+    .stacked-container-level-3 {
+      background-color: #3b3b3b;
+    }
+
+    .align-arrow {
+      border-bottom-color: #2d2d2d;
+    }
+  }
+</style>
 
 ```
 

package/data/uniappx/component/page-meta.md

@@ -4,27 +4,31 @@
 页面元数据，用于设置页面的一些属性，如背景色、下拉刷新等
 
 ### 兼容性 
-| 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 | 5.31 | <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> |
 
 ### 属性 
 | 名称 | 类型 | 兼容性 | 描述 |
 | :- | :- |  :-: | :- |
-| background-text-style | string | Web x / 微信小程序 4.41 / Android x / iOS x（部分支持，见上） | 下拉背景字体、loading 图的样式，仅支持 dark 和 light |
-| background-color | string | Web x / 微信小程序 4.41 / Android x / iOS x（部分支持，见上） | 窗口的背景色，必须为十六进制颜色值 |
-| background-color-top | string | Web x / 微信小程序 4.41 / Android x / iOS x（部分支持，见上） | 顶部窗口的背景色，必须为十六进制颜色值，仅 iOS(uni-app) 支持 |
-| background-color-bottom | string | Web x / 微信小程序 4.41 / Android x / iOS x（部分支持，见上） | 底部窗口的背景色，必须为十六进制颜色值，仅 iOS(uni-app) 支持 |
-| scroll-top | string | Web x / 微信小程序 4.41 / Android x / iOS x（部分支持，见上） | 滚动位置，可以使用 px 或者 rpx 为单位，在被设置时，页面会滚动到对应位置（WebView 特有属性） |
-| scroll-duration | number | Web x / 微信小程序 4.41 / Android x / iOS x（部分支持，见上） | 滚动动画时长（WebView 特有属性） |
-| page-style | string | Web x / 微信小程序 4.41 / Android x / iOS x（部分支持，见上） | 页面根节点样式，页面根节点是所有页面节点的祖先节点，相当于 HTML 中的 body 节点 |
-| root-font-size | string | Web x / 微信小程序 4.41 / Android x / iOS x（部分支持，见上） | 页面的根字体大小，页面中的所有 rem 单位，将使用这个字体大小作为参考值，即 1rem 等于这个字体大小 |
-| root-background-color | string | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>页面内容的背景色，用于页面中的空白部分和页面大小变化 resize 动画期间的临时空闲区域 |
-| page-font-size | string | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>页面 page 的字体大小，可以设置为 `system` ，表示使用当前用户设置的微信字体大小 |
-| page-orientation | string | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>页面的方向，可为 `auto` `portrait` 或 `landscape` |
-| @resize | (event: UniEvent) => void | Web x / 微信小程序 4.41 / Android x / iOS x（部分支持，见上） | 页面尺寸变化时会触发 resize 事件， event.detail = { size: { windowWidth, windowHeight } } |
-| @scroll | (event: UniEvent) => void | Web x / 微信小程序 4.41 / Android x / iOS x（部分支持，见上） | 页面滚动时会触发 scroll 事件， event.detail = { scrollTop }（WebView 特有属性） |
-| @scrolldone | (event: UniEvent) => void | Web x / 微信小程序 4.41 / Android x / iOS x（部分支持，见上） | 如果通过改变 scroll-top 属性来使页面滚动，页面滚动结束后会触发 scrolldone 事件（WebView 特有属性） |
+| background-text-style | string | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x（部分支持，见上） | 下拉背景字体、loading 图的样式，仅支持 dark 和 light |
+| background-color | string | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x（部分支持，见上） | 窗口的背景色，必须为十六进制颜色值 |
+| background-color-top | string | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x（部分支持，见上） | 顶部窗口的背景色，必须为十六进制颜色值，仅 iOS(uni-app) 支持 |
+| background-color-bottom | string | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x（部分支持，见上） | 底部窗口的背景色，必须为十六进制颜色值，仅 iOS(uni-app) 支持 |
+| scroll-top | string | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x（部分支持，见上） | 滚动位置，可以使用 px 或者 rpx 为单位，在被设置时，页面会滚动到对应位置（WebView 特有属性） |
+| scroll-duration | number | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x（部分支持，见上） | 滚动动画时长（WebView 特有属性） |
+| page-style | string | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x（部分支持，见上） | 页面根节点样式，页面根节点是所有页面节点的祖先节点，相当于 HTML 中的 body 节点 |
+| root-font-size | string | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x（部分支持，见上） | 页面的根字体大小，页面中的所有 rem 单位，将使用这个字体大小作为参考值，即 1rem 等于这个字体大小 |
+| root-background-color | string | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>页面内容的背景色，用于页面中的空白部分和页面大小变化 resize 动画期间的临时空闲区域 |
+| page-font-size | string | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>页面 page 的字体大小，可以设置为 `system` ，表示使用当前用户设置的微信字体大小 |
+| page-orientation | string | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(string)*<br/>页面的方向，可为 `auto` `portrait` 或 `landscape` |
+| @resize | (event: UniEvent) => void | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x（部分支持，见上） | 页面尺寸变化时会触发 resize 事件， event.detail = { size: { windowWidth, windowHeight } } |
+| @scroll | (event: UniEvent) => void | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x（部分支持，见上） | 页面滚动时会触发 scroll 事件， event.detail = { scrollTop }（WebView 特有属性） |
+| @scrolldone | (event: UniEvent) => void | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x（部分支持，见上） | 如果通过改变 scroll-top 属性来使页面滚动，页面滚动结束后会触发 scrolldone 事件（WebView 特有属性） |
+
+### Tips
+
+更新 `scroll-top` 后，`page-font-size` 和 `root-font-size` 设置的文字大小可能丢失；可在 `page-style` 中设置 `font-size` 临时规避。
 
 ### 示例
 示例为[hello uni-app x alpha分支](https://gitcode.com/dcloud/hello-uni-app-x/blob/prod_alpha/pages/component/page-meta/page-meta.uvue)，与最新HBuilderX Alpha版同步。与最新正式版同步的master分支示例[另见](https://gitcode.com/dcloud/hello-uni-app-x/blob/master//pages/component/page-meta/page-meta.uvue) 
@@ -41,7 +45,12 @@
     :scroll-duration="2000"
     @scroll="scroll"
     @scrolldone="scrolldone"
+    
     page-style="color: green"
+    
+    
+    page-style="color: green; font-size: 30px"
+    
     root-font-size="30px"
   >
     <navigation-bar

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

@@ -2,28 +2,28 @@
 ## pan-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（部分支持，见上） | 手势状态 |
-| absoluteX | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于全局的 X 坐标 |
-| absoluteY | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于全局的 Y 坐标 |
-| deltaX | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对上一次，X 轴方向移动的坐标 |
-| deltaY | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对上一次，Y 轴方向移动的坐标 |
-| 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) |
-| 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（部分支持，见上） | 手势状态 |
+| absoluteX | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于全局的 X 坐标 |
+| absoluteY | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对于全局的 Y 坐标 |
+| deltaX | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对上一次，X 轴方向移动的坐标 |
+| deltaY | Web x / 微信小程序 4.41 / 支付宝小程序 x / Android x / iOS x / HarmonyOS x（部分支持，见上） | 相对上一次，Y 轴方向移动的坐标 |
+| 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) |
+| 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.pan-gesture-handler)

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

@@ -1,29 +1,33 @@
 ::: sourceCode
 ## picker-view
 
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-form/components/picker-view
+
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-form/components/picker-view
+
 > 组件类型：UniPickerViewElement 
 
  嵌入页面的滚动选择器
 
 ### 兼容性 
-| 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组件)一同提交 |
-| value | number\[\] | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 表单的控件值，作为键值对的一部分与表单(form组件)一同提交 |
-| indicator-style | string(string.CSSString) | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 指示器样式 |
-| indicator-class | string(string.ClassString) | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS 4.61（部分支持，见上） | 设置选择器中间选中框的类名 |
-| mask-style | string(string.CSSString) | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS 4.61（部分支持，见上） | 设置蒙层的样式 |
-| mask-top-style | string(string.CSSString) | Web x / 微信小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 遮罩顶部类 |
-| mask-bottom-style | string(string.CSSString) | Web x / 微信小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 遮罩底部类 |
-| mask-class | string(string.ClassString) | Web 4.0 / 微信小程序 4.41 / Android(VDOM) x / Android(Vapor) 5.21 / iOS(VDOM) x / iOS(Vapor) 5.11 / HarmonyOS 4.61（部分支持，见上） | 遮罩类 |
-| @change | (event: [UniPickerViewChangeEvent](#unipickerviewchangeevent)) => void | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 当滚动选择，value 改变时触发 change 事件，event.detail = {value: value}；value为数组，表示 picker-view 内的 picker-view-column 当前选择的是第几项（下标从 0<br/>		开始） |
-| @pickstart | eventhandle | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>当滚动选择开始时候触发事件 |
-| @pickend | eventhandle | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>当滚动选择结束时候触发事件 |
+| name | string | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 表单的控件名称，作为键值对的一部分与表单(form组件)一同提交 |
+| value | number\[\] | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 表单的控件值，作为键值对的一部分与表单(form组件)一同提交 |
+| indicator-style | string(string.CSSString) | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 指示器样式 |
+| indicator-class | string(string.ClassString) | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x / HarmonyOS 4.61（部分支持，见上） | 设置选择器中间选中框的类名 |
+| mask-style | string(string.CSSString) | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x / HarmonyOS 4.61（部分支持，见上） | 设置蒙层的样式 |
+| mask-top-style | string(string.CSSString) | Web x / 微信小程序 x / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 遮罩顶部类 |
+| mask-bottom-style | string(string.CSSString) | Web x / 微信小程序 x / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） | 遮罩底部类 |
+| mask-class | string(string.ClassString) | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) x / Android(Vapor) 5.21 / iOS(VDOM) x / iOS(Vapor) 5.11 / HarmonyOS 4.61（部分支持，见上） | 遮罩类 |
+| @change | (event: [UniPickerViewChangeEvent](#unipickerviewchangeevent)) => void | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 | 当滚动选择，value 改变时触发 change 事件，event.detail = {value: value}；value为数组，表示 picker-view 内的 picker-view-column 当前选择的是第几项（下标从 0<br/>		开始） |
+| @pickstart | eventhandle | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>当滚动选择开始时候触发事件 |
+| @pickend | eventhandle | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(eventhandle)*<br/>当滚动选择结束时候触发事件 |
 
 ### 事件
 #### UniPickerViewChangeEvent
@@ -45,9 +49,9 @@ UniPickerViewChangeEvent -- Extends --> UniCustomEvent&ltUniPickerViewChangeEven
 ### 子组件 @children-tags
 | 子组件 | 兼容性 |
 | :- | :- |
-| [picker-view-column](picker-view-column.md) | Web 4.0 / 微信小程序 4.41 / Android 3.9 / iOS 4.11 / HarmonyOS 4.61 |
+| [picker-view-column](picker-view-column.md) | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 x / Android 3.9 / iOS 4.11 / HarmonyOS 4.61（部分支持，见上） |
 
-### 支付宝小程序注意事项
+### Tips
 
 支付宝小程序动态设置 `picker-view` 指示器样式时可能出现偏移，建议使用静态配置，避免运行时修改指示器样式。
 
@@ -82,16 +86,16 @@ UniPickerViewChangeEvent -- Extends --> UniCustomEvent&ltUniPickerViewChangeEven
       </picker-view-column>
     </picker-view>
     
-    <boolean-data :defaultValue="false" title="设置选择器中间选中框的样式" @change="setIndicatorStyle"></boolean-data>
+    <boolean-data :value="false" title="设置选择器中间选中框的样式" @change="setIndicatorStyle"></boolean-data>
     
     
-    <boolean-data :defaultValue="false" title="设置选择器中间选中框的类名" @change="setIndicatorClass"></boolean-data>
-    <boolean-data :defaultValue="false" title="设置蒙层的样式" @change="setMaskStyle"></boolean-data>
-    <boolean-data :defaultValue="false" title="设置蒙层的类名" @change="setMaskClass"></boolean-data>
+    <boolean-data :value="false" title="设置选择器中间选中框的类名" @change="setIndicatorClass"></boolean-data>
+    <boolean-data :value="false" title="设置蒙层的样式" @change="setMaskStyle"></boolean-data>
+    <boolean-data :value="false" title="设置蒙层的类名" @change="setMaskClass"></boolean-data>
     
     
-    <boolean-data :defaultValue="false" title="设置蒙层上半部分的样式" @change="setMaskTopStyle"></boolean-data>
-    <boolean-data :defaultValue="false" title="设置蒙层下半部分的样式" @change="setMaskBottomStyle"></boolean-data>
+    <boolean-data :value="false" title="设置蒙层上半部分的样式" @change="setMaskTopStyle"></boolean-data>
+    <boolean-data :value="false" title="设置蒙层下半部分的样式" @change="setMaskBottomStyle"></boolean-data>
     
   </view>
 </template>
@@ -147,17 +151,21 @@ UniPickerViewChangeEvent -- Extends --> UniCustomEvent&ltUniPickerViewChangeEven
 ::: sourceCode
 ## picker-view-column
 
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-form/components/picker-view-column
+
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-form/components/picker-view-column
+
 仅可放置于 picker-view 中，其子节点未继承 picker-view 的选中框的高度，需要自己设置高度并居中
 
 ### 兼容性 
-| 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 |
 
 ### 属性 
 | 名称 | 类型 | 兼容性 |
 | :- | :- |  :-: |
-| value | number | HarmonyOS(Vapor) 5.0（部分支持，见上） |
+| value | number | 微信小程序 x / 支付宝小程序 x / HarmonyOS(Vapor) 5.0（部分支持，见上） |
 
 ### 参见
 - [相关 Bug](https://issues.dcloud.net.cn/?mid=component.form-component.picker-view.picker-view-column)