tmui-cli 2.0.6 → 5.3.1

package/data/uni-app-x-docs/float-drawer.md

@@ -0,0 +1,79 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 反馈组件
+
+# 浮动面板 TmFloatDrawer
+
+浮动面板组件，用于显示浮动的抽屉式内容区域。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/float-drawer"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/float-drawer.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| show | boolean | false | 控制面板打开状态，可v-model:show双向绑定true=展开到最高位置，false=默认最小位置 | 
+| onlyHeader | boolean | false | 是否仅允许通过标题栏拖动。 | 
+| duration | number | 350 | 动画时间 | 
+| round | string | "" | 向上的圆角空值时，取全局配置的圆角。 | 
+| size | string | "20%" | 百分比，数字字符或者带单位,默认露出的内容高度 | 
+| maxHeight | string | "80%" | 弹层最大的高度值，默认为屏幕的可视高提供值时不能为百分比，可以是px,rpx单位数字。如果你不带单位，默认转换为rpx单位。 | 
+| triggerDy | number | 50 | 当拖动时，触发打开和关闭时的临界值，单位是px如果没有达到此临界值时，将会回弹至原始位置。 | 
+| threshold | number | 0.15 | 当拖动时，如果已经达到了关闭和打开时的临界值时可以继续拖拉时缓动阻尼值 | 
+| bgColor | string | "white" | 内容层的背景色 | 
+| darkBgColor | string | "" | 暗黑的背景色,空时，取全局的sheetDarkColor | 
+| actionColor | string | "#888888" | 拖动标题栏的横线背景色 | 
+| disabledScroll | boolean | false | 禁用内部的容器并采用view容器 | 
+| containerType | string | 'scroll' | 没有禁用disabledScroll生效容器内部使用的类型scroll:scroll-viewlist:list-view | 
+| disabled | boolean | false | 是否禁用用户滚动等来触发关闭或者打开。 | 
+| zIndex | number | 100 | 层级 | 
+| contentMargin | string | "016px16px16px" | 控制内容的边跑,有时需要自定布局时非常有用.请直接使用stylecss规则写margin, | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| close | - | - | 关闭时执行 | 
+| open | - | - | 打开执行的事件 | 
+| beforeOpen | - | - | 打开前执行 | 
+| beforeClose | - | - | 关闭前执行 | 
+| heightChange | - | - | 高度位置变化时触发这个差值.返回参数evt是个百分比,0%是最低下,100%代表是在最顶部. | 
+| movestart | - | - | 开始拖动 | 
+| moveend | - | - | 结束拖动 | 
+| update:show | - | - | 等同v-model:show | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | - | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/uni-app-x-docs/form-item.md

@@ -0,0 +1,67 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 表单组件
+
+# 表单子组件 TmFormItem
+
+表单组件的校验规则现在统一放到了form组件上，form-item上不再配置校验，主要是方便统一管理校验模块，并且校验函数作了升级处理。
+嵌套表单时，name值以.连接，比如"a.b.c"
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/form"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/form.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| name | string | '' | 表单字段唯一标识。 | 
+| required | string\|boolean | "*" | 必款时的符号，如果为false，或者空则不显示 | 
+| label | string | "" | 表单标题 | 
+| direction | string | "" | 方向，这里会覆盖form父上的方向值。 | 
+| labelWidth | string\|number | "" | 方向,里会覆盖form父上的值。 | 
+| showLabel | boolean | true | - | 
+| showBottom | boolean | true | - | 
+| labelFontSize | string\|number | "" | 标题字号大小，会覆盖父form值 | 
+| labelFontColor | string | "" | 标题颜色，会覆盖父form值 | 
+| bottomGap | string\|number | "" | 标题颜色，会覆盖父form值 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| label | - | - | 
+| default | - | 表单默认插槽,可以不是直接form-item直接子节点,可以根据自己需要随意布局,只要form-item在里面即可. | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/uni-app-x-docs/form.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>
+
+#### 表单组件
+
+# 表单 TmForm
+
+表单组件的校验规则现在统一放到了form组件上，form-item上不再配置校验，主要是方便统一管理校验模块，并且校验函数作了升级处理。
+嵌套表单时，name值以.连接，比如"a.b.c"
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/form"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/form.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | Record\<string, any\> | ()=\>{return{}} | - | 
+| rules | Record\<string, Array\<TM.FORM_RULE\> \| TM.FORM_RULE\> | ():Record\<string,Array\<TM.FORM_RULE\>\>=\>{return{}} | 表单校验规则经过验证后，觉得把form-item的rules属性去掉,直接使用form上统一到一起rules属性,这样就可以不用写form-item了. | 
+| direction | string | "horizontal" | 方向,子组件的方向会覆盖此处。 | 
+| labelWidth | string\|number | "160" | 方向,子组件的覆盖此处。 | 
+| labelFontSize | string\|number | "30" | 标题字号大小 | 
+| labelFontColor | string | "#333333" | 标题颜色 | 
+| gap | string\|number | "10" | 间隙，项目之间的间距。 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| submit | 名称：result,校验结果, | - | 提交表单时触发. | 
+| update:modelValue | - | - | 表单数据时一定要vmodel绑定,当重置时会触发此事件。 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 表单默认插槽,可以不是直接form-item直接子节点,可以根据自己需要随意布局,只要form-item在里面即可. | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| submit | - | - | - | 
+| validate | - | - | - | 
+| reset | - | - | - | 
+
+

package/data/uni-app-x-docs/html.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>
+
+#### 展示组件
+
+# HTML TmHtml
+
+html渲染组件,这是精简后的不是所有插件都带上容易让组件变大，如果想要全部的，可以去用作者的,它是引用第三方实现见：https://github.com/jin-yufeng/mp-html
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/html"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/html.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| width | string | 'auto' | 窗口宽 | 
+| height | string | 'auto' | 窗口高 | 
+| value | string | "" | 需要渲染的markdow或者html内容。 | 
+| selectable | boolean\|string | false | 需要渲染的markdow或者html内容。 | 
+| lazyLoad | boolean\|string | false | 需要渲染的markdow或者html内容。 | 
+| loadingImg | boolean\|string | true | 需要渲染的markdow或者html内容。 | 
+| errorImg | string | '' | - | 
+| showImgMenu | boolean\|string | true | - | 
+| previewImg | boolean\|number | true | - | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| load | - | - | - | 
+| ready | - | - | - | 
+| imgtap | - | - | - | 
+| linktap | - | - | - | 
+| play | - | - | - | 
+| error | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | - | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

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

@@ -0,0 +1,67 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 常用组件
+
+# 图标 TmIcon
+
+图标,可以是图片地址或者字体名称图标.也可以是你自定义的图标.
+如何自定义图标呢:你可以在iconfont网站勾选图标->添加购物车->添加项目->项目设置,勾选woff2,勾选base64->下载本地->解压得到iconfont.css
+->复制到你的app.vue全局中即可.然后使用图标时,font-family是你的图标名称比如myicon,prefix是图标前缀比如myicon-
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/icon"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/icon.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| _style | CSSStyleDeclaration\|string | "" | - | 
+| _class | string | "" | - | 
+| name | string | "" | 图标名称,可以是图片地址 | 
+| size | number\|string | "32" | 图标大小,默认32rpx | 
+| color | string | "#333333" | 图标颜色 | 
+| darkColor | string | "white" | 暗黑时的图标颜色 | 
+| spin | boolean | false | 图标是否旋转 | 
+| rotate | string | "" | 旋转角度 | 
+| fontFamily | string | "remixicon" | - | 
+| prefix | string | "ri-" | - | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| click | - | - | 点击事件 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/uni-app-x-docs/image.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>
+
+#### 展示组件
+
+# 图片 TmImage
+
+宽高可以设置，支持百分比，px,rpx，如果你用了auto,%这种就要注意：如果你把组件放到了容器中，容器设置为v-show,display:none,visible这种，
+那你一定要跟随vif组件，不然尺寸是不对的。因为小程序无法监测这种变化的情况，导致无法设置尺寸。如果你设定了固定尺寸则不用担心这个问题。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/image"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/image.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| width | string\|number | "100%" | 宽度，默认100%18rpx,18px,15%支持这三种单位，如果只写"18"就表示18rpx | 
+| height | string\|number | "auto" | 高度,auto,%,rpx,px,stringnumber18rpx,18px,15%支持这三种单位，如果只写"18"就表示18rpx | 
+| src | string | "" | 图片源 | 
+| model | string | "scaleToFill" | 模式 | 
+| preview | boolean | undefined | 点击后是否预览图片,默认为空值，采用全局的配置。 | 
+| ratio | number | 1.25 | 预览占位比例宽/高，当数据没加载前，如果你设置了一项值比如宽，高会自动根据这个比例计算当图片加载成功后，使用正确的原图片比例设置。默认是5/4=1.25 | 
+| round | string\|number | '0' | 圆角 | 
+| iconSize | string\|number | "36" | 加载和失败时的图标大小。 | 
+| placeBgColor | string | "#F5F5F5" | 占位背景色 | 
+| placeDarkBgColor | string | "" | 点位暗黑时的背景，如果不填写默认填充inputDarkBgcolor | 
+| fadeShow | boolean | false | 是否显示过渡动画 | 
+| webp | boolean | false | 在系统不支持webp的情况下是否单独启用webp。默认false，只支持网络资源。webp支持详见下面说明 | 
+| lazy | boolean | true | 图片懒加载 | 
+| draggable | boolean | false | 是否允许拖动。 | 
+| showMenuByLongpress | boolean | false | - | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| click | - | - | - | 
+| error | - | - | - | 
+| load | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| resize | - | - | - | 
+
+

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

@@ -0,0 +1,126 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 表单组件
+
+# 输入框 TmInput
+
+可以全局配置圆角风格.
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/input"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/input.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | string\|number | "" | 输入框的值 | 
+| inputStyle | string | "" | 输入框自定义的style样式 | 
+| inputClass | string | "" | 输入框自定义的class样式 | 
+| type | string | - | 输入类型,可选值:text,number,idcard,digit,tel,safe-password,nickname,textarea:文本域 | 
+| password | boolean | false | 是否是密码框 | 
+| showEye | boolean | false | 显示密码小眼睛 | 
+| placeholder | string | "请输入或选择" | 输入框的占位文字 | 
+| placeholderStyle | string | "color:#b1b1b1;" | 输入框的占位文字样式 | 
+| placeholderClass | string | "" | 输入框的占位样式 | 
+| align | string | "left" | 输入框的对齐方式,可选值:left,right,center | 
+| color | string | "" | 输入框背景 | 
+| darkBgColor | string | "transparent" | 输入框暗黑背景，空值取全局的配置提供会覆盖全局的配色。默认是透明 | 
+| fontSize | string\|number | "32" | 输入框字体大小 | 
+| width | string\|number | "auto" | - | 
+| height | string\|number | "88" | - | 
+| minHeight | string\|number | "auto" | - | 
+| inputPadding | string | "24" | 输入框内的左右间隙 | 
+| round | string\|number\|Array\<string \| number\> | "" | 输入框圆角,默认空值取全局的配置 | 
+| showClear | boolean | false | 是否显示清除按钮 | 
+| clearColor | string | "#b1b1b1" | 清除按钮颜色 | 
+| showCharCount | boolean | false | 是否显示字符字统计 | 
+| fontColor | string | "#333333" | 字体颜色 | 
+| darkFontColor | string | "" | 暗黑模式字体颜色,如果不填写自动反转 | 
+| focusFontColor | string | "" | 激活时的字体颜色空值取全局主题色,并且darkFontColor会失效.如果填写none则不生效 | 
+| leftIcon | string | "" | 左图标的名称 | 
+| iconColor | string | "" | 左图标的颜色默认空值取全局的主题色。 | 
+| rightIcon | string | "" | 右图标的名称 | 
+| rightText | string | "" | 右文字 | 
+| leftText | string | "" | 右文字 | 
+| disabled | boolean | false | 是否禁用 | 
+| focus | boolean | false | 是否聚焦 | 
+| confirmType | string | "done" | 键盘右下解按钮文字,可以取值:send,search,next,done只对input有效,对textarea无效 | 
+| cursorSpacing | number | 0 | 光标与键盘的距离，单位px | 
+| maxlength | number | -1 | 输入框的最大长度 | 
+| confirmHold | boolean | false | - | 
+| cursor | number | NaN | 不可用，容易引起bug | 
+| cursorColor | string | "" | 光标颜色,默认空值取全局配置 | 
+| selectionStart | number | -1 | 光标起始位置 | 
+| selectionEnd | number | -1 | 光标结束位置 | 
+| adjustPosition | boolean | true | 是否自动聚焦 | 
+| autoBlur | boolean | false | 是否自动失焦 | 
+| ignoreCompositionEvent | boolean | true | - | 
+| alwaysEmbed | boolean | true | 强制input处于同层状态,不可用，容易引起bug | 
+| holdKeyboard | boolean | false | focus时，点击页面的时候不收起键盘 | 
+| safePasswordCertPath | string | "" | - | 
+| safePasswordLength | number | NaN | - | 
+| safePasswordTimeStamp | number | NaN | - | 
+| safePasswordNonce | string | '' | - | 
+| safePasswordSalt | string | '' | - | 
+| safePasswordCustomHash | string | '' | - | 
+| randomNumber | boolean | false | - | 
+| controlled | boolean | false | - | 
+| alwaysSystem | boolean | false | - | 
+| inputmode | string | "text" | input输入模式 | 
+| autoHeight | boolean | false | 尽量不要使用,客户大量手机机型反馈部分手机在手写时会异常.最好固定高. | 
+| fixed | boolean | false | - | 
+| showConfirmBar | boolean | false | - | 
+| focusHighlight | boolean\|string | true | 是否高亮聚焦当前输入框会使用全局的主题色为边框色。 | 
+| focusHighlightStyle | string | '' | 高亮聚焦当前输入框的样式默认为自动全局2pxsolid主题色,如果填写了以你的为准。 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| linechange | 名称：evt,{height:0,heightRpx:0,lineCount:0}, | - | 输入框行数变化时触发(文本哉才有) | 
+| keyboardheightchange | 名称：height,键盘高度, | - | 键盘高度变化时触发 | 
+| confirm | 名称：value,输入的值, | - | 点击完成按钮时触发 | 
+| blur | - | - | 失去焦点时触发 | 
+| focus | - | - | 获取焦点时触发 | 
+| clear | - | - | 清除事件 | 
+| input | 名称：value,输入的值, | - | 输入时候触发 | 
+| update:modelValue | 名称：value,输入的值, | - | 等同v-model | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| left | - | 左侧插槽 | 
+| leftIcon | - | 输入框左侧图标插槽 | 
+| maxlength | - | 输入框右侧显示字数 | 
+| rightIcon | - | 输入框内右侧图标 | 
+| right | - | 输入框右侧 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

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

@@ -0,0 +1,92 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 反馈组件
+
+# 对话框 TmModal
+
+可全局统一更改风格。使用时注意下：如果height:auto，将失去内容滚动效果。如果要内容滚动height必定是一个值。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/modal"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/modal.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| customStyle | string | "" | 自定义遮罩样式 | 
+| title | string | $i18n.t("tmui32x.tmModal.title") | 标题 | 
+| showFooter | boolean | true | 显示底部操作栏 | 
+| showTitle | boolean | true | 是否显示底部关闭按钮 | 
+| showClose | boolean | false | 是否显示底部关闭按钮 | 
+| showCancel | boolean | true | 显示取消按钮 | 
+| overlayClick | boolean | true | 遮罩是否允许点击被关闭 | 
+| show | boolean | false | 显示可v-model:show双向绑定 | 
+| duration | number | 250 | 动画时间 | 
+| cancelText | string | $i18n.t("tmui32x.cancelText") | 取消按钮的文本 | 
+| confirmText | string | $i18n.t("tmui32x.confirmText") | 确认按钮的文本 | 
+| round | string\|number | "" | 打开方向为上和下时的圆角空值时，取全局配置的圆角。 | 
+| width | string\|number | "84%" | 宽，百分比，Px,rpx，auto都支持 | 
+| height | string\|number | "350" | 宽，百分比，Px,rpx，auto都支持 | 
+| maxHeight | string\|number | "80%" | 可以是百分比,px,rpx单位数字。如果你不带单位，默认转换为rpx单位。 | 
+| disabledScroll | boolean | false | 是否禁用内部的scroll标签禁用后内容不会滚动，如果设定了指定高，内容超出指定高，会被裁切但如果没有指定高，内容自动的话，高是自动的。有这个属性是因为截止4.03scroll-view里面放input不会上推键盘，及内部的viewtouchMove会失效。 | 
+| disabled | boolean | false | 禁用弹层 | 
+| bgColor | string | "white" | 容器背景色 | 
+| darkBgColor | string | "" | 暗黑时的容器背景色，不填写的话取sheetDarkColor | 
+| zIndex | string\|number | "1105" | - | 
+| contentPadding | string\|number | "32" | 内容区域的间隙 | 
+| btnColor | string | "" | - | 
+| beforeClose | () =\> Promise\<boolean\> | true | 关闭前执行，可以是异步函数，只有当用户点击confirm时才会触发。如果返回false将阻止关闭。true允许关闭。 | 
+| disableTeleport | boolean | false | 是否禁用teleport（H5平台）在嵌套组件或特殊环境下，可以禁用teleport避免DOM错误 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| click | - | - | 点击遮罩事件 | 
+| close | - | - | 关闭是触发 | 
+| open | - | - | 打开时触发 | 
+| beforeOpen | - | - | 打开前执行 | 
+| beforeClose | - | - | 关闭前执行 | 
+| update:show | - | - | 等同v-model:show | 
+| cancel | - | - | 取消时触发 | 
+| confirm | - | - | 确认时触发 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| trigger | 名称：binding,show 类型：Boolean 
+ | 标签触发显示遮罩，免于使用变量控制 | 
+| title | 名称：binding,show 类型：Boolean 
+ | 标题插槽 | 
+| default | - | 默认插槽 | 
+| footer | - | 底部操作栏 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+