@tdesign/uniapp 0.8.1 → 0.9.0

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 (50) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/badge/README.en-US.md +1 -0
  3. package/dist/badge/README.md +1 -0
  4. package/dist/badge/badge.css +1 -1
  5. package/dist/button/button.vue +5 -0
  6. package/dist/calendar/calendar.vue +6 -2
  7. package/dist/common/style/theme/index-light.css +282 -0
  8. package/dist/common/style/theme/index-light.less +9 -0
  9. package/dist/common/style/theme/raw/_components-light.less +8 -0
  10. package/dist/common/style/theme/raw/_light-only.less +181 -0
  11. package/dist/dropdown-item/dropdown-item.vue +2 -0
  12. package/dist/dropdown-menu/dropdown-menu.vue +1 -1
  13. package/dist/fab/fab.vue +2 -2
  14. package/dist/fab/props.ts +1 -1
  15. package/dist/fab/type.ts +1 -1
  16. package/dist/form-item/form-item.css +2 -2
  17. package/dist/form-item/form-item.vue +28 -21
  18. package/dist/indexes/computed.js +6 -2
  19. package/dist/indexes/indexes.css +7 -2
  20. package/dist/indexes/indexes.vue +1 -1
  21. package/dist/indexes/props.ts +5 -0
  22. package/dist/indexes/type.ts +5 -0
  23. package/dist/input/input.vue +8 -6
  24. package/dist/search/search.css +5 -0
  25. package/dist/search/search.vue +7 -12
  26. package/dist/segmented/README.en-US.md +42 -0
  27. package/dist/segmented/README.md +75 -0
  28. package/dist/segmented/props.ts +31 -0
  29. package/dist/segmented/segmented.css +66 -0
  30. package/dist/segmented/segmented.vue +174 -0
  31. package/dist/segmented/type.ts +41 -0
  32. package/dist/tab-bar-item/tab-bar-item.vue +4 -6
  33. package/dist/table/README.en-US.md +72 -0
  34. package/dist/table/README.md +117 -0
  35. package/dist/table/base-table-props.ts +105 -0
  36. package/dist/table/props.ts +94 -0
  37. package/dist/table/table.css +251 -0
  38. package/dist/table/table.vue +551 -0
  39. package/dist/table/type.ts +180 -0
  40. package/dist/tabs/tabs.css +4 -0
  41. package/dist/theme-light.css +282 -0
  42. package/dist/theme-light.css.d.ts +2 -0
  43. package/dist/theme-light.less +1 -0
  44. package/dist/theme-light.less.d.ts +2 -0
  45. package/dist/types/index.d.ts +2 -0
  46. package/dist/types/segmented.d.ts +7 -0
  47. package/dist/types/table.d.ts +7 -0
  48. package/global.d.ts +2 -0
  49. package/package.json +33 -9
  50. package/{dist/script → script}/postinstall.js +18 -2
package/dist/table/table.css ADDED
@@ -0,0 +1,251 @@
1
+ .t-table {
2
+ position: relative;
3
+ width: 100%;
4
+ font: var(--td-table-font-size, var(--td-font-body-medium, 28rpx / 44rpx var(--td-font-family, PingFang SC, Microsoft YaHei, Arial Regular)));
5
+ color: var(--td-table-body-text-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))));
6
+ background-color: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
7
+ box-sizing: border-box;
8
+ }
9
+ .t-table__content {
10
+ position: relative;
11
+ overflow: auto;
12
+ }
13
+ .t-table__content::-webkit-scrollbar,
14
+ .t-table__content ::-webkit-scrollbar {
15
+ width: 6px;
16
+ height: 6px;
17
+ }
18
+ .t-table__content::-webkit-scrollbar-thumb,
19
+ .t-table__content ::-webkit-scrollbar-thumb {
20
+ background-clip: content-box;
21
+ background-color: rgba(0, 0, 0, 0.1);
22
+ border-radius: 11px;
23
+ }
24
+ .t-table__content::-webkit-scrollbar-thumb:vertical:hover,
25
+ .t-table__content::-webkit-scrollbar-thumb:horizontal:hover,
26
+ .t-table__content ::-webkit-scrollbar-thumb:vertical:hover,
27
+ .t-table__content ::-webkit-scrollbar-thumb:horizontal:hover {
28
+ background-color: rgba(0, 0, 0, 0.3);
29
+ }
30
+ .t-table__table-elm {
31
+ display: flex;
32
+ flex-direction: column;
33
+ min-width: 100%;
34
+ }
35
+ .t-table__header {
36
+ position: relative;
37
+ z-index: 1;
38
+ }
39
+ .t-table__header-tr,
40
+ .t-table__tr {
41
+ display: flex;
42
+ min-width: 100%;
43
+ }
44
+ .t-table__th,
45
+ .t-table__td {
46
+ flex: 1 1 0;
47
+ box-sizing: border-box;
48
+ overflow: hidden;
49
+ min-width: 0;
50
+ border-bottom: 1px solid var(--td-table-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
51
+ }
52
+ .t-table__th {
53
+ padding: var(--td-table-th-padding, 8px 12px);
54
+ background-color: var(--td-table-header-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
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
+ font-weight: normal;
57
+ text-align: left;
58
+ }
59
+ .t-table__td {
60
+ padding: var(--td-table-td-padding, 8px 12px);
61
+ text-align: left;
62
+ }
63
+ .t-table__th-content,
64
+ .t-table__td-content {
65
+ overflow: hidden;
66
+ text-overflow: ellipsis;
67
+ white-space: nowrap;
68
+ }
69
+ .t-table__empty-row {
70
+ display: flex;
71
+ width: 100%;
72
+ }
73
+ .t-table__empty {
74
+ display: flex;
75
+ align-items: center;
76
+ justify-content: center;
77
+ width: 100%;
78
+ padding: 24px 0;
79
+ background-color: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
80
+ color: var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
81
+ }
82
+ .t-table__body {
83
+ position: relative;
84
+ background-color: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
85
+ }
86
+ .t-table__bottom-content {
87
+ padding: 8px 12px;
88
+ background-color: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
89
+ border-top: 1px solid var(--td-table-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
90
+ }
91
+ .t-table__loading--full {
92
+ position: absolute;
93
+ top: 0;
94
+ left: 0;
95
+ right: 0;
96
+ bottom: 0;
97
+ display: flex;
98
+ align-items: center;
99
+ justify-content: center;
100
+ background-color: var(--td-table-loading-bg-color, rgba(255, 255, 255, 0.55));
101
+ z-index: 10;
102
+ }
103
+ .t-table .t-align-left {
104
+ text-align: left;
105
+ }
106
+ .t-table .t-align-center {
107
+ text-align: center;
108
+ }
109
+ .t-table .t-align-right {
110
+ text-align: right;
111
+ }
112
+ .t-table.t-vertical-align-top .t-table__td {
113
+ vertical-align: top;
114
+ }
115
+ .t-table.t-vertical-align-middle .t-table__td {
116
+ vertical-align: middle;
117
+ }
118
+ .t-table.t-vertical-align-bottom .t-table__td {
119
+ vertical-align: bottom;
120
+ }
121
+ .t-table--bordered {
122
+ border: 1px solid var(--td-table-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
123
+ }
124
+ .t-table--bordered .t-table__th,
125
+ .t-table--bordered .t-table__td {
126
+ border-right: 1px solid var(--td-table-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
127
+ }
128
+ .t-table--bordered .t-table__th:last-child,
129
+ .t-table--bordered .t-table__td:last-child {
130
+ border-right: none;
131
+ }
132
+ .t-table--bordered .t-table__th {
133
+ border-bottom: 1px solid var(--td-table-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
134
+ }
135
+ .t-table--striped:not(.t-table--bordered) .t-table__th,
136
+ .t-table--striped:not(.t-table--bordered) .t-table__td {
137
+ border-bottom: none;
138
+ }
139
+ .t-table--striped .t-table__tr:nth-child(odd) {
140
+ background-color: var(--td-table-stripe-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
141
+ }
142
+ .t-table--striped .t-table__tr:nth-child(odd) .t-table__cell--fixed-left,
143
+ .t-table--striped .t-table__tr:nth-child(odd) .t-table__cell--fixed-right {
144
+ background-color: var(--td-table-stripe-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
145
+ }
146
+ .t-table--layout-fixed .t-table__table-elm {
147
+ table-layout: fixed;
148
+ }
149
+ .t-table--layout-auto .t-table__table-elm {
150
+ table-layout: auto;
151
+ }
152
+ .t-table--rowspan-colspan .t-table__td-last-row {
153
+ border-bottom: none;
154
+ }
155
+ .t-table--rowspan-colspan .t-table__td-first-col {
156
+ border-left: none;
157
+ }
158
+ .t-table__header--fixed {
159
+ position: sticky;
160
+ top: 0;
161
+ z-index: 33;
162
+ }
163
+ .t-table__header--fixed .t-table__th {
164
+ background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
165
+ }
166
+ .t-table__row--fixed-top,
167
+ .t-table__row--fixed-bottom {
168
+ background-color: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
169
+ }
170
+ .t-table__row--fixed-top > .t-table__td,
171
+ .t-table__row--fixed-bottom > .t-table__td {
172
+ background-color: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
173
+ }
174
+ .t-table__row--fixed-top > .t-table__cell--fixed-left,
175
+ .t-table__row--fixed-bottom > .t-table__cell--fixed-left,
176
+ .t-table__row--fixed-top > .t-table__cell--fixed-right,
177
+ .t-table__row--fixed-bottom > .t-table__cell--fixed-right {
178
+ background-color: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
179
+ }
180
+ .t-table--striped .t-table__row--fixed-top:nth-child(odd) > .t-table__td,
181
+ .t-table--striped .t-table__row--fixed-bottom:nth-child(odd) > .t-table__td {
182
+ background-color: var(--td-table-stripe-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
183
+ }
184
+ .t-table--striped .t-table__row--fixed-top:nth-child(even) > .t-table__td,
185
+ .t-table--striped .t-table__row--fixed-bottom:nth-child(even) > .t-table__td {
186
+ background-color: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
187
+ }
188
+ .t-table--striped .t-table__row--fixed-top:nth-child(odd) > .t-table__cell--fixed-left,
189
+ .t-table--striped .t-table__row--fixed-bottom:nth-child(odd) > .t-table__cell--fixed-left,
190
+ .t-table--striped .t-table__row--fixed-top:nth-child(odd) > .t-table__cell--fixed-right,
191
+ .t-table--striped .t-table__row--fixed-bottom:nth-child(odd) > .t-table__cell--fixed-right {
192
+ background-color: var(--td-table-stripe-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3)));
193
+ }
194
+ .t-table--striped .t-table__row--fixed-top:nth-child(even) > .t-table__cell--fixed-left,
195
+ .t-table--striped .t-table__row--fixed-bottom:nth-child(even) > .t-table__cell--fixed-left,
196
+ .t-table--striped .t-table__row--fixed-top:nth-child(even) > .t-table__cell--fixed-right,
197
+ .t-table--striped .t-table__row--fixed-bottom:nth-child(even) > .t-table__cell--fixed-right {
198
+ background-color: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
199
+ }
200
+ .t-table__row--fixed-bottom-first > .t-table__td {
201
+ border-top: 1px solid var(--td-table-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
202
+ }
203
+ .t-table__row--without-border-bottom > .t-table__td {
204
+ border-bottom: none;
205
+ }
206
+ .t-table--column-fixed .t-table__cell--fixed-left,
207
+ .t-table--column-fixed .t-table__cell--fixed-right {
208
+ position: sticky;
209
+ z-index: 30;
210
+ background-color: var(--td-bg-color-container, var(--td-font-white-1, #ffffff));
211
+ }
212
+ .t-table--column-fixed .t-table__cell--fixed-right {
213
+ z-index: 31;
214
+ }
215
+ .t-table--column-fixed .t-table__header--fixed .t-table__cell--fixed-left,
216
+ .t-table--column-fixed .t-table__header--fixed .t-table__cell--fixed-right {
217
+ background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
218
+ }
219
+ .t-table--column-fixed .t-table__cell--fixed-right-first {
220
+ border-left: 2px solid var(--td-table-fixed-cell-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
221
+ }
222
+ .t-table--column-fixed .t-table__cell--fixed-left-last::after,
223
+ .t-table--column-fixed .t-table__cell--fixed-right-first::after {
224
+ position: absolute;
225
+ top: 0;
226
+ bottom: 0;
227
+ content: '';
228
+ transition: box-shadow 0.3s;
229
+ pointer-events: none;
230
+ z-index: -1;
231
+ }
232
+ .t-table--column-fixed .t-table__cell--fixed-left-last::after {
233
+ right: 0;
234
+ transform: translateX(100%);
235
+ }
236
+ .t-table--column-fixed .t-table__cell--fixed-right-first::after {
237
+ left: 0;
238
+ transform: translateX(-100%);
239
+ }
240
+ .t-table__content--scrollable-to-left .t-table__cell--fixed-left-last::after {
241
+ border-right: 2px solid var(--td-table-fixed-cell-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
242
+ }
243
+ .t-table__content--scrollable-to-right .t-table__cell--fixed-right-first::after {
244
+ border-left: 2px solid var(--td-table-fixed-cell-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
245
+ }
246
+ .t-table--bordered .t-table__content--scrollable-to-left .t-table__cell--fixed-left-last::after {
247
+ border-right: 4px solid var(--td-table-fixed-cell-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
248
+ }
249
+ .t-table--bordered .t-table__content--scrollable-to-right .t-table__cell--fixed-right-first::after {
250
+ border-left: 4px solid var(--td-table-fixed-cell-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
251
+ }