tmui-cli 2.0.2 → 2.0.4

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

@@ -0,0 +1,93 @@
+## cover-view
+
+覆盖在原生组件之上的文本视图，可覆盖的原生组件包括map、video、canvas、camera，只支持嵌套cover-view、cover-image
+
+cover-view 在uni-app x的app、web、微信小程序上，已废弃，使用view即可。
+
+在其他小程序平台，某些原生组件（如map、canvas、video）不支持同层渲染，仍需要cover-view来覆盖。
+
+### 兼容性 
+| Web | 微信小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- |
+| 4.0 | 4.41 | 4.53 | 4.53 | 4.61 |
+
+::: warning 注意
+app 端并不是在运行时实现了cover-view组件，仅仅是编译器把cover-view编译为了view。
+
+### 属性 
+| 名称 | 类型 | 兼容性 | 描述 |
+| :- | :- |  :-: | :- |
+| scroll-top | number/string | Web 4.0 / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(number/string)*<br/>设置顶部滚动偏移量，仅在设置了 overflow-y: scroll 成为滚动元素后生效 |
+
+### 示例
+示例为[hello uni-app x alpha分支](https://gitcode.com/dcloud/hello-uni-app-x/blob/prod_alpha/pages/component/cover-view/cover-view.uvue)，与最新HBuilderX Alpha版同步。与最新正式版同步的master分支示例[另见](https://gitcode.com/dcloud/hello-uni-app-x/blob/master//pages/component/cover-view/cover-view.uvue) 
+::: preview https://hellouniappx.dcloud.net.cn/web/#/pages/component/cover-view/cover-view
+
+> appRedirect https://hellouniappx.dcloud.net.cn/appredirect.html?path=pages/component/cover-view/cover-view
+
+>示例
+```vue
+<template>
+  <view>
+    <page-head title="cover-view用于覆盖map、video等原生组件"></page-head>
+    <view class="uni-padding-wrap uni-common-mb">
+      <text class="uni-subtitle-text">注意：Web和App需正确配置地图SDK的Key才能正常显示地图组件</text>
+    </view>
+    <view class="cover-content" v-if="showMap">
+      <map class="map" :latitude="latitude" :longitude="longitude"></map>
+      <cover-view class="cover-view"><text>简单的cover-view</text></cover-view>
+      <cover-image class="cover-image" src="/static/test-image/logo.png"></cover-image>
+    </view>
+  </view>
+</template>
+
+
+
+<style>
+  .map {
+    width: 100%;
+    height: 600px;
+  }
+
+  .cover-content {
+    position: relative;
+  }
+
+  .cover-view {
+    position: absolute;
+    left: 5px;
+    top: 5px;
+    width: 188px;
+    text-align: center;
+    background-color: #DDDDDD;
+  }
+
+  .cover-image {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    margin: auto;
+    width: 96px;
+    height: 96px;
+  }
+
+</style>
+
+```
+
+### 参见
+- [相关 Bug](https://issues.dcloud.net.cn/?mid=component.view-container.cover.cover-view)
+- [参见uni-app相关文档](https://uniapp.dcloud.io/component/cover-view.html)
+- [微信小程序文档](https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html)
+- [支付宝小程序文档](https://open.alipay.com/portal/zhichi/search?keyword=cover-view&pageIndex=1&pageSize=10&source=doc_top&type=all)
+- [百度小程序文档](https://smartprogram.baidu.com/forum/search?query=cover-view&scope=devdocs&source=docs)
+- [抖音小程序文档](https://developer.open-douyin.com/search-page?keyword=cover-view&secondType=all&type=1)
+- [飞书小程序文档](https://open.feishu.cn/search?from=header&page=1&pageSize=10&q=cover-view&topicFilter=)
+- [钉钉小程序文档](https://open.dingtalk.com/search?keyword=cover-view)
+- [QQ小程序文档](https://q.qq.com/wiki/develop/miniprogram/frame/)
+- [快手小程序文档](https://developers.kuaishou.com/page?keyword=cover-view&from=docs)
+- [京东小程序文档](https://mp-docs.jd.com/doc/dev/framework/-1)
+- [华为快应用文档](https://developer.huawei.com/consumer/cn/doc/quickApp-References/webview-frame-overview-0000001124793625)
+- [360小程序文档](https://mp.360.cn/doc/miniprogram/dev/#/b770a184ff1f06c6b3393a0fd1132380)

package/data/uniappx/component/custom-tab-bar.md

@@ -0,0 +1,36 @@
+::: sourceCode
+## custom-tab-bar
+
+自定义tabBar
+
+### 兼容性 
+| Web | 微信小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- |
+| 4.24 | <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> |
+
+### 属性 
+| 名称 | 类型 | 兼容性 | 描述 |
+| :- | :- |  :-: | :- |
+| direction | string | Web 4.0 / 微信小程序 x / Android x / iOS x（部分支持，见上） | 选项的排列方向 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| horizontal | Web x / 微信小程序 x / Android x / iOS x / HarmonyOS x（不支持） | 选项的排列方向水平 |
+| vertical | Web x / 微信小程序 x / Android x / iOS x / HarmonyOS x（不支持） | 选项的排列方向垂直 |
+| show-icon | boolean | Web 4.0 / 微信小程序 x / Android x / iOS x（部分支持，见上） | 是否显示icon |
+| selected | number | Web 4.0 / 微信小程序 x / Android x / iOS x（部分支持，见上） | 选中的tabBar选项索引值 |
+| @onTabItemTap | (event: [OnTabItemTapOption](#ontabitemtapoption)) => void | Web 4.0 / 微信小程序 x / Android x / iOS x（部分支持，见上） | 点击自定义 tabBar 触发事件，detail = {index, pagePath, text} |
+
+### 参见
+- [相关 Bug](https://issues.dcloud.net.cn/?mid=component.page-meta.custom-tab-bar)
+- [参见uni-app相关文档](https://uniapp.dcloud.io/component/custom-tab-bar.html)
+- [微信小程序文档](https://developers.weixin.qq.com/doc/search.html?source=enter&query=custom-tab-bar&doc_type=miniprogram)
+- [支付宝小程序文档](https://open.alipay.com/portal/zhichi/search?keyword=custom-tab-bar&pageIndex=1&pageSize=10&source=doc_top&type=all)
+- [百度小程序文档](https://smartprogram.baidu.com/forum/search?query=custom-tab-bar&scope=devdocs&source=docs)
+- [抖音小程序文档](https://developer.open-douyin.com/search-page?keyword=custom-tab-bar&secondType=all&type=1)
+- [飞书小程序文档](https://open.feishu.cn/search?from=header&page=1&pageSize=10&q=custom-tab-bar&topicFilter=)
+- [钉钉小程序文档](https://open.dingtalk.com/search?keyword=custom-tab-bar)
+- [QQ小程序文档](https://q.qq.com/wiki/develop/miniprogram/frame/)
+- [快手小程序文档](https://developers.kuaishou.com/page?keyword=custom-tab-bar&from=docs)
+- [京东小程序文档](https://mp-docs.jd.com/doc/dev/framework/-1)
+- [华为快应用文档](https://developer.huawei.com/consumer/cn/doc/quickApp-References/webview-frame-overview-0000001124793625)
+- [360小程序文档](https://mp.360.cn/doc/miniprogram/dev/#/b770a184ff1f06c6b3393a0fd1132380)

package/data/uniappx/component/double-tap-gesture-handler.md

@@ -0,0 +1,36 @@
+::: sourceCode
+## double-tap-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> |
+
+### 属性 
+| 名称 | 类型 | 兼容性 | 描述 |
+| :- | :- |  :-: | :- |
+| 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/>手势识别成功的回调 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| 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 坐标 |
+| 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/>代理的原生节点类型 |
+
+### 参见
+- [相关 Bug](https://issues.dcloud.net.cn/?mid=component.wx.skyline.double-tap-gesture-handler)
+- [微信小程序文档](https://developers.weixin.qq.com/miniprogram/dev/component/double-tap-gesture-handler.html)
+- [支付宝小程序文档](https://open.alipay.com/portal/zhichi/search?keyword=double-tap-gesture-handler&pageIndex=1&pageSize=10&source=doc_top&type=all)
+- [百度小程序文档](https://smartprogram.baidu.com/forum/search?query=double-tap-gesture-handler&scope=devdocs&source=docs)
+- [抖音小程序文档](https://developer.open-douyin.com/search-page?keyword=double-tap-gesture-handler&secondType=all&type=1)
+- [飞书小程序文档](https://open.feishu.cn/search?from=header&page=1&pageSize=10&q=double-tap-gesture-handler&topicFilter=)
+- [钉钉小程序文档](https://open.dingtalk.com/search?keyword=double-tap-gesture-handler)
+- [QQ小程序文档](https://q.qq.com/wiki/develop/miniprogram/frame/)
+- [快手小程序文档](https://developers.kuaishou.com/page?keyword=double-tap-gesture-handler&from=docs)
+- [京东小程序文档](https://mp-docs.jd.com/doc/dev/framework/-1)
+- [华为快应用文档](https://developer.huawei.com/consumer/cn/doc/quickApp-References/webview-frame-overview-0000001124793625)
+- [360小程序文档](https://mp.360.cn/doc/miniprogram/dev/#/b770a184ff1f06c6b3393a0fd1132380)

package/data/uniappx/component/draggable-sheet.md

@@ -0,0 +1,31 @@
+::: sourceCode
+## draggable-sheet
+
+### 兼容性 
+| 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> |
+
+### 属性 
+| 名称 | 类型 | 兼容性 | 描述 |
+| :- | :- |  :-: | :- |
+| initial-child-size | number | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(number)*<br/>初始时占父容器的比例 |
+| min-child-size | number | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(number)*<br/>最小时占父容器的比例 |
+| max-child-size | number | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(number)*<br/>最大时占父容器的比例 |
+| snap | boolean | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(boolean)*<br/>拖拽后是否自动对齐关键点 |
+| snap-sizes | Array.&lt;number&gt; | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(Array.&lt;number&gt;)*<br/>拖拽后对齐的关键点，无需包含最小和最大值 |
+| worklet:onsizeupdate | worklet | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(worklet)*<br/>尺寸发生变化时触发，仅支持 worklet 作为回调。event = {pixels, size} |
+
+### 参见
+- [相关 Bug](https://issues.dcloud.net.cn/?mid=component.wx.skyline.draggable-sheet)
+- [微信小程序文档](https://developers.weixin.qq.com/miniprogram/dev/component/draggable-sheet.html)
+- [支付宝小程序文档](https://open.alipay.com/portal/zhichi/search?keyword=draggable-sheet&pageIndex=1&pageSize=10&source=doc_top&type=all)
+- [百度小程序文档](https://smartprogram.baidu.com/forum/search?query=draggable-sheet&scope=devdocs&source=docs)
+- [抖音小程序文档](https://developer.open-douyin.com/search-page?keyword=draggable-sheet&secondType=all&type=1)
+- [飞书小程序文档](https://open.feishu.cn/search?from=header&page=1&pageSize=10&q=draggable-sheet&topicFilter=)
+- [钉钉小程序文档](https://open.dingtalk.com/search?keyword=draggable-sheet)
+- [QQ小程序文档](https://q.qq.com/wiki/develop/miniprogram/frame/)
+- [快手小程序文档](https://developers.kuaishou.com/page?keyword=draggable-sheet&from=docs)
+- [京东小程序文档](https://mp-docs.jd.com/doc/dev/framework/-1)
+- [华为快应用文档](https://developer.huawei.com/consumer/cn/doc/quickApp-References/webview-frame-overview-0000001124793625)
+- [360小程序文档](https://mp.360.cn/doc/miniprogram/dev/#/b770a184ff1f06c6b3393a0fd1132380)

package/data/uniappx/component/editor.md

@@ -0,0 +1,329 @@
+::: sourceCode
+## editor
+
+富文本编辑器，可以对图片、文字进行编辑。
+
+### 兼容性 
+| Web | 微信小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| 4.0 | 4.41 | 7.1.1 | 5.08 | 5.08 | 5.08 |
+
+### 属性 
+| 名称 | 类型 | 默认值 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| read-only | boolean | false | Web 4.0 / 微信小程序 4.41 / Android 系统版本 7.1.1 / Android 5.08 / iOS 5.08 / HarmonyOS 5.08 | 设置编辑器为只读 |
+| placeholder | string |   | Web 4.0 / 微信小程序 4.41 / Android 系统版本 7.1.1 / Android 5.08 / iOS 5.08 / HarmonyOS 5.08 | 提示信息 |
+| show-img-size | boolean | false | Web 4.0 / 微信小程序 4.41 / Android 系统版本 7.1.1 / Android 5.08 / iOS 5.08 / HarmonyOS 5.08 | 点击图片时显示图片大小控件 |
+| show-img-toolbar | boolean | false | Web 4.0 / 微信小程序 4.41 / Android 系统版本 7.1.1 / Android 5.08 / iOS 5.08 / HarmonyOS 5.08 | 点击图片时显示工具栏控件 |
+| show-img-resize | boolean | false | Web 4.0 / 微信小程序 4.41 / Android 系统版本 7.1.1 / Android 5.08 / iOS 5.08 / HarmonyOS 5.08 | 点击图片时显示修改尺寸控件 |
+| enable-formats | Array.&lt;string&gt; |   | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | *(Array.&lt;string&gt;)*<br/>编辑器允许的名单内的格式 |
+| type | "none" | "null" | Web 4.0 / 微信小程序 x / Android 系统版本 8.0.0 / Android 5.08 / iOS 5.08 / HarmonyOS 5.08（部分支持，见上） | 输入类型，暂只支持<br>  "none": 聚焦时不弹出键盘 |
+| 合法值 |
+| :- |
+| none |
+| name | string |   |   | 表单的控件名称，作为键值对的一部分与表单(form组件)一同提交 |
+| @ready | (event: UniEvent) => void |   | Web 4.0 / 微信小程序 4.41 / Android 5.08 / iOS 5.08 / HarmonyOS 5.08 | 编辑器初始化完成时触发 |
+| @focus | (event: UniEvent) => void |   | Web 4.0 / 微信小程序 4.41 / Android 5.08 / iOS 5.08（部分支持，见上） | 编辑器聚焦时触发 |
+| @blur | (event: UniEvent) => void |   | Web 4.0 / 微信小程序 4.41 / Android 5.08 / iOS 5.08（部分支持，见上） | 编辑器失去焦点时触发 |
+| @input | (event: UniEvent) => void |   | Web 4.0 / 微信小程序 4.41 / Android 5.08 / iOS 5.08（部分支持，见上） | 编辑器内容改变时触发 |
+| @statuschange | (event: UniEvent) => void |   | Web 4.0 / 微信小程序 4.41 / Android 5.08 / iOS 5.08（部分支持，见上） | 通过 Context 方法改变编辑器内样式时触发，返回选区已设置的样式 |
+
+### 上下文对象API
+
+editor组件有上下文对象，api为[uni.createEditorContextAsync()](../api/create-editor-context-async.md)。
+
+给editor组件设一个id属性，将id的值传入uni.createEditorContextAsync()，即可得到editor组件的上下文对象，进一步可使用对象上的方法。
+
+### 示例
+示例为[hello uni-app x alpha分支](https://gitcode.com/dcloud/hello-uni-app-x/blob/prod_alpha/pages/component/editor/editor.uvue)，与最新HBuilderX Alpha版同步。与最新正式版同步的master分支示例[另见](https://gitcode.com/dcloud/hello-uni-app-x/blob/master//pages/component/editor/editor.uvue) 
+::: preview https://hellouniappx.dcloud.net.cn/web/#/pages/component/editor/editor
+
+> appRedirect https://hellouniappx.dcloud.net.cn/appredirect.html?path=pages/component/editor/editor
+
+>示例
+```vue
+<template>
+  <view class="page-root uni-theme-root">
+    <view class="preview-panel">
+      <view class="preview-header">
+        <text class="uni-title-text">editor 属性示例</text>
+      </view>
+
+      <view class="preview-state-row">
+        <text class="preview-state-text">read-only: {{ data.readOnly }}</text>
+        
+        <text class="preview-state-text">type: {{ getTypeLabel() }}</text>
+        
+      </view>
+
+      <view class="preview-state-row">
+        <view v-if="showLogs">
+          <text class="preview-state-text">X: {{ data.editorX }}</text>
+          <text class="preview-state-text">Y: {{ data.editorY }}</text>
+          <text class="preview-state-text">width: {{ data.editorWidth }}</text>
+          <text class="preview-state-text">height: {{ data.editorHeight }}</text>
+        </view>
+      </view>
+
+      <view class="preview-editor-box">
+        <editor
+          v-if="data.showEditor"
+          id="editor-props-demo"
+          class="preview-editor"
+          :read-only="data.readOnly"
+          :placeholder="data.appliedPlaceholder"
+          :show-img-size="data.appliedShowImgSize"
+          :show-img-toolbar="data.appliedShowImgToolbar"
+          :show-img-resize="data.appliedShowImgResize"
+          :type="data.editorType"
+          @ready="onEditorReady"
+          @focus="onEditorFocus"
+          @blur="onEditorBlur"
+          @input="onEditorInput"
+          @statuschange="onStatusChange"
+        />
+      </view>
+
+      <view class="preview-toolbar">
+        <view class="preview-toolbar-item" @tap="insertSampleText">
+          <text class="preview-toolbar-icon iconfont">A</text>
+        </view>
+        <view class="preview-toolbar-item" @tap="insertSampleImage">
+          <text class="preview-toolbar-icon iconfont">{{"&#xe6bc;"}}</text>
+        </view>
+        <view :class="data.boldActive ? 'preview-toolbar-item preview-toolbar-item-active' : 'preview-toolbar-item'" @tap="toggleBold">
+          <text :class="data.boldActive ? 'preview-toolbar-icon preview-toolbar-icon-active iconfont' : 'preview-toolbar-icon iconfont'">{{"&#xe6ae;"}}</text>
+        </view>
+        <view :class="data.alignCenterActive ? 'preview-toolbar-item preview-toolbar-item-active' : 'preview-toolbar-item'" @tap="setAlignCenter">
+          <text :class="data.alignCenterActive ? 'preview-toolbar-icon preview-toolbar-icon-active iconfont' : 'preview-toolbar-icon iconfont'">{{"&#xe6b6;"}}</text>
+        </view>
+        <view class="preview-toolbar-item" @tap="removeFormat">
+          <text class="preview-toolbar-icon iconfont">{{"&#xe6b9;"}}</text>
+        </view>
+        <view class="preview-toolbar-item" @tap="clearEditor">
+          <text class="preview-toolbar-icon iconfont">{{"&#xe6b1;"}}</text>
+        </view>
+        <view class="preview-toolbar-item" @tap="blurEditor">
+          <text class="preview-toolbar-icon iconfont">{{"&#xe69a;"}}</text>
+        </view>
+        
+        <view class="preview-toolbar-item" @tap="insertMention">
+          <text class="preview-toolbar-icon iconfont">@</text>
+        </view>
+        
+      </view>
+    </view>
+
+    <scroll-view class="props-scroll" direction="vertical">
+      <view class="uni-padding-wrap">
+        <view class="uni-title uni-common-mt">
+          <text class="uni-title-text">可动态修改属性</text>
+        </view>
+      </view>
+      <boolean-data :defaultValue="data.readOnly" title="read-only：设置编辑器为只读，可动态修改" @change="onReadOnlyChange"></boolean-data>
+      
+      <enum-data :items="data.typeItems" title="type：null | none，控制聚焦时是否弹出键盘" @change="onTypeChange"></enum-data>
+      
+
+      <view class="uni-padding-wrap">
+        <view class="uni-title uni-common-mt">
+          <text class="uni-title-text">初始化生效属性</text>
+        </view>
+        <text class="uni-subtitle-text">placeholder 与 show-img-* 调整后不会直接作用到当前 editor，请点击下方按钮重建后查看。</text>
+      </view>
+      <input-data :defaultValue="data.draftPlaceholder" title="placeholder：提示信息，不可动态修改" type="text" @confirm="onPlaceholderChange"></input-data>
+      <boolean-data :defaultValue="data.draftShowImgSize" title="show-img-size：点击图片时显示图片大小控件，不可动态修改" @change="onDraftShowImgSizeChange"></boolean-data>
+      <boolean-data :defaultValue="data.draftShowImgToolbar" title="show-img-toolbar：点击图片时显示工具栏控件，不可动态修改" @change="onDraftShowImgToolbarChange"></boolean-data>
+      <boolean-data :defaultValue="data.draftShowImgResize" title="show-img-resize：点击图片时显示修改尺寸控件，不可动态修改" @change="onDraftShowImgResizeChange"></boolean-data>
+
+      <view class="uni-padding-wrap uni-common-mt">
+        <view class="uni-title">
+          <text class="uni-title-text">当前应用中的 editor 配置</text>
+        </view>
+        <text class="uni-subtitle-text">placeholder：{{ data.appliedPlaceholder }}</text>
+        <text class="uni-subtitle-text">show-img-size：{{ data.appliedShowImgSize }}</text>
+        <text class="uni-subtitle-text">show-img-toolbar：{{ data.appliedShowImgToolbar }}</text>
+        <text class="uni-subtitle-text">show-img-resize：{{ data.appliedShowImgResize }}</text>
+        <button type="primary" size="mini" class="action-button apply-button" @tap="rebuildEditor">重建 editor 并应用初始化属性</button>
+      </view>
+
+      <view v-if="showLogs" class="uni-padding-wrap uni-common-mt">
+        <view class="uni-title">
+          <text class="uni-title-text">事件示例</text>
+        </view>
+        <text class="uni-subtitle-text">@ready：{{ data.readyCount }}</text>
+        <text class="uni-subtitle-text">@focus：{{ data.focusCount }}</text>
+        <text class="uni-subtitle-text">@blur：{{ data.blurCount }}</text>
+        <text class="uni-subtitle-text">@input：{{ data.inputCount }}</text>
+        <text class="uni-subtitle-text">@statuschange：{{ data.statusChangeCount }}</text>
+        <text class="uni-subtitle-text">最近状态：{{ data.statusSummary }}</text>
+      </view>
+
+      <view v-if="showLogs" class="uni-padding-wrap uni-common-mt uni-common-mb">
+        <view class="uni-title event-header-row">
+          <text class="uni-title-text">事件日志</text>
+          <button size="mini" @tap="clearLogs">清空日志</button>
+        </view>
+        <view class="log-box" v-if="data.logs.length > 0">
+          <text v-for="(item, index) in data.logs" :key="index" class="log-text">{{ item }}</text>
+        </view>
+        <text v-else class="uni-subtitle-text">等待事件触发...</text>
+      </view>
+    </scroll-view>
+
+    <navigator style="margin-top: 20px;" url="./editor-edit">
+      <button>富文本编辑模板</button>
+    </navigator>
+
+    <bottom-safe-area />
+  </view>
+</template>
+
+<style>
+@import './editor-icon.css';
+
+.page-root {
+  flex-direction: column;
+  flex: 1;
+}
+
+.preview-panel {
+  flex-direction: column;
+  padding: 10px;
+  background-color: var(--list-background-color, #ffffff);
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: var(--border-color, rgba(0, 0, 0, 0.06));
+}
+
+.preview-header {
+  flex-direction: column;
+}
+
+.preview-state-row {
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-top: 6px;
+}
+
+.preview-toolbar {
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-top: 10px;
+  padding-top: 8px;
+  padding-right: 8px;
+  padding-bottom: 8px;
+  border-radius: 6px;
+  background-color: var(--active-background-color, #f5f6f8);
+}
+
+.preview-toolbar-item {
+  width: 36px;
+  height: 36px;
+  margin-top: 8px;
+  margin-left: 8px;
+  border-radius: 6px;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--list-background-color, #ffffff);
+}
+
+.preview-toolbar-item-active {
+  background-color: var(--tips-background-color, #e6f0ff);
+}
+
+.preview-toolbar-icon {
+  color: var(--text-color, #333333);
+  font-size: 18px;
+}
+
+.preview-toolbar-icon-active {
+  color: #007aff;
+}
+
+.preview-state-text {
+  margin-right: 12px;
+  color: var(--active-color, #666666);
+  font-size: 13px;
+}
+
+.preview-editor-box {
+  margin-top: 10px;
+  height: 150px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--border-color, rgba(0, 0, 0, 0.08));
+  border-radius: 6px;
+  background-color: var(--list-background-color, #ffffff);
+}
+
+.preview-editor {
+  height: 150px;
+  min-height: 0px;
+  padding: 10px;
+  color: var(--text-color, #333333);
+  background-color: var(--list-background-color, #ffffff);
+}
+
+.props-scroll {
+  flex: 1;
+}
+
+.button-list {
+  flex-direction: column;
+  margin-top: 10px;
+}
+
+.action-button {
+  margin-top: 10px;
+}
+
+.apply-button {
+  margin-bottom: 10px;
+}
+
+.event-header-row {
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.log-box {
+  flex-direction: column;
+  margin-top: 10px;
+  padding: 10px;
+  border-radius: 6px;
+  background-color: var(--list-background-color, #ffffff);
+}
+
+.log-text {
+  margin-top: 6px;
+  color: var(--text-color, #333333);
+  font-size: 12px;
+  line-height: 18px;
+}
+</style>
+
+```
+
+### 参见
+- [相关 Bug](https://issues.dcloud.net.cn/?mid=component.form-component.editor)
+- [参见uni-app相关文档](https://uniapp.dcloud.io/component/editor.html)
+- [微信小程序文档](https://developers.weixin.qq.com/miniprogram/dev/component/editor.html)
+- [支付宝小程序文档](https://open.alipay.com/portal/zhichi/search?keyword=editor&pageIndex=1&pageSize=10&source=doc_top&type=all)
+- [百度小程序文档](https://smartprogram.baidu.com/forum/search?query=editor&scope=devdocs&source=docs)
+- [抖音小程序文档](https://developer.open-douyin.com/search-page?keyword=editor&secondType=all&type=1)
+- [飞书小程序文档](https://open.feishu.cn/search?from=header&page=1&pageSize=10&q=editor&topicFilter=)
+- [钉钉小程序文档](https://open.dingtalk.com/search?keyword=editor)
+- [QQ小程序文档](https://q.qq.com/wiki/develop/miniprogram/frame/)
+- [快手小程序文档](https://developers.kuaishou.com/page?keyword=editor&from=docs)
+- [京东小程序文档](https://mp-docs.jd.com/doc/dev/framework/-1)
+- [华为快应用文档](https://developer.huawei.com/consumer/cn/doc/quickApp-References/webview-frame-overview-0000001124793625)
+- [360小程序文档](https://mp.360.cn/doc/miniprogram/dev/#/b770a184ff1f06c6b3393a0fd1132380)
+
+# tips
+- 虽然editor组件被分类到form组件，但并不能在form的submit中提交
+- 如果要做 im 输入类功能，需要使用 [onKeyboardHeightChange](../api/keyboard.md#onkeyboardheightchange) 监听键盘高度变化，来定位 editor 组件的位置，避免被键盘遮挡
+- editor 组件可以使用 `readOnly=false` 属性来让键盘失焦，然后通过 `readOnly=true;setTimeout(() => {editor.format(name, value)}, 0)` 来实现在 editor 组件失焦的情况下调用 format 方法来修改 editor 组件内容输入并自动聚焦。如果失焦后直接调用 format 方法，再手动聚焦设置的内容会被覆盖掉。
+- editor 存在 `min-height: 200px` 的默认样式，如果需要修改高度，请注意重写 `min-height` 样式
+  - **Bug：** 在 HBuilderX 5.21 之前 min-height 样式不生效，始终会有 200px 的最小高度

package/data/uniappx/component/flow-item.md

@@ -0,0 +1,3 @@
+layout: SimpleLayout
+
+已迁移至 [waterflow](./waterflow.md#flow-item)

package/data/uniappx/component/force-press-gesture-handler.md

@@ -0,0 +1,36 @@
+::: sourceCode
+## force-press-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> |
+
+### 属性 
+| 名称 | 类型 | 兼容性 | 描述 |
+| :- | :- |  :-: | :- |
+| 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/>手势识别成功的回调 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| 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 坐标 |
+| pressure | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 压力大小 |
+| 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/>代理的原生节点类型 |
+
+### 参见
+- [相关 Bug](https://issues.dcloud.net.cn/?mid=component.wx.skyline.force-press-gesture-handler)
+- [微信小程序文档](https://developers.weixin.qq.com/miniprogram/dev/component/force-press-gesture-handler.html)
+- [支付宝小程序文档](https://open.alipay.com/portal/zhichi/search?keyword=force-press-gesture-handler&pageIndex=1&pageSize=10&source=doc_top&type=all)
+- [百度小程序文档](https://smartprogram.baidu.com/forum/search?query=force-press-gesture-handler&scope=devdocs&source=docs)
+- [抖音小程序文档](https://developer.open-douyin.com/search-page?keyword=force-press-gesture-handler&secondType=all&type=1)
+- [飞书小程序文档](https://open.feishu.cn/search?from=header&page=1&pageSize=10&q=force-press-gesture-handler&topicFilter=)
+- [钉钉小程序文档](https://open.dingtalk.com/search?keyword=force-press-gesture-handler)
+- [QQ小程序文档](https://q.qq.com/wiki/develop/miniprogram/frame/)
+- [快手小程序文档](https://developers.kuaishou.com/page?keyword=force-press-gesture-handler&from=docs)
+- [京东小程序文档](https://mp-docs.jd.com/doc/dev/framework/-1)
+- [华为快应用文档](https://developer.huawei.com/consumer/cn/doc/quickApp-References/webview-frame-overview-0000001124793625)
+- [360小程序文档](https://mp.360.cn/doc/miniprogram/dev/#/b770a184ff1f06c6b3393a0fd1132380)