tmui-cli 2.0.0 → 2.0.2

package/data/docs/picker-date.md

@@ -0,0 +1,75 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 表单组件
+
+# 日期选择器 TmPickerDate
+
+可以设置为年月日,并设置精确到秒。默认的开始时间为当前时间的上一年，结束时间为默认当前时间
+
+## :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不同，此提供的值必须是正常的时间格式否则报错，无法运行。 | 
+| 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 | 
+| modelStr | string | "" | 当前时间经过format格式化后输出的值。此值不会处理输入，只输出显示。 | 
+| modelShow | boolean | false | 当前打开的状态。等同v-model:model-show | 
+| title | string | $i18n.t('tmui32x.tmPickerDate.title') | 顶部标题 | 
+| 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')] | 上方的单位名称 | 
+| lazyContent | boolean | false | 是否懒加载内部内容。当前你的列表内容非常多，且影响打开的动画性能时，请务必设置此项为true，以获得流畅视觉效果。如果选择数据较少没有必要打开 | 
+| showClose | boolean | false | - | 
+| disabled | boolean | false | 是否禁用弹层 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| cancel | - | - | 取消时触发 | 
+| confirm | 名称：date,当前选中时间id值, | - | 确认触发 | 
+| change | 名称：date,当前选中时间, | - | 滑动变换时触发 | 
+| update:modelShow | - | - | 变量控制打开状态
+等同v-model:model-show | 
+| update:modelStr | - | - | 经格式化后的值。等同v-model:model-str | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 插槽,默认触发打开选择器。你的默认布局可以放置在这里。 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/picker-selected.md

@@ -0,0 +1,75 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 表单组件
+
+# 搜索选择 TmPickerSelected
+
+弹层式大数据列表筛选，搜索。可异步加载数据。可针对本地搜索及异步搜索加载数据，虚拟列表支持。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/picker-selected"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/picker-selected.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | Array\<string \| number\> | ()=\>[] | 当前选中的数据，any数组string[],number[]否则报错，无法运行。 | 
+| modelShow | boolean | false | 当前打开的状态。等同v-model:model-show | 
+| modelStr | Array\<string\> | ()=\>[] | 回显当前选中的文本，只输出等同v-model:model-str | 
+| title | string | $i18n.t('tmui32x.tmPicker.title') | 顶部标题 | 
+| filterKey | string | "text" | 搜索的字段名称 | 
+| labelKey | string | "text" | 显示文本的字段 | 
+| idKey | string | "id" | 列表字段的唯一标识注意它的数据是number类型. | 
+| list | Array\<Record\<string, any\>\> | ()=\>[] | 数据列表。 | 
+| localSearch | boolean | true | 默认采用本地对list的结果集进行筛选搜索。如果禁用，你可以自行通过search事件来搜索并赋值给list更新结果。 | 
+| multiple | boolean | true | 是否允许多选 | 
+| lazyContent | boolean | false | 是否懒加载内部内容。当前你的列表内容非常多，且影响打开的动画性能时，请务必设置此项为true，以获得流畅视觉效果。 | 
+| lazyDuration | number | 100 | lazyContent的延迟时间单位ms如果你的app效果不行，请加大此值 | 
+| disabled | boolean | false | 是否禁用弹层 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| search | 名称：keyword,搜索的关键词, | - | 搜索时触发 | 
+| confirm | 名称：ids,选中的ids结果集,名称：data,选中的数据结果集, | - | 确认选择时触发 | 
+| cancel | - | - | 取消搜索时触发 | 
+| open | - | - | 显示弹层时触发，可以用来在此第一次加载list异步数据。 | 
+| update:modelShow | - | - | 变量控制打开状态等同v-model:model-show | 
+| update:modelStr | - | - | 自动回显文本数组，此属性只对外输出。 | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | - | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/picker-time.md

@@ -0,0 +1,77 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 表单组件
+
+# 时间选择器 TmPickerTime
+
+选择时间：时/时分/时分秒，支持起止范围限制
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/picker-time"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/picker-time.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | string | "" | 当前时间,与modelStr不同，此提供的值必须是正常的时间格式xx:xx:xx否则报错，无法运行。 | 
+| modelStr | string | "" | 当前时间经过format格式化后输出的值。此值不会处理输入，只输出显示。 | 
+| modelShow | boolean | false | 当前打开的状态。等同v-model:model-show | 
+| lazyContent | boolean | false | 是否懒加载内部内容。当前你的列表内容非常多，且影响打开的动画性能时，请务必设置此项为true，以获得流畅视觉效果。如果选择数据较少没有必要打开要兼容微信就必须打开为true,非微信可以设置为false | 
+| title | string | "" | 顶部标题 | 
+| cancelText | string | "" | 取消按钮的文本 | 
+| confirmText | string | "" | 确认按钮的文本 | 
+| start | string | "" | 开始时间：请提供正确的时间格式xx:xx:xx | 
+| end | string | "" | 结束时间：请提供正确的时间格式xx:xx:xx | 
+| type | union | "second" | 精确到的级别hour:小时minute:小时分钟second:小时分钟秒 | 
+| format | string | "hh:mm:ss" | 输出时间格式，只对v-model:modelStr有效有效格式：hh小时mm分钟ss秒 | 
+| cellUnits | Array | ()=\>[]asstring[] | 上方的单位名称,'小时','分钟','秒数' | 
+| zIndex | number | 1100 | 层级 | 
+| showClose | boolean | false | 是否显示关闭按钮 | 
+| disabled | boolean | false | 是否禁用弹出 | 
+| widthCoverCenter | boolean | false | 宽屏时是否让内容剧中显示并限制其宽为屏幕宽，只展示中间内容以适应宽屏。 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| cancel | - | - | 取消时触发 | 
+| confirm | - | - | 确认触发 | 
+| change | - | - | 滑动变换时触发 | 
+| update:modelShow | - | - | - | 
+| update:modelStr | - | - | - | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 插槽，默认触发打开选择器。你的默认布局可以放置在这里。 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/picker-view.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>
+
+#### 表单组件
+
+# 选择器容器 TmPickerView
+
+可单列或者多列
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/picker-view"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/picker-view.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| list | TM_PICKER_ITEM_INFO[] | ():TM_PICKER_ITEM_INFO[]=\>[] | 数据项格式类型为：PICKER_ITEM_INFO | 
+| modelValue | Array\<string\|number\> | ():string[]=\>[] | 当前选中项的id值 | 
+| modelStr | string | "" | 当前选中项的标题文本组 | 
+| cellUnits | string[] | ():string[]=\>[] | 显示在顶部的单位名称 | 
+| fontSize | string | "32" | 项目的字体号大小 | 
+| rangKey | string | "id" | 自定义标识id | 
+| rangText | string | "title" | 自定义标识文本字段名 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | 名称：ids,当前选中项的id, | - | 选项变化时触发 | 
+| update:modelStr | - | - | 等同v-model:model-str
+只对外输出当前回选区的选中项的文本，不要外部改变此值。 | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| getIndexsByids | - | - | - | 
+| getIdsByindexs | - | - | - | 
+| getNowCurrent | - | - | - | 
+| onInit | - | - | - | 
+| clearCache | - | - | - | 
+
+

package/data/docs/picker.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>
+
+#### 表单组件
+
+# 选择器 TmPicker
+
+可单列或者多列
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/picker"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/picker.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| list | any[] | ():any[]=\>[]asany[] | 数据 | 
+| modelValue | Array\<string \| number\> | ():string[]=\>[]asstring[] | 当前选中项的id值 | 
+| modelStr | string | "" | 当前选中项的回显文本等同v-model:model-str请不要更改此值，此值只对外输出显示。如果空值，将内部首次递归渲染回显文本。如果你后台返回，就不会计算。因此如果对性能有要求的请务必让后台在首次显示时先回显文本，这样内部在第一次时不会递归计算回显文本，提高性能。 | 
+| modelShow | boolean | false | 当前打开的状态。等同v-model:model-show | 
+| title | string | $i18n.t('tmui32x.tmPicker.title') | 顶部标题 | 
+| lazyContent | boolean | false | 是否懒加载内部内容。当前你的列表内容非常多，且影响打开的动画性能时，请务必设置此项为true，以获得流畅视觉效果。如果选择数据较少没有必要打开 | 
+| cellUnits | string[] | ():string[]=\>[]asstring[] | 显示在顶部的单位名称 | 
+| rangKey | string | "id" | 自定义标识id | 
+| rangText | string | "title" | 自定义标识文本字段名 | 
+| showClose | boolean | false | - | 
+| disabled | boolean | false | 是否禁用弹层 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| cancel | - | - | 取消时触发 | 
+| confirm | 名称：ids,当前选中项的id值, | - | 确认触发 | 
+| change | 名称：ids,当前选中项的id值, | - | 滑动变换时触发 | 
+| update:modelShow | - | - | 变量控制打开状态
+等同v-model:model-show | 
+| update:modelStr | - | - | 等同v-model:model-str
+只对外输出当前回选区的选中项的文本，不要外部改变此值。 | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | 名称：binding,label 类型：- 
+名称：binding,show 类型：boolean 
+ | 插槽,默认触发打开选择器。你的默认布局可以放置在这里。 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/popover.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>
+
+#### 反馈组件
+
+# 汽泡菜单 TmPopover
+
+通用弹出的汽泡菜单。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/popover"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/popover.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| position | PositionType | "bc" | tr:左上；tc:上中；tl:右上；br:左下；bc:下中；bl:右下；left:左边；right:右边 | 
+| modelValue | boolean | false | 是否显示 | 
+| isClickClose | boolean | true | 是否点击内容区域关闭 | 
+| showMask | boolean | false | 遮罩背景色 | 
+| zIndex | union | 998 | 层级 | 
+| showTriangle | boolean | true | 是否显示三角 | 
+| triangleColor | string | "#fff" | 三角颜色 | 
+| triangleDarkColor | string | "#fff" | 三角暗黑时的颜色 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | - | - | - | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | 名称：binding,isShow 类型：boolean 
+ | 默认触发插槽 | 
+| menu | 名称：binding,isShow 类型：boolean 
+ | 内容插槽 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/progress.md

@@ -0,0 +1,72 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 反馈组件
+
+# 进度条 TmProgress
+
+通用进度条组件。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/progress"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/progress.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | number | 0 | 当前进度值 | 
+| min | number | 0 | 最小值 | 
+| max | number | 100 | 最大值 | 
+| color | string | "" | 进度条颜色 | 
+| linearColor | string | '' | 线性渐变颜色 | 
+| bgColor | string | "info" | 背景颜色 | 
+| darkBgColor | string | "" | 暗黑模式背景颜色 | 
+| showLabel | union | false | 是否显示进度标签 | 
+| labelColor | string | "#333" | 标签文字颜色 | 
+| labelFontSize | union | 24 | 标签字体大小 | 
+| size | union | 8 | 进度条高度 | 
+| round | union | 8 | 圆角大小 | 
+| duration | number | 250 | 动画持续时间（毫秒） | 
+| labelInside | union | false | 标签显示在进度条内部 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| update:modelValue | - | - | 等同v-model | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | 名称：binding,percentage 类型：- 
+名称：binding,value 类型：- 
+ | 标签插槽 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/pull-refresh.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>
+
+#### 反馈组件
+
+# 下拉刷新 tmPullRefresh
+
+下拉刷新组件，支持自定义下拉和触底刷新的内容。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/pull-refresh"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/pull-refresh.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| height | string | '100%' | 高，可以是百分比，px,rpx等单位数字或者字符串。 | 
+| pullHeight | number | 60 | 下拉区域触发刷新的高度 | 
+| color | string | "" | 图标颜色,空值时，取全局主题色。 | 
+| textColor | string | "" | 文字颜色,空值时，取全局主题色。 | 
+| showScrollbar | boolean | true | 是否显示滚动条 | 
+| disabledPull | boolean | false | 是否禁用下拉刷新 | 
+| disabledBottom | boolean | false | 是否禁用触底刷新 | 
+| fristLoad | boolean | false | 是否进入就刷新数据 | 
+| pullRefresh | () =\> Promise\<boolean\> | ()=\>(()=\>Promise.resolve(true)) | 触下拉刷新时执行本事件，返回true成功，false失败 | 
+| bottomRefresh | () =\> Promise\<boolean\> | ()=\>(()=\>Promise.resolve(true)) | 触底刷新时执行本事件，返回true成功，false失败 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| scroll | 名称：evt,滚动事件参数, | - | 滚动的时候触发 | 
+| scrollDirection | 名称：type,当前的滚动方向up表示往下拉，内容向上滚动，down表示往上拉，内容向下滚动, | - | 滚动的时候触发 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| pull | 名称：binding,status 类型：- 
+ | - | 
+| default | - | - | 
+| bottom | 名称：binding,status 类型：- 
+ | - | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| setScrollTop | - | - | 滚动到指定位置 | 
+| setScrollIntoView | - | - | 滚动到指定id元素 | 
+
+

package/data/docs/radio-group.md

@@ -0,0 +1,61 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 表单组件
+
+# 单选框组 TmRadioGroup
+
+可单单独使用,也可多选组合使用
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/radio"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/radio.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | string\|number\|boolean | "" | - | 
+| direction | string | "row" | - | 
+| align | string | "left" | - | 
+| gap | number\|string\|Array\<string \| number\> | 20 | 排列时之间的间隙，如果是数组第一项是列间隙，第二项是行间隙 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | - | - | - | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | - | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+