@tdesign/uniapp 0.8.0 → 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 (134) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +43 -34
  3. package/dist/action-sheet/README.md +8 -3
  4. package/dist/avatar/README.md +3 -1
  5. package/dist/back-top/README.md +3 -1
  6. package/dist/badge/README.en-US.md +1 -0
  7. package/dist/badge/README.md +4 -1
  8. package/dist/badge/badge.css +1 -1
  9. package/dist/button/README.md +3 -1
  10. package/dist/button/button.vue +5 -0
  11. package/dist/calendar/README.md +3 -1
  12. package/dist/calendar/calendar.vue +6 -2
  13. package/dist/cascader/README.md +3 -1
  14. package/dist/cell/README.md +3 -1
  15. package/dist/checkbox/README.md +3 -1
  16. package/dist/col/README.md +3 -1
  17. package/dist/collapse/README.md +3 -1
  18. package/dist/color-picker/README.md +3 -1
  19. package/dist/common/common.ts +121 -5
  20. package/dist/common/src/index.js +0 -1
  21. package/dist/common/style/theme/index-light.css +282 -0
  22. package/dist/common/style/theme/index-light.less +9 -0
  23. package/dist/common/style/theme/raw/_components-light.less +8 -0
  24. package/dist/common/style/theme/raw/_light-only.less +181 -0
  25. package/dist/common/validator.ts +496 -0
  26. package/dist/config-provider/README.md +3 -1
  27. package/dist/count-down/README.md +3 -1
  28. package/dist/date-time-picker/README.md +3 -1
  29. package/dist/dialog/README.md +3 -1
  30. package/dist/divider/README.md +3 -1
  31. package/dist/drawer/README.md +3 -1
  32. package/dist/dropdown-item/dropdown-item.vue +2 -0
  33. package/dist/dropdown-menu/README.md +2 -2
  34. package/dist/dropdown-menu/dropdown-menu.vue +1 -1
  35. package/dist/empty/README.md +3 -1
  36. package/dist/fab/README.md +3 -1
  37. package/dist/fab/fab.vue +2 -2
  38. package/dist/fab/props.ts +1 -1
  39. package/dist/fab/type.ts +1 -1
  40. package/dist/footer/README.md +3 -1
  41. package/dist/form/README.en-US.md +2 -2
  42. package/dist/form/README.md +5 -3
  43. package/dist/form/form.vue +1 -1
  44. package/dist/form/type.ts +3 -3
  45. package/dist/form-item/form-item.css +6 -2
  46. package/dist/form-item/form-item.vue +30 -24
  47. package/dist/form-item/type.ts +2 -2
  48. package/dist/grid/README.md +3 -1
  49. package/dist/guide/README.md +3 -1
  50. package/dist/icon/README.md +10 -7
  51. package/dist/icon/icon.css +1633 -1624
  52. package/dist/image/README.md +3 -1
  53. package/dist/image-viewer/README.md +3 -1
  54. package/dist/index.js +13 -0
  55. package/dist/indexes/README.md +3 -1
  56. package/dist/indexes/computed.js +6 -2
  57. package/dist/indexes/indexes.css +7 -2
  58. package/dist/indexes/indexes.vue +1 -1
  59. package/dist/indexes/props.ts +5 -0
  60. package/dist/indexes/type.ts +5 -0
  61. package/dist/input/README.md +3 -1
  62. package/dist/input/input.vue +8 -32
  63. package/dist/link/README.md +3 -1
  64. package/dist/loading/README.md +3 -1
  65. package/dist/message/README.md +8 -3
  66. package/dist/mixins/page-scroll.d.ts +19 -0
  67. package/dist/mixins/skyline.js +1 -1
  68. package/dist/navbar/README.md +3 -1
  69. package/dist/notice-bar/README.md +3 -1
  70. package/dist/overlay/README.md +3 -1
  71. package/dist/picker/README.md +3 -1
  72. package/dist/popover/README.md +3 -1
  73. package/dist/popup/README.md +3 -1
  74. package/dist/progress/README.md +2 -2
  75. package/dist/pull-down-refresh/README.md +3 -1
  76. package/dist/qrcode/README.md +3 -1
  77. package/dist/radio/README.md +3 -1
  78. package/dist/rate/README.md +3 -1
  79. package/dist/rate/rate.css +1 -0
  80. package/dist/result/README.md +3 -1
  81. package/dist/search/README.md +3 -1
  82. package/dist/search/search.css +5 -0
  83. package/dist/search/search.vue +7 -12
  84. package/dist/segmented/README.en-US.md +42 -0
  85. package/dist/segmented/README.md +75 -0
  86. package/dist/segmented/props.ts +31 -0
  87. package/dist/segmented/segmented.css +66 -0
  88. package/dist/segmented/segmented.vue +174 -0
  89. package/dist/segmented/type.ts +41 -0
  90. package/dist/side-bar/README.md +3 -1
  91. package/dist/skeleton/README.md +3 -1
  92. package/dist/slider/README.md +3 -1
  93. package/dist/stepper/README.md +3 -1
  94. package/dist/steps/README.md +3 -1
  95. package/dist/sticky/README.md +3 -1
  96. package/dist/swipe-cell/README.md +3 -1
  97. package/dist/swiper/README.md +3 -1
  98. package/dist/switch/README.md +3 -1
  99. package/dist/tab-bar/README.md +3 -1
  100. package/dist/tab-bar-item/tab-bar-item.vue +4 -6
  101. package/dist/table/README.en-US.md +72 -0
  102. package/dist/table/README.md +117 -0
  103. package/dist/table/base-table-props.ts +105 -0
  104. package/dist/table/props.ts +94 -0
  105. package/dist/table/table.css +251 -0
  106. package/dist/table/table.vue +551 -0
  107. package/dist/table/type.ts +180 -0
  108. package/dist/tabs/README.md +3 -1
  109. package/dist/tabs/tabs.css +4 -0
  110. package/dist/tag/README.md +3 -1
  111. package/dist/textarea/README.md +3 -1
  112. package/dist/textarea/textarea.vue +1 -25
  113. package/dist/theme-light.css +282 -0
  114. package/dist/theme-light.css.d.ts +2 -0
  115. package/dist/theme-light.less +1 -0
  116. package/dist/theme-light.less.d.ts +2 -0
  117. package/dist/theme.css +467 -0
  118. package/dist/theme.css.d.ts +2 -0
  119. package/dist/theme.less +1 -0
  120. package/dist/theme.less.d.ts +2 -0
  121. package/dist/toast/README.md +3 -1
  122. package/dist/transition/README.md +4 -6
  123. package/dist/tree-select/README.md +3 -1
  124. package/dist/types/index.d.ts +17 -0
  125. package/dist/types/segmented.d.ts +7 -0
  126. package/dist/types/table.d.ts +7 -0
  127. package/dist/upload/README.md +3 -1
  128. package/dist/watermark/README.md +3 -1
  129. package/global.d.ts +2 -0
  130. package/package.json +66 -8
  131. package/script/postinstall.js +87 -0
  132. package/dist/common/src/superComponent.js +0 -5
  133. package/dist/common/validator.js +0 -210
  134. package/dist/script/postinstall.js +0 -46
package/dist/theme.css ADDED
@@ -0,0 +1,467 @@
1
+ /* ./raw/_light.less */
2
+ @media (prefers-color-scheme: light) {
3
+ /* #ifdef H5 */
4
+ :root,
5
+ /* #endif */
6
+ page,
7
+ .page {
8
+ --td-brand-color-1: #f2f3ff;
9
+ --td-brand-color-2: #d9e1ff;
10
+ --td-brand-color-3: #b5c7ff;
11
+ --td-brand-color-4: #8eabff;
12
+ --td-brand-color-5: #618dff;
13
+ --td-brand-color-6: #366ef4;
14
+ --td-brand-color-7: #0052d9;
15
+ --td-brand-color-8: #003cab;
16
+ --td-brand-color-9: #002a7c;
17
+ --td-brand-color-10: #001a57;
18
+
19
+ --td-primary-color-1: var(--td-brand-color-1);
20
+ --td-primary-color-2: var(--td-brand-color-2);
21
+ --td-primary-color-3: var(--td-brand-color-3);
22
+ --td-primary-color-4: var(--td-brand-color-4);
23
+ --td-primary-color-5: var(--td-brand-color-5);
24
+ --td-primary-color-6: var(--td-brand-color-6);
25
+ --td-primary-color-7: var(--td-brand-color-7);
26
+ --td-primary-color-8: var(--td-brand-color-8);
27
+ --td-primary-color-9: var(--td-brand-color-9);
28
+ --td-primary-color-10: var(--td-brand-color-10);
29
+
30
+ --td-warning-color-1: #fff1e9;
31
+ --td-warning-color-2: #ffd9c2;
32
+ --td-warning-color-3: #ffb98c;
33
+ --td-warning-color-4: #fa9550;
34
+ --td-warning-color-5: #e37318;
35
+ --td-warning-color-6: #be5a00;
36
+ --td-warning-color-7: #954500;
37
+ --td-warning-color-8: #713300;
38
+ --td-warning-color-9: #532300;
39
+ --td-warning-color-10: #3b1700;
40
+
41
+ --td-error-color-1: #fff0ed;
42
+ --td-error-color-2: #ffd8d2;
43
+ --td-error-color-3: #ffb9b0;
44
+ --td-error-color-4: #ff9285;
45
+ --td-error-color-5: #f6685d;
46
+ --td-error-color-6: #d54941;
47
+ --td-error-color-7: #ad352f;
48
+ --td-error-color-8: #881f1c;
49
+ --td-error-color-9: #68070a;
50
+ --td-error-color-10: #490002;
51
+
52
+ --td-success-color-1: #e3f9e9;
53
+ --td-success-color-2: #c6f3d7;
54
+ --td-success-color-3: #92dab2;
55
+ --td-success-color-4: #56c08d;
56
+ --td-success-color-5: #2ba471;
57
+ --td-success-color-6: #008858;
58
+ --td-success-color-7: #006c45;
59
+ --td-success-color-8: #005334;
60
+ --td-success-color-9: #003b23;
61
+ --td-success-color-10: #002515;
62
+
63
+ --td-gray-color-1: #f3f3f3;
64
+ --td-gray-color-2: #eeeeee;
65
+ --td-gray-color-3: #e7e7e7;
66
+ --td-gray-color-4: #dcdcdc;
67
+ --td-gray-color-5: #c5c5c5;
68
+ --td-gray-color-6: #a6a6a6;
69
+ --td-gray-color-7: #8b8b8b;
70
+ --td-gray-color-8: #777777;
71
+ --td-gray-color-9: #5e5e5e;
72
+ --td-gray-color-10: #4b4b4b;
73
+ --td-gray-color-11: #383838;
74
+ --td-gray-color-12: #2c2c2c;
75
+ --td-gray-color-13: #242424;
76
+ --td-gray-color-14: #181818;
77
+
78
+ --td-font-white-1: rgba(255, 255, 255, 1);
79
+ --td-font-white-2: rgba(255, 255, 255, 0.55);
80
+ --td-font-white-3: rgba(255, 255, 255, 0.35);
81
+ --td-font-white-4: rgba(255, 255, 255, 0.22);
82
+ --td-font-gray-1: rgba(0, 0, 0, 0.9);
83
+ --td-font-gray-2: rgba(0, 0, 0, 0.6);
84
+ --td-font-gray-3: rgba(0, 0, 0, 0.4);
85
+ --td-font-gray-4: rgba(0, 0, 0, 0.26);
86
+
87
+ --td-brand-color: var(--td-primary-color-7);
88
+ --td-warning-color: var(--td-warning-color-5);
89
+ --td-error-color: var(--td-error-color-6);
90
+ --td-success-color: var(--td-success-color-5);
91
+
92
+ --td-brand-color-focus: var(--td-primary-color-1);
93
+ --td-brand-color-active: var(--td-primary-color-8);
94
+ --td-brand-color-disabled: var(--td-primary-color-3);
95
+ --td-brand-color-light: var(--td-primary-color-1);
96
+ --td-brand-color-light-active: var(--td-primary-color-2);
97
+
98
+ --td-warning-color-active: var(--td-warning-color-6);
99
+ --td-warning-color-disabled: var(--td-warning-color-3);
100
+ --td-warning-color-focus: var(--td-warning-color-2);
101
+ --td-warning-color-light: var(--td-warning-color-1);
102
+ --td-warning-color-light-active: var(--td-warning-color-2);
103
+
104
+ --td-error-color-focus: var(--td-error-color-2);
105
+ --td-error-color-active: var(--td-error-color-7);
106
+ --td-error-color-disabled: var(--td-error-color-3);
107
+ --td-error-color-light: var(--td-error-color-1);
108
+ --td-error-color-light-active: var(--td-error-color-2);
109
+
110
+ --td-success-color-focus: var(--td-success-color-2);
111
+ --td-success-color-active: var(--td-success-color-6);
112
+ --td-success-color-disabled: var(--td-success-color-3);
113
+ --td-success-color-light: var(--td-success-color-1);
114
+ --td-success-color-light-active: var(--td-success-color-2);
115
+
116
+ --td-mask-active: rgba(0, 0, 0, 60%);
117
+ --td-mask-disabled: rgba(255, 255, 255, 60%);
118
+ --td-mask-background: rgba(255, 255, 255, 96%);
119
+
120
+ --td-bg-color-page: var(--td-gray-color-1);
121
+ --td-bg-color-container: var(--td-font-white-1);
122
+ --td-bg-color-container-active: var(--td-gray-color-3);
123
+ --td-bg-color-secondarycontainer: var(--td-gray-color-1);
124
+ --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
125
+ --td-bg-color-component: var(--td-gray-color-3);
126
+ --td-bg-color-component-active: var(--td-gray-color-6);
127
+ --td-bg-color-component-disabled: var(--td-gray-color-2);
128
+ --td-bg-color-secondarycomponent: var(--td-gray-color-4);
129
+ --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
130
+
131
+ --td-bg-color-specialcomponent: #fff;
132
+
133
+ --td-text-color-primary: var(--td-font-gray-1);
134
+ --td-text-color-secondary: var(--td-font-gray-2);
135
+ --td-text-color-placeholder: var(--td-font-gray-3);
136
+ --td-text-color-disabled: var(--td-font-gray-4);
137
+ --td-text-color-anti: var(--td-font-white-1);
138
+ --td-text-color-brand: var(--td-brand-color);
139
+ --td-text-color-link: var(--td-brand-color);
140
+
141
+ --td-border-level-1-color: var(--td-gray-color-3);
142
+ --td-component-stroke: var(--td-gray-color-3);
143
+ --td-border-level-2-color: var(--td-gray-color-4);
144
+ --td-component-border: var(--td-gray-color-4);
145
+
146
+ --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 5%), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
147
+ --td-shadow-2:
148
+ 0 3px 14px 2px rgba(0, 0, 0, 5%), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
149
+ --td-shadow-3:
150
+ 0 6px 30px 5px rgba(0, 0, 0, 5%), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
151
+ --td-shadow-4: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
152
+
153
+ --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
154
+ --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
155
+ --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
156
+ --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
157
+
158
+ --td-table-shadow-color: rgba(0, 0, 0, 8%);
159
+
160
+ --td-scrollbar-color: rgba(0, 0, 0, 10%);
161
+ --td-scrollbar-hover-color: rgba(0, 0, 0, 30%);
162
+ --td-scroll-track-color: #fff;
163
+ }
164
+ }
165
+
166
+ /* ./raw/_dark.less */
167
+ @media (prefers-color-scheme: dark) {
168
+ /* #ifdef H5 */
169
+ :root,
170
+ /* #endif */
171
+ page,
172
+ .page {
173
+ --td-brand-color-1: #1b2f51;
174
+ --td-brand-color-2: #173463;
175
+ --td-brand-color-3: #143975;
176
+ --td-brand-color-4: #103d88;
177
+ --td-brand-color-5: #0d429a;
178
+ --td-brand-color-6: #054bbe;
179
+ --td-brand-color-7: #2667d4;
180
+ --td-brand-color-8: #4582e6;
181
+ --td-brand-color-9: #699ef5;
182
+ --td-brand-color-10: #96bbf8;
183
+
184
+ --td-primary-color-1: var(--td-brand-color-1);
185
+ --td-primary-color-2: var(--td-brand-color-2);
186
+ --td-primary-color-3: var(--td-brand-color-3);
187
+ --td-primary-color-4: var(--td-brand-color-4);
188
+ --td-primary-color-5: var(--td-brand-color-5);
189
+ --td-primary-color-6: var(--td-brand-color-6);
190
+ --td-primary-color-7: var(--td-brand-color-7);
191
+ --td-primary-color-8: var(--td-brand-color-8);
192
+ --td-primary-color-9: var(--td-brand-color-9);
193
+ --td-primary-color-10: var(--td-brand-color-10);
194
+
195
+ --td-warning-color-1: #4f2a1d;
196
+ --td-warning-color-2: #582f21;
197
+ --td-warning-color-3: #733c23;
198
+ --td-warning-color-4: #a75d2b;
199
+ --td-warning-color-5: #cf6e2d;
200
+ --td-warning-color-6: #dc7633;
201
+ --td-warning-color-7: #e8935c;
202
+ --td-warning-color-8: #ecbf91;
203
+ --td-warning-color-9: #eed7bf;
204
+ --td-warning-color-10: #f3e9dc;
205
+
206
+ --td-error-color-1: #472324;
207
+ --td-error-color-2: #5e2a2d;
208
+ --td-error-color-3: #703439;
209
+ --td-error-color-4: #83383e;
210
+ --td-error-color-5: #a03f46;
211
+ --td-error-color-6: #c64751;
212
+ --td-error-color-7: #de6670;
213
+ --td-error-color-8: #ec888e;
214
+ --td-error-color-9: #edb1b6;
215
+ --td-error-color-10: #eeced0;
216
+
217
+ --td-success-color-1: #193a2a;
218
+ --td-success-color-2: #1a4230;
219
+ --td-success-color-3: #17533d;
220
+ --td-success-color-4: #0d7a55;
221
+ --td-success-color-5: #059465;
222
+ --td-success-color-6: #43af8a;
223
+ --td-success-color-7: #46bf96;
224
+ --td-success-color-8: #80d2b6;
225
+ --td-success-color-9: #b4e1d3;
226
+ --td-success-color-10: #deede8;
227
+
228
+ --td-gray-color-1: #f3f3f3;
229
+ --td-gray-color-2: #eee;
230
+ --td-gray-color-3: #e8e8e8;
231
+ --td-gray-color-4: #ddd;
232
+ --td-gray-color-5: #c6c6c6;
233
+ --td-gray-color-6: #a6a6a6;
234
+ --td-gray-color-7: #8b8b8b;
235
+ --td-gray-color-8: #777;
236
+ --td-gray-color-9: #5e5e5e;
237
+ --td-gray-color-10: #4b4b4b;
238
+ --td-gray-color-11: #383838;
239
+ --td-gray-color-12: #2c2c2c;
240
+ --td-gray-color-13: #242424;
241
+ --td-gray-color-14: #181818;
242
+
243
+ --td-font-white-1: rgba(255, 255, 255, 90%);
244
+ --td-font-white-2: rgba(255, 255, 255, 55%);
245
+ --td-font-white-3: rgba(255, 255, 255, 35%);
246
+ --td-font-white-4: rgba(255, 255, 255, 22%);
247
+ --td-font-gray-1: rgba(0, 0, 0, 90%);
248
+ --td-font-gray-2: rgba(0, 0, 0, 60%);
249
+ --td-font-gray-3: rgba(0, 0, 0, 40%);
250
+ --td-font-gray-4: rgba(0, 0, 0, 26%);
251
+
252
+ --td-brand-color: var(--td-primary-color-8);
253
+ --td-warning-color: var(--td-warning-color-5);
254
+ --td-error-color: var(--td-error-color-6);
255
+ --td-success-color: var(--td-success-color-5);
256
+
257
+ --td-brand-color-focus: var(--td-primary-color-1);
258
+ --td-brand-color-active: var(--td-primary-color-9);
259
+ --td-brand-color-disabled: var(--td-primary-color-3);
260
+ --td-brand-color-light: var(--td-primary-color-1);
261
+ --td-brand-color-light-active: var(--td-primary-color-2);
262
+
263
+ --td-warning-color-focus: var(--td-warning-color-2);
264
+ --td-warning-color-active: var(--td-warning-color-4);
265
+ --td-warning-color-disabled: var(--td-warning-color-3);
266
+ --td-warning-color-light: var(--td-warning-color-1);
267
+ --td-warning-color-light-active: var(--td-warning-color-2);
268
+
269
+ --td-error-color-focus: var(--td-error-color-2);
270
+ --td-error-color-active: var(--td-error-color-5);
271
+ --td-error-color-disabled: var(--td-error-color-3);
272
+ --td-error-color-light: var(--td-error-color-1);
273
+ --td-error-color-light-active: var(--td-error-color-2);
274
+
275
+ --td-success-color-focus: var(--td-success-color-2);
276
+ --td-success-color-active: var(--td-success-color-4);
277
+ --td-success-color-disabled: var(--td-success-color-3);
278
+ --td-success-color-light: var(--td-success-color-1);
279
+ --td-success-color-light-active: var(--td-success-color-2);
280
+
281
+ --td-mask-active: rgba(0, 0, 0, 40%);
282
+ --td-mask-disabled: rgba(0, 0, 0, 60%);
283
+ --td-mask-background: rgba(36, 36, 36, 96%);
284
+
285
+ --td-bg-color-page: var(--td-gray-color-14);
286
+ --td-bg-color-container: var(--td-gray-color-13);
287
+ --td-bg-color-secondarycontainer: var(--td-gray-color-12);
288
+ --td-bg-color-component: var(--td-gray-color-11);
289
+ --td-bg-color-container-active: var(--td-gray-color-12);
290
+ --td-bg-color-secondarycontainer-active: var(--td-gray-color-11);
291
+ --td-bg-color-component-active: var(--td-gray-color-10);
292
+ --td-bg-color-component-disabled: var(--td-gray-color-12);
293
+ --td-bg-color-secondarycomponent: var(--td-gray-color-10);
294
+ --td-bg-color-secondarycomponent-active: var(--td-gray-color-8);
295
+
296
+ --td-bg-color-specialcomponent: transparent;
297
+
298
+ --td-text-color-primary: var(--td-font-white-1);
299
+ --td-text-color-secondary: var(--td-font-white-2);
300
+ --td-text-color-placeholder: var(--td-font-white-3);
301
+ --td-text-color-disabled: var(--td-font-white-4);
302
+ --td-text-color-anti: var(--td-font-white-1);
303
+ --td-text-color-brand: var(--td-primary-color-8);
304
+ --td-text-color-link: var(--td-primary-color-8);
305
+
306
+ --td-border-level-1-color: var(--td-gray-color-11);
307
+ --td-component-stroke: var(--td-gray-color-11);
308
+ --td-border-level-2-color: var(--td-gray-color-9);
309
+ --td-component-border: var(--td-gray-color-9);
310
+
311
+ --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 6%), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
312
+ --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 12%), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
313
+ --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 14%), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
314
+
315
+ --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
316
+ --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
317
+ --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
318
+ --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
319
+
320
+ --td-table-shadow-color: rgba(0, 0, 0, 55%);
321
+
322
+ --td-scrollbar-color: rgba(255, 255, 255, 10%);
323
+ --td-scroll-track-color: #333;
324
+ }
325
+ }
326
+
327
+ /* ./raw/_radius.less */
328
+ page,
329
+ .page {
330
+ --td-radius-small: 3px;
331
+ --td-radius-default: 6px;
332
+ --td-radius-large: 9px;
333
+ --td-radius-extraLarge: 12px;
334
+ --td-radius-round: 999px;
335
+ --td-radius-circle: 50%;
336
+ }
337
+
338
+ /* ./raw/_font.less */
339
+ page,
340
+ .page {
341
+ --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
342
+ --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
343
+
344
+ --td-font-size-link-small: 12px;
345
+ --td-font-size-link-medium: 14px;
346
+ --td-font-size-link-large: 16px;
347
+ --td-font-size-mark-extraSmall: 10px;
348
+ --td-font-size-mark-small: 12px;
349
+ --td-font-size-mark-medium: 14px;
350
+ --td-font-size-mark-large: 16px;
351
+ --td-font-size-body-extraSmall: 10px;
352
+ --td-font-size-body-small: 12px;
353
+ --td-font-size-body-medium: 14px;
354
+ --td-font-size-body-large: 16px;
355
+ --td-font-size-title-small: 14px;
356
+ --td-font-size-title-medium: 16px;
357
+ --td-font-size-title-large: 18px;
358
+ --td-font-size-title-extraLarge: 20px;
359
+ --td-font-size-headline-small: 24px;
360
+ --td-font-size-headline-medium: 28px;
361
+ --td-font-size-headline-large: 36px;
362
+ --td-font-size-display-medium: 48px;
363
+ --td-font-size-display-large: 64px;
364
+
365
+ --td-line-height-link-small: 20px;
366
+ --td-line-height-link-medium: 22px;
367
+ --td-line-height-link-large: 24px;
368
+ --td-line-height-mark-extraSmall: 16px;
369
+ --td-line-height-mark-small: 20px;
370
+ --td-line-height-mark-medium: 22px;
371
+ --td-line-height-mark-large: 24px;
372
+ --td-line-height-body-extraSmall: 16px;
373
+ --td-line-height-body-small: 20px;
374
+ --td-line-height-body-medium: 22px;
375
+ --td-line-height-body-large: 24px;
376
+ --td-line-height-title-small: 22px;
377
+ --td-line-height-title-medium: 24px;
378
+ --td-line-height-title-large: 26px;
379
+ --td-line-height-title-extraLarge: 28px;
380
+ --td-line-height-headline-small: 32px;
381
+ --td-line-height-headline-medium: 36px;
382
+ --td-line-height-headline-large: 44px;
383
+ --td-line-height-display-medium: 56px;
384
+ --td-line-height-display-large: 72px;
385
+
386
+ --td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);
387
+ --td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);
388
+ --td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);
389
+ --td-font-mark-extraSmall: 600 var(--td-font-size-mark-extraSmall) / var(--td-line-height-mark-extraSmall)
390
+ var(--td-font-family);
391
+ --td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);
392
+ --td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);
393
+ --td-font-mark-large: 600 var(--td-font-size-mark-large) / var(--td-line-height-mark-large) var(--td-font-family);
394
+ --td-font-body-extraSmall: var(--td-font-size-body-extraSmall) / var(--td-line-height-body-extraSmall)
395
+ var(--td-font-family);
396
+ --td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);
397
+ --td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);
398
+ --td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);
399
+ --td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);
400
+ --td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium)
401
+ var(--td-font-family);
402
+ --td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);
403
+ --td-font-title-extraLarge: 600 var(--td-font-size-title-extraLarge) / var(--td-line-height-title-extraLarge)
404
+ var(--td-font-family);
405
+ --td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small)
406
+ var(--td-font-family);
407
+ --td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium)
408
+ var(--td-font-family);
409
+ --td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large)
410
+ var(--td-font-family);
411
+ --td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium)
412
+ var(--td-font-family);
413
+ --td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large)
414
+ var(--td-font-family);
415
+
416
+ --td-font-size: 10px;
417
+ --td-font-size-xs: var(--td-font-size-body-extraSmall);
418
+ --td-font-size-s: var(--td-font-size-body-small);
419
+ --td-font-size-base: var(--td-font-size-title-small);
420
+ --td-font-size-m: var(--td-font-size-title-medium);
421
+ --td-font-size-l: var(--td-font-size-title-large);
422
+ --td-font-size-xl: var(--td-font-size-title-extraLarge);
423
+ --td-font-size-xxl: var(--td-font-size-headline-large);
424
+ }
425
+
426
+ /* ./raw/_spacer.less */
427
+ page,
428
+ .page {
429
+ --td-spacer: 8px;
430
+ --td-spacer-1: 12px;
431
+ --td-spacer-2: 16px;
432
+ --td-spacer-3: 24px;
433
+ --td-spacer-4: 32px;
434
+ --td-spacer-5: 48px;
435
+ --td-spacer-6: 80px;
436
+ }
437
+
438
+ /* ./raw/_components.less */
439
+ @media (prefers-color-scheme: light) {
440
+ page,
441
+ .page {
442
+ --td-picker-transparent-color: rgba(255, 255, 255, 0);
443
+
444
+ --td-switch-dot-disabled-color: var(--td-font-white-1);
445
+ --td-switch-loading-color: var(--td-brand-color);
446
+ }
447
+ }
448
+
449
+ @media (prefers-color-scheme: dark) {
450
+ page,
451
+ .page {
452
+ --td-button-primary-disabled-color: var(--td-font-white-4);
453
+
454
+ --td-skeleton-animation-gradient: rgba(255, 255, 255, 6%);
455
+
456
+ --td-slider-dot-bg-color: var(--td-gray-color-4);
457
+ --td-slider-dot-disabled-bg-color: var(--td-gray-color-11);
458
+ --td-slider-dot-disabled-border-color: var(--td-gray-color-12);
459
+
460
+ --td-picker-transparent-color: transparent;
461
+
462
+ --td-switch-dot-disabled-color: var(--td-font-white-2);
463
+ --td-switch-loading-color: var(--td-font-white-1);
464
+
465
+ --td-progress-circle-inner-bg-color: var(--bg-color-page);
466
+ }
467
+ }
@@ -0,0 +1,2 @@
1
+ declare const styles: string;
2
+ export default styles;
@@ -0,0 +1 @@
1
+ @import './common/style/theme/index.less';
@@ -0,0 +1,2 @@
1
+ declare const styles: string;
2
+ export default styles;
@@ -8,7 +8,9 @@ isComponent: true
8
8
 
9
9
  ## 引入
10
10
 
11
- 可在 `main.ts` 或在需要使用的页面或组件中引入。
11
+ 推荐使用 easycom 模式引入组件,配置后无需手动 import 即可直接在模板中使用 `<t-toast />`。详细配置请参考 [快速开始](../getting-started)。
12
+
13
+ 如需手动引入:
12
14
 
13
15
  ```js
14
16
  import TToast from '@tdesign/uniapp/toast/toast.vue';
@@ -8,14 +8,12 @@ isComponent: true
8
8
 
9
9
  ## 引入
10
10
 
11
- ### 引入组件
11
+ 推荐使用 easycom 模式引入组件,配置后无需手动 import 即可直接在模板中使用 `<t-transition />`。详细配置请参考 [快速开始](../getting-started)。
12
12
 
13
- 可在 `main.ts` 或在需要使用的页面或组件中引入。
13
+ 如需手动引入:
14
14
 
15
- ```json
16
- "usingComponents": {
17
- "t-transition": "tdesign-miniprogram/transition/transition"
18
- }
15
+ ```js
16
+ import TTransition from '@tdesign/uniapp/transition/transition.vue';
19
17
  ```
20
18
 
21
19
  ## 用法
@@ -8,7 +8,9 @@ isComponent: true
8
8
 
9
9
  ## 引入
10
10
 
11
- 可在 `main.ts` 或在需要使用的页面或组件中引入。
11
+ 推荐使用 easycom 模式引入组件,配置后无需手动 import 即可直接在模板中使用 `<t-tree-select />`。详细配置请参考 [快速开始](../getting-started)。
12
+
13
+ 如需手动引入:
12
14
 
13
15
  ```js
14
16
  import TTreeSelect from '@tdesign/uniapp/tree-select/tree-select.vue';
@@ -55,6 +55,7 @@ export * from '../rate/type';
55
55
  export * from '../result/type';
56
56
  export * from '../row/type';
57
57
  export * from '../search/type';
58
+ export * from '../segmented/type';
58
59
  export * from '../side-bar/type';
59
60
  export * from '../side-bar-item/type';
60
61
  export * from '../skeleton/type';
@@ -70,6 +71,7 @@ export * from '../switch/type';
70
71
  export * from '../tab-bar/type';
71
72
  export * from '../tab-bar-item/type';
72
73
  export * from '../tab-panel/type';
74
+ export * from '../table/type';
73
75
  export * from '../tabs/type';
74
76
  export * from '../tag/type';
75
77
  export * from '../textarea/type';
@@ -77,3 +79,18 @@ export * from '../toast/type';
77
79
  export * from '../tree-select/type';
78
80
  export * from '../upload/type';
79
81
  export * from '../watermark/type';
82
+
83
+ // mixins
84
+ export { handlePageScroll } from '../mixins/page-scroll';
85
+
86
+ // 函数式调用
87
+ export { default as DialogPlugin } from '../dialog/index';
88
+ export { default as Dialog } from '../dialog/index';
89
+ export { default as MessagePlugin } from '../message/index';
90
+ export { default as Message } from '../message/index';
91
+ export { default as Toast, showToast, hideToast } from '../toast/index';
92
+ export { default as ToastPlugin } from '../toast/index';
93
+ export type { ToastOptionsType } from '../toast/index';
94
+ export { default as ActionSheetPlugin, ActionSheetTheme } from '../action-sheet/index';
95
+ export { default as ActionSheet } from '../action-sheet/index';
96
+ export type { ActionSheetShowOption } from '../action-sheet/show';
@@ -0,0 +1,7 @@
1
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
+ import type { TdSegmentedProps } from '../segmented/type';
3
+
4
+ export type SegmentedProps = ExtractNonOnProps<TdSegmentedProps>;
5
+ export type SegmentedEmits = TransformEventHandlers<TdSegmentedProps, true>;
6
+ declare const SegmentedComponent: import('vue').DefineComponent<SegmentedProps, {}, {}, {}, {}, {}, {}, SegmentedEmits, any>;
7
+ export default SegmentedComponent;
@@ -0,0 +1,7 @@
1
+ import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
2
+ import type { TdTableProps } from '../table/type';
3
+
4
+ export type TableProps = ExtractNonOnProps<TdTableProps>;
5
+ export type TableEmits = TransformEventHandlers<TdTableProps, true>;
6
+ declare const TableComponent: import('vue').DefineComponent<TableProps, {}, {}, {}, {}, {}, {}, TableEmits, any>;
7
+ export default TableComponent;
@@ -8,7 +8,9 @@ isComponent: true
8
8
 
9
9
  ## 引入
10
10
 
11
- 可在 `main.ts` 或在需要使用的页面或组件中引入。
11
+ 推荐使用 easycom 模式引入组件,配置后无需手动 import 即可直接在模板中使用 `<t-upload />`。详细配置请参考 [快速开始](../getting-started)。
12
+
13
+ 如需手动引入:
12
14
 
13
15
  ```js
14
16
  import TUpload from '@tdesign/uniapp/upload/upload.vue';
@@ -8,7 +8,9 @@ isComponent: true
8
8
 
9
9
  ## 引入
10
10
 
11
- 可在 `main.ts` 或在需要使用的页面或组件中引入。
11
+ 推荐使用 easycom 模式引入组件,配置后无需手动 import 即可直接在模板中使用 `<t-watermark />`。详细配置请参考 [快速开始](../getting-started)。
12
+
13
+ 如需手动引入:
12
14
 
13
15
  ```js
14
16
  import TWatermark from '@tdesign/uniapp/watermark/watermark.vue';
package/global.d.ts CHANGED
@@ -58,6 +58,7 @@ declare module 'vue' {
58
58
  TResult: typeof import('@tdesign/uniapp/result/result.vue').default;
59
59
  TRow: typeof import('@tdesign/uniapp/row/row.vue').default;
60
60
  TSearch: typeof import('@tdesign/uniapp/search/search.vue').default;
61
+ TSegmented: typeof import('@tdesign/uniapp/segmented/segmented.vue').default;
61
62
  TSideBar: typeof import('@tdesign/uniapp/side-bar/side-bar.vue').default;
62
63
  TSideBarItem: typeof import('@tdesign/uniapp/side-bar-item/side-bar-item.vue').default;
63
64
  TSkeleton: typeof import('@tdesign/uniapp/skeleton/skeleton.vue').default;
@@ -73,6 +74,7 @@ declare module 'vue' {
73
74
  TTabBar: typeof import('@tdesign/uniapp/tab-bar/tab-bar.vue').default;
74
75
  TTabBarItem: typeof import('@tdesign/uniapp/tab-bar-item/tab-bar-item.vue').default;
75
76
  TTabPanel: typeof import('@tdesign/uniapp/tab-panel/tab-panel.vue').default;
77
+ TTable: typeof import('@tdesign/uniapp/table/table.vue').default;
76
78
  TTabs: typeof import('@tdesign/uniapp/tabs/tabs.vue').default;
77
79
  TTag: typeof import('@tdesign/uniapp/tag/tag.vue').default;
78
80
  TTextarea: typeof import('@tdesign/uniapp/textarea/textarea.vue').default;