tmui-cli 2.0.5 → 5.3.1

package/data/uni-app-x-docs/api/request.md

@@ -66,7 +66,7 @@ complete: () => {
 
 如不释放，在调用Task对象的方法将导致控制台报错：
 `error: instance object does not exist: id:15`
-* Android release 包默认禁止 http 明文请求（Android 9+ targetSdkVersion≥28）。会导致联网失败。优先推荐使用 https 来解决。如果确定坚持不安全的http，那么方案如下：在项目根目录新建 AndroidManifest.xml，给 application 节点加 android:usesCleartextTraffic="true"，配置方式见 https://uniapp.dcloud.net.cn/tutorial/app-nativeresource-android.html
+* Android release 包默认禁止 http 明文请求（Android 9+ targetSdkVersion≥28）。会导致联网失败，表现为报错 CLEARTEXT communication to xxx not permitted by network security policy（如 {"errCode":602001,"errMsg":"request system error",...,"cause":{"message":"CLEARTEXT communication to xxx not permitted by network security policy"}}）。优先推荐使用 https 来解决。如果确定坚持不安全的http，那么方案如下：在项目根目录新建 AndroidManifest.xml，给 application 节点加 android:usesCleartextTraffic="true"，配置方式见 https://uniapp.dcloud.net.cn/tutorial/app-nativeresource-android.html
 
 <!-- UTSAPIJSON.general_type.name -->
 

package/data/uni-app-x-docs/api/toast.md

@@ -36,27 +36,40 @@
 
 <!-- UTSAPIJSON.general_type.param -->
 
-## Bug & Tips@tips
-- 在 iOS、微信小程序、Web 平台，showToast 是和页面（包括 dialogPage）绑定的
-- 在 Android 平台
-	* position 设为 bottom 时，为系统toast，此时与 App 绑定，而不是与页面绑定。position 不为 bottom 时仍与页面绑定
-	* 系统toast 不支持 icon 图标，仅支持文字
+## 页面级toast和应用级toast@position
+
+toast，分页面级和应用级。默认为页面级。
+
+- 页面级toast：
+	toast 和页面绑定。**页面（含 dialogPage）关闭时，toast 会跟随页面立即一起消失；新页面（含 dialogPage）出现时会遮挡之前页面弹出的 toast **。
+  + 当showToast执行时，会寻找当前页面栈顶的窗体（包括 dialogPage），找到后进行绑定，然后弹出 Toast。
+	+ 在支持 dialogPage 的平台（Web和App），[uni.showModal](./modal.md)、[uni.showActionSheet](./action-sheet.md) 也是 dialogPage 实现的，此时 toast 会绑定到这些 dialogPage 上
+	+ 在弹出 toast 后，再次打开新页面，新页面会覆盖原页面弹出的 toast。
+		+ 如需在新页面（包括 dialogPage）弹出 toast，需要再次调用 showToast
+  + 关闭页面（包括 dialogPage）时，toast 会跟随页面（包括 dialogPage）一起消失
+		+ 如需在dialogPage关闭后，仍然弹出 toast，需要在关闭dialogPage后再次调用 showToast
+- 应用级toast：
+	toast 和应用绑定。
+	弹出和关闭页面，全部 toast 都不会跟随页面被遮挡或消失。toast会按指定的时长完整显示，然后再消失。
+
+由于历史原因和平台差异，设置应用级 toast 的方式是设置 showToast 的参数 position 属性，不管 position 设为 "top"、"center"、"bottom" 均可。
+
+并非所有平台、所有版本都支持设置 position，即应用级 toast。
+- 小程序平台不支持，所以小程序平台的 toast 都是和页面绑定的。
+- web平台暂不支持。后续会补充
+- iOS平台需要5.31+ 蒸汽模式才支持。
+- Android平台设置 position 时弹出的是 Android系统的 toast，该 toast 样式受rom影响：
+	* 系统toast 不支持 icon 图标，仅支持文字，Android12及以上版本文字内容通常限制为两行
+	* Android11及以上版本，系统toast设置不支持设置显示在顶部或居中，仅支持显示在底部
+	* Android11及以上版本，应用进入后台后，调用系统 toast 不弹出。 [文档地址](https://developer.android.google.cn/about/versions/11/behavior-changes-11?hl=nb#toasts)
 	* 部分 Android ROM，如 MIUI，调用系统 toast 时，会在 toast 行首自动加上 App 图标。此为 ROM 行为，目的是帮助用户区分该 toast 是哪个 App 弹出的
-- 在 HarmonyOS 平台
+- HarmonyOS 平台
   - 5.24 及以下
     - 只有系统 toast ，和 App window 绑定
   	- 不支持 icon 图标，仅支持文字
   - 5.25 及以上：
   	* position 设为 top、center、bottom 时，为系统 toast，和页面绑定
   	* 当没有传递 position 参数时，支持 icon、mask、image 参数，和页面绑定
-- 当 Toast 和页面绑定时：
-  + 当showToast执行时，会寻找当前页面栈顶的窗体（包括 dialogPage），找到后进行绑定，然后弹出 Toast。
-	+ 在支持 dialogPage 的平台（Web和App），[uni.showModal](./modal.md)、[uni.showActionSheet](./action-sheet.md) 也是 dialogPage 实现的，此时 toast 会绑定到这些 dialogPage 上
-	+ 在弹出 Toast 后，再次打开新页面，新页面会覆盖原页面弹出的 Toast。
-		+ 如需在新页面（包括 dialogPage）弹出 Toast，需要再次调用 showToast
-  + 关闭页面（包括 dialogPage）时，Toast 会跟随页面（包括 dialogPage）一起消失
-		+ 如需在dialogPage关闭后，仍然弹出 Toast，需要在关闭dialogPage后再次调用 showToast
-- 当 Toast 和应用绑定时，也即系统 toast：
-	弹出和关闭页面，系统 toast 都不会跟随页面被遮挡或消失。
-- Android 11 及以上版本，应用进入后台后，调用系统 toast 不弹出。 [文档地址](https://developer.android.google.cn/about/versions/11/behavior-changes-11?hl=nb#toasts)
+
+## Bug & Tips@tips
 - showToast 里的 Loading，和 showLoading 的区别是，showLoading 需要手动调用 HideLoading 才会关闭。而 showToast 里的 Loading 显示指定时间后会自动关闭。一般情况都需要精准控制关闭时机，所以大多使用 showLoading 和 hideLoading

package/data/uni-app-x-docs/api/uasm.md

@@ -0,0 +1,42 @@
+<!-- UTSAPIJSON.loadUasm.name -->
+
+<!-- UTSAPIJSON.loadUasm.description -->
+
+<!-- UTSAPIJSON.loadUasm.compatibility -->
+
+<!-- UTSAPIJSON.loadUasm.param -->
+
+<!-- UTSAPIJSON.loadUasm.fileFormats -->
+
+<!-- UTSAPIJSON.loadUasm.returnValue -->
+
+<!-- UTSAPIJSON.loadUasm.example -->
+
+<!-- UTSAPIJSON.loadUasm.tutorial -->
+
+<!-- UTSAPIJSON.loadUasm.example -->
+
+
+<!-- UTSAPIJSON.loadUasmSync.name -->
+
+<!-- UTSAPIJSON.loadUasmSync.description -->
+
+<!-- UTSAPIJSON.loadUasmSync.compatibility -->
+
+<!-- UTSAPIJSON.loadUasmSync.param -->
+
+<!-- UTSAPIJSON.loadUasmSync.fileFormats -->
+
+<!-- UTSAPIJSON.loadUasmSync.returnValue -->
+
+<!-- UTSAPIJSON.loadUasmSync.example -->
+
+<!-- UTSAPIJSON.loadUasmSync.tutorial -->
+
+<!-- UTSAPIJSON.loadUasmSync.example -->
+
+<!-- UTSAPIJSON.uasm.example -->
+
+<!-- UTSAPIJSON.general_type.name -->
+
+<!-- UTSAPIJSON.general_type.param -->

package/data/uni-app-x-docs/api/uni-push.md

@@ -35,7 +35,7 @@ uni-push是DCloud与合作伙伴个推共同推出的统一推送服务。用于
 
 <!-- UTSAPIJSON.onPushMessage.description -->
 
-> HBuilderX5.25及以上版本 Android平台 新增 options 参数（requestPermission属性）配置配置是否主动申请通知权限
+> Android平台 HBuilderX 5.25及以上版本、鸿蒙平台自 HBuilderX 5.31及以上版本，新增 options 参数（requestPermission 属性），配置是否主动申请通知权限。
 
 <!-- UTSAPIJSON.onPushMessage.compatibility -->
 
@@ -156,32 +156,6 @@ uni-push是DCloud与合作伙伴个推共同推出的统一推送服务。用于
 
 在[nativeResources/android](https://uniapp.dcloud.net.cn/tutorial/app-nativeresource-android.html#%E5%BA%94%E7%94%A8%E8%B5%84%E6%BA%90)目录可以配置图片和声音的二进制文件资源。
 
-### 关闭自动申请通知权限
-
-为避免应用启动时自动申请通知权限，开发者可以在 `AndroidManifest.xml` 中关闭 Push 模块的自动申请功能(HBuilderX5.23支持)。[配置AndroidManifest.xml](https://uniapp.dcloud.net.cn/tutorial/app-nativeresource-android.html#%E5%BA%94%E7%94%A8%E6%B8%85%E5%8D%95%E6%96%87%E4%BB%B6-androidmanifest-xml)
-
-在 `<application>` 节点内添加：
-
-```xml
-<application>
-    <meta-data
-        android:name="dcloud_push_auto_request_permission"
-        android:value="false" />
-</application>
-```
-
-配置后：
-
-- 框架不再主动申请 `POST_NOTIFICATIONS` 权限。
-- 通知权限的申请时机和业务逻辑由开发者自行管理。
-- Push SDK 初始化、获取 `clientId` 等功能不受影响。
-- 未获得通知权限时，系统通知可能无法展示。
-
-未配置该项或配置为 `true` 时，框架保持原有行为，自动申请通知权限。
-
-> Android 13（API 33）及以上系统需要申请通知权限。开发者接管权限申请后，应避免在用户拒绝授权时，每次启动应用都重复申请。
-
-
 ### 通知栏显示图标自定义
 关于图标的配置，需要创建[nativeResources](https://uniapp.dcloud.net.cn/tutorial/app-nativeresource-android.html#%E5%BA%94%E7%94%A8%E8%B5%84%E6%BA%90)目录，
 放置对应分辨率的图片资源即可（打包后生效），目录配置如下

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

@@ -406,12 +406,6 @@ DCloud推出uts语言，是为了解决性能问题，主要是跨语言通信
 同时VDOM模式的uts编写的页面，仍可以通过uts2js运行在蒸汽模式上，不会因此造成向下兼容问题。\
 uni-app x 蒸汽模式也保留了uts插件中操作UI的能力。
 
-至于js和uts本身的执行速度，其实各有千秋。uts的优势主要是跨语言通信折损上。\
-从HBuilderX 5.25+，推出了全新优化的uts插件通道。它也是目前跨语言通信优化的天花板。\
-flutter的dart、react native的js，都有原生插件通道，flutter走的是序列化，react native在turboModules中避免了序列化，但要求使用者构建c++编译环境。\
-而 uni-app x 蒸汽模式的uts插件通道，拥有更好的性能，利用codegen + uts语言特性，即避免了序列化、又无需使用者构建c++环境。并且 uni-app x 拥有比jsi性能更优秀的js桥。\
-另外 uni-app x 中 arraybuffer 是跨语言共享内存的，此数据类型的传递无需跨语言通信。
-
 - uni-app x 虽然渲染快，但逻辑代码使用了js。一个原生应用的代码改成js后，逻辑部分是不是会变慢？
 
 其实js和java/kotlin谁快谁慢，很难定论，只能说各有千秋。比如json处理、字符串正则匹配，在js中这些API其实c语言实现的，而java/kotlin坚持自举，这些基础库是java语言自身写的，反而没有js快。\
@@ -421,6 +415,28 @@ js和c，这对组合，在Android和鸿蒙上都具备动态更新的能力，
 如果担心js的线程问题，uni-app x 提供了 [uts worker](./api/create-worker.md)。\
 整体来讲，把原生应用迁移为 uni-app x，你的用户的感受肯定是更流畅。
 
+- uni-app x 逻辑层改成js后，调用原生的跨语言通信成本是否上升了？
+
+跨语言通信成本，曾经是很多跨平台框架的痛点。尤其是Android平台，js 和 kotlin 中间还隔着一个c。但时代已不同。
+
+跨语言通信最高频的是UI。\
+原生UI在kotlin层，驱动逻辑在js层，创建一个组件来回通信，页面上组件多起来就会变卡。react native 一直都有这问题。\
+但 uni-app x 蒸汽模式，template和style的代码是直接编译字节码/机器码的，不是编译成js，根本不需要js和kotlin来回通信。这套机制不但超越了 react native 的跨语言通信，连原生开发的同语言UI操作都无法与 uni-app x蒸汽模式 匹敌。\
+同时在Element API等必须在js里操作原生UI的场景，也定制了高效的通信方案，单次跨语言通信的成本仅在0.001毫秒左右。
+
+除了UI，另一个跨语言通信场景是原生插件。\
+过去老的uni-app，以及react native、flutter，在js和原生通信时搭建通用通信桥，都使用了序列化方案。\
+react native已经改用了turboModules架构，通过codegen方式避免序列化。\
+uni-app x 蒸汽在Android平台也是codegen的（HBuilderX 5.25+），没有序列化，而且也不需要像react native的turboModules那样要求开发者编译c++代码。\
+目前仅flutter的原生插件仍然在序列化，原生通信性能较低。
+
+另外 uni-app x 中 arraybuffer 是跨语言共享内存的，此数据类型的传递无需跨语言通信。\
+比如高频调用蓝牙数据，从原生传递到js，使用的是共享内存的arraybuffer，原生通过系统蓝牙API获取到arraybuffer，js层可直接读取arraybuffer，不存在跨语言通信折损。\
+至于持续定位，其实不高频，采集频率是秒级的，uni-app x的跨语言通信成本是微秒级的，折算成秒，是0.000001秒左右。\
+
+所以虽然uni-app x 蒸汽模式改用了js引擎，但开发者无需像过去那样忧虑跨语言通信问题。
+
+
 本章节主要是围绕性能的FAQ。整个 uni-app x 的FAQ，另见[概述](./readme.md#FAQ)
 
 注意：部分开发者在AI上询问 uni-app x 蒸汽模式为什么这么快，除了上面公开的这几点，AI输出的其他观点都是瞎猜。uni-app x 的技术路线是首创的，不存在于AI熟悉的现有技术栈中。
@@ -485,10 +501,6 @@ ninja: error: failed recompaction: Permission denied。
     * list-view下仅第一个在list-item上的v-for且有:key属性，才支持复用。如果一个list-view下多组list-item各自有v-for，第2个起的v-for并不复用
     * list-item和list-view需要编写在同一个uvue文件内，否则list-item不会被复用。即，不要把list-item包装到另一个组件。
     * 符合条件能复用的list-item会当做真正的list-item，其他不符合复用条件的list-item都会被编译为view。
-    * list-view不支持横向滚动
-    * list-item宽度固定为100%，获取position时固定为absolute。
-    * list-item不支持直接以文字节点作为子节点，必须使用text包裹文字内容。
-    * list-item不支持设置margin
 - 变更：swiper组件的变化
     * 可以通过indicator-class、indicator-active-class自定义默认指示器的样式
     * 可通过 `<template v-slot:indicator>` ，传入自定义的指示器
@@ -542,6 +554,7 @@ ninja: error: failed recompaction: Permission denied。
 
 其他还有一些差异，见文档的兼容性说明。
 
+
 ## 使用uni-agent，从VDOM模式升级到蒸汽模式@vom2vapor
 
 1. 在vdom模式下，要求uni-agent把复杂的组合选择器，改成 简单的class选择器或分组选择器，确认是否正常
@@ -560,40 +573,13 @@ ninja: error: failed recompaction: Permission denied。
 
 uni-app x 是逻辑层和视图层分离，逻辑层即script内，是uts/js。视图层是`template`和`style`区域。
 
-App平台的蒸汽模式下，视图层有较大的变化。
-
-VDOM模式的视图层是编译为uts/js代码，然后驱动原生渲染。
-
-而蒸汽模式的视图层，把`template`和`style`直接编译为底层c代码对应的机器码/字节码。
-
-根据编译目标不同，App平台的视图层产物分为字节码和机器码两种模式。
-
-### 机器码
-
-机器码模式，是把`template`和`style`编译为优化度非常高的C代码，再经平台编译器编译为机器码运行。
-
-优点：
-- 渲染性能高一点点。
-
-缺点：
-- 编译速度比字节码模式慢非常多，因为需要编译C代码。大型工程的c++编译是非常非常慢的。
-- 开发阶段的差量编译体验差。
-- iOS只能在mac电脑上开发。
-
-### 字节码
-
-为了平衡机器码的性能和开发易用性。从5.11起新增了字节码编译模式。字节码也是二进制格式。
-
-优点：
-- 编译速度更快。
-- 开发阶段支持差量更新。
-- 发行后支持 wgt 热更新。（暂未上线）
+蒸汽模式的视图层，把`template`和`style`直接编译为底层的机器码或字节码。
 
-缺点：
-- 渲染性能低于机器码3%左右。由于蒸汽模式比原生快了数倍，所以字节码虽比机器码慢了一点点，但仍快过原生数倍。
+- 机器码：是把`template`和`style`编译为优化度非常高的C代码，再经平台编译器编译为机器码运行。性能略高但编译非常慢。
+- 字节码：需HBuilder 5.11+。把机器码改成字节码，编译速度更快。性能比机器码低3%左右。发行后可支持 wgt 热更新（需HBuilder 5.31+）。
 
 正常情况下，使用字节码即可。
 
 因为最初在5.0版上线鸿蒙蒸汽模式时只有机器码，所以目前在鸿蒙上是提供了字节码或机器码2个选项。
 
-而在后续上线iOS和Android蒸汽模式时，只提供了字节码选项。实测机器码会造成云打包非常非常慢，暂不计划开放。
+而在后续上线iOS和Android蒸汽模式时，只提供了字节码选项。

package/data/uni-app-x-docs/avatar-group.md

@@ -0,0 +1,73 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 展示组件
+
+# 头像组 TmAvatarGroup
+
+平铺和堆叠方式。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/avatar-group"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/avatar-group.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| list | string[] | ():string[]=\>[]asstring[] | 头像列表,也可以是文本数组，也可以是空字符串数组 | 
+| size | string | '64' | 不允许使用auto,%只能数字或者带单位的数字2px,2rpx这种 | 
+| maxCount | number | 5 | 最多显示几个头像。 | 
+| round | string | '32' | 圆角 | 
+| gutter | string | '16' | 平铺或者堆叠时的间隙或者前推差值。不允许使用auto,%只能数字或者带单位的数字2px,2rpx这种 | 
+| model | string | "scaleToFill" | 显示类型见：https://doc.dcloud.net.cn/uni-app-x/component/image.html#%E5%B1%9E%E6%80%A7 | 
+| count | number | 0 | 显示在最后一个时，显示的数字。如果为0取list的长度 | 
+| showCount | boolean | true | 是否显示最后一个数字头像 | 
+| flat | boolean | false | 是否平铺，如果否就是堆叠。是就是正常排列。 | 
+| bgColor | string | "#f5f5f5" | 如果为文本头像时的背景 | 
+| darkBgColor | string | "" | 如果为文本头像时的暗黑背景空时默认取inputDarkBgcolor | 
+| fontColor | string | "#a6a6a6" | 如果为文本头像时的文字颜色 | 
+| darkFontColor | string | "#ffffff" | 如果为文本头像时的暗黑背景空时默认取inputDarkBgcolor | 
+| fontSize | string | "28" | 字号 | 
+| randomBgColor | boolean | false | 文本头像时，是否随机背景色 | 
+| placeIcon | string | 'user-3-fill' | 如果当图片或者文本为空时的图片占位符可以是图片地址或者图标名称 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| click | 名称：index,当前索引,名称：src,当前图片地址, | - | 头像被点击时 | 
+| moreClick | - | - | 最后一个数字头像more被点击时 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| more | - | more更多插槽，如果使用了这个插槽moreClick事件会丢失，请自己写在自己的布局上。 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

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

@@ -0,0 +1,62 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 展示组件
+
+# 角标 TmBadge
+
+角标,位置丰富。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/badge"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/badge.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| fontSize | string\|number | "20" | 字体大小 | 
+| bgColor | string | "error" | 背景颜色 | 
+| fontColor | string | "white" | 字体颜色 | 
+| maxCount | string\|number | 99 | - | 
+| label | string\|number\|boolean | "" | 如果是boolean就显示角标小红点如果是string显示文本标签如果是数字显示数字并启用maxCount | 
+| position | string | "right" | 角标出现的位置right:右上角left:左上角bottomLeft:左下角bottomRight:右下角top:顶部居中bottom:底部居中 | 
+| offset | number[] | ():number[]=\>[0,0]asnumber[] | 角标偏移量[x,y]，单位px，可为负值，所有位置均生效 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 默认内容插槽 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/uni-app-x-docs/between-time.md

@@ -0,0 +1,76 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 表单组件
+
+# 时间区间选择 TmBetweenTime
+
+快速的时间区间选择器，方便时间选择自动判断前后时间大小并校正。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/between-time"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/between-time.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | Array\<string\> | ():string[]=\>[]asstring[] | 当前时间,与modelStr不同，此提供的值必须是正常的时间格式否则报错，无法运行。 | 
+| modelStr | string | "" | 当前时间经过format格式化后输出的值。此值不会处理输入，只输出显示。 | 
+| modelShow | boolean | false | 当前打开的状态。等同v-model:model-show | 
+| title | string | $i18n.t("tmui32x.tmBetweenTime.title") | 顶部标题 | 
+| start | string | "" | 开始时间，请提供正确的时间格式 | 
+| end | string | "" | 结束时间，请提供正确的时间格式 | 
+| type | ModelType | "day" | 精确到的级别,这里只是展示，具体的返回值还是完整的值。year:年month:年月day:年月日hour:年月日小时minute:年月日小时分钟second:年月日小时分钟秒 | 
+| format | string | "YYYY-MM-DD" | 输出时间格式，只对v-model:modelStr及输入框展示有效因此它可能不是一个标准时间，比如YYSS,所以不能作为modelValue使用有效格式：YYYY年MM月DD日hh小时mm分钟ss秒 | 
+| formatSyncValue | boolean | false | 是否将format格式化的v-model:modelStr同步到v-model:modelValue默认false,注意：如果开启了同步，你要确保format的值是正常的时间值正常兼容以下时间格式：YYYY,YYYY-MM,YYYY-MM-DD,YYYY-MM-DDHH,YYYY-MM-DDHH:mm,YYYY-MM-DDHH: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"),]asstring[] | 上方的单位名称 | 
+| quickDate | Array\<string\> | ():string[]=\>["d","w","m","y","q"]asstring[] | 快速时间区间选择，如果直接填写数字字符，会以你提供的数字最近多少来天来算。d:本日w:本周m:本月y:本年q:本季度7:最近7天，后面的依此类推，数字的就是最近xx天。 | 
+| lazyContent | boolean | false | 是否懒加载内部内容。当前你的列表内容非常多，且影响打开的动画性能时，请务必设置此项为true，以获得流畅视觉效果。如果选择数据较少没有必要打开 | 
+| drawerSize | string | "1020" | 如果你的快捷选择较多可能会让高度不足，需要自行设置下高。 | 
+| disabled | boolean | false | 是否禁用弹层 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| cancel | - | - | 取消时触发 | 
+| confirm | 名称：date,当前选中的开始与结束时间, | - | 确认触发 | 
+| change | 名称：date,当前选中时间, | - | 滑动变换时触发 | 
+| update:modelShow | - | - | 变量控制打开状态
+等同v-model:model-show | 
+| update:modelStr | - | - | 经格式化后的值。等同v-model:model-str | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 插槽,默认触发打开选择器。你的默认布局可以放置在这里。 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

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

@@ -0,0 +1,114 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 常用组件
+
+# 按钮 TmButton
+
+圆角，主题可通过配置统一设置或者动态全局设置，使设计风格统一并保持一致性。让你的风格独一无二。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/button"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/button.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| size | string | "n" | 尺寸大小,可选值：s/m/n/g/xs | 
+| skin | string | "normal" | 样式可选值：thin/outlined/text/normal/dashed | 
+| borderWidth | string\|number\|Array\<string \| number\> | 1 | 遵循规则：string或者[x]：全部边线[x,x]左右边线，上下边线[x,x,x]左，上，右[x,x,x,x]左，上，右,下 | 
+| round | string\|number\|Array\<string \| number\> | '' | 圆角半径左上，右上，右下，左下 | 
+| rounded | boolean | false | 50%圆角 | 
+| width | string\|number | "" | - | 
+| height | string\|number | "" | - | 
+| openType | string | "" | - | 
+| block | boolean | false | - | 
+| disabled | boolean | false | - | 
+| icon | string | "" | - | 
+| iconSize | string | "" | - | 
+| btnIcon | boolean | false | 是否开启仅图标按钮模式,宽和高相等 | 
+| loading | boolean | false | - | 
+| fontSize | string | "" | - | 
+| color | string | "" | 自定义主题颜色 | 
+| bgColor | string | "" | 自定义背景 | 
+| darkBgColor | string | "" | - | 
+| fontColor | string | "" | - | 
+| darkFontColorColor | string | "" | - | 
+| linear | string[] | ()=\>[] | 渐变，前面的color,bgColor,darkBgColor失效[方向，颜色1，颜色2] | 
+| shadow | string\|number\|Array\<string\> | [] | 数字或者字符串时自动计算投影,它会投影大小数组时(必须为4),第一个x,第二为y,第三个为大小,第四个为投影颜色空字符串时,取全局配置,如果不想投影设置为none即可. | 
+| formType | string | "" | - | 
+| disableHover | boolean | false | 禁止hover效果，点按没有hover效果，有时可能不需要。 | 
+| url | string | "" | 跳转的地址链接，出现时点击click会跳转以/pages开头。 | 
+| navigatorMode | string | "navigateTo" | url跳转模式 | 
+| appParameter | string | "" | - | 
+| lang | string | "en" | - | 
+| sessionFrom | string | "" | - | 
+| sendMessageTitle | string | "" | - | 
+| sendMessagePath | string | "" | - | 
+| sendMessageImg | string | "" | - | 
+| showMessageCard | boolean | false | - | 
+| groupId | string | "" | - | 
+| guildId | string | "" | - | 
+| publicId | string | "" | - | 
+| dataImId | string | "" | - | 
+| dataImType | string | "" | - | 
+| dataGoodsId | string | "" | - | 
+| dataOrderId | string | "" | - | 
+| dataBizLine | string | "" | - | 
+| borderColor | string\|Array\<string\> | "" | 遵循规则：string或者[x]：全部边线[x,x]左右边线，上下边线[x,x,x]左，上，右[x,x,x,x]左，上，右,下 | 
+| darkBorderColor | string\|Array\<string\> | "transparent" | - | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| click | 名称：evt,事件参数, | - | 点击事件 | 
+| getphonenumber | - | - | - | 
+| getuserinfo | - | - | - | 
+| error | - | - | - | 
+| opensetting | - | - | - | 
+| launchapp | - | - | - | 
+| contact | - | - | - | 
+| chooseavatar | - | - | - | 
+| agreeprivacyauthorization | - | - | - | 
+| addgroupapp | - | - | - | 
+| chooseaddress | - | - | - | 
+| chooseinvoicetitle | - | - | - | 
+| subscribe | - | - | - | 
+| login | - | - | - | 
+| im | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| icon | - | icon图标 | 
+| default | - | 默认插槽 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+