tmui-cli 2.0.6 → 5.3.1

package/data/uni-app-x-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/uni-app-x-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/uni-app-x-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/uni-app-x-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/uni-app-x-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/uni-app-x-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/uni-app-x-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 | 已废弃：激活项会按可视区域自动居中（两端滚动量不足时不强制居中）。保留该属性仅为兼容旧用法，不再参与滚动计算。 | 
+| 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 | - | - | - | 
+
+

package/data/uni-app-x-docs/tag.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>
+
+#### 常用组件
+
+# 标签 TmTag
+
+标签组件,用来展示一些标签信息.
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/tag"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/tag.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 | 
+| 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\> | 1 | 规则同borderColor | 
+| borderStyle | string\|Array\<string\> | "solid" | 规则同borderColor | 
+| round | string\|number\|Array\<string \| number\> | '10' | 圆角半径左上，右上，右下，左下 | 
+| width | string\|number | "" | - | 
+| height | string\|number | "" | - | 
+| openType | string | "" | - | 
+| disabled | boolean | false | - | 
+| icon | string | "" | - | 
+| iconSize | string | "" | - | 
+| fontSize | string | "" | - | 
+| color | string | "" | 自定义主题颜色 | 
+| bgColor | string | "" | 自定义背景 | 
+| darkBgColor | string | "" | - | 
+| fontColor | string | "" | - | 
+| darkFontColorColor | string | "" | - | 
+| linear | string[] | ()=\>[] | 渐变，前面的color,bgColor,darkBgColor失效 | 
+| shadow | string\|number\|Array\<string\> | '' | 数字或者字符串时自动计算投影,它会投影大小数组时(必须为4),第一个x,第二为y,第三个为大小,第四个为投影颜色空字符串时,取全局配置,如果不想投影设置为none即可. | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| click | - | - | 点击事件 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| icon | - | icon图标 | 
+| default | - | 默认插槽 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/uni-app-x-docs/text.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>
+
+#### 常用组件
+
+# 文本 TmText
+
+允许正则高亮或者,词高亮.
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/text"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/text.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| _style | Record\<string, any\>\|string | '' | 文本自定样式 | 
+| label | string\|number | '' | 文本内容这个prop用于接收显示在组件中的文本或数字 | 
+| heightLight | Array\<string\> | ():string[]=\>[]asstring[] | 需要特别高亮的词 | 
+| heightLightReg | Array\<string\> | ()=\>[] | 高亮正则用于定义文本中哪些部分应该被高亮显示的正则表达式数组 | 
+| heightLightStyle | string | "" | 高亮文本的自定义样式 | 
+| lines | number\|string | 0 | 行数控制文本显示时应该占用的行数（如果组件支持此功能） | 
+| selectable | boolean | false | 是否可选指示文本是否可以被用户选择（如通过长按选择） | 
+| color | string | "#333" | 文本颜色定义文本的主要颜色 | 
+| darkColor | string | "" | 暗色模式颜色在暗色模式下文本的颜色（如果组件支持暗色模式） | 
+| heightLightColor | string | "primary" | 高亮颜色文本中应该被高亮显示的部分的颜色 | 
+| lineHeight | string\|number | "1.5" | 行高文本的行高设置 | 
+| fontSize | string\|number | "" | 字体大小文本的字体大小设置 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| click | 名称：word,点击的文本内容, | - | 文本点击 | 
+| itemClick | 名称：word,点击的文本内容, | - | 正则的文本被点击 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 默认文本插槽，如果使用插槽，那么相关特性功能将会失效。 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+