npm - tmui-cli - Versions diffs - 2.0.5 → 5.3.1 - Mend

tmui-cli 2.0.5 → 5.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (777) hide show

package/data/uniappx/css/README.md CHANGED Viewed

@@ -6,21 +6,26 @@ uni-app x 在 app平台实现了 web css 的子集。
 子集并不影响开发者开发出所需的界面，仅是写法上没有那么丰富。
-当 uni-app x 编译到 web、小程序等平台时，可以支持 web 的全部 css。同时，**编译器会进行 css 重置**，保证 ucss 这个子集在各端效果的一致性。这也意味着使用uni-app x的web端，和直接在浏览器里写html在默认值处理上有一定的差异。[见下](#css-reset)
+当 uni-app x 编译到 web、小程序等平台时，可以支持 web 的全部 css。同时，**编译器会进行 css 重置**，保证 ucss 这个子集在各端效果的一致性。
+这也意味着使用 uni-app x 的web和小程序平台，在默认值处理上有一定的差异。[见下](#css-reset)
-浏览器、Android原生、iOS原生，都有自己的布局和样式设置系统。
+浏览器、各平台原生，都有自己的布局和样式设置系统。
 ucss这个子集，是抽取了web和app的共同能力，并通过web的css写法来设置原生布局和样式。
 原生App的组件样式都是通过组件的属性设置的。父子组件的属性隔离，样式不会继承。
 App端与web常见的区别是：
-1. 仅支持**flex 布局**和绝对定位：这是web、iOS、Android均支持的布局方式
+1. 仅支持**flex 布局**和绝对定位：这是全平台均支持的布局方式
 2. 选择器**只能用 class 选择器**，不能用tag、#id、[attr]等选择器，目前class选择器不支持除A-Z、a-z、0-9、_、- 之外的字符
 3. **样式不继承**，即父元素样式不影响子元素
 > 但以上仅是常见的区别，并非所有，需开发者继续阅读全文。
+在AI时代，AI需要的是简单的规则，哪怕多写几个单词；而不是一个界面有很多种写法。这与人手写代码有很大的区别。
+web中过于灵活的css，一方面影响运行时性能，另一方面影响AI排错。AI很容易搞不清复杂的css选择器权重、搞不清样式继承的影响，导致画错界面。
 ## 页面布局
 uni-app x 使用flex布局，即弹性盒布局。
@@ -44,7 +49,7 @@ web和小程序平台虽然默认是flex布局，但通过高权重的样式写`
 在W3C规范中，flex 默认是`横向`的，但uni-app x里全平台的flex方向默认值都是`纵向`的。
-因为W3C规范中，起初布局是block，后来推出flex时更高频率是用它的横排能力。而在flex是第一布局模型的手机端，大量布局都是竖排的，此时要求开发者大量编写`style="flex-direction:column"`很不友好。
+因为W3C规范中，起初布局是block，后来推出flex时更多场景是用它的横排能力。而在flex是第一布局模型的手机端，大量布局都是竖排的，此时要求开发者大量编写`style="flex-direction:column"`很不友好。
 所以在uni-app x中默认是竖排（之前nvue也默认是竖排）。
@@ -96,11 +101,15 @@ web和小程序平台虽然默认是flex布局，但通过高权重的样式写`
 ### 页面级滚动@pagescroll
-App平台vdom模式下，页面不可滚动。蒸汽模式，以及其他平台，页面均可滚动。[详见](../page.md#disablescroll)
+uni-app x 页面默认均可滚动，除非配置了disablescroll。[详见](../page.md#disablescroll)
+仅App平台vdom模式下页面不可滚动。
 ## 样式不继承@stylenoextends
-web的样式继承，主要是文字样式继承。web的css属性众多，规范比较松散，随便一个div都可以写文字相关的样式。这样其实不严谨、性能也不好。
+web的样式继承，主要是文字样式继承。web的css属性众多，规范比较松散，随便一个div都可以写文字相关的样式。
+这样其实不严谨、性能不好，对AI也很不友好。
 在原生等严谨的应用开发方案中，均是组件搭配该组件的专有属性。容器组件和文本组件分离，属性各自隔离，不可能在容器组件里写文本组件的样式。
@@ -159,7 +168,7 @@ app-uvue的css的“样式不继承”规则，虽然与web有差异，其实只
 由于app平台样式不继承，那么在web中继承相关的关键字`inherit`、`unset`在app中也不支持。
-由于web的css中某些属性的默认值就是`inherit`，即继承父，此时在ucss中会修改为一个独立而具体的默认值。
+由于web的css中某些属性的默认值就是`inherit`，即继承父，此时在ucss中会重置为一个独立而具体的默认值。
 ## 样式冲突、优先级@css-specificity
@@ -219,21 +228,19 @@ app中，设置样式只有内联样式即style属性和class属性这两种方
 ## 样式作用范围 @scoped
-在 `uni-app x` 中，非web平台不支持 `css scoped`。
-在HBuilderX 5.0以前，不同平台的样式隔离策略有差异。
+非web平台不支持 `css scoped`。
-HBuilderX 5+ 已统一策略，页面是否被全局样式影响、组件是否被全局和页面样式影响，均可配置。
+全平台统一遵守[样式隔离策略2.0](./common/style-isolation.md)
-详见[样式隔离策略2.0](./common/style-isolation.md)
+页面是否被全局样式影响、组件是否被全局和页面样式影响，均可配置。
-## 层级
+## z-index层级
 app平台仅对`同层的兄弟节点`之间支持`z-index`来调节层级。不支持脱离dom树任意调节层级。
 ## css方法 @css-function
-app平台目前支持url()、rgb()、rgba()、var()、env()。[详见](./common/function.md)
+app平台目前支持url()、rgb()、rgba()、var()、env()、calc()。[详见](./common/function.md)
 ## 字体图标注意
@@ -393,26 +400,27 @@ app平台由于暂不支持伪元素，字体图标需使用unicode直显方式
 | [visibility](visibility.md) |
 | [white-space](white-space.md) |
 | [width](width.md) |
+| [word-break](word-break.md) |
 | [z-index](z-index.md) |
 ## 不支持拍平的 CSS 属性@css_no_flatten_list
 | CSS 属性列表 | 兼容性 |
 | :- |  :-: |
-| [animation](animation.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
+| [animation](animation.md) | Android(Vapor) 5.31 / iOS(Vapor) 5.31 / HarmonyOS(Vapor) x（部分支持，见上） |
 | [animation-composition](animation-composition.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
-| [animation-delay](animation-delay.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
-| [animation-direction](animation-direction.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
-| [animation-duration](animation-duration.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
+| [animation-delay](animation-delay.md) | Android(Vapor) 5.31 / iOS(Vapor) 5.31 / HarmonyOS(Vapor) x（部分支持，见上） |
+| [animation-direction](animation-direction.md) | Android(Vapor) 5.31 / iOS(Vapor) 5.31 / HarmonyOS(Vapor) x（部分支持，见上） |
+| [animation-duration](animation-duration.md) | Android(Vapor) 5.31 / iOS(Vapor) 5.31 / HarmonyOS(Vapor) x（部分支持，见上） |
 | [animation-fill-mode](animation-fill-mode.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
-| [animation-iteration-count](animation-iteration-count.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
-| [animation-name](animation-name.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
-| [animation-play-state](animation-play-state.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
+| [animation-iteration-count](animation-iteration-count.md) | Android(Vapor) 5.31 / iOS(Vapor) 5.31 / HarmonyOS(Vapor) x（部分支持，见上） |
+| [animation-name](animation-name.md) | Android(Vapor) 5.31 / iOS(Vapor) 5.31 / HarmonyOS(Vapor) x（部分支持，见上） |
+| [animation-play-state](animation-play-state.md) | Android(Vapor) 5.31 / iOS(Vapor) 5.31 / HarmonyOS(Vapor) x（部分支持，见上） |
 | [animation-range](animation-range.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
 | [animation-range-end](animation-range-end.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
 | [animation-range-start](animation-range-start.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
 | [animation-timeline](animation-timeline.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
-| [animation-timing-function](animation-timing-function.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
+| [animation-timing-function](animation-timing-function.md) | Android(Vapor) 5.31 / iOS(Vapor) 5.31 / HarmonyOS(Vapor) x（部分支持，见上） |
 | [backdrop-filter](backdrop-filter.md) |   |
 | [background-clip](background-clip.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
 | [background-image](background-image.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
@@ -423,11 +431,11 @@ app平台由于暂不支持伪元素，字体图标需使用unicode直显方式
 | [text-decoration-color](text-decoration-color.md) | Android(Vapor) x / iOS(Vapor) 5.11 / HarmonyOS(Vapor) 5.0（部分支持，见上） |
 | [text-decoration-style](text-decoration-style.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
 | [text-decoration-thickness](text-decoration-thickness.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
-| [transition](transition.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
-| [transition-delay](transition-delay.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
-| [transition-duration](transition-duration.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
-| [transition-property](transition-property.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
-| [transition-timing-function](transition-timing-function.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
+| [transition](transition.md) | Android(Vapor) 5.21 / iOS(Vapor) 5.11 / HarmonyOS(Vapor) x（部分支持，见上） |
+| [transition-delay](transition-delay.md) | Android(Vapor) 5.21 / iOS(Vapor) 5.11 / HarmonyOS(Vapor) x（部分支持，见上） |
+| [transition-duration](transition-duration.md) | Android(Vapor) 5.21 / iOS(Vapor) 5.11 / HarmonyOS(Vapor) x（部分支持，见上） |
+| [transition-property](transition-property.md) | Android(Vapor) 5.21 / iOS(Vapor) 5.11 / HarmonyOS(Vapor) x（部分支持，见上） |
+| [transition-timing-function](transition-timing-function.md) | Android(Vapor) 5.21 / iOS(Vapor) 5.11 / HarmonyOS(Vapor) x（部分支持，见上） |
 | [visibility](visibility.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |
 | [z-index](z-index.md) | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（不支持） |

package/data/uniappx/css/_sidebar.md CHANGED Viewed

@@ -9,6 +9,20 @@
   * [align-content](align-content.md)
   * [align-items](align-items.md)
   * [align-self](align-self.md)
+  * [animation](animation.md)
+  * [animation-composition](animation-composition.md)
+  * [animation-delay](animation-delay.md)
+  * [animation-direction](animation-direction.md)
+  * [animation-duration](animation-duration.md)
+  * [animation-fill-mode](animation-fill-mode.md)
+  * [animation-iteration-count](animation-iteration-count.md)
+  * [animation-name](animation-name.md)
+  * [animation-play-state](animation-play-state.md)
+  * [animation-range](animation-range.md)
+  * [animation-range-end](animation-range-end.md)
+  * [animation-range-start](animation-range-start.md)
+  * [animation-timeline](animation-timeline.md)
+  * [animation-timing-function](animation-timing-function.md)
   * [backdrop-filter](backdrop-filter.md)
   * [background](background.md)
   * [background-clip](background-clip.md)
@@ -100,4 +114,5 @@
   * [visibility](visibility.md)
   * [white-space](white-space.md)
   * [width](width.md)
+  * [word-break](word-break.md)
   * [z-index](z-index.md)

package/data/uniappx/css/align-content.md CHANGED Viewed

@@ -58,9 +58,6 @@ align-content: normal | <baseline-position> | <content-distribution> | <overflow
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view>
@@ -265,9 +262,6 @@ align-content: normal | <baseline-position> | <content-distribution> | <overflow
         <input-data :defaultValue="data.alignContent" title="align-content 自定义值" type="text" @confirm="inputChangeAlignContent"></input-data>
       </view>
     </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/align-items.md CHANGED Viewed

@@ -55,9 +55,6 @@ align-items: normal | stretch | <baseline-position> | [ <overflow-position>? <se
 >示例
 ```vue
 <template>
-  <scroll-view style="flex: 1">
     <view style="flex-grow: 1">
       <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
       <view>
@@ -200,9 +197,6 @@ align-items: normal | stretch | <baseline-position> | [ <overflow-position>? <se
           <enum-data :items="alignItemsEnum" title="align-items 枚举值" @change="radioChangeAlignItems" :compact="true"></enum-data>
           <input-data :defaultValue="data.alignItems" title="align-items 自定义值" type="text" @confirm="inputChangeAlignItems"></input-data>
       </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/align-self.md CHANGED Viewed

@@ -43,10 +43,7 @@ align-self: auto | normal | stretch | <baseline-position> | <overflow-position>?
 >示例
 ```vue
 <template>
-  <scroll-view class="uni-theme-root" style="flex: 1">
-  <view class="css-page uni-theme-root" style="flex-grow: 1;">
+  <view class="css-page" style="flex-grow: 1;">
     <text class="uni-tips">说明：左边是正常版本，右边是拍平版本</text>
     <view>
       <text class="theme-label">align-self: auto</text>
@@ -212,9 +209,6 @@ align-self: auto | normal | stretch | <baseline-position> | <overflow-position>?
       </view>
   </view>
-  </scroll-view>
 </template>
 <style>

package/data/uniappx/css/animation-composition.md CHANGED Viewed

@@ -3,9 +3,9 @@
 The animation-composition CSS property specifies the composite operation to use when multiple animations affect the same property simultaneously.
 ### uni-app x 兼容性
-| Android | iOS | HarmonyOS |
-| :- | :- | :- |
-| x | x | x |
+| Web | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- |
+| 4.0 | x | x | x |
 ### App平台拍平（flatten）兼容性  @flatten_compatibility
@@ -19,11 +19,11 @@ animation-composition: <single-animation-composition>#;
 ```
 ### animation-composition 的属性值
-| 名称 | 兼容性 | 描述 |
-| :- | :- | :- |
-| replace | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | The effect value overrides the underlying value of the property. This is the default value. |
-| add | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | The effect value builds on the underlying value of the property. This operation produces an additive effect. For animation types where the addition operation is not commutative, the order of the operands is the underlying value followed by the effect value. |
-| accumulate | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | The effect and underlying values are combined. For animation types where the addition operation is not commutative, the order of the operands is the underlying value followed by the effect value. |
+| 名称 | 描述 |
+| :- | :- |
+| replace | The effect value overrides the underlying value of the property. This is the default value. |
+| add | The effect value builds on the underlying value of the property. This operation produces an additive effect. For animation types where the addition operation is not commutative, the order of the operands is the underlying value followed by the effect value. |
+| accumulate | The effect and underlying values are combined. For animation types where the addition operation is not commutative, the order of the operands is the underlying value followed by the effect value. |
 ### 默认值 @default-value
  `replace`

package/data/uniappx/css/animation-delay.md CHANGED Viewed

@@ -3,15 +3,15 @@
 animation-delay CSS 属性指定从应用动画到元素开始执行动画之前等待的时间量。动画可以稍后开始、立即从开头开始或立即开始并在动画中途播放。
 ### uni-app x 兼容性
-| Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
-| :- | :- | :- | :- | :- | :- |
-| x | 5.25 | x | 5.25 | x | 5.25 |
+| Web | Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
+| :- | :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 5.31 | x | 5.31 | x | 5.31 |
 ### App平台拍平（flatten）兼容性  @flatten_compatibility
 | Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
 | :- | :- | :- |
-| x | x | x |
+| 5.31 | 5.31 | x |
 ### 语法
 ```

package/data/uniappx/css/animation-direction.md CHANGED Viewed

@@ -3,15 +3,15 @@
 animation-direction CSS 属性设置动画是应正向播放、反向播放还是在正向和反向之间交替播放。
 ### uni-app x 兼容性
-| Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
-| :- | :- | :- | :- | :- | :- |
-| x | 5.25 | x | 5.25 | x | 5.25 |
+| Web | Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
+| :- | :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 5.31 | x | 5.31 | x | 5.31 |
 ### App平台拍平（flatten）兼容性  @flatten_compatibility
 | Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
 | :- | :- | :- |
-| x | x | x |
+| 5.31 | 5.31 | x |
 ### 语法
 ```
@@ -21,9 +21,9 @@ animation-direction: <single-animation-direction>#;
 ### animation-direction 的属性值
 | 名称 | 兼容性 | 描述 |
 | :- | :- | :- |
-| alternate | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 动画在每个循环中正反交替播放，第一次迭代是正向播放。确定循环是奇数还是偶数的计数从 1 开始。 |
+| alternate |   | 动画在每个循环中正反交替播放，第一次迭代是正向播放。确定循环是奇数还是偶数的计数从 1 开始。 |
 | alternate-reverse | Android(Vapor) x / iOS(Vapor) x（部分支持，见上） | 动画在每个循环中正反交替播放，第一次迭代是反向播放。确定循环是奇数还是偶数的计数从 1 开始。 |
-| normal | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 动画在每个循环中正向播放。换句话说，每次动画循环时，动画将重置为起始状态并重新开始。这是默认值。 |
+| normal |   | 动画在每个循环中正向播放。换句话说，每次动画循环时，动画将重置为起始状态并重新开始。这是默认值。 |
 | reverse | Android(Vapor) x / iOS(Vapor) x（部分支持，见上） | 动画在每个循环中反向播放。换句话说，每次动画循环时，动画将重置为结束状态并重新开始。动画步骤将反向执行，并且时间函数也将被反转。例如，ease-in 时间函数变为 ease-out。 |
 ### 默认值 @default-value

package/data/uniappx/css/animation-duration.md CHANGED Viewed

@@ -3,15 +3,15 @@
 animation-duration CSS 属性设置动画完成一个动画周期所需的时间。
 ### uni-app x 兼容性
-| Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
-| :- | :- | :- | :- | :- | :- |
-| x | 5.25 | x | 5.25 | x | 5.25 |
+| Web | Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
+| :- | :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 5.31 | x | 5.31 | x | 5.31 |
 ### App平台拍平（flatten）兼容性  @flatten_compatibility
 | Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
 | :- | :- | :- |
-| x | x | x |
+| 5.31 | 5.31 | x |
 ### 语法
 ```

package/data/uniappx/css/animation-fill-mode.md CHANGED Viewed

@@ -3,9 +3,9 @@
 CSS 属性 animation-fill-mode 设置 CSS 动画在执行之前和之后如何将样式应用于其目标。
 ### uni-app x 兼容性
-| Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
-| :- | :- | :- | :- | :- | :- |
-| x | 5.25 | x | 5.25 | x | 5.25 |
+| Web | Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
+| :- | :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 5.31 | x | 5.31 | x | 5.31 |
 ### App平台拍平（flatten）兼容性  @flatten_compatibility
@@ -23,7 +23,7 @@ animation-fill-mode: <single-animation-fill-mode>#;
 | :- | :- | :- |
 | backwards | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（部分支持，见上） | 动画将在应用于目标时立即应用第一个关键帧中定义的值，并在animation-delay期间保留此值。第一个关键帧取决于animation-direction的值：<br/>    <br/>      <br/>        <br/>          animation-direction<br/>          first relevant keyframe<br/>        <br/>      <br/>      <br/>        <br/>          normal or alternate<br/>          0% or from<br/>        <br/>        <br/>          reverse or alternate-reverse<br/>          100% or to |
 | both | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（部分支持，见上） | 动画将遵循forwards和backwards的规则，从而在两个方向上扩展动画属性。 |
-| forwards | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 目标将保留由执行期间遇到的最后一个关键帧 (en-US)计算值。最后一个关键帧取决于animation-direction和animation-iteration-count的值：<br/>    <br/>      <br/>        <br/>          animation-direction<br/>          animation-iteration-count<br/>          last keyframe encountered<br/>        <br/>      <br/>      <br/>        <br/>          normal<br/>          even or odd<br/>          100% or to<br/>        <br/>        <br/>          reverse<br/>          even or odd<br/>          0% or from<br/>        <br/>        <br/>          alternate<br/>          even<br/>          0% or from<br/>        <br/>        <br/>          alternate<br/>          odd<br/>          100% or to<br/>        <br/>        <br/>          alternate-reverse<br/>          even<br/>          100% or to<br/>        <br/>        <br/>          alternate-reverse<br/>          odd<br/>          0% or from |
+| forwards |   | 目标将保留由执行期间遇到的最后一个关键帧 (en-US)计算值。最后一个关键帧取决于animation-direction和animation-iteration-count的值：<br/>    <br/>      <br/>        <br/>          animation-direction<br/>          animation-iteration-count<br/>          last keyframe encountered<br/>        <br/>      <br/>      <br/>        <br/>          normal<br/>          even or odd<br/>          100% or to<br/>        <br/>        <br/>          reverse<br/>          even or odd<br/>          0% or from<br/>        <br/>        <br/>          alternate<br/>          even<br/>          0% or from<br/>        <br/>        <br/>          alternate<br/>          odd<br/>          100% or to<br/>        <br/>        <br/>          alternate-reverse<br/>          even<br/>          100% or to<br/>        <br/>        <br/>          alternate-reverse<br/>          odd<br/>          0% or from |
 | none | Android(Vapor) x / iOS(Vapor) x / HarmonyOS(Vapor) x（部分支持，见上） | 当动画未执行时，动画将不会将任何样式应用于目标，而是已经赋予给该元素的 CSS 规则来显示该元素。这是默认值。 |
 ### 默认值 @default-value

package/data/uniappx/css/animation-iteration-count.md CHANGED Viewed

@@ -3,15 +3,15 @@
 animation-iteration-count CSS 属性设置动画序列在停止前应播放的次数
 ### uni-app x 兼容性
-| Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
-| :- | :- | :- | :- | :- | :- |
-| x | 5.25 | x | 5.25 | x | 5.25 |
+| Web | Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
+| :- | :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 5.31 | x | 5.31 | x | 5.31 |
 ### App平台拍平（flatten）兼容性  @flatten_compatibility
 | Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
 | :- | :- | :- |
-| x | x | x |
+| 5.31 | 5.31 | x |
 ### 语法
 ```
@@ -19,9 +19,9 @@ animation-iteration-count: <single-animation-iteration-count>#;
 ```
 ### animation-iteration-count 的属性值
-| 名称 | 兼容性 | 描述 |
-| :- | :- | :- |
-| infinite | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 无限循环播放动画。 |
+| 名称 | 描述 |
+| :- | :- |
+| infinite | 无限循环播放动画。 |
 ### 默认值 @default-value
  `1`

package/data/uniappx/css/animation-name.md CHANGED Viewed

@@ -3,15 +3,15 @@
 animation-name CSS 属性指定一个或多个 @keyframes at-rule 的名称，这些 at-rule 描述了要应用于元素的动画。多个 @keyframes at-rule 以逗号分隔的名称列表的形式指定。如果指定的名称不匹配任何 @keyframes at-rule，则不会对任何属性进行动画处理。
 ### uni-app x 兼容性
-| Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
-| :- | :- | :- | :- | :- | :- |
-| x | 5.25 | x | 5.25 | x | 5.25 |
+| Web | Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
+| :- | :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 5.31 | x | 5.31 | x | 5.31 |
 ### App平台拍平（flatten）兼容性  @flatten_compatibility
 | Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
 | :- | :- | :- |
-| x | x | x |
+| 5.31 | 5.31 | x |
 ### 语法
 ```
@@ -19,9 +19,9 @@ animation-name: [ none | <keyframes-name> ]#;
 ```
 ### animation-name 的属性值
-| 名称 | 兼容性 | 描述 |
-| :- | :- | :- |
-| none | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 一个特殊的关键字，表示没有关键帧。它可用于禁用动画，而不改变其他标识符的顺序，或禁用级联的动画。 |
+| 名称 | 描述 |
+| :- | :- |
+| none | 一个特殊的关键字，表示没有关键帧。它可用于禁用动画，而不改变其他标识符的顺序，或禁用级联的动画。 |
 ### 默认值 @default-value
  `none`

package/data/uniappx/css/animation-play-state.md CHANGED Viewed

@@ -3,15 +3,15 @@
 animation-play-state CSS 属性设置动画是运行还是暂停。
 ### uni-app x 兼容性
-| Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
-| :- | :- | :- | :- | :- | :- |
-| x | 5.25 | x | 5.25 | x | 5.25 |
+| Web | Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
+| :- | :- | :- | :- | :- | :- | :- |
+| 4.0 | x | 5.31 | x | 5.31 | x | 5.31 |
 ### App平台拍平（flatten）兼容性  @flatten_compatibility
 | Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
 | :- | :- | :- |
-| x | x | x |
+| 5.31 | 5.31 | x |
 ### 语法
 ```
@@ -19,10 +19,10 @@ animation-play-state: <single-animation-play-state>#;
 ```
 ### animation-play-state 的属性值
-| 名称 | 兼容性 | 描述 |
-| :- | :- | :- |
-| paused | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 当前动画已被停止。 |
-| running | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | 当前动画正在运行。 |
+| 名称 | 描述 |
+| :- | :- |
+| paused | 当前动画已被停止。 |
+| running | 当前动画正在运行。 |
 ### 默认值 @default-value
  `running`

package/data/uniappx/css/animation-range-end.md CHANGED Viewed

@@ -3,9 +3,9 @@
 The animation-range-end CSS property is used to set the end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will end.
 ### uni-app x 兼容性
-| Android | iOS | HarmonyOS |
-| :- | :- | :- |
-| x | x | x |
+| Web | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- |
+| 4.0 | x | x | x |
 ### App平台拍平（flatten）兼容性  @flatten_compatibility

package/data/uniappx/css/animation-range-start.md CHANGED Viewed

@@ -3,9 +3,9 @@
 The animation-range-start CSS property is used to set the start of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start.
 ### uni-app x 兼容性
-| Android | iOS | HarmonyOS |
-| :- | :- | :- |
-| x | x | x |
+| Web | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- |
+| 4.0 | x | x | x |
 ### App平台拍平（flatten）兼容性  @flatten_compatibility

package/data/uniappx/css/animation-range.md CHANGED Viewed

@@ -3,9 +3,9 @@
 The animation-range CSS shorthand property is used to set the start and end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start and end.
 ### uni-app x 兼容性
-| Android | iOS | HarmonyOS |
-| :- | :- | :- |
-| x | x | x |
+| Web | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- |
+| 4.0 | x | x | x |
 ### App平台拍平（flatten）兼容性  @flatten_compatibility
@@ -19,15 +19,15 @@ animation-range: [ <'animation-range-start'> <'animation-range-end'>? ]#;
 ```
 ### animation-range 的属性值
-| 名称 | 兼容性 | 描述 |
-| :- | :- | :- |
-| normal | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | Represents the start of the timeline in the case of animation-range-start and the end of the timeline in the case of animation-range-end. This is the default value. |
-| cover | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | Represents the full range of a named view progress timeline (see CSS scroll-driven animations for more details), from the point where the subject element first starts to enter the scroll port's view progress visibility range (0% progress) to the point where it has completely left it (100% progress). |
-| contain | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | Represents the range of a named view progress timeline where the subject element is fully contained by, or fully contains, the scroll port's view progress visibility range.<br/>        <br/>          If the subject element is smaller than the scrollport, it ranges from the point where the subject element is first completely contained by the scroll port (0% progress), to the point where it is no longer completely contained by the scroll port (100% progress).<br/>          If the subject element is larger than the scrollport, it ranges from the point where the subject element first completely covers the scroll port (0% progress), to the point where it no longer completely covers the scroll port (100% progress). |
-| entry | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | Represents the range of a named view progress timeline from the point where the subject element first starts to enter the scroll port (0% progress), to the point where it has completely entered the scroll port (100%). |
-| exit | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | Represents the range of a named view progress timeline from the point where the subject element first starts to exit the scroll port (0% progress), to the point where it has completely exited the scroll port (100%). |
-| entry-crossing | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | Represents the range of a named view progress timeline from the point where the subject element first starts to cross the scroll port's starting edge (0% progress), to the point where it has completely crossed the scroll port's starting edge (100%). |
-| exit-crossing | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | Represents the range of a named view progress timeline from the point where the subject element first starts to cross the scroll port's end edge (0% progress), to the point where it has completely crossed the scroll port's end edge (100%). |
+| 名称 | 描述 |
+| :- | :- |
+| normal | Represents the start of the timeline in the case of animation-range-start and the end of the timeline in the case of animation-range-end. This is the default value. |
+| cover | Represents the full range of a named view progress timeline (see CSS scroll-driven animations for more details), from the point where the subject element first starts to enter the scroll port's view progress visibility range (0% progress) to the point where it has completely left it (100% progress). |
+| contain | Represents the range of a named view progress timeline where the subject element is fully contained by, or fully contains, the scroll port's view progress visibility range.<br/>        <br/>          If the subject element is smaller than the scrollport, it ranges from the point where the subject element is first completely contained by the scroll port (0% progress), to the point where it is no longer completely contained by the scroll port (100% progress).<br/>          If the subject element is larger than the scrollport, it ranges from the point where the subject element first completely covers the scroll port (0% progress), to the point where it no longer completely covers the scroll port (100% progress). |
+| entry | Represents the range of a named view progress timeline from the point where the subject element first starts to enter the scroll port (0% progress), to the point where it has completely entered the scroll port (100%). |
+| exit | Represents the range of a named view progress timeline from the point where the subject element first starts to exit the scroll port (0% progress), to the point where it has completely exited the scroll port (100%). |
+| entry-crossing | Represents the range of a named view progress timeline from the point where the subject element first starts to cross the scroll port's starting edge (0% progress), to the point where it has completely crossed the scroll port's starting edge (100%). |
+| exit-crossing | Represents the range of a named view progress timeline from the point where the subject element first starts to cross the scroll port's end edge (0% progress), to the point where it has completely crossed the scroll port's end edge (100%). |
 ### 参见
 - [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/animation-range)

package/data/uniappx/css/animation-timeline.md CHANGED Viewed

@@ -3,9 +3,9 @@
 The animation-timeline CSS property specifies the timeline that is used to control the progress of a CSS animation.
 ### uni-app x 兼容性
-| Android | iOS | HarmonyOS |
-| :- | :- | :- |
-| x | x | x |
+| Web | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- |
+| 4.0 | x | x | x |
 ### App平台拍平（flatten）兼容性  @flatten_compatibility
@@ -19,12 +19,12 @@ animation-timeline: <single-animation-timeline>#;
 ```
 ### animation-timeline 的属性值
-| 名称 | 兼容性 | 描述 |
-| :- | :- | :- |
-| none | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | The animation is not associated with a timeline. |
-| auto | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | The animation's timeline is the document's default DocumentTimeline. |
-| scroll() | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | An anonymous scroll progress timeline is provided by some ancestor scroller of the current element. The function parameters allow you to select the scroller, and the scrolling axis the timeline will be measured along.<br/>    See scroll() for more information. |
-| view() | Web 4.0 / Android 系统版本 - / Android - / iOS 系统版本 - / iOS - / HarmonyOS 系统版本 - / HarmonyOS -（部分支持，见上） | An anonymous view progress timeline is provided by the subject that animation-timeline: view(); is set on. The function parameters allow you to select the scrollbar axis along which timeline progress will be tracked and an inset that adjusts the position of the box in which the subject is deemed to be visible.<br/>    See view() for more information. |
+| 名称 | 描述 |
+| :- | :- |
+| none | The animation is not associated with a timeline. |
+| auto | The animation's timeline is the document's default DocumentTimeline. |
+| scroll() | An anonymous scroll progress timeline is provided by some ancestor scroller of the current element. The function parameters allow you to select the scroller, and the scrolling axis the timeline will be measured along.<br/>    See scroll() for more information. |
+| view() | An anonymous view progress timeline is provided by the subject that animation-timeline: view(); is set on. The function parameters allow you to select the scrollbar axis along which timeline progress will be tracked and an inset that adjusts the position of the box in which the subject is deemed to be visible.<br/>    See view() for more information. |
 ### 默认值 @default-value
  `auto`