@tdesign/uniapp 0.9.0 → 0.9.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 (258) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/action-sheet/README.en-US.md +4 -3
  3. package/dist/action-sheet/README.md +4 -3
  4. package/dist/action-sheet/action-sheet.vue +16 -12
  5. package/dist/action-sheet/computed.js +1 -1
  6. package/dist/action-sheet/props.ts +5 -0
  7. package/dist/action-sheet/type.ts +6 -1
  8. package/dist/avatar/README.en-US.md +1 -1
  9. package/dist/avatar/README.md +1 -1
  10. package/dist/avatar/avatar.vue +10 -9
  11. package/dist/avatar-group/avatar-group.vue +4 -4
  12. package/dist/back-top/README.en-US.md +1 -1
  13. package/dist/back-top/README.md +1 -1
  14. package/dist/back-top/back-top.vue +5 -4
  15. package/dist/badge/README.en-US.md +1 -1
  16. package/dist/badge/README.md +1 -1
  17. package/dist/badge/badge.vue +4 -2
  18. package/dist/button/README.en-US.md +1 -1
  19. package/dist/button/README.md +1 -1
  20. package/dist/button/button.vue +12 -11
  21. package/dist/calendar/README.en-US.md +1 -1
  22. package/dist/calendar/README.md +1 -1
  23. package/dist/calendar/calendar-header.vue +2 -1
  24. package/dist/calendar/calendar.vue +9 -7
  25. package/dist/calendar/template.vue +12 -9
  26. package/dist/cascader/README.en-US.md +1 -1
  27. package/dist/cascader/README.md +1 -1
  28. package/dist/cascader/cascader.vue +8 -8
  29. package/dist/cell/README.en-US.md +1 -1
  30. package/dist/cell/README.md +1 -1
  31. package/dist/cell/cell.vue +34 -36
  32. package/dist/cell-group/cell-group.vue +5 -3
  33. package/dist/check-tag/check-tag.vue +6 -3
  34. package/dist/checkbox/README.en-US.md +1 -1
  35. package/dist/checkbox/README.md +1 -1
  36. package/dist/checkbox/checkbox.vue +5 -4
  37. package/dist/checkbox-group/checkbox-group.vue +5 -3
  38. package/dist/col/col.vue +7 -3
  39. package/dist/collapse/README.en-US.md +1 -1
  40. package/dist/collapse/README.md +1 -1
  41. package/dist/collapse/collapse.vue +6 -4
  42. package/dist/collapse-panel/collapse-panel.vue +15 -6
  43. package/dist/color-picker/README.en-US.md +1 -1
  44. package/dist/color-picker/README.md +1 -1
  45. package/dist/color-picker/color-picker.vue +9 -7
  46. package/dist/color-picker/template.vue +2 -1
  47. package/dist/common/canvas/index.js +1 -1
  48. package/dist/common/shared/color-picker/color.js +1 -0
  49. package/dist/common/src/instantiationDecorator.js +1 -1
  50. package/dist/common/version.js +1 -1
  51. package/dist/config-provider/config-provider.vue +3 -1
  52. package/dist/count-down/README.en-US.md +1 -1
  53. package/dist/count-down/README.md +1 -1
  54. package/dist/count-down/count-down.vue +5 -3
  55. package/dist/date-time-picker/README.en-US.md +1 -1
  56. package/dist/date-time-picker/README.md +1 -1
  57. package/dist/date-time-picker/date-time-picker.vue +8 -6
  58. package/dist/date-time-picker/locale/dayjs.js +6 -6
  59. package/dist/demo-navbar/demo-navbar.vue +1 -1
  60. package/dist/dialog/README.en-US.md +1 -1
  61. package/dist/dialog/README.md +1 -1
  62. package/dist/dialog/dialog.vue +10 -7
  63. package/dist/dialog/index.js +2 -1
  64. package/dist/divider/README.en-US.md +1 -1
  65. package/dist/divider/README.md +1 -1
  66. package/dist/divider/divider.vue +4 -2
  67. package/dist/draggable/draggable.vue +5 -2
  68. package/dist/drawer/README.en-US.md +1 -1
  69. package/dist/drawer/README.md +1 -1
  70. package/dist/drawer/drawer.vue +7 -5
  71. package/dist/dropdown-item/dropdown-item.vue +14 -11
  72. package/dist/dropdown-menu/README.en-US.md +1 -1
  73. package/dist/dropdown-menu/README.md +1 -1
  74. package/dist/dropdown-menu/dropdown-menu.vue +10 -8
  75. package/dist/empty/README.en-US.md +1 -1
  76. package/dist/empty/README.md +1 -1
  77. package/dist/empty/empty.vue +5 -4
  78. package/dist/fab/README.en-US.md +1 -1
  79. package/dist/fab/README.md +1 -1
  80. package/dist/fab/fab.vue +7 -4
  81. package/dist/footer/README.en-US.md +1 -1
  82. package/dist/footer/README.md +1 -1
  83. package/dist/footer/footer.vue +8 -7
  84. package/dist/form/README.en-US.md +3 -1
  85. package/dist/form/README.md +3 -1
  86. package/dist/form/form.vue +4 -2
  87. package/dist/form/props.ts +9 -0
  88. package/dist/form/type.ts +5 -0
  89. package/dist/form-item/README.en-US.md +2 -1
  90. package/dist/form-item/README.md +2 -1
  91. package/dist/form-item/form-item.vue +8 -6
  92. package/dist/form-item/props.ts +8 -0
  93. package/dist/form-item/type.ts +4 -0
  94. package/dist/grid/README.en-US.md +1 -1
  95. package/dist/grid/README.md +1 -1
  96. package/dist/grid/grid.vue +4 -3
  97. package/dist/grid-item/README.en-US.md +1 -1
  98. package/dist/grid-item/README.md +1 -1
  99. package/dist/grid-item/grid-item.vue +8 -6
  100. package/dist/guide/README.en-US.md +1 -1
  101. package/dist/guide/README.md +1 -1
  102. package/dist/guide/guide.vue +8 -7
  103. package/dist/icon/icon.vue +5 -2
  104. package/dist/image/README.en-US.md +1 -1
  105. package/dist/image/README.md +1 -1
  106. package/dist/image/image.vue +6 -5
  107. package/dist/image-viewer/README.en-US.md +4 -3
  108. package/dist/image-viewer/README.md +4 -3
  109. package/dist/image-viewer/image-viewer.css +12 -0
  110. package/dist/image-viewer/image-viewer.vue +84 -21
  111. package/dist/image-viewer/props.ts +5 -0
  112. package/dist/image-viewer/type.ts +6 -1
  113. package/dist/indexes/README.en-US.md +1 -1
  114. package/dist/indexes/README.md +1 -1
  115. package/dist/indexes/indexes.vue +7 -4
  116. package/dist/indexes-anchor/README.en-US.md +1 -1
  117. package/dist/indexes-anchor/README.md +1 -1
  118. package/dist/indexes-anchor/indexes-anchor.vue +5 -3
  119. package/dist/input/README.en-US.md +1 -1
  120. package/dist/input/README.md +1 -1
  121. package/dist/input/input.vue +1 -1
  122. package/dist/link/README.en-US.md +1 -1
  123. package/dist/link/README.md +1 -1
  124. package/dist/link/link.vue +6 -3
  125. package/dist/loading/README.en-US.md +1 -1
  126. package/dist/loading/README.md +1 -1
  127. package/dist/loading/loading.vue +4 -2
  128. package/dist/message/index.js +2 -1
  129. package/dist/message/message.vue +4 -3
  130. package/dist/message-item/index.js +1 -1
  131. package/dist/message-item/message-item.vue +7 -5
  132. package/dist/mixins/page-scroll.js +1 -1
  133. package/dist/mixins/using-config.js +1 -1
  134. package/dist/mixins/using-custom-navbar.js +1 -1
  135. package/dist/navbar/README.en-US.md +1 -1
  136. package/dist/navbar/README.md +2 -2
  137. package/dist/navbar/navbar.vue +5 -4
  138. package/dist/notice-bar/README.en-US.md +1 -1
  139. package/dist/notice-bar/README.md +1 -1
  140. package/dist/notice-bar/notice-bar.vue +4 -3
  141. package/dist/overlay/README.en-US.md +1 -1
  142. package/dist/overlay/README.md +1 -1
  143. package/dist/overlay/overlay.vue +6 -3
  144. package/dist/picker/README.en-US.md +1 -1
  145. package/dist/picker/README.md +1 -1
  146. package/dist/picker/picker.vue +11 -9
  147. package/dist/picker-item/README.en-US.md +1 -1
  148. package/dist/picker-item/README.md +1 -1
  149. package/dist/picker-item/picker-item.vue +6 -5
  150. package/dist/popover/README.en-US.md +1 -1
  151. package/dist/popover/README.md +1 -1
  152. package/dist/popover/popover.vue +8 -5
  153. package/dist/popup/README.en-US.md +1 -1
  154. package/dist/popup/README.md +1 -1
  155. package/dist/popup/popup.vue +8 -5
  156. package/dist/progress/README.en-US.md +1 -1
  157. package/dist/progress/README.md +1 -1
  158. package/dist/progress/progress.vue +5 -4
  159. package/dist/pull-down-refresh/README.en-US.md +1 -1
  160. package/dist/pull-down-refresh/README.md +1 -1
  161. package/dist/pull-down-refresh/pull-down-refresh.vue +7 -5
  162. package/dist/qrcode/components/qrcode-canvas/qrcode-canvas.vue +8 -7
  163. package/dist/qrcode/components/qrcode-status/qrcode-status.vue +2 -1
  164. package/dist/qrcode/qrcode.vue +5 -3
  165. package/dist/radio/README.en-US.md +1 -1
  166. package/dist/radio/README.md +1 -1
  167. package/dist/radio/radio.vue +5 -4
  168. package/dist/radio-group/radio-group.vue +5 -4
  169. package/dist/rate/README.en-US.md +1 -1
  170. package/dist/rate/README.md +1 -1
  171. package/dist/rate/rate.vue +8 -5
  172. package/dist/result/README.en-US.md +1 -1
  173. package/dist/result/README.md +1 -1
  174. package/dist/result/result.vue +5 -4
  175. package/dist/row/row.vue +7 -3
  176. package/dist/scroll-view/scroll-view.vue +1 -1
  177. package/dist/search/README.en-US.md +1 -1
  178. package/dist/search/README.md +1 -1
  179. package/dist/search/search.vue +14 -9
  180. package/dist/segmented/README.en-US.md +1 -1
  181. package/dist/segmented/README.md +1 -1
  182. package/dist/segmented/segmented.vue +6 -3
  183. package/dist/side-bar/README.en-US.md +1 -1
  184. package/dist/side-bar/README.md +1 -1
  185. package/dist/side-bar/side-bar.vue +5 -3
  186. package/dist/side-bar-item/side-bar-item.vue +7 -6
  187. package/dist/skeleton/README.en-US.md +1 -1
  188. package/dist/skeleton/README.md +1 -1
  189. package/dist/skeleton/skeleton.vue +6 -3
  190. package/dist/slider/README.en-US.md +1 -1
  191. package/dist/slider/README.md +1 -1
  192. package/dist/slider/slider.vue +7 -5
  193. package/dist/step-item/step-item.vue +5 -4
  194. package/dist/stepper/README.en-US.md +1 -1
  195. package/dist/stepper/README.md +1 -1
  196. package/dist/stepper/stepper.vue +5 -3
  197. package/dist/steps/README.en-US.md +1 -1
  198. package/dist/steps/README.md +1 -1
  199. package/dist/steps/steps.vue +5 -3
  200. package/dist/sticky/sticky.vue +4 -3
  201. package/dist/swipe-cell/swipe-cell.vue +7 -5
  202. package/dist/swiper/README.en-US.md +1 -1
  203. package/dist/swiper/README.md +1 -1
  204. package/dist/swiper/swiper.vue +7 -5
  205. package/dist/swiper-nav/swiper-nav.vue +6 -3
  206. package/dist/switch/README.en-US.md +1 -1
  207. package/dist/switch/README.md +1 -1
  208. package/dist/switch/switch.vue +5 -4
  209. package/dist/tab-bar/README.en-US.md +1 -1
  210. package/dist/tab-bar/README.md +1 -1
  211. package/dist/tab-bar/tab-bar.vue +5 -3
  212. package/dist/tab-bar-item/tab-bar-item.vue +6 -4
  213. package/dist/tab-panel/tab-panel.vue +5 -3
  214. package/dist/table/README.en-US.md +4 -4
  215. package/dist/table/README.md +4 -4
  216. package/dist/table/table.css +2 -2
  217. package/dist/table/table.vue +38 -7
  218. package/dist/tabs/README.en-US.md +1 -1
  219. package/dist/tabs/README.md +1 -1
  220. package/dist/tabs/tabs.vue +11 -9
  221. package/dist/tag/README.en-US.md +1 -1
  222. package/dist/tag/README.md +1 -1
  223. package/dist/tag/tag.vue +6 -3
  224. package/dist/textarea/README.en-US.md +1 -1
  225. package/dist/textarea/README.md +1 -1
  226. package/dist/textarea/textarea.vue +6 -3
  227. package/dist/toast/README.en-US.md +1 -1
  228. package/dist/toast/README.md +1 -1
  229. package/dist/toast/toast.vue +8 -7
  230. package/dist/transition/transition.vue +2 -2
  231. package/dist/tree-select/README.en-US.md +1 -1
  232. package/dist/tree-select/README.md +1 -1
  233. package/dist/tree-select/tree-select.vue +14 -9
  234. package/dist/types/action-sheet.d.ts +1 -1
  235. package/dist/types/avatar-group.d.ts +1 -1
  236. package/dist/types/avatar.d.ts +1 -1
  237. package/dist/types/back-top.d.ts +1 -1
  238. package/dist/types/badge.d.ts +1 -1
  239. package/dist/types/button.d.ts +1 -1
  240. package/dist/types/calendar.d.ts +1 -1
  241. package/dist/types/cascader.d.ts +1 -1
  242. package/dist/types/cell-group.d.ts +1 -1
  243. package/dist/types/cell.d.ts +1 -1
  244. package/dist/types/check-tag.d.ts +1 -1
  245. package/dist/types/checkbox-group.d.ts +1 -1
  246. package/dist/types/checkbox.d.ts +1 -1
  247. package/dist/types/col.d.ts +1 -1
  248. package/dist/types/collapse-panel.d.ts +1 -1
  249. package/dist/types/collapse.d.ts +1 -1
  250. package/dist/types/color-picker.d.ts +1 -1
  251. package/dist/upload/README.en-US.md +1 -1
  252. package/dist/upload/README.md +1 -1
  253. package/dist/upload/upload.vue +32 -32
  254. package/dist/watermark/README.en-US.md +1 -1
  255. package/dist/watermark/README.md +1 -1
  256. package/dist/watermark/utils/generateBase64Url.js +6 -6
  257. package/dist/watermark/watermark.vue +4 -3
  258. package/package.json +1 -1
@@ -22,13 +22,15 @@
22
22
  <!-- #endif -->
23
23
  </template>
24
24
  <script>
25
- import { uniComponent } from '../common/src/index';
26
25
  import { prefix } from '../common/config';
27
- import props from './props';
28
- import { coalesce, getRect, nextTick } from '../common/utils';
26
+
29
27
  import { ParentMixin, RELATION_MAP } from '../common/relation';
28
+ import { uniComponent } from '../common/src/index';
29
+ import { coalesce, getRect, nextTick } from '../common/utils';
30
30
  import tools from '../common/utils.wxs';
31
31
 
32
+ import props from './props';
33
+
32
34
  const classPrefix = `${prefix}-tab-bar`;
33
35
 
34
36
 
@@ -110,14 +110,16 @@
110
110
  </view>
111
111
  </template>
112
112
  <script>
113
- import TIcon from '../icon/icon';
114
113
  import TBadge from '../badge/badge';
115
- import { uniComponent } from '../common/src/index';
116
114
  import { prefix } from '../common/config';
117
- import props from './props';
115
+
116
+ import { ChildrenMixin, RELATION_MAP } from '../common/relation';
117
+ import { uniComponent } from '../common/src/index';
118
118
  import { getRect, calcIcon } from '../common/utils';
119
119
  import tools from '../common/utils.wxs';
120
- import { ChildrenMixin, RELATION_MAP } from '../common/relation';
120
+ import TIcon from '../icon/icon';
121
+
122
+ import props from './props';
121
123
 
122
124
  const classPrefix = `${prefix}-tab-bar-item`;
123
125
 
@@ -14,11 +14,13 @@
14
14
  </view>
15
15
  </template>
16
16
  <script>
17
- import { uniComponent } from '../common/src/index';
18
- import props from './props';
19
17
  import { prefix } from '../common/config';
20
- import tools from '../common/utils.wxs';
21
18
  import { ChildrenMixin, RELATION_MAP } from '../common/relation';
19
+ import { uniComponent } from '../common/src/index';
20
+
21
+ import tools from '../common/utils.wxs';
22
+
23
+ import props from './props';
22
24
 
23
25
 
24
26
  const name = `${prefix}-tab-panel`;
@@ -57,7 +57,7 @@ width | String / Number | - | column width | N
57
57
  ### CSS Variables
58
58
 
59
59
  The component provides the following CSS variables, which can be used to customize styles.
60
- Name | Default Value | Description
60
+ Name | Default Value | Description
61
61
  -- | -- | --
62
62
  --td-table-body-text-color | @text-color-primary | -
63
63
  --td-table-border-color | @component-border | -
@@ -66,7 +66,7 @@ Name | Default Value | Description
66
66
  --td-table-header-bg-color | @bg-color-container | -
67
67
  --td-table-header-text-color | @text-color-placeholder | -
68
68
  --td-table-loading-bg-color | rgba(255, 255, 255, 0.55) | -
69
- --td-table-row-height | 41px | -
69
+ --td-table-row-height | 82rpx | -
70
70
  --td-table-stripe-bg-color | @bg-color-secondarycontainer | -
71
- --td-table-td-padding | 8px 12px | -
72
- --td-table-th-padding | 8px 12px | -
71
+ --td-table-td-padding | 16rpx 24rpx | -
72
+ --td-table-th-padding | 16rpx 24rpx | -
@@ -102,7 +102,7 @@ width | String / Number | - | 列宽,可以作为最小宽度使用。当列
102
102
  ### CSS Variables
103
103
 
104
104
  组件提供了下列 CSS 变量,可用于自定义样式。
105
- 名称 | 默认值 | 描述
105
+ 名称 | 默认值 | 描述
106
106
  -- | -- | --
107
107
  --td-table-body-text-color | @text-color-primary | -
108
108
  --td-table-border-color | @component-border | -
@@ -111,7 +111,7 @@ width | String / Number | - | 列宽,可以作为最小宽度使用。当列
111
111
  --td-table-header-bg-color | @bg-color-container | -
112
112
  --td-table-header-text-color | @text-color-placeholder | -
113
113
  --td-table-loading-bg-color | rgba(255, 255, 255, 0.55) | -
114
- --td-table-row-height | 41px | -
114
+ --td-table-row-height | 82rpx | -
115
115
  --td-table-stripe-bg-color | @bg-color-secondarycontainer | -
116
- --td-table-td-padding | 8px 12px | -
117
- --td-table-th-padding | 8px 12px | -
116
+ --td-table-td-padding | 16rpx 24rpx | -
117
+ --td-table-th-padding | 16rpx 24rpx | -
@@ -50,14 +50,14 @@
50
50
  border-bottom: 1px solid var(--td-table-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
51
51
  }
52
52
  .t-table__th {
53
- padding: var(--td-table-th-padding, 8px 12px);
53
+ padding: var(--td-table-th-padding, 16rpx 24rpx);
54
54
  background-color: var(--td-table-header-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
55
55
  color: var(--td-table-header-text-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
56
56
  font-weight: normal;
57
57
  text-align: left;
58
58
  }
59
59
  .t-table__td {
60
- padding: var(--td-table-td-padding, 8px 12px);
60
+ padding: var(--td-table-td-padding, 16rpx 24rpx);
61
61
  text-align: left;
62
62
  }
63
63
  .t-table__th-content,
@@ -120,7 +120,21 @@
120
120
  :class="classPrefix + '__loading--full'"
121
121
  >
122
122
  <slot name="loading">
123
- <t-loading v-bind="loadingProps" />
123
+ <t-loading
124
+ :delay="(loadingProps && loadingProps.delay) || 0"
125
+ :duration="(loadingProps && loadingProps.duration) || 800"
126
+ :fullscreen="!!(loadingProps && loadingProps.fullscreen)"
127
+ :indicator="loadingProps && loadingProps.indicator !== undefined ? loadingProps.indicator : true"
128
+ :inherit-color="!!(loadingProps && loadingProps.inheritColor)"
129
+ :layout="(loadingProps && loadingProps.layout) || 'horizontal'"
130
+ :loading="loadingProps && loadingProps.loading !== undefined ? loadingProps.loading : true"
131
+ :pause="!!(loadingProps && loadingProps.pause)"
132
+ :progress="loadingProps && loadingProps.progress"
133
+ :reverse="!!(loadingProps && loadingProps.reverse)"
134
+ :size="(loadingProps && loadingProps.size) || '20px'"
135
+ :text="(loadingProps && loadingProps.text) || ''"
136
+ :theme="(loadingProps && loadingProps.theme) || 'circular'"
137
+ />
124
138
  </slot>
125
139
  </view>
126
140
  </scroll-view>
@@ -136,11 +150,13 @@
136
150
  </view>
137
151
  </template>
138
152
  <script>
139
- import TLoading from '../loading/loading.vue';
140
- import { uniComponent } from '../common/src/index';
141
153
  import { prefix } from '../common/config';
142
- import props from './base-table-props';
154
+ import { uniComponent } from '../common/src/index';
143
155
  import tools from '../common/utils.wxs';
156
+ import TLoading from '../loading/loading.vue';
157
+
158
+ import props from './base-table-props';
159
+
144
160
 
145
161
  const name = `${prefix}-table`;
146
162
 
@@ -262,7 +278,7 @@ export default {
262
278
  if (!col) return '';
263
279
  const defaultColWidth = this.tableLayout === 'fixed' ? '80px' : undefined;
264
280
  const width = formatCSSUnit(col.width || defaultColWidth);
265
- const minWidth = !formatCSSUnit(col.width || defaultColWidth) && !col.minWidth && this.tableLayout === 'fixed' ? '80px' : formatCSSUnit(col.minWidth);
281
+ const minWidth = !formatCSSUnit(col.width || defaultColWidth) && !col.minWidth && this.tableLayout === 'fixed' ? '80px' : formatCSSUnit(col.minWidth);
266
282
  const styles = [];
267
283
  // 当列设置了固定宽度时,使用 flex: 0 0 auto 防止被 flex 压缩,支持横向滚动
268
284
  if (col.width) {
@@ -279,12 +295,27 @@ export default {
279
295
  return styles.join('; ');
280
296
  },
281
297
 
298
+ getCustomClassName(className = '') {
299
+ const calcClassName = (name) => {
300
+ if (typeof name === 'function') {
301
+ return name() || '';
302
+ }
303
+ return name;
304
+ };
305
+
306
+ if (Array.isArray(className)) {
307
+ return className.map(calcClassName);
308
+ }
309
+ return [calcClassName(className)];
310
+ },
311
+
282
312
  getThClassName(col, colIndex) {
283
313
  const classes = [];
284
314
  if (col.colKey) classes.push(`${name}__th-${col.colKey}`);
285
315
  if (col.align && col.align !== 'left') classes.push(`${prefix}-align-${col.align}`);
286
316
  if (col.fixed === 'left') classes.push(`${name}__cell--fixed-left`);
287
317
  if (col.fixed === 'right') classes.push(`${name}__cell--fixed-right`);
318
+ if (col.className) classes.push(...this.getCustomClassName(col.className));
288
319
  if (colIndex === this.lastFixedLeftIndex) classes.push(`${name}__cell--fixed-left-last`);
289
320
  if (colIndex === this.firstFixedRightIndex) classes.push(`${name}__cell--fixed-right-first`);
290
321
  return classes.join(' ');
@@ -428,14 +459,14 @@ export default {
428
459
  if (fixedTopRows > 0 && rowIndex < fixedTopRows) {
429
460
  rowClasses.push(`${name}__row--fixed-top`);
430
461
  // top/bottom 值将在 nextTick 中通过实际 DOM 测量来设置
431
- rowStyle = `position: sticky; top: 0px; z-index: ${fixedRowZIndex};`;
462
+ rowStyle = `position: sticky; top: 0; z-index: ${fixedRowZIndex};`;
432
463
  }
433
464
  if (fixedBottomRows > 0 && rowIndex >= dataLen - fixedBottomRows) {
434
465
  rowClasses.push(`${name}__row--fixed-bottom`);
435
466
  if (rowIndex === dataLen - fixedBottomRows) {
436
467
  rowClasses.push(`${name}__row--fixed-bottom-first`);
437
468
  }
438
- rowStyle = `position: sticky; bottom: 0px; z-index: ${fixedRowZIndex};`;
469
+ rowStyle = `position: sticky; bottom: 0; z-index: ${fixedRowZIndex};`;
439
470
  }
440
471
  // 冻结表尾行时,最后一行非冻结行去除下边框
441
472
  if (fixedBottomRows > 0 && rowIndex === dataLen - fixedBottomRows - 1) {
@@ -68,7 +68,7 @@ panel | \-
68
68
  ### CSS Variables
69
69
 
70
70
  The component provides the following CSS variables, which can be used to customize styles.
71
- Name | Default Value | Description
71
+ Name | Default Value | Description
72
72
  -- | -- | --
73
73
  --td-tab-border-color | @component-stroke | -
74
74
  --td-tab-font | @font-body-medium | -
@@ -179,7 +179,7 @@ panel | 自定义 `panel` 显示内容
179
179
  ### CSS Variables
180
180
 
181
181
  组件提供了下列 CSS 变量,可用于自定义样式。
182
- 名称 | 默认值 | 描述
182
+ 名称 | 默认值 | 描述
183
183
  -- | -- | --
184
184
  --td-tab-border-color | @component-stroke | -
185
185
  --td-tab-font | @font-body-medium | -
@@ -132,18 +132,20 @@
132
132
  </view>
133
133
  </template>
134
134
  <script>
135
- import TSticky from '../sticky/sticky';
136
135
  import TBadge from '../badge/badge';
137
- import TIcon from '../icon/icon';
138
- import { uniComponent } from '../common/src/index';
139
- import props from './props';
136
+
140
137
  import { prefix } from '../common/config';
141
- import touch from '../mixins/touch';
138
+ import { ParentMixin, RELATION_MAP } from '../common/relation';
139
+ import { uniComponent } from '../common/src/index';
142
140
  import { getRect, uniqueFactory, coalesce, nextTick } from '../common/utils';
143
- import { getObserver } from '../common/wechat';
144
141
  import tools from '../common/utils.wxs';
145
- import { ParentMixin, RELATION_MAP } from '../common/relation';
142
+ import { getObserver } from '../common/wechat';
143
+ import TIcon from '../icon/icon';
144
+ import touch from '../mixins/touch';
145
+ import TSticky from '../sticky/sticky';
146
+
146
147
  import { animate, trackStyle } from './computed';
148
+ import props from './props';
147
149
 
148
150
  const name = `${prefix}-tabs`;
149
151
  const getUniqueID = uniqueFactory('tabs');
@@ -475,8 +477,8 @@ export default {
475
477
  getIconCustomStyle(item) {
476
478
  return tools._style([
477
479
  {
478
- fontSize: 'var(--td-tab-icon-size, 18px)',
479
- marginRight: 'calc(var(--td-spacer, 8px) / 4)',
480
+ fontSize: 'var(--td-tab-icon-size, 36rpx)',
481
+ marginRight: 'calc(var(--td-spacer, 16rpx) / 4)',
480
482
  },
481
483
  item.icon.style || '',
482
484
  ]);
@@ -78,7 +78,7 @@ t-class | \-
78
78
  ### CSS Variables
79
79
 
80
80
  The component provides the following CSS variables, which can be used to customize styles.
81
- Name | Default Value | Description
81
+ Name | Default Value | Description
82
82
  -- | -- | --
83
83
  --td-tag-close-icon-color | @text-color-placeholder | -
84
84
  --td-tag-danger-color | @error-color | -
@@ -118,7 +118,7 @@ t-class | 根节点样式类
118
118
  ### CSS Variables
119
119
 
120
120
  组件提供了下列 CSS 变量,可用于自定义样式。
121
- 名称 | 默认值 | 描述
121
+ 名称 | 默认值 | 描述
122
122
  -- | -- | --
123
123
  --td-tag-close-icon-color | @text-color-placeholder | -
124
124
  --td-tag-danger-color | @error-color | -
package/dist/tag/tag.vue CHANGED
@@ -54,12 +54,15 @@
54
54
  </template>
55
55
  <script>
56
56
  import TIcon from '.././icon/icon';
57
- import { uniComponent } from '../common/src/index';
58
57
  import { prefix } from '../common/config';
59
- import props from './props';
58
+ import { uniComponent } from '../common/src/index';
59
+
60
+
60
61
  import { classNames, calcIcon } from '../common/utils';
61
- import { isNumeric } from '../common/validator';
62
62
  import tools from '../common/utils.wxs';
63
+ import { isNumeric } from '../common/validator';
64
+
65
+ import props from './props';
63
66
 
64
67
 
65
68
  const name = `${prefix}-tag`;
@@ -65,7 +65,7 @@ t-class-textarea | \-
65
65
  ### CSS Variables
66
66
 
67
67
  The component provides the following CSS variables, which can be used to customize styles.
68
- Name | Default Value | Description
68
+ Name | Default Value | Description
69
69
  -- | -- | --
70
70
  --td-textarea-background-color | @bg-color-container | -
71
71
  --td-textarea-border-color | @component-border | -
@@ -121,7 +121,7 @@ t-class-textarea | 多行文本框样式类
121
121
  ### CSS Variables
122
122
 
123
123
  组件提供了下列 CSS 变量,可用于自定义样式。
124
- 名称 | 默认值 | 描述
124
+ 名称 | 默认值 | 描述
125
125
  -- | -- | --
126
126
  --td-textarea-background-color | @bg-color-container | -
127
127
  --td-textarea-border-color | @component-border | -
@@ -50,13 +50,16 @@
50
50
  </view>
51
51
  </template>
52
52
  <script>
53
- import { uniComponent } from '../common/src/index';
54
53
  import { prefix } from '../common/config';
55
- import props from './props';
54
+ import { RELATION_MAP } from '../common/relation/parent-map';
55
+ import { uniComponent } from '../common/src/index';
56
+
57
+
56
58
  import { getCharacterLength, coalesce, nextTick } from '../common/utils';
57
59
  import tools from '../common/utils.wxs';
60
+
58
61
  import { textareaStyle } from './computed.js';
59
- import { RELATION_MAP } from '../common/relation/parent-map';
62
+ import props from './props';
60
63
 
61
64
 
62
65
  const name = `${prefix}-textarea`;
@@ -41,7 +41,7 @@ t-class | \-
41
41
  ### CSS Variables
42
42
 
43
43
  The component provides the following CSS variables, which can be used to customize styles.
44
- Name | Default Value | Description
44
+ Name | Default Value | Description
45
45
  -- | -- | --
46
46
  --td-toast-bg-color | @mask-active | -
47
47
  --td-toast-color | @text-color-anti | -
@@ -70,7 +70,7 @@ t-class | 根节点样式类
70
70
  ### CSS Variables
71
71
 
72
72
  组件提供了下列 CSS 变量,可用于自定义样式。
73
- 名称 | 默认值 | 描述
73
+ 名称 | 默认值 | 描述
74
74
  -- | -- | --
75
75
  --td-toast-bg-color | @mask-active | -
76
76
  --td-toast-color | @text-color-anti | -
@@ -56,17 +56,18 @@
56
56
  </view>
57
57
  </template>
58
58
  <script>
59
- import TIcon from '../icon/icon';
60
- import TLoading from '../loading/loading';
61
- import TOverlay from '../overlay/overlay';
62
- import { uniComponent } from '../common/src/index';
63
59
  import { prefix } from '../common/config';
64
- import props from './props';
65
- import { transitionMixins } from '../mixins/transition';
60
+ import { uniComponent } from '../common/src/index';
66
61
  import { calcIcon, toCamel, coalesce } from '../common/utils';
67
- import useCustomNavbar from '../mixins/using-custom-navbar';
68
62
  import tools from '../common/utils.wxs';
69
63
  import { canUseVirtualHost } from '../common/version';
64
+ import TIcon from '../icon/icon';
65
+ import TLoading from '../loading/loading';
66
+ import { transitionMixins } from '../mixins/transition';
67
+ import useCustomNavbar from '../mixins/using-custom-navbar';
68
+ import TOverlay from '../overlay/overlay';
69
+
70
+ import props from './props';
70
71
 
71
72
 
72
73
  const name = `${prefix}-toast`;
@@ -8,10 +8,10 @@
8
8
  </view>
9
9
  </template>
10
10
  <script>
11
- import { uniComponent } from '../common/src/index';
12
- import transition from '../mixins/transition';
13
11
  import { prefix } from '../common/config';
12
+ import { uniComponent } from '../common/src/index';
14
13
  import tools from '../common/utils.wxs';
14
+ import transition from '../mixins/transition';
15
15
 
16
16
 
17
17
  const name = `${prefix}-transition`;
@@ -36,7 +36,7 @@ t-class-right-item-label | \-
36
36
  ### CSS Variables
37
37
 
38
38
  The component provides the following CSS variables, which can be used to customize styles.
39
- Name | Default Value | Description
39
+ Name | Default Value | Description
40
40
  -- | -- | --
41
41
  --td-tree-bg-color | @bg-color-container | -
42
42
  --td-tree-colum-text-color | @text-color-primary | -
@@ -68,7 +68,7 @@ t-class-right-item-label | 右侧第一列子项标签样式类
68
68
  ### CSS Variables
69
69
 
70
70
  组件提供了下列 CSS 变量,可用于自定义样式。
71
- 名称 | 默认值 | 描述
71
+ 名称 | 默认值 | 描述
72
72
  -- | -- | --
73
73
  --td-tree-bg-color | @bg-color-container | -
74
74
  --td-tree-colum-text-color | @text-color-primary | -
@@ -105,22 +105,27 @@
105
105
  </view>
106
106
  </template>
107
107
  <script>
108
- import TRadio from '../radio/radio';
109
- import TRadioGroup from '../radio-group/radio-group';
110
108
  import TCheckbox from '../checkbox/checkbox';
111
109
  import TCheckboxGroup from '../checkbox-group/checkbox-group';
112
- import TSideBar from '../side-bar/side-bar';
113
- import TSideBarItem from '../side-bar-item/side-bar-item';
114
- import TScrollView from '../scroll-view/scroll-view.vue';
115
110
 
116
- import { uniComponent } from '../common/src/index';
117
- import { isDef } from '../common/validator';
118
111
  import { prefix } from '../common/config';
112
+ import { uniComponent } from '../common/src/index';
119
113
  import { getTreeDepth, coalesce, nextTick } from '../common/utils';
120
- import props from './props';
114
+
121
115
  import tools from '../common/utils.wxs';
122
- import { getTreeClass } from './computed.js';
116
+ import { isDef } from '../common/validator';
117
+
118
+
123
119
  import { canUseVirtualHost } from '../common/version';
120
+ import TRadio from '../radio/radio';
121
+ import TRadioGroup from '../radio-group/radio-group';
122
+ import TScrollView from '../scroll-view/scroll-view.vue';
123
+ import TSideBar from '../side-bar/side-bar';
124
+ import TSideBarItem from '../side-bar-item/side-bar-item';
125
+
126
+ import { getTreeClass } from './computed.js';
127
+
128
+ import props from './props';
124
129
 
125
130
  const name = `${prefix}-tree-select`;
126
131
 
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdActionSheetProps } from '../action-sheet/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type ActionSheetProps = ExtractNonOnProps<TdActionSheetProps>;
5
5
  export type ActionSheetEmits = TransformEventHandlers<TdActionSheetProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdAvatarGroupProps } from '../avatar-group/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type AvatarGroupProps = ExtractNonOnProps<TdAvatarGroupProps>;
5
5
  export type AvatarGroupEmits = TransformEventHandlers<TdAvatarGroupProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdAvatarProps } from '../avatar/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type AvatarProps = ExtractNonOnProps<TdAvatarProps>;
5
5
  export type AvatarEmits = TransformEventHandlers<TdAvatarProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdBackTopProps } from '../back-top/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type BackTopProps = ExtractNonOnProps<TdBackTopProps>;
5
5
  export type BackTopEmits = TransformEventHandlers<TdBackTopProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdBadgeProps } from '../badge/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type BadgeProps = ExtractNonOnProps<TdBadgeProps>;
5
5
  export type BadgeEmits = TransformEventHandlers<TdBadgeProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdButtonProps } from '../button/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type ButtonProps = ExtractNonOnProps<TdButtonProps>;
5
5
  export type ButtonEmits = TransformEventHandlers<TdButtonProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdCalendarProps } from '../calendar/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type CalendarProps = ExtractNonOnProps<TdCalendarProps>;
5
5
  export type CalendarEmits = TransformEventHandlers<TdCalendarProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdCascaderProps } from '../cascader/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type CascaderProps = ExtractNonOnProps<TdCascaderProps>;
5
5
  export type CascaderEmits = TransformEventHandlers<TdCascaderProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdCellGroupProps } from '../cell-group/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type CellGroupProps = ExtractNonOnProps<TdCellGroupProps>;
5
5
  export type CellGroupEmits = TransformEventHandlers<TdCellGroupProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdCellProps } from '../cell/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type CellProps = ExtractNonOnProps<TdCellProps>;
5
5
  export type CellEmits = TransformEventHandlers<TdCellProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdCheckTagProps } from '../check-tag/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type CheckTagProps = ExtractNonOnProps<TdCheckTagProps>;
5
5
  export type CheckTagEmits = TransformEventHandlers<TdCheckTagProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdCheckboxGroupProps } from '../checkbox-group/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type CheckboxGroupProps = ExtractNonOnProps<TdCheckboxGroupProps>;
5
5
  export type CheckboxGroupEmits = TransformEventHandlers<TdCheckboxGroupProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdCheckboxProps } from '../checkbox/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type CheckboxProps = ExtractNonOnProps<TdCheckboxProps>;
5
5
  export type CheckboxEmits = TransformEventHandlers<TdCheckboxProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdColProps } from '../col/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type ColProps = ExtractNonOnProps<TdColProps>;
5
5
  export type ColEmits = TransformEventHandlers<TdColProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdCollapsePanelProps } from '../collapse-panel/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type CollapsePanelProps = ExtractNonOnProps<TdCollapsePanelProps>;
5
5
  export type CollapsePanelEmits = TransformEventHandlers<TdCollapsePanelProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdCollapseProps } from '../collapse/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type CollapseProps = ExtractNonOnProps<TdCollapseProps>;
5
5
  export type CollapseEmits = TransformEventHandlers<TdCollapseProps, true>;
@@ -1,5 +1,5 @@
1
- import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
1
  import type { TdColorPickerProps } from '../color-picker/type';
2
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
3
3
 
4
4
  export type ColorPickerProps = ExtractNonOnProps<TdColorPickerProps>;
5
5
  export type ColorPickerEmits = TransformEventHandlers<TdColorPickerProps, true>;
@@ -48,7 +48,7 @@ add-content | \-
48
48
  ### CSS Variables
49
49
 
50
50
  The component provides the following CSS variables, which can be used to customize styles.
51
- Name | Default Value | Description
51
+ Name | Default Value | Description
52
52
  -- | -- | --
53
53
  --td-upload-add-bg-color | @bg-color-secondarycontainer | -
54
54
  --td-upload-add-color | @text-color-placeholder | -
@@ -103,7 +103,7 @@ add-content | 自定义 `add-content` 显示内容
103
103
  ### CSS Variables
104
104
 
105
105
  组件提供了下列 CSS 变量,可用于自定义样式。
106
- 名称 | 默认值 | 描述
106
+ 名称 | 默认值 | 描述
107
107
  -- | -- | --
108
108
  --td-upload-add-bg-color | @bg-color-secondarycontainer | -
109
109
  --td-upload-add-color | @text-color-placeholder | -