tmui-cli 2.0.5 → 5.3.1

package/data/uni-app-x-docs/css/README.md

@@ -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也默认是竖排）。
 
@@ -97,11 +102,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也很不友好。
 
 在原生等严谨的应用开发方案中，均是组件搭配该组件的专有属性。容器组件和文本组件分离，属性各自隔离，不可能在容器组件里写文本组件的样式。
 
@@ -160,7 +169,7 @@ app-uvue的css的“样式不继承”规则，虽然与web有差异，其实只
 
 由于app平台样式不继承，那么在web中继承相关的关键字`inherit`、`unset`在app中也不支持。
 
-由于web的css中某些属性的默认值就是`inherit`，即继承父，此时在ucss中会修改为一个独立而具体的默认值。
+由于web的css中某些属性的默认值就是`inherit`，即继承父，此时在ucss中会重置为一个独立而具体的默认值。
 
 ## 样式冲突、优先级@css-specificity
 
@@ -221,21 +230,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)
 
 ## 字体图标注意
 

package/data/uni-app-x-docs/css/_sidebar.md

@@ -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/uni-app-x-docs/css/common/at-rules.md

@@ -4,7 +4,7 @@
 
 不支持的css功能，并不影响业务开发。因为css本质是一种编写元素的样式属性的一种描述性写法。元素的所有样式设置，都可以脱离css这种写法，由API完成。
 
-- `@keyframes关键帧动画`，在App平台，可以使用API方式实现，暂不支持通过css方式实现。详见[UniElement的animate方法](../../dom/unielement.md#animate)
+- `@keyframes关键帧动画`，App平台蒸汽模式自5.31起支持。老版本可以使用API方式实现，API详见[UniElement的animate方法](../../dom/unielement.md#animate)
 
 ## 字体 @font
 
@@ -31,7 +31,7 @@ web中加载字体图标，有 `unicode直显` 和 `伪元素+content` 2种方
 
 有些字体图标网站导出代码时，默认使用`伪元素+content`方式，需要注意这个坑，改用 unicode直显。
 
-unicode直显方式的性能优于伪元素方式，但源码阅读的直观性略差。
+unicode直显方式的性能优于伪元素方式，尤其是text组件设置flatten属性拍平后性能更佳。缺点是源码阅读的直观性略差，但对于AI来说倒不是问题。
 
 注意text组件直显unicode，需要用 <code v-pre>{{'\u'}}</code> 的方式包裹。
 另外注意实体字符和unicode的区别。
@@ -91,11 +91,16 @@ app平台的内置组件和API用到了一些字体，同时共享出来给开
   </div>
 </div>
 
+- 注意：
+App内置图标，在小程序和web无法使用。在这些平台需要单独引入字体图标库。\
+内置图标中，forward、back、down、circle，这4个图标已经不再推荐使用。后续会移除。
+因为这4个图标可以通过view的边框配合transform旋转实现，view方案性能更高且全平台支持。
+
 ### Tips
 - `字体路径`支持**网络**和**本地**，本地字体请注意放在项目或uni_modules的static目录下。
 - 全平台均支持ttf和otf字体格式，其他字体格式在不同平台支持度有差异，另见[css字体](../font-family.md)
 - @font-face是不可编程的，如需编程控制，另见[uni.loadFontFace](../../api/load-font-face.md)
-- @font-face下仅支持 font-family 和 src，不支持通过font-weight 、 font-style等属性控制该字体统一样式，如果需要设置字体样式，请在具体的text组件上使用class或style定义字体样式。
+- @font-face下仅支持 font-family 和 src，不支持通过font-weight、font-style等属性控制该字体统一样式，如果需要设置字体样式，请在具体的text组件上使用class或style定义字体样式。
 
 <script>
 export default {

package/data/uni-app-x-docs/css/common/function.md

@@ -120,6 +120,10 @@ web平台的 CSS环境变量规范参考[MDN Reference](https://developer.mozill
 ## calc @calc
 > uni-app x 5.31+ App平台 蒸汽模式支持calc方法
 
+<!-- CSSJSON.function-calc_values.description -->
+
+<!-- CSSJSON.function-calc_values.compatibility -->
+
 calc() 函数允许在声明 CSS 属性值时执行计算。
 
 ### 语法
@@ -140,7 +144,7 @@ calc() 函数允许在声明 CSS 属性值时执行计算。
 优先级控制：乘除法的优先级高于加减法，如果你想先算加减，必须用圆括号 () 括起来，例如 calc((100% - 20px) / 2)
 
 ### 形式化语法
-```css 
+```css
 <calc()> =
   calc( <calc-sum> )
 
@@ -157,9 +161,11 @@ calc() 函数允许在声明 CSS 属性值时执行计算。
   ( <calc-sum> )
 ```
 
+<!-- CSSJSON.function-calc_values.example -->
+
 **注意：**
 App平台相比web平台，calc有以下差异：
 - `calc`中只支持`var` 方法, 不支持 `<frequency>`, `<angle>`, `<time>`, `<color-function>`,`<resolution>`, `<flex>`
 - 支持的属性`<width>`,`<height>`,`<padding-*>`,`<maring-*>`,`<border-*>`,`<top>`,`<left>`,`<right>`,`<bottom>`,`<flex-basis>`
-- `border-*-radius`目前不支持两值，如：border-bottom-right-radius: 10px 20px; 如果使用了 `calc` 且含百分比会根据width进行计算，如：border-bottom-right-radius: calc(50%); 且宽为 40px 计算之后的样式为:border-bottom-right-radius: 20px;
-- `border-width-*` 目前不支持百分比，该属性的calc也不支持
+- `border-*-radius`目前不支持双值配置(例如：border-bottom-right-radius: 10px 20px;) 百分比计算基准：若在圆角中使用 calc() 且包含百分比，其计算基准固定为 width（宽度）。（示例：当元素宽度为 40px 时，border-bottom-right-radius: calc(50%); 将被转换为 20px）;
+- `border-width-*` 属性本身不支持百分比单位，且其对应的 calc() 计算同样不支持百分比。

package/data/uni-app-x-docs/css/common/selector.md

@@ -1,19 +1,33 @@
 # 选择器 @selector
 
-- web和小程序支持page元素选择器，以替代body元素选择器。
-- web端可以使用`html`、`body`、`:root`等选择器。由于页面的css样式隔离，且html节点并未添加data-xxx属性，`html`、`:root`写在页面style内无效，只能写在App.uvue内。
-- 深度选择器 `:deep()/::v-deep` 用法参考 [单文件 style - 深度选择器](/vue/index#scoped) 文档。
+App平台，支持的选择器比web少。这源于开发进度、性能、运行时体积、AI友好度等多方面考虑。
+
+支持过多的选择器，会引入复杂的css优先级问题，这会导致性能下降，AI也容易搞错css优先级。
+简单的class，可能多写几行代码，但对AI来说这不算什么，反而复杂的css权重让AI难以排查问题。\
+
+uni-app x 额外引入了page选择器，该选择器是小程序规范，uni-app x 中全平台均支持。
 
 <!-- CSSJSON.selector_values.compatibility -->
 
-::: warning 注意
-1. 选择器声明的变化可能会导致元素重新绘制。为了减少选择器变化引起的 DOM 更新数量，**当前只支持：CSS 声明的多个选择器中最后一个规则的变更对 DOM 的更新**。
-2. :active伪类来实现点击态，很容易触发，并且滚动或滑动时点击态不会消失，体验较差。小程序平台均给view组件引入了`hover-class`，考虑到跨端兼容和体验，建议使用 `hover-class` 属性来实现点击态效果。[详见](../../component/view.md#hover-class)
-3. 不推荐使用伪元素来创建不占宽度的边框，W3C标准推荐使用 box-sizing 来控制边框是否占宽度。
-4. 关系类选择器（分组选择器、直接子代选择器、后代选择器、一般兄弟选择器、紧邻兄弟选择），无法在编译期处理，必须运行时动态计算，在App上有额外的性能损耗。推荐尽量使用简单的选择器来解决问题。
-:::
+## App平台不支持情况的替代方案
+### 伪类
+- 通过`:active`伪类来实现点击态，很容易触发，并且滚动或滑动时点击态不会消失。小程序平台均给view组件引入了`hover-class`，考虑到跨端兼容和体验，需使用 `hover-class` 属性来实现点击态效果。[详见](../../component/view.md#hover-class)
+- :first-child / :last-child / :nth-child()，需改用动态class方式，示例代码[详见](https://gitcode.com/dcloud/hello-uni-app-x/blob/alpha/pages/CSS/border/dynamic-border.uvue)
+
+### 伪元素
+- 字体图标，无法使用`::before`、`::after`等伪元素，而需使用unicode直显方案。[详见](./at-rules.md#iconfont)
+- 不推荐使用伪元素来创建不占宽度的边框，W3C标准推荐使用 box-sizing 来控制边框是否占宽度。
+- `::placeholder`：在input和textarea组件中，替代方案是[placeholder-class](../../component/input.md)。
+- `::selection`：在input和textarea组件中，小程序和App平台可通过cursor-color影响选区颜色；在rich-text组件中，App平台支持selection-handle-color、selection-background-color属性来设置选区样式。
+- `::part`：小程序和App平台不支持web component。仅支持vue组件，可使用[externalClass](./style-isolation.md#external-class)来设置组件中子组件的样式。
 
-## 示例
+### 关系选择器
+关系类选择器（分组选择器、直接子代选择器、后代选择器、一般兄弟选择器、紧邻兄弟选择），在App平台VDOM模式曾被支持，蒸汽模式暂不支持。
+
+## App平台是后设生效
+选择器声明的变化可能会导致元素重新绘制。为了减少选择器变化引起的 DOM 更新数量，**当前只支持：CSS 声明的多个选择器中最后一个规则的变更对 DOM 的更新**。
+
+示例
 
 ```vue
 <template>
@@ -34,7 +48,7 @@
   }
 </style>
 
-<script setup lang="uts">
+<script setup>
   const rowDesc = ref('row-desc1')
   const docBody = ref('doc-body1')
 </script>
@@ -45,6 +59,6 @@
 
 <!-- EXAMPLEJSON.css.selector -->
 
-::: warning 注意
-App端相邻选择器暂不支持动态新增或删减节点，为了优化性能减少一些重新渲染工作，示例 [https://issues.dcloud.net.cn/pages/issues/detail?id=1452](https://issues.dcloud.net.cn/pages/issues/detail?id=1452)
-:::
+## tips
+- web端可以使用`html`、`body`、`:root`等选择器。由于页面的css样式隔离，且html节点并未添加data-xxx属性，`html`、`:root`写在页面style内无效，只能写在App.uvue内。
+- 深度选择器 `:deep()/::v-deep` 用法参考 [单文件 style - 深度选择器](../../vue/README.md#scoped) 文档。

package/data/uni-app-x-docs/css/position.md

@@ -35,15 +35,11 @@ position: fixed定位时，web端为相对于整个浏览器页面进行定位
   height: 100px;
   background-color: #FF0000;
   left: 10px;
-  /* #ifdef WEB */
   /*
-   * HBuilderX 4.52之前只能使用--window-top，不可使用--uni-safe-area-inset-top
+   * HBuilder 4.52之前只能使用--window-top，不可使用--uni-safe-area-inset-top
+	 * App平台需5.31+蒸汽模式才能使用calc
    */
   top: calc(--uni-safe-area-inset-top + 10px); 
-  /* #endif */
-  /* #ifdef APP */
-  top: 10px;  /* App端暂不支持calc */
-  /* #endif */
 }
 ```
 

package/data/uni-app-x-docs/css/word-break.md

@@ -0,0 +1,18 @@
+## word-break
+
+
+<!-- CSSJSON.word-break.description -->
+
+<!-- CSSJSON.word-break.compatibility -->
+
+<!-- CSSJSON.word-break.syntax -->
+
+<!-- CSSJSON.word-break.values -->
+
+<!-- CSSJSON.word-break.defaultValue -->
+
+<!-- CSSJSON.word-break.unixTags -->
+
+<!-- CSSJSON.word-break.example -->
+
+<!-- CSSJSON.word-break.reference -->

package/data/uni-app-x-docs/date-view.md

@@ -0,0 +1,65 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 表单组件
+
+# 日期选择容器 TmDateView
+
+如果需要弹层式用tm-picker-date组件,这个是展示型.
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/picker-date"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/picker-date.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | string | "" | 当前时间,与modelStr不同，此提供的值必须是正常的时间格式否则报错，无法运行。 | 
+| modelStr | string | "" | 当前时间经过format格式化后输出的值。此值不会处理输入，只输出显示。 | 
+| title | string | "请选择时间" | 顶部标题 | 
+| start | string | "" | 开始时间，请提供正确的时间格式 | 
+| end | string | "" | 结束时间，请提供正确的时间格式 | 
+| type | ModelType | "day" | 精确到的级别year:年month:年月day:年月日hour:年月日小时minute:年月日小时分钟second:年月日小时分钟秒 | 
+| format | string | "YYYY-MM-DD" | 输出时间格式，只对v-model:modelStr有效有效格式：YYYY年MM月DD日hh小时mm分钟ss秒 | 
+| cellUnits | string[] | ():string[]=\>[$i18n.t('tmui32x.tmDateView.cellUnits.year'),$i18n.t('tmui32x.tmDateView.cellUnits.month'),$i18n.t('tmui32x.tmDateView.cellUnits.day'),$i18n.t('tmui32x.tmDateView.cellUnits.hour'),$i18n.t('tmui32x.tmDateView.cellUnits.minute'),$i18n.t('tmui32x.tmDateView.cellUnits.second')] | 上方的单位名称 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | 名称：date,当前选中时间, | - | 滑动变换时触发 | 
+| update:modelStr | - | - | 经格式化后的值。等同v-model:model-str | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/uni-app-x-docs/drawer.md

@@ -0,0 +1,94 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 反馈组件
+
+# 抽屉 TmDrawer
+
+提供四个方向的弹出。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/drawer"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/drawer.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| customStyle | string | "" | 自定义遮罩样式 | 
+| title | string | $i18n.t('tmui32x.tmDrawer.title') | 标题 | 
+| showFooter | boolean | false | 显示底部操作栏 | 
+| showTitle | boolean | true | 是否显示标题 | 
+| showClose | boolean | false | 是否显示底部关闭按钮 | 
+| overlayClick | boolean | true | 遮罩是否允许点击被关闭 | 
+| show | boolean | false | 显示可v-model:show双向绑定 | 
+| showCancel | boolean | true | 显示取消按钮 | 
+| cancelText | string | $i18n.t('tmui32x.cancelText') | 取消按钮的文本 | 
+| confirmText | string | $i18n.t('tmui32x.confirmText') | 确认按钮的文本 | 
+| duration | number | 300 | 动画时间 | 
+| position | string | "bottom" | 打开方向。 | 
+| round | string\|number | "" | 打开方向为上和下时的圆角空值时，取全局配置的圆角。 | 
+| size | string\|number | "50%" | 左右时为内容宽，上下时为内容高百分比，数字字符或者带单位,或者为auto(根据内容自动高度或者宽高) | 
+| maxHeight | string | "" | 弹层最大的高度值，默认为屏幕的可视高提供值时不能为百分比，可以是px,rpx单位数字。如果你不带单位，默认转换为rpx单位。 | 
+| bgColor | string | 'white' | 背景颜色 | 
+| darkBgColor | string | '' | 暗黑背景颜色，如果不提供默认读取全局的sheet配置 | 
+| disabledScroll | boolean | false | 是否禁用内部的scroll标签禁用后内容不会滚动，如果设定了指定高，内容超出指定高，会被裁切但如果没有指定高，内容自动的话，高是自动的。 | 
+| contentMargin | string | '24' | 内容区域左右和下的边距。 | 
+| widthCoverCenter | boolean | false | 宽屏时是否让内容剧中显示并限制其它宽为屏幕宽，只展示中间内容以适应宽屏。注意只有top,bottom才会生效。 | 
+| offsetTop | string\|number | '0' | 距离顶部的偏移量 | 
+| zIndex | string\|number | 1100 | 弹层的层级 | 
+| lazy | boolean | false | 懒加载为了解决业务布局节点超多时,你可能需要内容延迟加载以免阻塞动画流畅度.如果你启用了lazy,每天次打开时,动画执行后才会显示内容.这样动画就流畅,不会因为节点过多造成的卡. | 
+| beforeClose | () =\> Promise\<boolean\> | true | 关闭前执行，可以是异步函数，只有当用户点击confirm时才会触发。如果返回false将阻止关闭。true允许关闭。 | 
+| disabled | boolean | false | 是否禁用弹层 | 
+| disableTeleport | boolean | false | 是否禁用teleport（H5平台）在嵌套组件或特殊环境下，可以禁用teleport避免DOM错误 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| click | - | - | 点击遮罩事件 | 
+| close | - | - | 关闭是触发 | 
+| open | - | - | 打开时触发 | 
+| beforeOpen | - | - | 打开前执行 | 
+| beforeClose | - | - | 关闭前执行 | 
+| update:show | - | - | 等同v-model:show | 
+| cancel | - | - | 取消时触发 | 
+| confirm | - | - | 确认时触发 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| trigger | 名称：binding,show 类型：- 
+ | {Boolean} show - 当前是否已显示 | 
+| title | 名称：binding,show 类型：- 
+ | {Boolean} show - 当前是否已显示 | 
+| default | - | 默认插槽 | 
+| footer | - | 底部操作栏 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/uni-app-x-docs/dropdown-item.md

@@ -0,0 +1,68 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 表单组件
+
+# 下拉项子组件 TmDropdownItem
+
+下拉项子组件，用于下拉菜单中展示选项。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/dropdown-menu"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/dropdown-menu.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| title | string | '标题' | 菜单标题 | 
+| keyName | union | '' | 标识，变换或者点击时，会通过事件传回。不要与其它选项相同，必须是唯一 | 
+| icon | string | 'arrow-down-s-fill' | 未选中时的图标 | 
+| activeIcon | string | 'arrow-up-s-fill' | 激活时的图标 | 
+| fontColor | string | '#333333' | 默认的文字及图标颜色 | 
+| darkFontColor | string | '' | 暗黑时的默认的文字及图标颜色，空取时白色 | 
+| fontSize | string | '28' | 文字及图标大小 | 
+| activeFontColor | string | '' | 激活的文字及图标颜色空值时取全局统一的主题色。 | 
+| isBtn | boolean | false | 是否是按钮选项。 | 
+| color | - | 'white' | - | 
+| darkColor | - | '' | - | 
+| render | - | false | - | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | - | 
+| footer | - | - | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/uni-app-x-docs/dropdown-menu.md

@@ -0,0 +1,70 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 反馈组件
+
+# 下拉菜单 TmDropdownMenu
+
+下拉菜单组件，用于下拉菜单中展示选项。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/dropdown-menu"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/dropdown-menu.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| position | TmDropdownMenuPropsPositions | 'static' | 展现方式。static静态fixed展开后悬浮在顶部。 | 
+| offsetTop | string | '0' | 顶部的偏移量,如果你要让出顶部距离可以设置此值。数字字符，prx,px等单位如果position=static此属性失效。 | 
+| modelValue | union | -1 | 当前激活的索引标识，就是你子项上的keyName值匹配不到时关闭。所以要关闭，只要填充一个不存在的keyName值即可。 | 
+| height | string | '88' | 菜单栏的高度 | 
+| width | string | 'auto' | 宽度 | 
+| color | string | 'white' | 背景颜色 | 
+| darkColor | string | '' | 暗黑时的背景颜色 | 
+| zIndex | number | 88 | 层级 | 
+| hidnMask | boolean | false | 对于要把此组件嵌套在布局组件时，应该要隐藏遮罩，否则不好看。 | 
+| contentColor | string | '#ffffff' | 内容背景颜色 | 
+| contentDarkColor | string | '' | 暗黑时的内容背景颜色,空值取sheetDarkColor | 
+| round | string | '0' | 圆角值，要注意：开启后：菜单也会有圆角，但有区别：默认未展开时四周圆角。当展开时，内容底部圆角，菜单顶部圆角，这样形成上下一体的外观。 | 
+| contentPadding | string | '0px12px12px12px' | 内容样式padding,请使用css规则 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | 名称：index,当前被切换的索引值,名称：keyName,菜单keyName标识,名称：status,当前切换的状态：false表示关闭，true表示打开。, | - | 切换菜单时触发 | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | - | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/uni-app-x-docs/echart.md

@@ -0,0 +1,69 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 展示组件
+
+# 百度图表 TmEchart
+
+可以通过onInt或者ref函数getChart取得ECharts对象自行处理和设置数据,这个组件使用会超过530kb+大小,请小心你的包大小限制,超过大小哦.
+使用时请注意找到图表目录：node_modules/echarts/lib/core/echarts.js,
+      把原来的：
+      defaultRenderer = root.__ECHARTS__DEFAULT__RENDERER__ || defaultRenderer;
+      defaultCoarsePointer = retrieve2(root.__ECHARTS__DEFAULT__COARSE_POINTER, defaultCoarsePointer);
+      var devUseDirtyRect = root.__ECHARTS__DEFAULT__USE_DIRTY_RECT__;
+      改成如下：
+      defaultRenderer = root?.__ECHARTS__DEFAULT__RENDERER__ ?? defaultRenderer;
+      defaultCoarsePointer = retrieve2(root?.__ECHARTS__DEFAULT__COARSE_POINTER, defaultCoarsePointer);
+      var devUseDirtyRect = root?.__ECHARTS__DEFAULT__USE_DIRTY_RECT__??null;
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/echart"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/echart.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| width | string\|number | '100%' | 宽度css合法值,不要用auto | 
+| height | string\|number | '300px' | 高度，css合法值,不要用auto，需要一个值,单位随意，不带单位默认是rpx | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| onInit | 名称：chart,对象, | - | 初始成功触发 | 
+| click | 名称：chart,的事件对象参数, | - | 图表元素被点击时触发 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| getChart | - | - | - | 
+| getImg | - | - | - | 
+
+