tmui-cli 5.3.2 → 5.3.3

package/data/uniappx/api/calendar.md

@@ -1,9 +1,9 @@
 ::: sourceCode
 ## uni.addPhoneRepeatCalendar(options) @addphonerepeatcalendar
 
-> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-calendar
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-calendar
 
-> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-calendar
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-calendar
 
 向系统日历添加重复事件
 
@@ -85,9 +85,9 @@
 ::: sourceCode
 ## uni.addPhoneCalendar(options) @addphonecalendar
 
-> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-calendar
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-calendar
 
-> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-calendar
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-calendar
 
 向系统日历添加事件
 

package/data/uniappx/api/compress-image.md

@@ -107,7 +107,7 @@
       <input-data defaultValue="0" title="旋转度数，范围0～360" type="number" @confirm="onRotateConfirm"></input-data>
     </view>
 
-    <bottom-safe-area />
+    <view class="scroll-view_bottom-fixed"></view>
 </template>
 
 

package/data/uniappx/api/contact.md

@@ -1,10 +1,6 @@
 ::: sourceCode
 ## uni.addPhoneContact(options) @addphonecontact
 
-> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-addPhoneContact
-
-> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-addPhoneContact
-
 添加手机通讯录联系人。用户可以选择将该表单以「新增联系人」或「添加到已有联系人」的方式，写入手机系统通讯录。
 
 ### addPhoneContact 兼容性  

package/data/uniappx/api/convert2-abs-full-path.md

@@ -1,6 +1,10 @@
 ::: sourceCode
 ## uni.convert2AbsFullPath(inputPath) @convert2absfullpath
 
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-convert2AbsFullPath
+
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-convert2AbsFullPath
+
 将文件的项目相对地址转换为 运行期对应的绝对地址
 
 ### convert2AbsFullPath 兼容性  

package/data/uniappx/api/create-canvas-context-async.md

@@ -1,10 +1,6 @@
 ::: sourceCode
 ## uni.createCanvasContextAsync(options) @createcanvascontextasync
 
-> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-canvas
-
-> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-canvas
-
 获取CanvasContext对象实例
 
 uni.createCanvasContextAsync 方法可以异步获取页面上指定id的canvas组件的上下文对象CanvasContext。

package/data/uniappx/api/create-inner-audio-context.md

@@ -516,7 +516,7 @@ offSeeked
       </navigator>
     </view>
 
-    <bottom-safe-area />
+    <view class="scroll-view_bottom-fixed"></view>
 </template>
 
 <style>

package/data/uniappx/api/get-app-base-info.md

@@ -48,7 +48,7 @@
 | hostTheme | string | 否 | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 系统当前主题，取值为light或dark。微信小程序全局配置"darkmode":true时才能获取，否则为 null （不支持小游戏）<br/> |
 | isUniAppX | boolean | 否 | Web 4.18 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.91 / iOS 4.11 / HarmonyOS 4.61 | 是否 uni-app x 项目<br/> |
 | uniCompilerVersion | string | 否 | Web 4.18 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.0 / iOS 4.11 / HarmonyOS 4.61 | uni 编译器版本名称<br/> |
-| uniCompilerRuleVersion | number | 否 |   | uni 编译器规则版本 |
+| uniCompilerRuleVersion | number | 否 | Web x / 微信小程序 x / 支付宝小程序 x / Android(VDOM) x / Android(Vapor) 5.32 / iOS(VDOM) x / iOS(Vapor) 5.32 / HarmonyOS(VDOM) x / HarmonyOS(Vapor) 5.32（部分支持，见上） | uni 编译器规则版本 |
 | uniCompilerVersionCode | number | 否 | Web 4.18 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.0 / iOS 4.11 / HarmonyOS 4.61 | uni 编译器版本号<br/> |
 | uniRuntimeVersion | string | 否 | Web 4.18 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.91 / iOS 4.11 / HarmonyOS 5.0 | uni 运行时版本名称<br/> |
 | uniRuntimeVersionCode | number | 否 | Web 4.0 / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 3.91 / iOS 4.11 / HarmonyOS 4.61 | uni 运行时版本号<br/> |

package/data/uniappx/api/get-location.md

@@ -1,9 +1,9 @@
 ::: sourceCode
 ## uni.getLocation(options) @getlocation
 
-> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-getLocation-tencent-uni1
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-location
 
-> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-getLocation-tencent-uni1
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-location
 
 获取当前的地理位置、速度
 

package/data/uniappx/api/get-recorder-manager.md

@@ -345,7 +345,7 @@ offInterruptionEnd
       <button class="btnstyle" size="default" id="btn-stopPlay" @click="stopVoice">停止播放</button>
     </view>
 
-    <bottom-safe-area />
+    <view class="scroll-view_bottom-fixed"></view>
   </scroll-view>
 </template>
 

package/data/uniappx/api/get-video-info.md

@@ -114,7 +114,7 @@
       <text class="margin-top-10">{{relativeVideoInfo}}</text>
     </view>
 
-    <bottom-safe-area />
+    <view class="scroll-view_bottom-fixed"></view>
     
 </template>
 

package/data/uniappx/api/gyroscope.md

@@ -1,9 +1,9 @@
 ::: sourceCode
 ## uni.startGyroscope(options?) @startgyroscope
 
-> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-gyroscope
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-gyroscope
 
-> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-gyroscope
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-gyroscope
 
 开始监听陀螺仪数据。
 
@@ -86,9 +86,9 @@
 ::: sourceCode
 ## uni.stopGyroscope(options?) @stopgyroscope
 
-> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-gyroscope
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-gyroscope
 
-> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-gyroscope
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-gyroscope
 
 停止监听陀螺仪数据变化事件。
 
@@ -161,9 +161,9 @@
 ::: sourceCode
 ## uni.onGyroscopeChange(callback) @ongyroscopechange
 
-> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-gyroscope
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-gyroscope
 
-> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-gyroscope
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-gyroscope
 
 监听陀螺仪数据变化事件
 支付宝小程序频率为 500ms/次，微信小程序频率根据 uni.startGyroscope 的 interval 参数设置。事件只有在调用 uni.startGyroscope 后才会开始监听，使用 uni.stopGyroscope 可以停止监听。
@@ -209,9 +209,9 @@
 ::: sourceCode
 ## uni.offGyroscopeChange(callback?) @offgyroscopechange
 
-> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-gyroscope
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-gyroscope
 
-> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-gyroscope
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-gyroscope
 
 停止监听陀螺仪数据变化事件
 

package/data/uniappx/api/install-wgt.md

@@ -1,6 +1,10 @@
 ::: sourceCode
 ## uni.installWgt(options) @installwgt
 
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-install-wgt
+
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-install-wgt
+
 安装wgt包
 
 wgt，是 uni-app x 蒸汽模式的前端资源包。包括uvue、脚本、静态资源。不包括原生插件。

package/data/uniappx/api/keyboard.md

@@ -72,6 +72,9 @@
 | :- |
 | number |
 
+**注意**
+微信小程序不支持返回值。
+
 ### 参见
 - [相关 Bug](https://issues.dcloud.net.cn/?mid=api.device.keyboard.onKeyboardHeightChange)
 - [参见uni-app相关文档](https://uniapp.dcloud.net.cn/api/key.html#onkeyboardheightchange)
@@ -107,6 +110,9 @@
 | :- | :- | :- |  :-: |
 | id | number | 否 | Web x（部分支持，见上） |
 
+**注意**
+微信小程序不支持 number 类型的参数，需传入 callback。
+
 ### 参见
 - [相关 Bug](https://issues.dcloud.net.cn/?mid=api.device.keyboard.offKeyboardHeightChange)
 - [参见uni-app相关文档](https://uniapp.dcloud.net.cn/api/key.html#offkeyboardheightchange)

package/data/uniappx/api/loading.md

@@ -1,9 +1,9 @@
 ::: sourceCode
 ## uni.showLoading(options?) @showloading
 
-> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-prompt
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-showLoading
 
-> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-prompt
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-showLoading
 
 显示 loading 提示框, 需主动调用 uni.hideLoading 才能关闭提示框。
 

package/data/uniappx/api/memory.md

@@ -1,4 +1,4 @@
-## uni.onMemoryWarning(UTSCallback) @onmemorywarning
+## uni.onMemoryWarning(callback) @onmemorywarning
 
 监听内存不足告警事件。当系统内存不足时，会触发该事件，开发者可以在回调函数中获取当前内存使用情况，并进行相应的处理。
 

package/data/uniappx/api/modal.md

@@ -200,7 +200,7 @@
       </view>
     </view>
 
-    <bottom-safe-area />
+    <view class="scroll-view_bottom-fixed"></view>
 </template>
 
 

package/data/uniappx/api/preview-image.md

@@ -1,9 +1,9 @@
 ::: sourceCode
 ## uni.previewImage(options) @previewimage
 
-> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-previewImage
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-previewImage
 
-> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-previewImage
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-previewImage
 
 预览图片
 
@@ -265,9 +265,9 @@
 ::: sourceCode
 ## uni.closePreviewImage(options) @closepreviewimage
 
-> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-previewImage
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-previewImage
 
-> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-previewImage
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-previewImage
 
 关闭图片预览
 

package/data/uniappx/api/report.md

@@ -1,10 +1,6 @@
 ::: sourceCode
 ## uni.report(eventKey, param?) @report
 
-> GitCode: https://gitcode.net/dcloud/uni-api
-
-> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-stat
-
 自定义统计上报
 
 `param` 为对象时会序列化为 JSON 字符串，其他类型会转换为字符串。`eventKey` 为 `title` 时，`param` 仅支持字符串，用于设置页面标题。

package/data/uniappx/api/request-system-permission.md

@@ -1,9 +1,9 @@
 ::: sourceCode
 ## uni.requestSystemPermission(options) @requestsystempermission
 
-> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-requestSystemPermission
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-requestSystemPermission
 
-> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-requestSystemPermission
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-requestSystemPermission
 
 申请系统权限
 

package/data/uniappx/api/screen-brightness.md

@@ -1,9 +1,9 @@
 ::: sourceCode
 ## uni.getScreenBrightness(options) @getscreenbrightness
 
-> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-screenBrightness
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-screenbrightness
 
-> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-screenBrightness
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-screenbrightness
 
 获取屏幕亮度。
 
@@ -57,9 +57,9 @@
 ::: sourceCode
 ## uni.setScreenBrightness(options) @setscreenbrightness
 
-> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-screenBrightness
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-screenbrightness
 
-> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-screenBrightness
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-screenbrightness
 
 设置屏幕亮度。
 
@@ -108,9 +108,9 @@
 ::: sourceCode
 ## uni.setKeepScreenOn(options) @setkeepscreenon
 
-> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-screenBrightness
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-screenbrightness
 
-> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-screenBrightness
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-screenbrightness
 
 设置是否保持常亮状态。仅在当前应用生效，离开应用后设置失效。
 

package/data/uniappx/api/scrollviewcontext.md

@@ -0,0 +1,3 @@
+## ScrollViewContext
+
+### ScrollViewContext 的方法 @scrollviewcontext-methods

package/data/uniappx/api/toast.md

@@ -1,9 +1,9 @@
 ::: sourceCode
 ## uni.showToast(options) @showtoast
 
-> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-prompt
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-showToast
 
-> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-prompt
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-showToast
 
 显示消息提示框
 

package/data/uniappx/api/uasm.md

@@ -1,9 +1,9 @@
 ::: sourceCode
 ## uni.loadUasm(module) @loaduasm
 
-> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-uasm
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-uasm
 
-> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-uasm
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-uasm
 
 异步加载 UASM 模块
 
@@ -181,9 +181,9 @@ module 必须是编译时可确定的 uni_modules 插件路径，模块类型由
 ::: sourceCode
 ## uni.loadUasmSync(module) @loaduasmsync
 
-> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-uasm
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-uasm
 
-> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-uasm
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-uasm
 
 同步加载 UASM 模块
 

package/data/uniappx/api/unicloud/README.md

@@ -215,7 +215,7 @@ props 发生变化时被调用，可在组件中覆盖此方法
 
 ### datacom 组件示例
 
-Vue 蒸汽模式不支持 `mixin` 语法，可使用属性展开和方法替代，详见 [datacom 组件规范](https://uniapp.dcloud.net.cn/component/datacom.html)。
+Vue 蒸汽模式不支持 `mixin`，datacom 组件改用组合式写法，选项式用法详见 [datacom 组件规范](https://uniapp.dcloud.net.cn/component/datacom.html)。
 
 ```html
 <template>

package/data/uniappx/api/uniresizeobserver.md

@@ -32,8 +32,11 @@
 <template>
     <view style="padding-bottom: var(--uni-safe-area-inset-bottom);">
       <page-intro content="本页演示 uni.createResizeObserver：监听元素尺寸变化，回调中可获取 contentRect（x、y、width、height）。含 view 嵌套、text、image、scroll-view 等组件的监听示例；可点击方块改宽高、改变字体/图片/scroll-view 尺寸，支持停止/恢复监听、隐藏/显示元素。"></page-intro>
-      <text>点击蓝色或红色方块区域会修改元素宽高</text>
-      <view v-show="boxDisplay" style="align-items: center; justify-content: center; margin: 10px;">
+      <view class="section-heading">
+        <text class="section-title">基础监听</text>
+        <text class="section-caption">点击蓝色或红色方块，观察对应元素的尺寸变化</text>
+      </view>
+      <view v-show="boxDisplay" class="box-stage">
         <view
           style="width: 140px; height: 140px; background-color: blue; align-items: center; justify-content: center; padding: 5px;"
           id="outBox" @click="outBoxClick">
@@ -41,44 +44,71 @@
             @click="innerBoxClick"></view>
         </view>
       </view>
-      <button @click="revertBoxSize">还原修改前元素宽高</button>
-      <button @click="toggleDisplay">{{boxDisplay? '隐藏元素': '显示元素'}}</button>
-      <button @click='cancelListen'>停止监听</button>
-      <button @click='goOnListen'>恢复监听</button>
-      <view>
-        <text class="info-text">蓝色方块元素:</text>
-        <view class="info-item">
-          <text class="info-text">{{outBoxSizeInfo}}</text>
+      <view class="action-grid">
+        <button class="action-grid-button" @click="revertBoxSize">还原尺寸</button>
+        <button class="action-grid-button" @click="toggleDisplay">{{boxDisplay? '隐藏元素': '显示元素'}}</button>
+        <button class="action-grid-button" @click='cancelListen'>停止监听</button>
+        <button class="action-grid-button" @click='goOnListen'>恢复监听</button>
+      </view>
+      <view class="result-grid">
+        <view class="result-card accent-blue">
+          <text class="result-title">蓝色外层元素</text>
+          <text class="result-summary">{{outBoxSizeInfo ? outBoxSummary : '等待首次回调...'}}</text>
+          <text class="result-detail">{{outBoxSizeInfo}}</text>
         </view>
-        <text class="info-text" style="margin-top: 20px;">红色方块元素:</text>
-        <view class="info-item">
-          <text class="info-text">{{innerBoxSizeInfo}}</text>
+        <view class="result-card accent-red">
+          <text class="result-title">红色内层元素</text>
+          <text class="result-summary">{{innerBoxSizeInfo ? innerBoxSummary : '等待首次回调...'}}</text>
+          <text class="result-detail">{{innerBoxSizeInfo}}</text>
         </view>
       </view>
 
       
       <view class="uni-common-mt" v-show="textImageScrollViewDisplay">
-        <text class="uni-title-text">Text 组件示例:</text>
-        <text id="testText" :style="{fontSize: textFontSize + 'px', color: '#333'}">这是一个可以改变字体大小的文本</text>
+        <view class="section-heading"><text class="section-title">Text 组件</text></view>
+        <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
+        <view class="flat-compare-row">
+          <text id="testText" class="flat-compare-item" :style="{fontSize: textFontSize + 'px', color: '#333'}">普通文本</text>
+          <text id="testTextFlat" class="flat-compare-item" :style="{fontSize: textFontSize + 'px', color: '#333'}" flatten>拍平文本</text>
+        </view>
         <button @click="changeTextSize">改变文本字体大小</button>
-        <view class="info-item">
-          <text class="info-text">{{data.textSizeInfo}}</text>
+        <view class="result-grid">
+          <view class="result-card"><text class="result-title">正常</text><text class="result-summary">{{infoSummary(data.textSizeInfoObj)}}</text><text class="result-detail">{{data.textSizeInfo}}</text></view>
+          <view class="result-card"><text class="result-title">拍平</text><text class="result-summary">{{infoSummary(data.textFlatSizeInfoObj)}}</text><text class="result-detail">{{data.textFlatSizeInfo}}</text></view>
+        </view>
+      </view>
+
+      
+      <view class="uni-common-mt" v-show="flatDisplay">
+        <view class="section-heading"><text class="section-title">View 组件</text></view>
+        <view class="flat-compare-row">
+          <view id="testViewNormal" class="flat-compare-item" style="background-color: #409eff;" :style="{width: viewFlatWidth + 'px', height: viewFlatHeight + 'px'}"></view>
+          <view id="testViewFlat" class="flat-compare-item" style="background-color: #3cb371;" :style="{width: viewFlatWidth + 'px', height: viewFlatHeight + 'px'}" flatten></view>
+        </view>
+        <button @click="changeViewFlatSize">改变 view 尺寸</button>
+        <view class="result-grid">
+          <view class="result-card"><text class="result-title">正常</text><text class="result-summary">{{infoSummary(data.viewNormalSizeInfoObj)}}</text><text class="result-detail">{{data.viewNormalSizeInfo}}</text></view>
+          <view class="result-card"><text class="result-title">拍平</text><text class="result-summary">{{infoSummary(data.viewFlatSizeInfoObj)}}</text><text class="result-detail">{{data.viewFlatSizeInfo}}</text></view>
         </view>
       </view>
 
       
       <view class="uni-common-mt" v-show="textImageScrollViewDisplay">
-        <text class="uni-title-text">Image 组件示例:</text>
-        <image id="testImage" :style="{width: imageWidth + 'px', height: imageHeight + 'px'}" src="/static/test-image/logo.png" mode="aspectFit"></image>
+        <view class="section-heading"><text class="section-title">Image 组件</text></view>
+        <view class="flat-compare-row">
+          <image id="testImage" class="flat-compare-item" :style="{width: imageWidth + 'px', height: imageHeight + 'px'}" src="/static/test-image/logo.png" mode="aspectFit"></image>
+          <image id="testImageFlat" class="flat-compare-item" :style="{width: imageWidth + 'px', height: imageHeight + 'px'}" src="/static/test-image/logo.png" mode="aspectFit" flatten></image>
+        </view>
         <button @click="changeImageSize">改变图片尺寸</button>
-        <view class="info-item">
-          <text class="info-text">{{data.imageSizeInfo}}</text>
+        <view class="result-grid">
+          <view class="result-card"><text class="result-title">正常</text><text class="result-summary">{{infoSummary(data.imageSizeInfoObj)}}</text><text class="result-detail">{{data.imageSizeInfo}}</text></view>
+          <view class="result-card"><text class="result-title">拍平</text><text class="result-summary">{{infoSummary(data.imageFlatSizeInfoObj)}}</text><text class="result-detail">{{data.imageFlatSizeInfo}}</text></view>
         </view>
       </view>
 
       
       <view class="uni-common-mt" v-show="textImageScrollViewDisplay">
-        <text class="uni-title-text">Scroll-view 组件示例:</text>
+        <view class="section-heading"><text class="section-title">Scroll-view 组件</text><text class="section-caption">监听滚动容器尺寸</text></view>
         <scroll-view id="testScrollView" :style="{width: scrollViewWidth + 'px', height: '100px', border: '1px solid #ccc'}" >
           <view style="padding: 10px;">
             <text>这是 scroll-view 内的内容</text>
@@ -86,9 +116,7 @@
           </view>
         </scroll-view>
         <button @click="changeScrollViewSize">改变 scroll-view 宽度</button>
-        <view class="info-item">
-          <text class="info-text">{{data.scrollViewSizeInfo}}</text>
-        </view>
+        <view class="result-card"><text class="result-summary">{{infoSummary(data.scrollViewSizeInfoObj)}}</text><text class="result-detail">{{data.scrollViewSizeInfo}}</text></view>
       </view>
     </view>
 </template>
@@ -96,12 +124,101 @@
 
 
 <style>
-  .info-item {
+  .section-heading {
+    margin-top: 18px;
+    margin-bottom: 10px;
+  }
+
+  .section-title {
+    font-size: 18px;
+    font-weight: bold;
+    color: #1f2937;
+  }
+
+  .section-caption {
+    margin-top: 3px;
+    font-size: 12px;
+    color: #6b7280;
+  }
+
+  .box-stage {
+    min-height: 170px;
+    align-items: center;
+    justify-content: center;
+    margin: 10px 0;
+    background-color: #f5f7fa;
+    border-radius: 8px;
+  }
+
+  .action-grid {
     flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
+  }
+
+  .action-grid-button {
+    width: 48%;
+    margin-bottom: 8px;
   }
 
-  .info-text {
+  .result-grid {
+    flex-direction: row;
+    align-items: stretch;
+    justify-content: space-between;
+    margin-top: 8px;
+  }
+
+  .result-card {
+    flex: 1;
+    min-width: 0;
+    margin: 0 4px 8px 0;
+    padding: 10px;
+    background-color: #f8fafc;
+    border-radius: 6px;
+    border: 1px solid #e5e7eb;
+  }
+
+  .accent-blue {
+    border-left-width: 4px;
+    border-left-color: #409eff;
+  }
+
+  .accent-red {
+    border-left-width: 4px;
+    border-left-color: #ef4444;
+  }
+
+  .result-title {
     font-size: 14px;
+    font-weight: bold;
+    color: #374151;
+  }
+
+  .result-summary {
+    margin-top: 5px;
+    font-size: 14px;
+    color: #111827;
+  }
+
+  .result-detail {
+    margin-top: 6px;
+    font-size: 11px;
+    line-height: 17px;
+    color: #6b7280;
+  }
+
+  .flat-compare-row {
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+    min-height: 110px;
+    margin: 10px 0 6px;
+    background-color: #f5f7fa;
+    border-radius: 8px;
+  }
+
+  .flat-compare-item {
+    margin: 0 5px;
   }
 </style>
 

package/data/uniappx/api/vibrate.md

@@ -1,6 +1,10 @@
 ::: sourceCode
 ## uni.vibrateShort(options) @vibrateshort
 
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-vibrate
+
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-vibrate
+
 使设备发生短时间的振动。
 
 ### vibrateShort 兼容性  
@@ -64,6 +68,10 @@
 ::: sourceCode
 ## uni.vibrateLong(options) @vibratelong
 
+> GitCode: https://gitcode.com/dcloud/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-vibrate
+
+> GitHub: https://github.com/dcloudio/uni-app/tree/uni-app-x-alpha/src/uni_modules/uni-vibrate
+
 使设备发生长时间的振动。
 
 ### vibrateLong 兼容性