tmui-cli 2.0.0 → 2.0.1

package/data/docs/stepper.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>
+
+#### 表单组件
+
+# 步进器 TmStepper
+
+可整数，小数
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/stepper"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/stepper.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | number | 0 | 当前值，可v-model | 
+| max | number | 100 | 最大值 | 
+| width | string | "auto" | 组件宽 | 
+| min | number | 0 | 最小值 | 
+| disabled | boolean | false | 是否禁用 | 
+| autoHideBtn | boolean | false | 开启后自动隐藏限制的按钮最小时隐藏减号按钮 | 
+| step | number | 1 | 步进值 | 
+| decimalLen | number | 0 | 如果进步值是小数位需要设置此值 | 
+| btnColor | string | "info" | 按钮的颜色 | 
+| darkBtnColor | string | "" | 按钮的暗黑颜色空值读取全局的Input暗黑背景色 | 
+| bgColor | string | "info" | 输入框的背景色 | 
+| darkBgColor | string | "" | 输入框的暗黑背景色空值读取全局的Input暗黑背景色 | 
+| btnWidth | string | "64" | 按钮的宽 | 
+| height | string | "64" | 输入框及按钮的高 | 
+| round | string | "8" | 按钮的圆角。 | 
+| splitBtn | boolean | false | 是否按钮与输入框独立开来不和输入框粘一起。 | 
+| btnFontColor | string | "#333333" | 按钮文本颜色，暗黑时取白色 | 
+| fontColor | string | "#333333" | 文本颜色,暗黑时取白色 | 
+| inputStyle | Partial\<CSSStyleDeclaration\> \| string | "" | 输入框的自定样式可以写背景字体等样式 | 
+| fontSize | string | "28" | 文本文字大小 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | 名称：str,当前的值。, | - | 输入值或者点击按钮时触发 | 
+| update:modelValue | - | - | 等同vmodel | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/steps-item.md

@@ -0,0 +1,71 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 展示组件
+
+# 步骤条子组件 TmStepsItem
+
+仅可放置在父组件tm-steps中作为直接子节点使用。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/steps"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/steps.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| icon | string | '' | 默认图标 | 
+| activeIcon | string | '' | 激活状态下的图标 | 
+| iconSize | union | '' | 图标大小，可以是字符串或数字 | 
+| labelSize | union | '' | 标签文本大小，可以是字符串或数字 | 
+| descSize | union | '' | 描述文本大小，可以是字符串或数字 | 
+| color | string | '' | 默认颜色 | 
+| activeColor | string | '' | 激活状态下的颜色 | 
+| label | string | '' | 标题 | 
+| desc | string | '' | 辅助信息 | 
+| disabled | - | false | - | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| click | 名称：index,当前索引, | - | 项目被点击 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| icon | 名称：binding,active 类型：boolean 
+ | 图标插槽 | 
+| default | 名称：binding,active 类型：boolean 
+ | 默认标题插槽 | 
+| desc | 名称：binding,active 类型：boolean 
+ | 辅助信息标签 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/steps.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>
+
+#### 展示组件
+
+# 步骤条 TmSteps
+
+导航，步骤状态显示使用
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/steps"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/steps.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | number | -1 | 绑定值，数字 | 
+| icon | string | 'checkbox-blank-circle-line' | 默认图标 | 
+| activeIcon | string | 'checkbox-circle-fill' | 激活状态下的图标 | 
+| iconSize | union | '28' | 图标大小，可以是字符串或数字 | 
+| labelSize | union | '26' | 标签文本大小，可以是字符串或数字 | 
+| descSize | union | '22' | 描述文本大小，可以是字符串或数字 | 
+| color | string | '#a6a6a6' | 默认颜色 | 
+| activeColor | string | '' | 激活状态下的颜色 | 
+| vertical | boolean | false | 是否垂直排列 | 
+| reverse | boolean | false | 是否反转排列顺序 | 
+| disabled | boolean | true | 是否禁用 | 
+| showFooter | boolean | true | 显示标题及辅助信息标签 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | 名称：index,当前索引, | - | 切换改变时触发 | 
+| update:modelValue | - | - | 等同v-model | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 仅可放置子节点tm-steps-item,不可嵌套子节点。 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| addChildren | - | - | - | 
+| removeChildren | - | - | - | 
+| updateCurrent | - | - | - | 
+| changeEmit | - | - | - | 
+
+

package/data/docs/sticky-header.md

@@ -0,0 +1,57 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 导航组件
+
+# 粘性布局头 tmStickyHeader
+
+只能是tm-sticky直接子节点,可以在节点内自由布局.可以多个放到tm-sticky中形成多个头置顶,当滚动到此位置时自动置顶.
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/sticky"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/sticky.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| top | number\|string | 0 | 顶部偏移距离,必须是px单位. | 
+| zIndex | number\|string | 2 | 顶部距离 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 头部内容 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/sticky.md

@@ -0,0 +1,55 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 导航组件
+
+# 粘性布局 TmSticky
+
+对于需要多个头定位的页面，可以使用粘性布局，将页面分为多个区域，每个区域可以单独设置粘性。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/sticky"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/sticky.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 正常布局内容,如果想粘性头,tm-sticky-header组件必须是直接子节点组件 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/switch-slider.md

@@ -0,0 +1,82 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 反馈组件
+
+# 左滑菜单 TmSwitchSlider
+
+常用于对话聊天，订单列表等一些隐藏式按钮设计场景。如果子菜单无法定宽或者被挤夺请写style:flex-shrink: 0;避免。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/switch-slider"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/switch-slider.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| custonmStyle | string | '' | 被拖动层的自定义样式 | 
+| custonmMenuStyle | string | '' | 菜单容器层自定义样式 | 
+| width | string | '100%' | 宽度 | 
+| height | string | '50' | 高度，单位随意 | 
+| disabled | boolean | false | 是否禁用 | 
+| threshold | number | 15 | 当滑动时小于此值，会回弹到原位 | 
+| duration | number | 450 | 当打开或者松开时的动画时间 | 
+| status | boolean | false | 当前打开状态 | 
+| borderColor | string | '#f5f5f5' | 下边线的颜色 | 
+| borderDarkColor | string | '' | 下边线暗黑的颜色 | 
+| eventNone | boolean | true | 让拖动层内容失去响应，拖动更流畅false关闭让内容响应事件，true让内容失去响应 | 
+| showBottomBorder | boolean | true | 是否显示下边线 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| disabledScrollChange | - | - | 此函数会发现是否禁用你外部滚动的指示。 | 
+| click | - | - | 活动区域被点击时触发 | 
+| open | - | - | 打开菜单时触发 | 
+| close | - | - | 关闭时触发 | 
+| start | - | - | 触摸开始 | 
+| end | - | - | 触摸结束 | 
+| move | - | - | 触摸中 | 
+| update:status | - | - | 等同v-model:status | 
+| longTimePress | - | - | 长按事件 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 默认插槽，你的顶层布局可以在这里 | 
+| menu | 名称：binding,status 类型：- 
+ | 菜单插槽 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| open | - | - | - | 
+| close | - | - | - | 
+| setOpts | - | - | - | 
+| callEmits | - | - | - | 
+
+

package/data/docs/switch.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>
+
+#### 表单组件
+
+# 开关 TmSwitch
+
+开关，用于直观的展示选项表单的选择。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/switch"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/switch.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| color | string | "" | 激活时的背景色,空值时取全局的值。 | 
+| bgColor | string | "info" | 未激活时的背景 | 
+| darkBgColor | string | "" | 未激活时的暗黑背景空取inputDarkColor | 
+| btnColor | string | "white" | 按钮的背景色 | 
+| size | string | "normal" | 尺寸 | 
+| space | number\|string | "2px" | 间隙，px单位 | 
+| modelValue | boolean | false | 当前打开的状态，默认为false等同v-model="" | 
+| disabled | boolean | false | 是否禁用 | 
+| loading | boolean | false | 是否加载中 | 
+| label | string[] | ():string[]=\>[] | 开关文字数组第一个为开，后一个为关 | 
+| round | string\|number | "" | 圆角。空值时取全局值。 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | 名称：status,当前的开关状态, | - | 状态变换时触发。 | 
+| click | 名称：status,当前的开关状态，这里的状态是在变更前。, | - | 组件被点击时触发。 | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/tabbar.md

@@ -0,0 +1,83 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 导航组件
+
+# 底部导航 TmTabbar
+
+可定义凸起按钮。通过全局状态设置选中项，放于任何页面可自动选中。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/tabbar"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/tabbar.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| color | string | '#b9b9b9' | 未选中时的颜色 | 
+| selectedColor | string | '' | 选中时的颜色，空值取全局主题 | 
+| bgColor | string | 'white' | 背景,如果你为空，会读取全局的亮色tabbar背景 | 
+| darkBgColor | string | '' | 暗黑时的背景，如果为空，取全局的底部导航背景色。 | 
+| showTopBorder | boolean | true | 显示顶部边线，暗黑时取全局的borderDarkColor | 
+| borderColor | string | '#f0f0f0' | 边线颜色 | 
+| fontSize | string | '11px' | 文字大小 | 
+| iconSize | string | '28px' | 图标大小 | 
+| autoTabbarHeight | number | 0 | 导航的整体高度，请使用v-model:autoTabbarHeight="x"来获取当前的高度。外部要去变更值。这个只是对外输出，给您外部放在底部占位用，省得你们要一屏时计算高。外部最好computed使用，因为是异步的 | 
+| outIndex | number | 2 | 需要向外凸起的项目索引。-1表示不凸起 | 
+| outBgColor | string | 'primary' | 凸起的背景色 | 
+| outIconColor | string | 'white' | 凸起的图标颜色 | 
+| position | string | 'fixed' | 是否悬浮在底部,不可动态修改fixed悬浮，relative静态布局。 | 
+| linearGradient | Array | ()=\>[]asstring[] | 渐变背景，如果提供，上面的背景和暗黑背景将失效。仅支持:tobottom,toright,toleft,totop例：['toright','#ff667f','#ff5416'] | 
+| list | Array | ()=\>[]asTM.TABBAR_ITEM_INFO[] | 如果你提供了本地的list数据，那么全局的list将不会被采用，你需要自己管理激活引，跨页面时需要你自己设置当前页面的索引，因为变量索引是无法跨页面的。 | 
+| activeIndex | number | -1 | 当前激活的索引,双向绑定用vmodel:activeIndex | 
+| zIndex | number | 20 | 层级 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | 名称：index,当前选中的索引, | - | 切换项目时触发。 | 
+| update:autoTabbarHeight | 名称：height,当前组件高度, | - | 同步组件高给外部使用，请使用v-model:autoTabbarHeight
+组件高度 = 安全栏高度 + 导航栏高度,外部最好computed使用，因为是异步的 | 
+| update:activeIndex | 名称：activeIndex,当前组件高度, | - | 同步当前索引 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| out | 名称：binding,active 类型：- 
+名称：binding,size 类型：- 
+ | - | 
+| item | 名称：binding,activeindex 类型：- 
+名称：binding,children 类型：- 
+名称：binding,isactive 类型：- 
+名称：binding,selfindex 类型：- 
+ | - | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/tabs.md

@@ -0,0 +1,84 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 导航组件
+
+# 标签导航 TmTabs
+
+tabs标签导航组件,样式非常丰富可以完成你想要的自定义样式.
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/tabs"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/tabs.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| round | string\|number | 0 | 圆角 | 
+| width | string\|number | "auto" | 宽 | 
+| height | string\|number | "88" | 高是必填，不可为auto。 | 
+| mode | string | "start" | 排版模式around:居中并且均分[数据多时会造成无法滚动]between:均分在整个宽上(如想相项目宽一样,你可以设置属性width比如你有3个可以设置为33%)[数据多时会造成无法滚动]start:左对齐[数据多时可滚动]end:右对齐[数据多时可滚动]center:中间对齐[数据多时会造成无法滚动] | 
+| color | string | "white" | 背景 | 
+| darkColor | string | "" | 暗黑时的背景,如果不填写读取sheetDark | 
+| activeTitleColor | string | "" | 文本激活时的颜色，空值默认取全局主题色 | 
+| titleColor | string | "#888888" | 文本默认颜色 | 
+| darkTitleColor | string | "#cacaca" | 文本默认的暗黑颜色，如果不填写取白色。 | 
+| lineColor | string | "" | 底部线条激活时的颜色，空值默认取全局主题色 | 
+| lineHeight | string | "3px" | - | 
+| lineFull | boolean | false | 底部的线条是与项目等宽还是固定默认的小宽度。 | 
+| showLine | boolean | true | 是否显示底部的线条 | 
+| modelValue | string\|number | 0 | id值，如果数据没有提供id属性，这里的id就是索引等同v-model | 
+| fontSize | string\|number | "30" | 标题字号 | 
+| activeFontSize | string\|number | "32" | 激活时的标题字号 | 
+| itemWidth | string\|number | "auto" | 项目宽度，默认是auto，即自动根据标题内容自动撑开宽度。如果你想均分（适合不超过一行），比如你有5个标签，那么你就可以设置为"20%" | 
+| titlePadding | string\|number | "12px" | 标题的padding是左右的间隙。 | 
+| moveCount | number | 2 | 选中当前项是，移动的差值个数。比如你要让选中的居中，你一屏内刚好显示5个，你就设置为2，如果你一屏显示3个，就设置为1，就是你一屏内里面要显示的是单数，才好控制选中的始终是在中间位置。 | 
+| gap | string\|number | 20 | 项目之间的间隙.如果你设定了itemwidth一般会有富余宽,两边自然有间隙,此时你应该设置为0以免造成不居中的假象. | 
+| list | Array\<Record\<string, any\> \| string\> | ()=\>[] | 数据数组,可以混合类型可以是单类型数据格式比较灵活.如果数据是对象且出现了dot:true该项数组右上角出现角标红点如果dot:非boolean比如:dot:32会出现数字角标或者文本角标.如果为false或者空值为隐藏如果出现了disabled:可以true禁止项目 | 
+| rangKey | string | "title" | 当你的list为对象时可用如果数据是string会直接取数据本身 | 
+| rangId | string | "id" | id标识,用来vmodel双向绑定选中的值,如果你的list中不存在或者没有id标识那么取数组循环的索引值 | 
+| rangDot | string | "dot" | 读取角标的标识字段,默认是dot | 
+| dotBgColor | string | "" | 角标的背景,默认是等同激活的标题颜色如果填写使用本值,文字颜色始终是白的. | 
+| customItemStyle | string | "" | 默认的自定项目的style样式,可以用来完全覆盖默认的样式. | 
+| activeItemStyle | string | "" | 默认的激活自定项目的style样式,可以用来完全覆盖默认的样式. | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | - | - | 变化时触发 | 
+| update:modelValue | - | - | 同步vmodel | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| toggleActivate | - | - | - | 
+
+