tmui-cli 2.0.0 → 2.0.2

package/data/docs/radio.md

@@ -0,0 +1,74 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 表单组件
+
+# 单选框 TmRadio
+
+可单单独使用,也可多选组合使用
+
+## :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: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| color | string | "" | 当前主题色，空值时取全局 | 
+| unCheckColor | string | "" | 当前未选中时主题色，空值时取全局 | 
+| darkUnCheckColor | string | "" | 当前未选中时的暗黑主题色 | 
+| modelValue | string\|number\|boolean | '' | 双向绑定值 | 
+| value | string\|number\|boolean | true | 选中的值， | 
+| unCheckValue | string\|number\|boolean | '' | 未选中的值 | 
+| disabled | boolean\|string | false | 是否禁用 | 
+| icon | string | "check-line" | 选中的图标名称。 | 
+| label | string | "" | 右侧文字。 | 
+| hiddenCheckbox | boolean | false | 是否隐藏选中框。然后利用默认插槽自定义选中所有样式和状态。 | 
+| size | string\|number | "42" | 尺寸 | 
+| iconSize | string\|number | "40" | 中间小图标大小 | 
+| labelFontSize | string\|number | "30" | 文字大小 | 
+| labelDirection | string | "left" | 选中的框在文本左边还是在右边 | 
+| showLabel | boolean | true | 如果不要显示label时设置为false可以隐藏label并把label间隙删除， | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | 名称：check,当前是否选中,名称：value,当前选中的值, | - | 用户交互切换，选中变换时触发。 | 
+| click | - | - | 点击事件 | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| label | 名称：binding,checked 类型：- 
+ | - | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/rate.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>
+
+#### 表单组件
+
+# 评分 TmRate
+
+评分组件，只读和禁用等属性
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/rate"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/rate.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | number | 0 | 当前分值，等同v-model | 
+| count | number | 5 | 最大评分数量 | 
+| color | string | "" | 选中的颜色，默认空值取全局值 | 
+| unColor | string | "#cacaca" | 未选中的颜色 | 
+| darkUnColor | string | "#8b8b8b" | 未选中的暗黑背景颜色空时取InputDark表单颜色 | 
+| size | string | "42" | 尺寸 | 
+| space | string\|number | "8" | 间隙 | 
+| icon | string | "star-fill" | 选中的图标 | 
+| unicon | string | "star-line" | 未选中的图标 | 
+| readonly | boolean | false | 是否只读状态 | 
+| disabled | boolean | false | 是否禁用状态 | 
+| showScore | boolean | false | 是否显示右侧评分值 | 
+| fontSize | string | "28" | 右侧文本分值文本的字号 | 
+| half | boolean | false | 是否开启半星开启半星后，自定的unicon和icon失效。 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | - | - | - | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| score | 名称：binding,score 类型：number 
+ | 文本分值的右侧插槽 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/row.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>
+
+#### 常用组件
+
+# 布局Row TmRow
+
+快速排版布局利器,内只能放置tmCol组件,默认是5列栅格,可以自行更改
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/row"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/row.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| column | number\|string | 5 | 默认列数,请不要动态修改此值。 | 
+| justify | string | "flex-start" | 子元素左右对齐排列 | 
+| align | string | "flex-start" | 子元素上下对齐排列是align-items：值 | 
+| wrap | boolean | true | 是否自动断行. | 
+| gutter | string\|number\|Array\<string \| number\> | '0' | 上下左右间隙.[row,col]:x表示纵向间隙,y表示横向间隙col,[col]:表示横向和纵向之间的间隙. | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| click | - | - | 点击事件 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 默认插槽,请允许放置tmCol组件 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/sheet.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>
+
+#### 常用组件
+
+# 容器 TmSheet
+
+像一张纸张一样，用于包裹内容区域,可塑性高,可以快速用来布局.
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/sheet"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/sheet.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| borderColor | string\|Array\<string\> | "" | 遵循规则：string或者[x]：全部边线[x,x]左右边线，上下边线[x,x,x]左，上，右[x,x,x,x]左，上，右,下 | 
+| darkBorderColor | string\|Array\<string\> | "transparent" | - | 
+| borderWidth | string\|number\|Array\<string \| number\> | 0 | 规则同borderColor | 
+| borderStyle | string\|Array\<string\> | "solid" | 规则同borderColor | 
+| round | string\|number\|Array\<string \| number\> | '' | 规则同borderColor左上，右上，右下，左下 | 
+| margin | string\|number\|Array\<string \| number\> | '' | 遵循规则：填写0关闭,填写空值取全局string,number,或者[x]：全部[x,x]左右，上下[x,x,x]左，上，右[x,x,x,x]左，上，右,下 | 
+| padding | string\|number\|Array\<string \| number\> | '' | 遵循规则：填写0关闭,填写空值取全局string,number,或者[x]：全部[x,x]左右，上下[x,x,x]左，上，右[x,x,x,x]左，上，右,下 | 
+| width | string\|number | "" | - | 
+| height | string\|number | "" | - | 
+| loading | boolean | false | - | 
+| flowTheme | boolean | false | 是否跟随主题背景色下方的color失效 | 
+| color | string | "white" | 背景主题 | 
+| darkBgColor | string | "" | 自定义暗黑背景空值时取全局配置 | 
+| linear | Array\<string\> | ()=\>[] | 渐变，前面的color,bgColor,darkBgColor失效 | 
+| shadow | string\|number\|Array\<string\> | '' | 数字或者字符串时自动计算投影,它会投影大小数组时(必须为4),第一个x,第二为y,第三个为大小,第四个为投影颜色空字符串时,取全局配置,如果不想投影设置为none即可. | 
+| loadIconSize | string\|number | "50" | - | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| click | 名称：evt,事件参数, | - | 点击事件 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 默认插槽 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/sign-board.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>
+
+#### 反馈组件
+
+# 签名画板 TmSignBoard
+
+通用签名画板组件，支持手写签名功能。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/sign-board"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/sign-board.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| strokeColor | string | '' | 线颜色 | 
+| backgroundColor | string | '' | 画板背景颜色 | 
+| strokeWidth | union | 8 | 线宽 | 
+| width | union | 300 | 画布宽和高，不允许%，只能是数字或者带单位的数字如:4,'4',20px,750rpx | 
+| height | union | 300 | 画布宽和高，不允许%，只能是数字或者带单位的数字如:4,'4',20px,750rpx | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| clear | - | - | 清空画布 | 
+| getImage | - | - | 获取签名图片 | 
+
+

package/data/docs/skeleton.md

@@ -0,0 +1,60 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 展示组件
+
+# 骨架屏 tmSkeleton
+
+样式灵活多变。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/skeleton"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/skeleton.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| height | string | '12' | 高，单位允许%，auto,'数字',rpx,px | 
+| width | string | "auto" | 宽，单位允许%，auto,'数字',rpx,px | 
+| color | string | '#e4e4e4' | 背景颜色 | 
+| darkColor | string | '#323232' | 暗黑背景颜色 | 
+| round | string | "3" | 圆角 | 
+| duration | string | '900ms' | 动画间隔 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/sku.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>
+
+#### 表单组件
+
+# 规格选择器 TmSku
+
+可单列或者多列
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/sku"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/sku.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| data | TM.SKU_DATA | ():TM.SKU_DATA=\>{return{data:[],product:null}asTM.SKU_DATA} | 数据 | 
+| modelValue | string\|number | '' | 当前选中项的id值 | 
+| modelShow | boolean | false | 当前打开的状态。等同v-model:model-show | 
+| lazyContent | boolean | false | 是否懒加载内部内容。当前你的列表内容非常多，且影响打开的动画性能时，请务必设置此项为true，以获得流畅视觉效果。如果选择数据较少没有必要打开 | 
+| autoSelectDefault | boolean | true | 是否自动选中一个默认值.会从产品列表默认选中第一个产品. | 
+| showAddStore | boolean | false | 显示加购物车按钮 | 
+| color | string | 'primary' | 按钮及选中的主题色 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| cancel | - | - | 取消时触发 | 
+| confirm | 名称：ids,当前选中的产品,名称：buy,购买的数量, | - | 确认触发 | 
+| add | 名称：ids,当前选中的产品,名称：buy,购买的数量, | - | 加入购物车 | 
+| update:modelShow | - | - | 变量控制打开状态
+等同v-model:model-show | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| add | - | 添加购物车按钮 | 
+| buy | - | 支持按钮 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/slider-double.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>
+
+#### 表单组件
+
+# 双向滑动条 TmSliderDouble
+
+双向滑动条组件，用于双向滑动条中展示选项。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/slider"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/slider.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | Array | ()=\>[0,0] | 等同v-model当前值 | 
+| max | number | 100 | 最大值 | 
+| min | number | 0 | 最小值 | 
+| disabled | boolean | false | 是否禁用 | 
+| step | number | 1 | 步进值 | 
+| stepCount | number | 0 | 步进值刻度值比如max-min为100总值,刻度为20,那么setpCount就是4, | 
+| color | string | '' | 激活时的颜色，空值取全局值，linearColor不空时取背景色会取linearColor，但其它label和按钮焦点色还是这个值。 | 
+| bgColor | string | 'info' | 默认的背景色 | 
+| size | string | '12' | 滑条的大小 | 
+| btnSize | string | '46' | 滑块的尺寸 | 
+| round | string | '12' | 滑条的圆角。为空值时，取全局的进度条值 | 
+| showLabel | boolean | false | 是否显示进度条上的label文本 | 
+| labelColor | string | 'white' | 文本颜色 | 
+| labelFontSize | string | '18' | 文本文字大小 | 
+| linearColor | string | '' | 线性渐变背景颜色 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | 名称：value,当前的值, | - | 拖动变换时触发 | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/slider-menu.md

@@ -0,0 +1,78 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 导航组件
+
+# 侧边菜单 TmSliderMenu
+
+左边菜单选择，右边内容区域
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/slider-menu"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/slider-menu.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| width | string\|number | "auto" | 宽 | 
+| height | string\|number | "100%" | 高是必填，不可为auto。 | 
+| showScrollbar | boolean | false | 是否显示滚动条 | 
+| activeTextColor | string | "" | 侧边选中的文字颜色，空值取全局主题 | 
+| textColor | string | "#888888" | 侧边未选中时的文字颜色 | 
+| fontSize | string | "30" | 侧边菜单文字大小 | 
+| itemTextColor | string | "#333333" | 选项项目未选中的文字颜色 | 
+| itemActiveColor | string | "" | 选项项目选中的文字颜色，空值取全局主题 | 
+| sliderBgColor | string | "#f5f5f5" | 左侧边栏背景颜色 | 
+| darkSliderBgColor | string | "" | 左侧边栏暗黑背景颜色如果不提供，自动读取全局的backgroundColorContentDark背景色 | 
+| sliderContentBgColor | string | "white" | 右内容区域背景颜色 | 
+| darkSliderContentBgColor | string | "" | 右内容区域暗黑背景颜色如果不提供读取sheet窗口的暗黑背景 | 
+| sliderWidth | string\|number | "160" | 侧边栏宽 | 
+| list | Array\<Record\<string, any\>\> | ()=\>[]asArray\<Record\<string,any\>\> | - | 
+| modelValue | string\|number | "" | 当前选中项的id | 
+| rangKey | string | 'title' | 文本显示的字段 | 
+| rangId | string | 'id' | 标识id的字段 | 
+| menuSelectedStyle | Partial\<CSSStyleDeclaration\> | ()=\>{return{}} | - | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | 名称：id,当前选中的菜单id,名称：index,当前选中的菜单索引, | - | 手动切换时触发 | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| menu | 名称：binding,item 类型：- 
+ | 动态循环菜单项目插槽 | 
+| default | 名称：binding,item 类型：- 
+ | 动态循环list插槽 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/docs/slider.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>
+
+#### 表单组件
+
+# 滑动条 TmSlider
+
+滑动条组件，用于滑动条中展示选项。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/slider"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/slider.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | number | 0 | 等同v-model当前值 | 
+| max | number | 100 | 最大值 | 
+| min | number | 0 | 最小值 | 
+| disabled | boolean | false | 是否禁用 | 
+| step | number | 1 | 步进值 | 
+| stepCount | number | 0 | 步进值刻度值比如max-min为100总值,刻度为20,那么setpCount就是4, | 
+| color | string | '' | 激活时的颜色，空值取全局值，linearColor不空时取背景色会取linearColor，但其它label和按钮焦点色还是这个值。 | 
+| bgColor | string | 'info' | 默认的背景色 | 
+| size | string | '12' | 滑条的大小 | 
+| btnSize | string | '46' | 滑块的尺寸 | 
+| round | string | '12' | 滑条的圆角。为空值时，取全局的进度条值 | 
+| showLabel | boolean | false | 是否显示进度条上的label文本 | 
+| labelColor | string | 'white' | 文本颜色 | 
+| labelFontSize | string | '18' | 文本文字大小 | 
+| linearColor | string | '' | 线性渐变背景颜色 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| change | 名称：value,当前的值, | - | 拖动变换时触发 | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+