tmui-cli 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/README.md +56 -8
  2. package/data/components.json +637 -0
  3. package/data/config.json +169 -0
  4. package/data/doc-index.json +61 -0
  5. package/data/docs/alert.md +79 -0
  6. package/data/docs/avatar-group.md +73 -0
  7. package/data/docs/badge.md +62 -0
  8. package/data/docs/between-time.md +76 -0
  9. package/data/docs/button.md +114 -0
  10. package/data/docs/calendar-multiple.md +90 -0
  11. package/data/docs/cell.md +91 -0
  12. package/data/docs/checkbox-group.md +62 -0
  13. package/data/docs/checkbox.md +74 -0
  14. package/data/docs/circle-progress.md +74 -0
  15. package/data/docs/code-input.md +77 -0
  16. package/data/docs/col.md +57 -0
  17. package/data/docs/collapse-item.md +76 -0
  18. package/data/docs/collapse.md +59 -0
  19. package/data/docs/countdown.md +79 -0
  20. package/data/docs/date-view.md +65 -0
  21. package/data/docs/drawer.md +94 -0
  22. package/data/docs/dropdown-item.md +68 -0
  23. package/data/docs/dropdown-menu.md +70 -0
  24. package/data/docs/echart.md +69 -0
  25. package/data/docs/float-drawer.md +79 -0
  26. package/data/docs/form-item.md +67 -0
  27. package/data/docs/form.md +68 -0
  28. package/data/docs/html.md +70 -0
  29. package/data/docs/icon.md +67 -0
  30. package/data/docs/image.md +73 -0
  31. package/data/docs/input.md +126 -0
  32. package/data/docs/modal.md +92 -0
  33. package/data/docs/money.md +70 -0
  34. package/data/docs/more.md +69 -0
  35. package/data/docs/navbar.md +82 -0
  36. package/data/docs/picker-date.md +75 -0
  37. package/data/docs/picker-selected.md +75 -0
  38. package/data/docs/picker-time.md +77 -0
  39. package/data/docs/picker-view.md +70 -0
  40. package/data/docs/picker.md +76 -0
  41. package/data/docs/popover.md +68 -0
  42. package/data/docs/progress.md +72 -0
  43. package/data/docs/pull-refresh.md +73 -0
  44. package/data/docs/radio-group.md +61 -0
  45. package/data/docs/radio.md +74 -0
  46. package/data/docs/rate.md +72 -0
  47. package/data/docs/row.md +61 -0
  48. package/data/docs/sheet.md +72 -0
  49. package/data/docs/sign-board.md +61 -0
  50. package/data/docs/skeleton.md +60 -0
  51. package/data/docs/sku.md +69 -0
  52. package/data/docs/slider-double.md +71 -0
  53. package/data/docs/slider-menu.md +78 -0
  54. package/data/docs/slider.md +71 -0
  55. package/data/docs/stepper.md +76 -0
  56. package/data/docs/steps-item.md +71 -0
  57. package/data/docs/steps.md +73 -0
  58. package/data/docs/sticky-header.md +57 -0
  59. package/data/docs/sticky.md +55 -0
  60. package/data/docs/switch-slider.md +82 -0
  61. package/data/docs/switch.md +68 -0
  62. package/data/docs/tabbar.md +83 -0
  63. package/data/docs/tabs.md +84 -0
  64. package/data/docs/tag.md +78 -0
  65. package/data/docs/text.md +69 -0
  66. package/data/docs/upload-photo.md +86 -0
  67. package/data/docs/upload-video.md +86 -0
  68. package/data/docs//346/250/241/346/235/277.md +47 -0
  69. package/data/examples/alert.vue +39 -0
  70. package/data/examples/avatar-group.vue +97 -0
  71. package/data/examples/badge.vue +87 -0
  72. package/data/examples/between-time.vue +39 -0
  73. package/data/examples/button.vue +70 -0
  74. package/data/examples/calendar-multiple.vue +57 -0
  75. package/data/examples/cell.vue +39 -0
  76. package/data/examples/checkbox.vue +71 -0
  77. package/data/examples/circle-progress.vue +69 -0
  78. package/data/examples/code-input.vue +36 -0
  79. package/data/examples/collapse.vue +76 -0
  80. package/data/examples/countdown.vue +39 -0
  81. package/data/examples/drawer.vue +138 -0
  82. package/data/examples/dropdown-menu.vue +59 -0
  83. package/data/examples/echart.vue +91 -0
  84. package/data/examples/float-drawer.vue +45 -0
  85. package/data/examples/form.vue +147 -0
  86. package/data/examples/html.vue +53 -0
  87. package/data/examples/icon.vue +65 -0
  88. package/data/examples/image.vue +38 -0
  89. package/data/examples/input.vue +66 -0
  90. package/data/examples/modal.vue +122 -0
  91. package/data/examples/money.vue +60 -0
  92. package/data/examples/more.vue +47 -0
  93. package/data/examples/navbar.vue +68 -0
  94. package/data/examples/picker-date.vue +53 -0
  95. package/data/examples/picker-selected.vue +35 -0
  96. package/data/examples/picker-time.vue +46 -0
  97. package/data/examples/picker-view.vue +35 -0
  98. package/data/examples/picker.vue +101 -0
  99. package/data/examples/popover.vue +130 -0
  100. package/data/examples/progress.vue +57 -0
  101. package/data/examples/pull-refresh.vue +41 -0
  102. package/data/examples/radio.vue +61 -0
  103. package/data/examples/rate.vue +35 -0
  104. package/data/examples/row.vue +52 -0
  105. package/data/examples/sheet.vue +36 -0
  106. package/data/examples/sign-board.vue +43 -0
  107. package/data/examples/skeleton.vue +45 -0
  108. package/data/examples/sku.vue +106 -0
  109. package/data/examples/slider-menu.vue +65 -0
  110. package/data/examples/slider.vue +51 -0
  111. package/data/examples/stepper.vue +44 -0
  112. package/data/examples/steps.vue +77 -0
  113. package/data/examples/sticky.vue +46 -0
  114. package/data/examples/switch-slider.vue +113 -0
  115. package/data/examples/switch.vue +62 -0
  116. package/data/examples/tabbar.vue +41 -0
  117. package/data/examples/tabs.vue +46 -0
  118. package/data/examples/tag.vue +69 -0
  119. package/data/examples/text.vue +38 -0
  120. package/data/examples/upload-photo.vue +39 -0
  121. package/data/examples/upload-video.vue +29 -0
  122. package/data/guides/cli.md +110 -0
  123. package/data/guides//344/273/213/347/273/215.md +34 -0
  124. package/data/guides//345/205/274/345/256/271/346/200/247.md +41 -0
  125. package/data/guides//345/215/225/344/275/215/346/240/207/347/255/276/350/257/264/346/230/216.md +22 -0
  126. package/data/guides//345/233/275/351/231/205/345/214/226.md +454 -0
  127. package/data/guides//345/256/211/350/243/205.md +103 -0
  128. package/data/guides//345/260/217/347/250/213/345/272/217/345/210/206/344/272/253.md +34 -0
  129. package/data/guides//345/270/270/350/247/201/351/227/256/351/242/230.md +102 -0
  130. package/data/guides//345/277/253/351/200/237/344/270/212/346/211/213.md +191 -0
  131. package/data/guides//346/233/264/346/226/260/346/227/245/345/277/227.md +155 -0
  132. package/data/guides//350/264/241/347/214/256/350/200/205.md +97 -0
  133. package/dist/main.mjs +78 -66
  134. package/package.json +12 -6
@@ -0,0 +1,169 @@
1
+ {
2
+ "updatedAt": "2026-08-25T15:22:10.355Z",
3
+ "source": "/Volumes/app/myProjects/HBuilderProjects/tmui3.2\\src\\uni_modules\\tm-ui\\libs\\config.ts",
4
+ "count": 29,
5
+ "config": {
6
+ "mode": {
7
+ "type": "THEME_MODE",
8
+ "default": "light",
9
+ "desc": "主题模式"
10
+ },
11
+ "unit": {
12
+ "type": "'rpx' | 'px'",
13
+ "default": "rpx",
14
+ "desc": ""
15
+ },
16
+ "fontSizeBase": {
17
+ "type": "",
18
+ "default": "28",
19
+ "desc": ""
20
+ },
21
+ "fontSizeScale": {
22
+ "type": "",
23
+ "default": 1,
24
+ "desc": ""
25
+ },
26
+ "buttonRadius": {
27
+ "type": "number | string",
28
+ "default": 24,
29
+ "desc": ""
30
+ },
31
+ "color": {
32
+ "type": "string",
33
+ "default": "primary",
34
+ "desc": ""
35
+ },
36
+ "theme": {
37
+ "type": "Map<string,string>",
38
+ "default": {},
39
+ "desc": "主题列表,可以覆盖内置同名主题"
40
+ },
41
+ "sheetRadius": {
42
+ "type": "number | string | Array<string | number>",
43
+ "default": 24,
44
+ "desc": ""
45
+ },
46
+ "sheetMargin": {
47
+ "type": "number | string | Array<string | number>",
48
+ "default": [
49
+ 20,
50
+ 0,
51
+ 20,
52
+ 20
53
+ ],
54
+ "desc": ""
55
+ },
56
+ "sheetPadding": {
57
+ "type": "number | string | Array<string | number>",
58
+ "default": [
59
+ 24
60
+ ],
61
+ "desc": ""
62
+ },
63
+ "sheetShadow": {
64
+ "type": "number | string | Array<string>",
65
+ "default": "none",
66
+ "desc": ""
67
+ },
68
+ "cellRadius": {
69
+ "type": "",
70
+ "default": 24,
71
+ "desc": ""
72
+ },
73
+ "sheetDarkColor": {
74
+ "type": "string",
75
+ "default": "#141414",
76
+ "desc": "一般容器sheet的暗黑背景"
77
+ },
78
+ "sheetDarkBorderColor": {
79
+ "type": "string[]",
80
+ "default": [
81
+ "#232323"
82
+ ],
83
+ "desc": "一般容器边线颜色如果你布局自己写了默认的边线色,但忘记填写组件上的暗黑线时,会取这里的值"
84
+ },
85
+ "inputLightColor": {
86
+ "type": "string",
87
+ "default": "#f5f5f5",
88
+ "desc": "输入框默认全局的亮系背景."
89
+ },
90
+ "inputRadius": {
91
+ "type": "number | string | Array<string | number>",
92
+ "default": 24,
93
+ "desc": "输入框全局圆角"
94
+ },
95
+ "borderDarkColor": {
96
+ "type": "string",
97
+ "default": "#1c1c1c",
98
+ "desc": "一般的表单,列表底的暗黑统一边线颜色"
99
+ },
100
+ "unRadioAndCheckBoxColor": {
101
+ "type": "string",
102
+ "default": "#cfcfcf",
103
+ "desc": ""
104
+ },
105
+ "switchRadius": {
106
+ "type": "number | string",
107
+ "default": 64,
108
+ "desc": "形状圆角"
109
+ },
110
+ "modalRadius": {
111
+ "type": "number | string",
112
+ "default": 32,
113
+ "desc": "对话框圆角"
114
+ },
115
+ "drawerRadius": {
116
+ "type": "number | string",
117
+ "default": 32,
118
+ "desc": "抽屉圆角"
119
+ },
120
+ "animation": {
121
+ "type": "string",
122
+ "default": "cubic-bezier(.42,.38,.15,.93)",
123
+ "desc": "部分组件统一的动画差值。"
124
+ },
125
+ "backgroundColorContentDark": {
126
+ "type": "string",
127
+ "default": "#000000",
128
+ "desc": ""
129
+ },
130
+ "previewImage": {
131
+ "type": "boolean",
132
+ "default": false,
133
+ "desc": "默认图片预览是否开启"
134
+ },
135
+ "modalActionsHalfRound": {
136
+ "type": "boolean",
137
+ "default": false,
138
+ "desc": "modal弹层默认的按钮是否是半圆,如果关闭就是1.x的风格"
139
+ },
140
+ "buttonShadow": {
141
+ "type": "Array<number|string>",
142
+ "default": [
143
+ 0,
144
+ 3,
145
+ 5
146
+ ],
147
+ "desc": "另外由于布局因此,投影它需要padding来空出投影值否则被裁剪"
148
+ },
149
+ "tagShadow": {
150
+ "type": "Array<number|string>",
151
+ "default": [
152
+ 0,
153
+ 2,
154
+ 5
155
+ ],
156
+ "desc": "另外由于布局因此,投影它需要padding来空出投影值否则被裁剪"
157
+ },
158
+ "i18n": {
159
+ "type": "I18nOptions",
160
+ "default": "",
161
+ "desc": ""
162
+ },
163
+ "inputDarkColor": {
164
+ "type": "string",
165
+ "default": "",
166
+ "desc": "表单,常规灰背景待统一的二级暗黑背景"
167
+ }
168
+ }
169
+ }
@@ -0,0 +1,61 @@
1
+ {
2
+ "updatedAt": "2026-08-25T15:22:10.361Z",
3
+ "count": 11,
4
+ "guides": [
5
+ {
6
+ "name": "cli",
7
+ "file": "guides/cli.md",
8
+ "title": "tmui-cli 介绍与使用"
9
+ },
10
+ {
11
+ "name": "介绍",
12
+ "file": "guides/介绍.md",
13
+ "title": "介绍 TMUI3.2Vue版"
14
+ },
15
+ {
16
+ "name": "兼容性",
17
+ "file": "guides/兼容性.md",
18
+ "title": "兼容性"
19
+ },
20
+ {
21
+ "name": "国际化",
22
+ "file": "guides/国际化.md",
23
+ "title": "国际化 (i18n) 使用文档"
24
+ },
25
+ {
26
+ "name": "小程序分享",
27
+ "file": "guides/小程序分享.md",
28
+ "title": "小程序分享 <Badge type=\"danger\" text=\"v3.0.63+\" vertical=\"middle\" />"
29
+ },
30
+ {
31
+ "name": "常见问题",
32
+ "file": "guides/常见问题.md",
33
+ "title": "关于3.0 常见问题"
34
+ },
35
+ {
36
+ "name": "快速上手",
37
+ "file": "guides/快速上手.md",
38
+ "title": "快速上手"
39
+ },
40
+ {
41
+ "name": "更新日志",
42
+ "file": "guides/更新日志.md",
43
+ "title": "TMUI 3.0"
44
+ },
45
+ {
46
+ "name": "贡献者",
47
+ "file": "guides/贡献者.md",
48
+ "title": "TMUI 3.0"
49
+ },
50
+ {
51
+ "name": "单位标签说明",
52
+ "file": "guides/单位标签说明.md",
53
+ "title": "TMUI3.2Vue版"
54
+ },
55
+ {
56
+ "name": "安装",
57
+ "file": "guides/安装.md",
58
+ "title": "TMUI3.2Vue版"
59
+ }
60
+ ]
61
+ }
@@ -0,0 +1,79 @@
1
+ ---
2
+ title: tmui 3.2.0 组件库
3
+ ---
4
+
5
+ <script setup>
6
+ import webview from '../components/mobileWebview.vue'
7
+ import headertips from '../components/headertips.vue'
8
+ </script>
9
+
10
+ <headertips></headertips>
11
+
12
+ #### 展示组件
13
+
14
+ # 警告 TmAlert
15
+
16
+ 样式丰富常用警告提醒
17
+
18
+ ## :hot_pepper: 示例
19
+
20
+ <webview url="https://tmui.design/h5by32/#/pages/index/alert"></webview>
21
+
22
+ ::: details 示例模板
23
+
24
+ <<< ../../../src/pages/index/alert.vue{vue}
25
+
26
+ :::
27
+
28
+ ## :hot_pepper: 兼容性
29
+
30
+ 平台兼容
31
+ |H5|uniAPP|小程序|version|
32
+ |---|---|---|---|
33
+ |☑️|☑️|☑️|☑️|☑️|1.0.0|
34
+
35
+ ## :seedling: 参数
36
+ | 参数名 | 类型 | 默认值 | 描述 |
37
+ | :--: | :--: | :--: | :-- |
38
+ | status | string | "primary" | 类型warn:警告success:成功error:错误info:信息primary:正常主题 |
39
+ | icon | string | "" | 警告图标,不填写取status默认图标填写以填写为准 |
40
+ | iconSize | string | "32" | 警告图标大小 |
41
+ | closeIcon | string | "close-line" | - |
42
+ | showClose | boolean | true | 显示还是隐藏关闭按钮 |
43
+ | showIcon | boolean | true | 显示左边按钮 |
44
+ | fontSize | string | "28" | 文字大小 |
45
+ | color | string | "" | 主题色,如果不填写以status为准 |
46
+ | fontColor | string | "" | 文字颜色,如果不填写以status为准 |
47
+ | darkColor | string | "" | 暗黑主题颜色,如果不填写自动计算 |
48
+ | fontDarkColor | string | "" | 暗黑文字颜色,如果不填写自动计算 |
49
+ | skin | string | "thin" | 它是建立在你没有提供color时才有效。如果提供了color是以你color为背景最终色。thin浅色模式,normal标准背景色 |
50
+ | round | string\|number\|Array\<string\|number\> | 16 | 圆角数组数字时[全部][顶左,顶右,底右,底左][顶左,底右][顶左,顶右,底右]空数组时取全局值 |
51
+ | border | string\|number\|Array\<string\|number\> | ():string[]=\>[] | 边线数组数字时数组数字时[全部][左,上,右,下][左右,上下][左,上,右]空数组时取全局值 |
52
+ | borderColor | string\|Array\<string\> | ():string[]=\>[] | 边框颜色格式同border边线。空数组时取全局值 |
53
+ | darkBorderColor | string\|Array\<string\> | ():string[]=\>[] | 如果不填写,自动计算 |
54
+ | borderStyle | string | 'solid' | 边线类型,默认solid,可以为none |
55
+ | margin | string\|number\|Array\<string\|number\> | ():string[]=\>['24','0','24','24']asstring[] | 间隙[x]全部,[x,x]左右,上下,[x,x,x]左上右,[x,x,x,x]左上右下空数组时取全局值 |
56
+ | padding | string\|number\|Array\<string\|number\> | ():string[]=\>['28','20']asstring[] | 内间隙[x]全部,[x,x]左右,上下,[x,x,x]左上右,[x,x,x,x]左上右下空数组时取全局值 |
57
+ | height | string | "auto" | 自定义高度,可以是数字,单位或者百分比,auto |
58
+ | width | string | "auto" | 宽,单位合法即可数字,字符串带单位,百分比,auto |
59
+
60
+
61
+ ## :rose: 事件
62
+ | 事件名 | 参数 | 返回数据 | 描述 |
63
+ | --- | --- | --- | --- |
64
+ | close | - | - | 关闭时触发 |
65
+ | click | - | - | 组件被点击时触发 |
66
+
67
+
68
+ ## :corn: slot插槽
69
+ | 插槽名 | 数据 | 描述 |
70
+ | :--: | :--: | :-- |
71
+ | left | - | 左边图标插槽 |
72
+ | default | - | - |
73
+
74
+
75
+ ## :green_salad: ref方法
76
+ | 方法名 | 参数 | 返回值 | 描述 |
77
+ | :--: | :--: | :--: | :-- |
78
+
79
+
@@ -0,0 +1,73 @@
1
+ ---
2
+ title: tmui 3.2.0 组件库
3
+ ---
4
+
5
+ <script setup>
6
+ import webview from '../components/mobileWebview.vue'
7
+ import headertips from '../components/headertips.vue'
8
+ </script>
9
+
10
+ <headertips></headertips>
11
+
12
+ #### 展示组件
13
+
14
+ # 头像组 TmAvatarGroup
15
+
16
+ 平铺和堆叠方式。
17
+
18
+ ## :hot_pepper: 示例
19
+
20
+ <webview url="https://tmui.design/h5by32/#/pages/index/avatar-group"></webview>
21
+
22
+ ::: details 示例模板
23
+
24
+ <<< ../../../src/pages/index/avatar-group.vue{vue}
25
+
26
+ :::
27
+
28
+ ## :hot_pepper: 兼容性
29
+
30
+ 平台兼容
31
+ |H5|uniAPP|小程序|version|
32
+ |---|---|---|---|
33
+ |☑️|☑️|☑️|☑️|☑️|1.0.0|
34
+
35
+ ## :seedling: 参数
36
+ | 参数名 | 类型 | 默认值 | 描述 |
37
+ | :--: | :--: | :--: | :-- |
38
+ | list | string[] | ():string[]=\>[]asstring[] | 头像列表,也可以是文本数组,也可以是空字符串数组 |
39
+ | size | string | '64' | 不允许使用auto,%只能数字或者带单位的数字2px,2rpx这种 |
40
+ | maxCount | number | 5 | 最多显示几个头像。 |
41
+ | round | string | '32' | 圆角 |
42
+ | gutter | string | '16' | 平铺或者堆叠时的间隙或者前推差值。不允许使用auto,%只能数字或者带单位的数字2px,2rpx这种 |
43
+ | model | string | "scaleToFill" | 显示类型见:https://doc.dcloud.net.cn/uni-app-x/component/image.html#%E5%B1%9E%E6%80%A7 |
44
+ | count | number | 0 | 显示在最后一个时,显示的数字。如果为0取list的长度 |
45
+ | showCount | boolean | true | 是否显示最后一个数字头像 |
46
+ | flat | boolean | false | 是否平铺,如果否就是堆叠。是就是正常排列。 |
47
+ | bgColor | string | "#f5f5f5" | 如果为文本头像时的背景 |
48
+ | darkBgColor | string | "" | 如果为文本头像时的暗黑背景空时默认取inputDarkBgcolor |
49
+ | fontColor | string | "#a6a6a6" | 如果为文本头像时的文字颜色 |
50
+ | darkFontColor | string | "#ffffff" | 如果为文本头像时的暗黑背景空时默认取inputDarkBgcolor |
51
+ | fontSize | string | "28" | 字号 |
52
+ | randomBgColor | boolean | false | 文本头像时,是否随机背景色 |
53
+ | placeIcon | string | 'user-3-fill' | 如果当图片或者文本为空时的图片占位符可以是图片地址或者图标名称 |
54
+
55
+
56
+ ## :rose: 事件
57
+ | 事件名 | 参数 | 返回数据 | 描述 |
58
+ | --- | --- | --- | --- |
59
+ | click | 名称:index,当前索引,名称:src,当前图片地址, | - | 头像被点击时 |
60
+ | moreClick | - | - | 最后一个数字头像more被点击时 |
61
+
62
+
63
+ ## :corn: slot插槽
64
+ | 插槽名 | 数据 | 描述 |
65
+ | :--: | :--: | :-- |
66
+ | more | - | more更多插槽,如果使用了这个插槽moreClick事件会丢失,请自己写在自己的布局上。 |
67
+
68
+
69
+ ## :green_salad: ref方法
70
+ | 方法名 | 参数 | 返回值 | 描述 |
71
+ | :--: | :--: | :--: | :-- |
72
+
73
+
@@ -0,0 +1,62 @@
1
+ ---
2
+ title: tmui 3.2.0 组件库
3
+ ---
4
+
5
+ <script setup>
6
+ import webview from '../components/mobileWebview.vue'
7
+ import headertips from '../components/headertips.vue'
8
+ </script>
9
+
10
+ <headertips></headertips>
11
+
12
+ #### 展示组件
13
+
14
+ # 角标 TmBadge
15
+
16
+ 角标,位置丰富。
17
+
18
+ ## :hot_pepper: 示例
19
+
20
+ <webview url="https://tmui.design/h5by32/#/pages/index/badge"></webview>
21
+
22
+ ::: details 示例模板
23
+
24
+ <<< ../../../src/pages/index/badge.vue{vue}
25
+
26
+ :::
27
+
28
+ ## :hot_pepper: 兼容性
29
+
30
+ 平台兼容
31
+ |H5|uniAPP|小程序|version|
32
+ |---|---|---|---|
33
+ |☑️|☑️|☑️|☑️|☑️|1.0.0|
34
+
35
+ ## :seedling: 参数
36
+ | 参数名 | 类型 | 默认值 | 描述 |
37
+ | :--: | :--: | :--: | :-- |
38
+ | fontSize | string\|number | "20" | 字体大小 |
39
+ | bgColor | string | "error" | 背景颜色 |
40
+ | fontColor | string | "white" | 字体颜色 |
41
+ | maxCount | string\|number | 99 | - |
42
+ | label | string\|number\|boolean | "" | 如果是boolean就显示角标小红点如果是string显示文本标签如果是数字显示数字并启用maxCount |
43
+ | position | string | "right" | 角标出现的位置 |
44
+ | offset | number[] | ():number[]=\>[0,0]asnumber[] | 角标偏移量 |
45
+
46
+
47
+ ## :rose: 事件
48
+ | 事件名 | 参数 | 返回数据 | 描述 |
49
+ | --- | --- | --- | --- |
50
+
51
+
52
+ ## :corn: slot插槽
53
+ | 插槽名 | 数据 | 描述 |
54
+ | :--: | :--: | :-- |
55
+ | default | - | 默认内容插槽 |
56
+
57
+
58
+ ## :green_salad: ref方法
59
+ | 方法名 | 参数 | 返回值 | 描述 |
60
+ | :--: | :--: | :--: | :-- |
61
+
62
+
@@ -0,0 +1,76 @@
1
+ ---
2
+ title: tmui 3.2.0 组件库
3
+ ---
4
+
5
+ <script setup>
6
+ import webview from '../components/mobileWebview.vue'
7
+ import headertips from '../components/headertips.vue'
8
+ </script>
9
+
10
+ <headertips></headertips>
11
+
12
+ #### 表单组件
13
+
14
+ # 时间区间选择 TmBetweenTime
15
+
16
+ 快速的时间区间选择器,方便时间选择自动判断前后时间大小并校正。
17
+
18
+ ## :hot_pepper: 示例
19
+
20
+ <webview url="https://tmui.design/h5by32/#/pages/index/between-time"></webview>
21
+
22
+ ::: details 示例模板
23
+
24
+ <<< ../../../src/pages/index/between-time.vue{vue}
25
+
26
+ :::
27
+
28
+ ## :hot_pepper: 兼容性
29
+
30
+ 平台兼容
31
+ |H5|uniAPP|小程序|version|
32
+ |---|---|---|---|
33
+ |☑️|☑️|☑️|☑️|☑️|1.0.0|
34
+
35
+ ## :seedling: 参数
36
+ | 参数名 | 类型 | 默认值 | 描述 |
37
+ | :--: | :--: | :--: | :-- |
38
+ | modelValue | Array\<string\> | ():string[]=\>[]asstring[] | 当前时间,与modelStr不同,此提供的值必须是正常的时间格式否则报错,无法运行。 |
39
+ | modelStr | string | "" | 当前时间经过format格式化后输出的值。此值不会处理输入,只输出显示。 |
40
+ | modelShow | boolean | false | 当前打开的状态。等同v-model:model-show |
41
+ | title | string | $i18n.t("tmui32x.tmBetweenTime.title") | 顶部标题 |
42
+ | start | string | "" | 开始时间,请提供正确的时间格式 |
43
+ | end | string | "" | 结束时间,请提供正确的时间格式 |
44
+ | type | ModelType | "day" | 精确到的级别,这里只是展示,具体的返回值还是完整的值。year:年month:年月day:年月日hour:年月日小时minute:年月日小时分钟second:年月日小时分钟秒 |
45
+ | format | string | "YYYY-MM-DD" | 输出时间格式,只对v-model:modelStr及输入框展示有效因此它可能不是一个标准时间,比如YYSS,所以不能作为modelValue使用有效格式:YYYY年MM月DD日hh小时mm分钟ss秒 |
46
+ | 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 |
47
+ | 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"),]asstring[] | 上方的单位名称 |
48
+ | quickDate | Array\<string\> | ():string[]=\>["d","w","m","y","q"]asstring[] | 快速时间区间选择,如果直接填写数字字符,会以你提供的数字最近多少来天来算。d:本日w:本周m:本月y:本年q:本季度7:最近7天,后面的依此类推,数字的就是最近xx天。 |
49
+ | lazyContent | boolean | false | 是否懒加载内部内容。当前你的列表内容非常多,且影响打开的动画性能时,请务必设置此项为true,以获得流畅视觉效果。如果选择数据较少没有必要打开 |
50
+ | drawerSize | string | "1020" | 如果你的快捷选择较多可能会让高度不足,需要自行设置下高。 |
51
+ | disabled | boolean | false | 是否禁用弹层 |
52
+
53
+
54
+ ## :rose: 事件
55
+ | 事件名 | 参数 | 返回数据 | 描述 |
56
+ | --- | --- | --- | --- |
57
+ | cancel | - | - | 取消时触发 |
58
+ | confirm | 名称:date,当前选中时间, | - | 确认触发 |
59
+ | change | 名称:date,当前选中时间, | - | 滑动变换时触发 |
60
+ | update:modelShow | - | - | 变量控制打开状态
61
+ 等同v-model:model-show |
62
+ | update:modelStr | - | - | 经格式化后的值。等同v-model:model-str |
63
+ | update:modelValue | - | - | - |
64
+
65
+
66
+ ## :corn: slot插槽
67
+ | 插槽名 | 数据 | 描述 |
68
+ | :--: | :--: | :-- |
69
+ | default | - | 插槽,默认触发打开选择器。你的默认布局可以放置在这里。 |
70
+
71
+
72
+ ## :green_salad: ref方法
73
+ | 方法名 | 参数 | 返回值 | 描述 |
74
+ | :--: | :--: | :--: | :-- |
75
+
76
+
@@ -0,0 +1,114 @@
1
+ ---
2
+ title: tmui 3.2.0 组件库
3
+ ---
4
+
5
+ <script setup>
6
+ import webview from '../components/mobileWebview.vue'
7
+ import headertips from '../components/headertips.vue'
8
+ </script>
9
+
10
+ <headertips></headertips>
11
+
12
+ #### 常用组件
13
+
14
+ # 按钮 TmButton
15
+
16
+ 圆角,主题可通过配置统一设置或者动态全局设置,使设计风格统一并保持一致性。让你的风格独一无二。
17
+
18
+ ## :hot_pepper: 示例
19
+
20
+ <webview url="https://tmui.design/h5by32/#/pages/index/button"></webview>
21
+
22
+ ::: details 示例模板
23
+
24
+ <<< ../../../src/pages/index/button.vue{vue}
25
+
26
+ :::
27
+
28
+ ## :hot_pepper: 兼容性
29
+
30
+ 平台兼容
31
+ |H5|uniAPP|小程序|version|
32
+ |---|---|---|---|
33
+ |☑️|☑️|☑️|☑️|☑️|1.0.0|
34
+
35
+ ## :seedling: 参数
36
+ | 参数名 | 类型 | 默认值 | 描述 |
37
+ | :--: | :--: | :--: | :-- |
38
+ | size | string | "n" | 尺寸大小,可选值:s/m/n/g/xs |
39
+ | skin | string | "normal" | 样式可选值:thin/outlined/text/normal/dashed |
40
+ | borderWidth | string\|number\|Array\<string \| number\> | 1 | 遵循规则:string或者[x]:全部边线[x,x]左右边线,上下边线[x,x,x]左,上,右[x,x,x,x]左,上,右,下 |
41
+ | round | string\|number\|Array\<string \| number\> | '' | 圆角半径左上,右上,右下,左下 |
42
+ | rounded | boolean | false | 50%圆角 |
43
+ | width | string\|number | "" | - |
44
+ | height | string\|number | "" | - |
45
+ | openType | string | "" | - |
46
+ | block | boolean | false | - |
47
+ | disabled | boolean | false | - |
48
+ | icon | string | "" | - |
49
+ | iconSize | string | "" | - |
50
+ | btnIcon | boolean | false | 是否开启仅图标按钮模式,宽和高相等 |
51
+ | loading | boolean | false | - |
52
+ | fontSize | string | "" | - |
53
+ | color | string | "" | 自定义主题颜色 |
54
+ | bgColor | string | "" | 自定义背景 |
55
+ | darkBgColor | string | "" | - |
56
+ | fontColor | string | "" | - |
57
+ | darkFontColorColor | string | "" | - |
58
+ | linear | string[] | ()=\>[] | 渐变,前面的color,bgColor,darkBgColor失效[方向,颜色1,颜色2] |
59
+ | shadow | string\|number\|Array\<string\> | [] | 数字或者字符串时自动计算投影,它会投影大小数组时(必须为4),第一个x,第二为y,第三个为大小,第四个为投影颜色空字符串时,取全局配置,如果不想投影设置为none即可. |
60
+ | formType | string | "" | - |
61
+ | disableHover | boolean | false | 禁止hover效果,点按没有hover效果,有时可能不需要。 |
62
+ | url | string | "" | 跳转的地址链接,出现时点击click会跳转以/pages开头。 |
63
+ | navigatorMode | string | "navigateTo" | url跳转模式 |
64
+ | appParameter | string | "" | - |
65
+ | lang | string | "en" | - |
66
+ | sessionFrom | string | "" | - |
67
+ | sendMessageTitle | string | "" | - |
68
+ | sendMessagePath | string | "" | - |
69
+ | sendMessageImg | string | "" | - |
70
+ | showMessageCard | boolean | false | - |
71
+ | groupId | string | "" | - |
72
+ | guildId | string | "" | - |
73
+ | publicId | string | "" | - |
74
+ | dataImId | string | "" | - |
75
+ | dataImType | string | "" | - |
76
+ | dataGoodsId | string | "" | - |
77
+ | dataOrderId | string | "" | - |
78
+ | dataBizLine | string | "" | - |
79
+ | borderColor | string\|Array\<string\> | "" | 遵循规则:string或者[x]:全部边线[x,x]左右边线,上下边线[x,x,x]左,上,右[x,x,x,x]左,上,右,下 |
80
+ | darkBorderColor | string\|Array\<string\> | "transparent" | - |
81
+
82
+
83
+ ## :rose: 事件
84
+ | 事件名 | 参数 | 返回数据 | 描述 |
85
+ | --- | --- | --- | --- |
86
+ | click | 名称:evt,事件参数, | - | 点击事件 |
87
+ | getphonenumber | - | - | - |
88
+ | getuserinfo | - | - | - |
89
+ | error | - | - | - |
90
+ | opensetting | - | - | - |
91
+ | launchapp | - | - | - |
92
+ | contact | - | - | - |
93
+ | chooseavatar | - | - | - |
94
+ | agreeprivacyauthorization | - | - | - |
95
+ | addgroupapp | - | - | - |
96
+ | chooseaddress | - | - | - |
97
+ | chooseinvoicetitle | - | - | - |
98
+ | subscribe | - | - | - |
99
+ | login | - | - | - |
100
+ | im | - | - | - |
101
+
102
+
103
+ ## :corn: slot插槽
104
+ | 插槽名 | 数据 | 描述 |
105
+ | :--: | :--: | :-- |
106
+ | icon | - | icon图标 |
107
+ | default | - | 默认插槽 |
108
+
109
+
110
+ ## :green_salad: ref方法
111
+ | 方法名 | 参数 | 返回值 | 描述 |
112
+ | :--: | :--: | :--: | :-- |
113
+
114
+