tmui-cli 2.0.3 → 2.0.5

package/data/uniappx/api/dom/drawablecontext.md

@@ -0,0 +1,63 @@
+## DrawableContext
+
+### DrawableContext 兼容性  
+ | Web | 微信小程序 | Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
+| :- | :- | :- | :- | :- | :- | :- | :- |
+| x | x | 3.9 | x | 4.11 | x | 4.61 | x |
+
+### DrawableContext 的属性值 @drawablecontext-values
+| 名称 | 类型 | 必备 | 默认值 | 兼容性 | 描述 |
+| :- | :- | :- | :- |  :-: | :- |
+| font | string | 是 | 10px | Web x / 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 设置字体大小 |
+| fillStyle | string.ColorString | 是 | #000 (黑色) | Web x / 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 设置填充颜色 |
+| lineCap | string | 是 | butt | Web x / 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 指定如何绘制每一条线条末端的属性，可选值：`butt`线段末端以方形结束；`round`线段末端以圆形结束；`square`线段末端以方形结束，但是会增加一个一半宽度的矩形区域。 |
+| lineDashOffset | number | 是 |  | Web x / 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 设置虚线偏移量 |
+| lineJoin | string | 是 | miter | Web x / 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 设置 2 个长度不为 0 的线条相连部分如何连接在一起的属性，可选值：`bevel`斜角；`round`圆角；`miter`尖角。 |
+| lineWidth | number | 是 | 1px | Web x / 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 设置线条的宽度 |
+| strokeStyle | string.ColorString | 是 | #000 (黑色) | Web x / 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 设置边框的颜色 |
+| textAlign | string | 是 | left | Web x / 微信小程序 x / Android(VDOM) 3.9 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 设置文本的对齐方式，可取值：`left`左对齐；`center`居中对齐；`right`右对齐。 |
+
+### DrawableContext 的方法 @drawablecontext-methods
+
+### 示例 
+ 示例为[hello uni-app x alpha分支](https://gitcode.com/dcloud/hello-uni-app-x/blob/prod_alpha/pages/API/element-draw/element-draw.uvue)，与最新HBuilderX Alpha版同步。与最新正式版同步的master分支示例[另见](https://gitcode.com/dcloud/hello-uni-app-x/blob/master//pages/API/element-draw/element-draw.uvue) 
+>
+> 该 API 不支持 Web，请运行 hello uni-app x 到 App 平台体验 
+```uvue
+<template>
+  
+  <scroll-view class="page-scroll-view">
+  
+    <view>
+      <page-intro content="本页演示 canvas 绘制：在 view 上绘制文本、线条、圆、虚线、图形、样式、arcto 等。"></page-intro>
+      <view class="drawing" id="draw-text-view"></view>
+      <view class="drawing" id="draw-line-view"></view>
+      <view class="drawing" id="draw-circle-view"></view>
+      <view class="drawing" id="draw-dash-line"></view>
+      <view class="drawing" id="draw-house"></view>
+      <view class="drawing" id="draw-style"></view>
+      <view class="drawing" id="draw-odd"></view>
+      <view class="drawing" id="draw-arcto"></view>
+    </view>
+  
+  </scroll-view>
+  
+</template>
+
+
+
+<style>
+  .drawing {
+    height: 275px;
+    background-color: lightgray;
+    margin-bottom: 15px;
+  }
+</style>
+
+```
+
+## Bug & Tips@tips
++ 同时使用`border-radius`和`DrawableContext`，可能会出现`DrawableContext`绘制内容超出border区域的情况。
++ 如果绘制过多内容或者绘制复杂图形时，建议设置`android-layer-type`为`hardware`，提高绘制效率。具体可参考[`android-layer-type`文档](../component/common.md#attribute-android)
++ iOS 平台绘制大量文字时相较于绘制其他内容性能会显著下降，可使用`text`组件代替。
++ uni-app-x harmony 暂不支持功能：line相关效果/镂空字体

package/data/uniappx/api/dom/element.md

@@ -0,0 +1,3 @@
+layout: SimpleLayout
+
+文档已移至：[UniElement](./unielement.md)

package/data/uniappx/api/dom/unicanvaselement.md

@@ -0,0 +1,29 @@
+## UniCanvasElement
+
+canvas 组件的 DOM 元素对象。
+
+参考：[canvas组件](../component/canvas.md)
+
+```mermaid
+graph LR
+  
+UniCanvasElement -- Extends --> UniElement
+  style UniElement color:#42b983
+  click UniElement "https://doc.dcloud.net.cn/uni-app-x/api/dom/unielement.html"
+```
+
+### UniCanvasElement 的属性值 @unicanvaselement-values
+| 名称 | 类型 | 必备 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| width | number | 是 | Web 4.21 / 微信小程序 x / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | Canvas宽度(注意:App平台只读不支持设置) |
+| height | number | 是 | Web 4.21 / 微信小程序 x / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | Canvas高度(注意:App平台只读不支持设置) |
+
+### UniCanvasElement 兼容性  
+ | Web | 微信小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- |
+| 4.21 | x | 4.25 | 4.25 | 4.61 |
+
+### UniCanvasElement 的方法 @unicanvaselement-methods
+
+**注意事项**
+- toDataURL方法在 App-Android 平台暂不支持在页面的onLoad和组件的onMount生命周期中调用

package/data/uniappx/api/dom/unielement.md

@@ -0,0 +1,211 @@
+## UniElement
+
+所有组件的 DOM 元素对象基类，描述了 UVUE DOM 元素所普通具有的属性和方法。
+
+### UniElement 兼容性  
+ | Web | 微信小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- |
+| 4.0 | 4.41 | 4.0 | 4.11 | 4.61 |
+
+### UniElement 的属性值 @unielement-values
+| 名称 | 类型 | 必备 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| id | string | 是 | Web 4.0 / 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / iOS(Vapor) UTS 插件 x / HarmonyOS(VDOM) x / HarmonyOS(Vapor) 5.0（部分支持，见上） | 只读属性，当前元素的标识符 |
+| isConnected | boolean | 是 | Web 4.0 / 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / iOS(Vapor) UTS 插件 x / HarmonyOS 4.61（部分支持，见上） | 只读属性，当前元素是否与 DOM 树连接 |
+| attributes | Map\<string, any> | 是 | Web 4.0 / 微信小程序 x / Android(VDOM) 4.0 / Android(Vapor) x / iOS(VDOM) 4.11 / iOS(Vapor) x / iOS(VDOM) UTS 插件 4.25 / HarmonyOS(VDOM) 4.61 / HarmonyOS(Vapor) x（部分支持，见上） | 只读属性，当前元素上所有属性元素的集合 |
+| classList | Array&lt;string&gt; | 是 | Web 4.0 / 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 x / HarmonyOS 4.61（部分支持，见上） | 只读属性，当前元素 class 属性的动态集合 |
+| dataset | any | 是 | Web 4.0 / 微信小程序 4.41 仅在event对象内的target上可用 / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 x / HarmonyOS 4.61（部分支持，见上） | 只读属性，当前元素上自定义数据属性（data-*）的集合 |
+| children | Array&lt;UniElement&gt; | 是 | Web 4.0 / 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61（部分支持，见上） | 只读属性，当前元素包含的子元素的集合 |
+| firstChild | UniElement | 否 | Web 4.0 / 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61（部分支持，见上） | 只读属性，当前元素的第一个子元素，如果元素是无子元素，则返回 null |
+| lastChild | UniElement | 否 | Web 4.0 / 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61（部分支持，见上） | 只读属性，当前元素的最后一个子元素，如果没有子元素，则返回 null |
+| parentElement | UniElement | 否 | Web 4.0 / 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61（部分支持，见上） | 只读属性，当前元素在 DOM 树中的父元素，如果没有父元素（如未添加到DOM树中），则返回null。 |
+| nextElementSibling | UniElement | 否 | Web 4.0 / 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61（部分支持，见上） | 只读属性，当前元素在 DOM 树中紧跟在其后面的同级元素，如果当前元素为最后一个元素，则返回 null |
+| offsetLeft | number | 是 | Web 4.0 / 微信小程序 4.41 仅在event对象内的target上可用 / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61 | 只读属性，当前元素左上角相对于其定位父元素内边框（Border内侧）左边缘的逻辑像素值 |
+| offsetTop | number | 是 | Web 4.0 / 微信小程序 4.41 仅在event对象内的target上可用 / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61 | 只读属性，当前元素外边框左上角相对于其定位父元素内边框（Border内侧）顶部边缘的逻辑像素值 |
+| offsetWidth | number | 是 | Web 4.0 / 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61（部分支持，见上） | 只读属性，当前元素的布局宽度逻辑像素值，包含border、padding区域 |
+| offsetHeight | number | 是 | Web 4.0 / 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61（部分支持，见上） | 只读属性，当前元素的布局高度逻辑像素值，包含border、padding区域 |
+| style | CSSStyleDeclaration | 是 | Web 4.0 / 微信小程序 4.41 / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61 | 只读属性，当前元素的CSS样式对象 |
+| scrollWidth | number | 是 | Web 4.0 / 微信小程序 5.13 / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61 | 只读属性，当前元素的可滚动内容总宽度，仅scroll-view、list-view等可滚动组件支持，其他组件返回视图宽度 |
+| scrollHeight | number | 是 | Web 4.0 / 微信小程序 5.13 / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61 | 只读属性，当前元素可滚动内容的总高度，仅scroll-view、list-view等可滚动组件支持，其他组件返回视图高度 |
+| scrollLeft | number | 是 | Web 4.0 / 微信小程序 5.13 / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61 | 获取或修改当前元素横向滚动的逻辑像素值，仅scroll-view、list-view等可滚动组件支持，其他组件修改无效、获取时返回 0 |
+| scrollTop | number | 是 | Web 4.0 / 微信小程序 5.13 / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61 | 获取或修改当前元素竖向滚动逻辑像素值，仅scroll-view、list-view可滚动组件支持，其他组件修改无效、获取时返回 0 |
+| tagName | string | 是 | Web 4.0 / 微信小程序 4.41 / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61 | 只读属性，获取当前元素的标签名 |
+| uniPage | UniPage | 是 | Web 4.0 / 微信小程序 x / Android 4.61 / iOS 4.61 / iOS(VDOM) UTS 插件 x / HarmonyOS 4.61（部分支持，见上） | 只读属性，当前元素所属的页面对象 |
+| innerHTML | string | 是 | Web x / 微信小程序 x / Android(VDOM) 4.84 / Android(Vapor) x / iOS x / HarmonyOS x（部分支持，见上） | 只读属性，当前元素内部所有子元素（不包括注释节点）的 HTML 内容 |
+
+#### dataset@dataset
+
+从 5.21 起全平台 dataset 调整为 UniDOMStringMap 类型。[详情](https://doc.dcloud.net.cn/uni-app-x/component/common.html#dataset)
+
+#### style@style
+- App端
+获取的是元素对象计算后的CSS样式集合对象，包括通过样式选择器设置的CSS样式。
+
+- Web端
+获取的是元素对象style属性设置的CSS样式集合对象，不包括通过样式选择器设置的CSS样式。
+
+- 小程序端
+获取的是元素对象style属性设置的CSS样式集合对象（仅限通过 UniElement.style 的API设置的），不包括通过样式选择器设置的CSS样式，也不包含在模板上绑定的style属性。
+
+### UniElement 的方法 @unielement-methods
+
+**注意**
+- setAttribute从HBuilderX 3.93起，调整为只能保存string类型属性值，需要保存其它类型数据请使用dataset属性。
+- 为保证多端一致setAttribute不推荐用于修改本文档中的UniElement属性，如有此类需求应使用element.xxx设置，如element.scrollTop。其余绑定到内置组件的属性也尽量使用数据驱动而不是绕过vue去设置。
+
+**App平台**
+app平台 setAttribute 不支持设置 class、style 属性，设置了也不会生效，class 属性需在 uvue/vue 页面中设置，style 信息可以通过 [style](#style) 属性设置。
+
+**注意**
+- getAttribute返回值从HBuilderX 3.93起，调整为string类型，不要使用此方法获取非string类型的属性值。如有非string需求，请使用对象的点操作符直接访问dateset属性，不通过getAttribute方法。
+- 为保证多端一致getAttribute不应用于获取本文档中的UniElement属性，如有此类需求应使用element.xxx获取，如element.scrollTop。
+
+**App平台**
+app平台 getAttribute 不支持获取 class、style 属性， uvue/vue 页面中设置的 class 属性暂不支持通过 UniElement 对象获取，style 信息可以通过 [style](#style) 属性获取。
+
+**getAndroidView获取原生View：**
+
+```uts
+//通过组件定义的id属性值，获取到UniElement对象
+const element = uni.getElementById(id)
+//getAndroidView不设置泛型，获取到安卓View
+if(element != null) {
+	const view = element.getAndroidView()
+}
+```
+
+更多示例请参考 uts 插件 [uts-get-native-view](https://gitcode.com/dcloud/hello-uni-app-x/blob/alpha/uni_modules/uts-get-native-view/utssdk/app-android/index.uts)
+
+**注意事项：**
+
++ 安卓蒸汽模式目前页面运行在js环境中，无法直接获取原生view类型，需要在uts插件中执行getAndroidView。
++ 安卓平台页面渲染时元素才会构建View，所以元素刚创建就获取View大概率是null，推荐页面onReady时获取。
++ 安卓平台获取的原生View尽可能的避免设置View的background属性，会导致元素background、border、boxshadow css效果失效或设置的background不生效，与设置background时机有关。
+
+**getAndroidView通过泛型定义获取原生View：**
+
+```uts
+//导入安卓原生WebView对象
+import WebView from "android.webkit.WebView"
+
+//通过web-view组件定义的id属性值，获取web-view标签的UniElement对象
+const webViewElement = uni.getElementById(id)
+//getAndroidView设置泛型为安卓底层WebView对象, 直接获取WebView 如果泛型不匹配会返回null
+if(webViewElement != null) {
+	const webview = webViewElement.getAndroidView<WebView>()
+}
+```
+
+获取到原生的WebView对象后，可以直接使用其所有属性和方法。原生对象的方法非常多，远多于 uni-app x 封装的API。这些方法都可以直接调用了。
+
+在 hello uni-app x 的 组件 -> web-view 示例中，获取原生WebView对象，然后进一步使用了可否前进后退的方法。
+- [Android](https://gitcode.com/dcloud/hello-uni-app-x/blob/alpha/uni_modules/uts-get-native-view/utssdk/app-android/index.uts)
+- [iOS](https://gitcode.com/dcloud/hello-uni-app-x/blob/alpha/uni_modules/uts-get-native-view/utssdk/app-ios/index.uts)
+
+**可通过getAndroidView泛型明确定义View类型的组件：**
+
+| 组件      | 对应 android 平台原生View         |
+| --------- | -------------------------------- |
+| [view](https://doc.dcloud.net.cn/uni-app-x/component/view.html) | [ViewGroup](https://developer.android.google.cn/reference/android/view/ViewGroup) |
+| [input](https://doc.dcloud.net.cn/uni-app-x/component/input.html) | [AppCompatEditText](https://developer.android.google.cn/reference/kotlin/androidx/appcompat/widget/AppCompatEditText) |
+| [textarea](https://doc.dcloud.net.cn/uni-app-x/component/textarea.html) | [AppCompatEditText](https://developer.android.google.cn/reference/kotlin/androidx/appcompat/widget/AppCompatEditText) |
+| [web-view](https://doc.dcloud.net.cn/uni-app-x/component/web-view.html) | [WebView](https://developer.android.google.cn/reference/android/webkit/WebView) |
+
+**getIOSView 获取原生 View：**
+
+```uts
+//通过 webViewElementId 获取 web-view 标签的 UniElement 对象
+const webViewElement = uni.getElementById(webViewElementId)
+//获取原生 view
+const view = webViewElement?.getIOSView();
+//判断 view 是否存在，类型是否为 WKWebView
+if (view != null && view instanceof WKWebView) {
+    //将 view 转换为 WKWebView 类型
+    const webView = view! as WKWebView;
+}
+```
+
+获取到原生的WebView对象后，可以直接使用其所有属性和方法。原生对象的方法非常多，远多于 uni-app x 封装的API。这些方法都可以直接调用了。
+
+在 hello uni-app x 的 组件 -> web-view 示例中，获取原生WebView对象，然后进一步使用了可否前进后退的方法。
+- [Android](https://gitcode.com/dcloud/hello-uni-app-x/blob/alpha/uni_modules/uts-get-native-view/utssdk/app-android/index.uts)
+- [iOS](https://gitcode.com/dcloud/hello-uni-app-x/blob/alpha/uni_modules/uts-get-native-view/utssdk/app-ios/index.uts)
+
+**组件对应原生 View 类型：**
+
+| 组件      | 对应 iOS 平台原生 View         |
+| --------- | -------------------------------- |
+| [view](https://doc.dcloud.net.cn/uni-app-x/component/view.html) | [UIView](https://developer.apple.com/documentation/uikit/uiview) |
+| [input](https://doc.dcloud.net.cn/uni-app-x/component/input.html) | [UITextField](https://developer.apple.com/documentation/uikit/uitextfield) |
+| [textarea](https://doc.dcloud.net.cn/uni-app-x/component/textarea.html) | [UITextView](https://developer.apple.com/documentation/uikit/uitextview) |
+| [web-view](https://doc.dcloud.net.cn/uni-app-x/component/web-view.html) | [WKWebView](https://developer.apple.com/documentation/webkit/wkwebview) |
+
+**注意事项：**
+
++ iOS平台 uvue 环境使用 js 驱动无法处理原生类型，getIOSView 方法需要在 uts 插件中使用。
++ iOS平台页面渲染时元素才会构建View，所以元素刚创建就获取 View 大概率是 null，推荐页面 onReady 时获取。
+
+**注意：**
+
++ Android平台 从HBuilderX 5.0起，调整 querySelectorAll 返回值，不再返回null，如果查询失败则返回空数组。
+
+完整示例代码参考[hello uni-app x](https://gitcode.com/dcloud/hello-uni-app-x/blob/alpha/pages/API/element-takesnapshot/element-takesnapshot.uvue)
+
+* 截图会在应用沙盒目录的cache目录产生临时文件，位置[详见](../api/file-system-spec.md#cache)。
+* app端如需主动删除临时文件，使用[uni.getFileSystemManager](../api/get-file-system-manager.md)。
+* app端list-view、waterflow、rich-text、web-view组件涉及复用，仅渲染屏幕显示的内容，所以截图仅能截取到当前屏幕展示的内容。
+* app端scroll-view组件设置padding后，截图内容不会包含padding区域。
+* 截图默认为png格式，包含透明度。如果view等元素未设置背景，截图后会表现为相关区域透明。另需注意png如果压缩成jpg会丢失透明度，一般会填充成黑色背景。开发者也可以主动给view设背景色来规避截图的png含有透明度。
+
+::: warning 注意
+- 鸿蒙平台暂不支持返回动画实例。
+
+- keyframes 支持的属性值
+
+|名称				|描述																				|
+|:--				|:--																				|
+|width				|控制宽度属性的过渡效果																|
+|height				|控制高度属性的过渡效果																|
+|margin				|控制外边距属性的过渡效果																|
+|marginTop			|控制上外边距属性的过渡效果															|
+|marginBottom		|控制下外边距属性的过渡效果															|
+|marginLeft		|控制左外边距属性的过渡效果															|
+|marginRight		|控制右外边距属性的过渡效果															|
+|left				|控制左侧位置属性的过渡效果															|
+|right				|控制右侧位置属性的过渡效果															|
+|top				|控制顶部位置属性的过渡效果															|
+|bottom				|控制底部位置属性的过渡效果															|
+|padding			|控制内边距属性的过渡效果																|
+|paddingLeft		|控制左内边距属性的过渡效果															|
+|paddingRight		|控制右内边距属性的过渡效果															|
+|paddingTop		|控制上内边距属性的过渡效果															|
+|paddingBottom		|控制下内边距属性的过渡效果															|
+|opacity			|控制透明度属性的过渡效果																|
+|backgroundColor	|控制背景颜色属性的过渡效果															|
+|borderColor		|控制边框颜色属性的过渡效果															|
+|borderTopColor	|控制上边框颜色属性的过渡效果															|
+|borderBottomColor|控制下边框颜色属性的过渡效果															|
+|borderLeftColor	|控制左边框颜色属性的过渡效果															|
+|borderRightColor	|控制右边框颜色属性的过渡效果															|
+|transform			|控制变换属性的过渡效果																|
+|transformOrigin	|控制元素变形的原点的过渡效果															|
+|offset				|关键帧的偏移量。为0.0和1.0之间的数字。如果此值缺失，则关键帧将在相邻关键帧之间均匀分布。	|
+
+- App平台keyframes支持的属性值不支持设置百分比。
+- 微信小程序平台 keyframes 使用 wxs + transition 方案实现，不支持多个 keyframes 之间使用缺省属性。微信内置的 `this.animate` 方案支持 [css 属性有限](https://developers.weixin.qq.com/miniprogram/dev/framework/view/animation.html#%E5%85%B3%E9%94%AE%E5%B8%A7%E5%8A%A8%E7%94%BB)，可以配合使用。
+
+- options 支持的属性
+
+|名称		|描述																				|
+|:--		|:--																				|
+|delay		|动画延迟的毫秒数	。默认值为0															|
+|direction	|动画运行方向。Android/微信小程序平台仅支持alternate和normal，默认为normal							|
+|duration	|动画时长。默认值为0																	|
+|easing		|动画曲线。支持ease、ease-in、ease-out、ease-in-out、linear和贝塞尔函数。默认值为linear（微信小程序平台支持 linear）	|
+|fill		|决定动画效果是否应在播放前反映在元素中（Android仅支持forwards）							|
+|iterations	|动画应重复的次数。默认值为1。	当设置为`Infinity`时，动画将一直重复执行。					|
+
+注意：getHarmonyController限于ets环境。只能获取在ets环境中创建的原生对象。鸿蒙蒸汽模式中，view、text、image等大部分内置组件都不是ets组件，无法get到其Controller。
+
+- requestFullscreen仅支持`view`组件。其他组件调用会触发失败回调。
+- app-ios平台，横屏时系统会自动隐藏状态栏。

package/data/uniappx/api/dom/uniimageelement.md

@@ -0,0 +1,23 @@
+## UniImageElement
+
+image 组件的 DOM 元素对象。
+
+### UniImageElement 兼容性  
+ | Web | 微信小程序 | Android | iOS | iOS(VDOM) UTS 插件 | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 4.0 | 4.11 | 4.25 | x |
+
+```mermaid
+graph LR
+  
+UniImageElement -- Extends --> UniElement
+  style UniElement color:#42b983
+  click UniElement "https://doc.dcloud.net.cn/uni-app-x/api/dom/unielement.html"
+```
+
+### UniImageElement 的属性值 @uniimageelement-values
+| 名称 | 类型 | 必备 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| src | string.ImageURIString | 是 | Web 4.0 / 微信小程序 x / Android 4.25 / iOS 4.25 / iOS(VDOM) UTS 插件 x / HarmonyOS 4.61（部分支持，见上） | 图片url |
+
+### UniImageElement 的方法 @uniimageelement-methods

package/data/uniappx/api/dom/uniinputelement.md

@@ -0,0 +1,25 @@
+## UniInputElement
+
+input 组件的 DOM 元素对象。
+
+### UniInputElement 兼容性  
+ | Web | 微信小程序 | Android | iOS | iOS(VDOM) UTS 插件 | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 4.0 | 4.11 | x | 4.61 |
+
+```mermaid
+graph LR
+  
+UniInputElement -- Extends --> UniElement
+  style UniElement color:#42b983
+  click UniElement "https://doc.dcloud.net.cn/uni-app-x/api/dom/unielement.html"
+```
+
+### UniInputElement 的属性值 @uniinputelement-values
+| 名称 | 类型 | 必备 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| name | string | 是 | 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25（部分支持，见上） | 表单的控件名称，作为键值对的一部分与表单(form组件)一同提交 |
+| type | string | 是 | 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25（部分支持，见上） | input的类型 |
+| disabled | boolean | 是 | 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25（部分支持，见上） | 是否禁用 |
+| autofocus | boolean | 是 | 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25（部分支持，见上） | 自动获取焦点 |
+| value | string | 是 | 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25（部分支持，见上） | 输入框的初始内容 |

package/data/uniappx/api/dom/uninativeviewelement.md

@@ -0,0 +1,18 @@
+## UniNativeViewElement
+
+native-view 元素对象
+
+### UniNativeViewElement 兼容性  
+ | Android | iOS | HarmonyOS |
+| :- | :- | :- |
+| 4.31 | 4.31 | 4.61 |
+
+```mermaid
+graph LR
+  
+UniNativeViewElement -- Extends --> UniElement
+  style UniElement color:#42b983
+  click UniElement "https://doc.dcloud.net.cn/uni-app-x/api/dom/unielement.html"
+```
+
+### UniNativeViewElement 的方法 @uninativeviewelement-methods

package/data/uniappx/api/dom/uniresizeobserver.md

@@ -0,0 +1,20 @@
+## UniResizeObserver
+
+用于监视 UniElement 元素的大小变化。它可以观察一个或多个
+
+### UniResizeObserver 兼容性  
+ | Web | 微信小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- |
+| 4.16 | x | 4.13 | 4.18 | 4.61 |
+
+### 构造函数
+| 名称 | 类型 | 必备 | 描述 |
+| :- | :- | :- | :- |
+| callback | (entries: Array<UniResizeObserverEntry>) => void | 是 | 每当监视的元素调整大小时，回调该函数 |
+
+### 构造函数
+| 名称 | 类型 | 必备 | 描述 |
+| :- | :- | :- | :- |
+| callback | (entries: Array<UniResizeObserverEntry>, observer: UniResizeObserver) => void | 是 | 每当监视的元素调整大小时，回调该函数 |
+
+### UniResizeObserver 的方法 @uniresizeobserver-methods

package/data/uniappx/api/dom/unitextareaelement.md

@@ -0,0 +1,25 @@
+## UniTextareaElement
+
+textarea 组件的 DOM 元素对象。
+
+### UniTextareaElement 兼容性  
+ | Web | 微信小程序 | Android | iOS | iOS(VDOM) UTS 插件 | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 4.0 | 4.11 | 4.25 | 4.61 |
+
+```mermaid
+graph LR
+  
+UniTextareaElement -- Extends --> UniElement
+  style UniElement color:#42b983
+  click UniElement "https://doc.dcloud.net.cn/uni-app-x/api/dom/unielement.html"
+```
+
+### UniTextareaElement 的属性值 @unitextareaelement-values
+| 名称 | 类型 | 必备 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| name | string | 是 | 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25（部分支持，见上） | 表单的控件名称，作为键值对的一部分与表单(form组件)一同提交 |
+| type | string | 是 | 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25（部分支持，见上） | input的类型 |
+| disabled | boolean | 是 | 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25（部分支持，见上） | 是否禁用 |
+| autofocus | boolean | 是 | 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25（部分支持，见上） | 自动获取焦点 |
+| value | string | 是 | Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25（部分支持，见上） | 输入框的初始内容 |

package/data/uniappx/api/dom/unitextelement.md

@@ -0,0 +1,23 @@
+## UniTextElement
+
+text 组件的 DOM 元素对象。
+
+### UniTextElement 兼容性  
+ | Web | 微信小程序 | Android | iOS | iOS(VDOM) UTS 插件 | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 4.0 | 4.11 | 4.25 | 4.61 |
+
+```mermaid
+graph LR
+  
+UniTextElement -- Extends --> UniElement
+  style UniElement color:#42b983
+  click UniElement "https://doc.dcloud.net.cn/uni-app-x/api/dom/unielement.html"
+```
+
+### UniTextElement 的属性值 @unitextelement-values
+| 名称 | 类型 | 必备 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| value | string | 是 | Web x / 微信小程序 x / Android 4.0 / iOS 4.11 / iOS(VDOM) UTS 插件 4.25 / HarmonyOS 4.61（部分支持，见上） | 只读属性 text元素的文案内容 |
+
+### UniTextElement 的方法 @unitextelement-methods

package/data/uniappx/api/dom/univideoelement.md

@@ -0,0 +1,18 @@
+## UniVideoElement
+
+video元素对象
+
+### UniVideoElement 兼容性  
+ | Web | 微信小程序 |
+| :- | :- |
+| 4.0 | x |
+
+```mermaid
+graph LR
+  
+UniVideoElement -- Extends --> UniElement
+  style UniElement color:#42b983
+  click UniElement "https://doc.dcloud.net.cn/uni-app-x/api/dom/unielement.html"
+```
+
+### UniVideoElement 的方法 @univideoelement-methods

package/data/uniappx/api/dom/uniwebviewelement.md

@@ -0,0 +1,18 @@
+## UniWebViewElement
+
+web-view 组件的 DOM 元素对象。
+
+### UniWebViewElement 兼容性  
+ | Web | 微信小程序 | Android | iOS | iOS(VDOM) UTS 插件 | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 4.0 | 4.11 | 4.25 | 4.61 |
+
+```mermaid
+graph LR
+  
+UniWebViewElement -- Extends --> UniElement
+  style UniElement color:#42b983
+  click UniElement "https://doc.dcloud.net.cn/uni-app-x/api/dom/unielement.html"
+```
+
+### UniWebViewElement 的方法 @uniwebviewelement-methods