@mc-markets/ui 1.0.90 → 1.0.92

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 (68) hide show
  1. package/README.md +243 -40
  2. package/USAGE_GUIDE.md +339 -0
  3. package/dist/404.html +22 -22
  4. package/dist/components/Tag/Tag.vue.d.ts.map +1 -1
  5. package/dist/index.cjs +1 -1
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.mjs +10 -11
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/resolver.d.ts +26 -0
  10. package/dist/resolver.d.ts.map +1 -0
  11. package/dist/style.css +1 -1
  12. package/package.json +8 -5
  13. package/packages/components/Alert/Alert.vue +139 -139
  14. package/packages/components/Banner/Banner.vue +299 -299
  15. package/packages/components/Breadcrumb/Breadcrumb.vue +113 -113
  16. package/packages/components/Breadcrumb/BreadcrumbSeparator.vue +31 -31
  17. package/packages/components/Button/Button.vue +17 -17
  18. package/packages/components/DatePicker/DatePicker.vue +85 -85
  19. package/packages/components/Dialog/Dialog.vue +61 -61
  20. package/packages/components/Empty/Empty.vue +73 -73
  21. package/packages/components/Form/Form.vue +30 -30
  22. package/packages/components/FormItem/FormItem.vue +19 -19
  23. package/packages/components/Icon/Icon.vue +210 -210
  24. package/packages/components/Input/Input.vue +15 -15
  25. package/packages/components/Message/Message.vue +503 -503
  26. package/packages/components/NotifiMessage/NotifiMessage.vue +293 -293
  27. package/packages/components/Notification/Notification.vue +19 -19
  28. package/packages/components/Option/Option.vue +13 -13
  29. package/packages/components/OptionGroup/OptionGroup.vue +13 -13
  30. package/packages/components/Pagination/Pagination.vue +61 -61
  31. package/packages/components/Radio/Radio.vue +67 -67
  32. package/packages/components/RadioButton/RadioButton.vue +110 -110
  33. package/packages/components/RadioGroup/RadioGroup.vue +155 -155
  34. package/packages/components/Select/Select.vue +22 -22
  35. package/packages/components/Switch/Switch.vue +47 -47
  36. package/packages/components/TabCard/TabCard.vue +107 -107
  37. package/packages/components/TabCard/TabCardItem.vue +105 -105
  38. package/packages/components/Table/Table.vue +17 -17
  39. package/packages/components/Table/TableColumn.vue +20 -20
  40. package/packages/components/Tabs/TabPane.vue +79 -79
  41. package/packages/components/Tabs/Tabs.vue +267 -267
  42. package/packages/components/Tag/Tag.vue +208 -211
  43. package/packages/components/Tooltip/Tooltip.vue +58 -58
  44. package/packages/hooks/useClassName.js +23 -23
  45. package/packages/resolver.js +179 -0
  46. package/packages/styles/README.md +129 -129
  47. package/packages/styles/colorfont/iconfont.css +1 -0
  48. package/packages/styles/components/button.scss +121 -121
  49. package/packages/styles/components/checkbox.scss +18 -18
  50. package/packages/styles/components/dialog.scss +47 -47
  51. package/packages/styles/components/form.scss +18 -18
  52. package/packages/styles/components/input.scss +14 -14
  53. package/packages/styles/components/select.scss +62 -62
  54. package/packages/styles/components/table.scss +37 -37
  55. package/packages/styles/components/tabs.scss +76 -76
  56. package/packages/styles/components/tag.scss +142 -142
  57. package/packages/styles/font/iconfont.scss +363 -363
  58. package/packages/styles/index.scss +94 -94
  59. package/packages/styles/variables/border-mode.css +6 -6
  60. package/packages/styles/variables/color-modes-dark.css +143 -143
  61. package/packages/styles/variables/index.scss +5 -5
  62. package/packages/styles/variables/primitives-style.css +112 -112
  63. package/packages/styles/variables/radius-mode.css +14 -14
  64. package/packages/styles/variables/spacing-mode.css +20 -20
  65. package/packages/styles/variables/typography-desktop.css +40 -40
  66. package/packages/styles/variables/typography-mobile.css +40 -40
  67. package/packages/utils/classNames.js +23 -23
  68. package/packages/utils/styleUtils.js +105 -105
package/packages/styles/font/iconfont.scss CHANGED
@@ -1,363 +1,363 @@
1
- @font-face {
2
- font-family: "iconfont"; /* Project id 5007157 */
3
- src: url('./iconfont.woff2?t=1757404792101') format('woff2'),
4
- url('./iconfont.woff?t=1757404792101') format('woff'),
5
- url('./iconfont.ttf?t=1757404792101') format('truetype');
6
- }
7
-
8
- .iconfont {
9
- font-family: "iconfont" !important;
10
- font-size: 16px;
11
- font-style: normal;
12
- -webkit-font-smoothing: antialiased;
13
- -moz-osx-font-smoothing: grayscale;
14
- }
15
-
16
- .icon-withdraw:before {
17
- content: "\e7df";
18
- }
19
-
20
- .icon-deposit:before {
21
- content: "\e7e7";
22
- }
23
-
24
- .icon-switch-camera:before {
25
- content: "\e7e9";
26
- }
27
-
28
- .icon-receipt:before {
29
- content: "\e7e8";
30
- }
31
-
32
- .icon-shield-check:before {
33
- content: "\e7e0";
34
- }
35
-
36
- .icon-id-card:before {
37
- content: "\e7e1";
38
- }
39
-
40
- .icon-user-round:before {
41
- content: "\e7e2";
42
- }
43
-
44
- .icon-log-out:before {
45
- content: "\e7e3";
46
- }
47
-
48
- .icon-arrow-right-left:before {
49
- content: "\e7e4";
50
- }
51
-
52
- .icon-clipboard-minus:before {
53
- content: "\e7e5";
54
- }
55
-
56
- .icon-chart-pie:before {
57
- content: "\e7e6";
58
- }
59
-
60
- .icon-receipt-text:before {
61
- content: "\e7de";
62
- }
63
-
64
- .icon-brush-cleaning:before {
65
- content: "\e7dc";
66
- }
67
-
68
- .icon-arrow-down-to-line:before {
69
- content: "\e7db";
70
- }
71
-
72
- .icon-circle-check-filled:before {
73
- content: "\e7da";
74
- }
75
-
76
- .icon-square-check:before {
77
- content: "\e7d9";
78
- }
79
-
80
- .icon-square-check-empty:before {
81
- content: "\e7d8";
82
- }
83
-
84
- .icon-photosolid:before {
85
- content: "\e7d7";
86
- }
87
-
88
- .icon-customized:before {
89
- content: "\e7d6";
90
- }
91
-
92
- .icon-customize-newspaper:before {
93
- content: "\e7d5";
94
- }
95
-
96
- .icon-bell-ring:before {
97
- content: "\e7d4";
98
- }
99
-
100
- .icon-eye:before {
101
- content: "\e7d3";
102
- }
103
-
104
- .icon-bitcoin-convert:before {
105
- content: "\e7c7";
106
- }
107
-
108
- .icon-ellipsis-vertical:before {
109
- content: "\e7cd";
110
- }
111
-
112
- .icon-circle-help:before {
113
- content: "\e7ce";
114
- }
115
-
116
- .icon-gift:before {
117
- content: "\e7cf";
118
- }
119
-
120
- .icon-circle:before {
121
- content: "\e7d0";
122
- }
123
-
124
- .icon-circle-dollar-sign:before {
125
- content: "\e7d1";
126
- }
127
-
128
- .icon-chrome:before {
129
- content: "\e7d2";
130
- }
131
-
132
- .icon-alarm:before {
133
- content: "\e7b3";
134
- }
135
-
136
- .icon-refresh-cw:before {
137
- content: "\e7b4";
138
- }
139
-
140
- .icon-search:before {
141
- content: "\e7b5";
142
- }
143
-
144
- .icon-alert-circle:before {
145
- content: "\e7b6";
146
- }
147
-
148
- .icon-graph-filled:before {
149
- content: "\e7b7";
150
- }
151
-
152
- .icon-star-filled:before {
153
- content: "\e7b8";
154
- }
155
-
156
- .icon-lucide-x:before {
157
- content: "\e7b9";
158
- }
159
-
160
- .icon-plus:before {
161
- content: "\e7ba";
162
- }
163
-
164
- .icon-map-pin:before {
165
- content: "\e7bb";
166
- }
167
-
168
- .icon-loader-circle:before {
169
- content: "\e7bc";
170
- }
171
-
172
- .icon-image:before {
173
- content: "\e7bd";
174
- }
175
-
176
- .icon-lucide-image:before {
177
- content: "\e7be";
178
- }
179
-
180
- .icon-lucide-history:before {
181
- content: "\e7bf";
182
- }
183
-
184
- .icon-key-round:before {
185
- content: "\e7c0";
186
- }
187
-
188
- .icon-copy:before {
189
- content: "\e7c1";
190
- }
191
-
192
- .icon-headset:before {
193
- content: "\e7c2";
194
- }
195
-
196
- .icon-circle-x:before {
197
- content: "\e7c3";
198
- }
199
-
200
- .icon-circle-user:before {
201
- content: "\e7c4";
202
- }
203
-
204
- .icon-globe:before {
205
- content: "\e7c5";
206
- }
207
-
208
- .icon-compass:before {
209
- content: "\e7c6";
210
- }
211
-
212
- .icon-eye-off:before {
213
- content: "\e7c8";
214
- }
215
-
216
- .icon-layout-grid:before {
217
- content: "\e7c9";
218
- }
219
-
220
- .icon-heart-handshake:before {
221
- content: "\e7ca";
222
- }
223
-
224
- .icon-credit-card:before {
225
- content: "\e7cb";
226
- }
227
-
228
- .icon-earth:before {
229
- content: "\e7cc";
230
- }
231
-
232
- .icon-linear-trash:before {
233
- content: "\e7a3";
234
- }
235
-
236
- .icon-tabler_wallet_outline:before {
237
- content: "\e7a4";
238
- }
239
-
240
- .icon-pig-money:before {
241
- content: "\e7a5";
242
- }
243
-
244
- .icon-wallet-filled:before {
245
- content: "\e7a6";
246
- }
247
-
248
- .icon-star-outline:before {
249
- content: "\e7a7";
250
- }
251
-
252
- .icon-trending-up-down:before {
253
- content: "\e7a8";
254
- }
255
-
256
- .icon-monitor:before {
257
- content: "\e7a9";
258
- }
259
-
260
- .icon-graph-outline:before {
261
- content: "\e7aa";
262
- }
263
-
264
- .icon-home-filled:before {
265
- content: "\e7ab";
266
- }
267
-
268
- .icon-lucidecoins:before {
269
- content: "\e7ac";
270
- }
271
-
272
- .icon-square-pen:before {
273
- content: "\e7ad";
274
- }
275
-
276
- .icon-adjustments-horizontal:before {
277
- content: "\e7ae";
278
- }
279
-
280
- .icon-home-outline:before {
281
- content: "\e7af";
282
- }
283
-
284
- .icon-user-cog:before {
285
- content: "\e7b0";
286
- }
287
-
288
- .icon-minus:before {
289
- content: "\e7b1";
290
- }
291
-
292
- .icon-circle-check:before {
293
- content: "\e7b2";
294
- }
295
-
296
- .icon-customize-speakerphone:before {
297
- content: "\e7a2";
298
- }
299
-
300
- .icon-book-open-text:before {
301
- content: "\e797";
302
- }
303
-
304
- .icon-bitcoin-convert-filled:before {
305
- content: "\e798";
306
- }
307
-
308
- .icon-calendar-clock:before {
309
- content: "\e799";
310
- }
311
-
312
- .icon-check:before {
313
- content: "\e79a";
314
- }
315
-
316
- .icon-repeat-circle:before {
317
- content: "\e79b";
318
- }
319
-
320
- .icon-chevron-up:before {
321
- content: "\e79c";
322
- }
323
-
324
- .icon-customize-safe:before {
325
- content: "\e790";
326
- }
327
-
328
- .icon-chevron-right:before {
329
- content: "\e79d";
330
- }
331
-
332
- .icon-bitcoin-convert-utline:before {
333
- content: "\e79e";
334
- }
335
-
336
- .icon-arrow-left-right:before {
337
- content: "\e7a0";
338
- }
339
-
340
- .icon-customize:before {
341
- content: "\e7a1";
342
- }
343
-
344
- .icon-lucide-check:before {
345
- content: "\e794";
346
- }
347
-
348
- .icon-arrow-down-narrow-wide:before {
349
- content: "\e793";
350
- }
351
-
352
- .icon-money-send:before {
353
- content: "\e791";
354
- }
355
-
356
- .icon-chevron-left:before {
357
- content: "\e792";
358
- }
359
-
360
- .icon-chevron-down:before {
361
- content: "\e796";
362
- }
363
-
1
+ @font-face {
2
+ font-family: "iconfont"; /* Project id 5007157 */
3
+ src: url('./iconfont.woff2?t=1757404792101') format('woff2'),
4
+ url('./iconfont.woff?t=1757404792101') format('woff'),
5
+ url('./iconfont.ttf?t=1757404792101') format('truetype');
6
+ }
7
+
8
+ .iconfont {
9
+ font-family: "iconfont" !important;
10
+ font-size: 16px;
11
+ font-style: normal;
12
+ -webkit-font-smoothing: antialiased;
13
+ -moz-osx-font-smoothing: grayscale;
14
+ }
15
+
16
+ .icon-withdraw:before {
17
+ content: "\e7df";
18
+ }
19
+
20
+ .icon-deposit:before {
21
+ content: "\e7e7";
22
+ }
23
+
24
+ .icon-switch-camera:before {
25
+ content: "\e7e9";
26
+ }
27
+
28
+ .icon-receipt:before {
29
+ content: "\e7e8";
30
+ }
31
+
32
+ .icon-shield-check:before {
33
+ content: "\e7e0";
34
+ }
35
+
36
+ .icon-id-card:before {
37
+ content: "\e7e1";
38
+ }
39
+
40
+ .icon-user-round:before {
41
+ content: "\e7e2";
42
+ }
43
+
44
+ .icon-log-out:before {
45
+ content: "\e7e3";
46
+ }
47
+
48
+ .icon-arrow-right-left:before {
49
+ content: "\e7e4";
50
+ }
51
+
52
+ .icon-clipboard-minus:before {
53
+ content: "\e7e5";
54
+ }
55
+
56
+ .icon-chart-pie:before {
57
+ content: "\e7e6";
58
+ }
59
+
60
+ .icon-receipt-text:before {
61
+ content: "\e7de";
62
+ }
63
+
64
+ .icon-brush-cleaning:before {
65
+ content: "\e7dc";
66
+ }
67
+
68
+ .icon-arrow-down-to-line:before {
69
+ content: "\e7db";
70
+ }
71
+
72
+ .icon-circle-check-filled:before {
73
+ content: "\e7da";
74
+ }
75
+
76
+ .icon-square-check:before {
77
+ content: "\e7d9";
78
+ }
79
+
80
+ .icon-square-check-empty:before {
81
+ content: "\e7d8";
82
+ }
83
+
84
+ .icon-photosolid:before {
85
+ content: "\e7d7";
86
+ }
87
+
88
+ .icon-customized:before {
89
+ content: "\e7d6";
90
+ }
91
+
92
+ .icon-customize-newspaper:before {
93
+ content: "\e7d5";
94
+ }
95
+
96
+ .icon-bell-ring:before {
97
+ content: "\e7d4";
98
+ }
99
+
100
+ .icon-eye:before {
101
+ content: "\e7d3";
102
+ }
103
+
104
+ .icon-bitcoin-convert:before {
105
+ content: "\e7c7";
106
+ }
107
+
108
+ .icon-ellipsis-vertical:before {
109
+ content: "\e7cd";
110
+ }
111
+
112
+ .icon-circle-help:before {
113
+ content: "\e7ce";
114
+ }
115
+
116
+ .icon-gift:before {
117
+ content: "\e7cf";
118
+ }
119
+
120
+ .icon-circle:before {
121
+ content: "\e7d0";
122
+ }
123
+
124
+ .icon-circle-dollar-sign:before {
125
+ content: "\e7d1";
126
+ }
127
+
128
+ .icon-chrome:before {
129
+ content: "\e7d2";
130
+ }
131
+
132
+ .icon-alarm:before {
133
+ content: "\e7b3";
134
+ }
135
+
136
+ .icon-refresh-cw:before {
137
+ content: "\e7b4";
138
+ }
139
+
140
+ .icon-search:before {
141
+ content: "\e7b5";
142
+ }
143
+
144
+ .icon-alert-circle:before {
145
+ content: "\e7b6";
146
+ }
147
+
148
+ .icon-graph-filled:before {
149
+ content: "\e7b7";
150
+ }
151
+
152
+ .icon-star-filled:before {
153
+ content: "\e7b8";
154
+ }
155
+
156
+ .icon-lucide-x:before {
157
+ content: "\e7b9";
158
+ }
159
+
160
+ .icon-plus:before {
161
+ content: "\e7ba";
162
+ }
163
+
164
+ .icon-map-pin:before {
165
+ content: "\e7bb";
166
+ }
167
+
168
+ .icon-loader-circle:before {
169
+ content: "\e7bc";
170
+ }
171
+
172
+ .icon-image:before {
173
+ content: "\e7bd";
174
+ }
175
+
176
+ .icon-lucide-image:before {
177
+ content: "\e7be";
178
+ }
179
+
180
+ .icon-lucide-history:before {
181
+ content: "\e7bf";
182
+ }
183
+
184
+ .icon-key-round:before {
185
+ content: "\e7c0";
186
+ }
187
+
188
+ .icon-copy:before {
189
+ content: "\e7c1";
190
+ }
191
+
192
+ .icon-headset:before {
193
+ content: "\e7c2";
194
+ }
195
+
196
+ .icon-circle-x:before {
197
+ content: "\e7c3";
198
+ }
199
+
200
+ .icon-circle-user:before {
201
+ content: "\e7c4";
202
+ }
203
+
204
+ .icon-globe:before {
205
+ content: "\e7c5";
206
+ }
207
+
208
+ .icon-compass:before {
209
+ content: "\e7c6";
210
+ }
211
+
212
+ .icon-eye-off:before {
213
+ content: "\e7c8";
214
+ }
215
+
216
+ .icon-layout-grid:before {
217
+ content: "\e7c9";
218
+ }
219
+
220
+ .icon-heart-handshake:before {
221
+ content: "\e7ca";
222
+ }
223
+
224
+ .icon-credit-card:before {
225
+ content: "\e7cb";
226
+ }
227
+
228
+ .icon-earth:before {
229
+ content: "\e7cc";
230
+ }
231
+
232
+ .icon-linear-trash:before {
233
+ content: "\e7a3";
234
+ }
235
+
236
+ .icon-tabler_wallet_outline:before {
237
+ content: "\e7a4";
238
+ }
239
+
240
+ .icon-pig-money:before {
241
+ content: "\e7a5";
242
+ }
243
+
244
+ .icon-wallet-filled:before {
245
+ content: "\e7a6";
246
+ }
247
+
248
+ .icon-star-outline:before {
249
+ content: "\e7a7";
250
+ }
251
+
252
+ .icon-trending-up-down:before {
253
+ content: "\e7a8";
254
+ }
255
+
256
+ .icon-monitor:before {
257
+ content: "\e7a9";
258
+ }
259
+
260
+ .icon-graph-outline:before {
261
+ content: "\e7aa";
262
+ }
263
+
264
+ .icon-home-filled:before {
265
+ content: "\e7ab";
266
+ }
267
+
268
+ .icon-lucidecoins:before {
269
+ content: "\e7ac";
270
+ }
271
+
272
+ .icon-square-pen:before {
273
+ content: "\e7ad";
274
+ }
275
+
276
+ .icon-adjustments-horizontal:before {
277
+ content: "\e7ae";
278
+ }
279
+
280
+ .icon-home-outline:before {
281
+ content: "\e7af";
282
+ }
283
+
284
+ .icon-user-cog:before {
285
+ content: "\e7b0";
286
+ }
287
+
288
+ .icon-minus:before {
289
+ content: "\e7b1";
290
+ }
291
+
292
+ .icon-circle-check:before {
293
+ content: "\e7b2";
294
+ }
295
+
296
+ .icon-customize-speakerphone:before {
297
+ content: "\e7a2";
298
+ }
299
+
300
+ .icon-book-open-text:before {
301
+ content: "\e797";
302
+ }
303
+
304
+ .icon-bitcoin-convert-filled:before {
305
+ content: "\e798";
306
+ }
307
+
308
+ .icon-calendar-clock:before {
309
+ content: "\e799";
310
+ }
311
+
312
+ .icon-check:before {
313
+ content: "\e79a";
314
+ }
315
+
316
+ .icon-repeat-circle:before {
317
+ content: "\e79b";
318
+ }
319
+
320
+ .icon-chevron-up:before {
321
+ content: "\e79c";
322
+ }
323
+
324
+ .icon-customize-safe:before {
325
+ content: "\e790";
326
+ }
327
+
328
+ .icon-chevron-right:before {
329
+ content: "\e79d";
330
+ }
331
+
332
+ .icon-bitcoin-convert-utline:before {
333
+ content: "\e79e";
334
+ }
335
+
336
+ .icon-arrow-left-right:before {
337
+ content: "\e7a0";
338
+ }
339
+
340
+ .icon-customize:before {
341
+ content: "\e7a1";
342
+ }
343
+
344
+ .icon-lucide-check:before {
345
+ content: "\e794";
346
+ }
347
+
348
+ .icon-arrow-down-narrow-wide:before {
349
+ content: "\e793";
350
+ }
351
+
352
+ .icon-money-send:before {
353
+ content: "\e791";
354
+ }
355
+
356
+ .icon-chevron-left:before {
357
+ content: "\e792";
358
+ }
359
+
360
+ .icon-chevron-down:before {
361
+ content: "\e796";
362
+ }
363
+