@moment-design/material-library 0.1.8 → 0.1.10

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.
@@ -18,98 +18,98 @@
18
18
  color: #55585c;
19
19
  margin-bottom: 24px;
20
20
  }
21
- .l-material-library-content[data-v-0ecf57ca] {
21
+ .l-material-library-content[data-v-c6cf1646] {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  justify-content: space-between;
25
25
  }
26
- .l-material-library-content .label span[data-v-0ecf57ca] {
26
+ .l-material-library-content .label span[data-v-c6cf1646] {
27
27
  color: red;
28
28
  position: relative;
29
29
  top: 2px;
30
30
  margin-right: 6px;
31
31
  }
32
- .l-material-library-content .input[data-v-0ecf57ca] {
32
+ .l-material-library-content .input[data-v-c6cf1646] {
33
33
  width: 390px;
34
34
  }
35
- .l-material-library-group[data-v-c01a8f7e] {
35
+ .l-material-library-group[data-v-d0efd9ca] {
36
36
  width: 230px;
37
37
  margin-right: 24px;
38
38
  }
39
- .l-material-library-group .header[data-v-c01a8f7e] {
39
+ .l-material-library-group .header[data-v-d0efd9ca] {
40
40
  margin-bottom: 16px;
41
41
  display: flex;
42
42
  align-items: center;
43
43
  justify-content: space-between;
44
44
  }
45
- .l-material-library-group .header .title[data-v-c01a8f7e] {
45
+ .l-material-library-group .header .title[data-v-d0efd9ca] {
46
46
  font-size: 16px;
47
47
  font-weight: 600;
48
48
  color: #12141a;
49
49
  }
50
- .l-material-library-group .footer .search[data-v-c01a8f7e] {
50
+ .l-material-library-group .footer .search[data-v-d0efd9ca] {
51
51
  margin-bottom: 8px;
52
52
  }
53
- .l-material-library-group .footer .group-items[data-v-c01a8f7e] {
53
+ .l-material-library-group .footer .group-items[data-v-d0efd9ca] {
54
54
  margin-top: 16px;
55
55
  }
56
- .l-material-library-group .footer .group-items .group-item[data-v-c01a8f7e] {
56
+ .l-material-library-group .footer .group-items .group-item[data-v-d0efd9ca] {
57
57
  height: 46px;
58
58
  display: flex;
59
59
  align-items: center;
60
60
  justify-content: space-between;
61
61
  cursor: pointer;
62
62
  }
63
- .l-material-library-group .footer .group-items .group-item[data-v-c01a8f7e]:hover {
63
+ .l-material-library-group .footer .group-items .group-item[data-v-d0efd9ca]:hover {
64
64
  background-color: #f2f3f5;
65
65
  }
66
- .l-material-library-group .footer .group-items .group-item.active[data-v-c01a8f7e] {
66
+ .l-material-library-group .footer .group-items .group-item.active[data-v-d0efd9ca] {
67
67
  background-color: #f4f7ff;
68
68
  }
69
- .l-material-library-group .footer .group-items .group-item .left[data-v-c01a8f7e] {
69
+ .l-material-library-group .footer .group-items .group-item .left[data-v-d0efd9ca] {
70
70
  display: flex;
71
71
  align-items: center;
72
72
  justify-content: space-between;
73
73
  width: 30px;
74
74
  padding-left: 8px;
75
75
  }
76
- .l-material-library-group .footer .group-items .group-item .left .folder[data-v-c01a8f7e] {
76
+ .l-material-library-group .footer .group-items .group-item .left .folder[data-v-d0efd9ca] {
77
77
  margin-right: 6px;
78
78
  width: 15px;
79
79
  height: 15px;
80
80
  position: relative;
81
81
  top: 1px;
82
82
  }
83
- .l-material-library-group .footer .group-items .group-item .center[data-v-c01a8f7e] {
83
+ .l-material-library-group .footer .group-items .group-item .center[data-v-d0efd9ca] {
84
84
  flex: 1;
85
85
  white-space: nowrap;
86
86
  overflow: hidden;
87
87
  text-overflow: ellipsis;
88
88
  }
89
- .l-material-library-group .footer .group-items .group-item .right[data-v-c01a8f7e] {
89
+ .l-material-library-group .footer .group-items .group-item .right[data-v-d0efd9ca] {
90
90
  width: 30px;
91
91
  padding-right: 16px;
92
92
  }
93
- .checkbox-all[data-v-7c7241de] {
93
+ .checkbox-all[data-v-444cf99a] {
94
94
  width: 200px;
95
95
  margin-top: -38px;
96
96
  background-color: #ffffff;
97
97
  padding-bottom: 6px;
98
98
  }
99
- .right-apps[data-v-7c7241de] {
99
+ .right-apps[data-v-444cf99a] {
100
100
  margin-top: 16px;
101
101
  display: flex;
102
102
  flex-wrap: wrap;
103
103
  }
104
- .right-apps .item[data-v-7c7241de] {
104
+ .right-apps .item[data-v-444cf99a] {
105
105
  width: calc(20% - 16px);
106
106
  margin-bottom: 16px;
107
107
  margin-right: 20px;
108
108
  }
109
- .right-apps .item[data-v-7c7241de]:nth-child(5n) {
109
+ .right-apps .item[data-v-444cf99a]:nth-child(5n) {
110
110
  margin-right: 0 !important;
111
111
  }
112
- .right-apps .item .header[data-v-7c7241de] {
112
+ .right-apps .item .header[data-v-444cf99a] {
113
113
  width: 100%;
114
114
  height: 168.5px;
115
115
  background-color: #f2f3f5;
@@ -118,10 +118,10 @@
118
118
  background-position: center;
119
119
  cursor: pointer;
120
120
  }
121
- .right-apps .item .header img[data-v-7c7241de] {
121
+ .right-apps .item .header img[data-v-444cf99a] {
122
122
  max-width: 100%;
123
123
  }
124
- .right-apps .item .footer[data-v-7c7241de] {
124
+ .right-apps .item .footer[data-v-444cf99a] {
125
125
  padding: 12px;
126
126
  display: flex;
127
127
  align-items: center;
@@ -129,35 +129,35 @@
129
129
  border: 1px solid #f2f3f5;
130
130
  border-radius: 0 0 4px 4px;
131
131
  }
132
- .right-apps .item .footer .checkbox[data-v-7c7241de] {
132
+ .right-apps .item .footer .checkbox[data-v-444cf99a] {
133
133
  width: 30px;
134
134
  position: relative;
135
135
  top: 2px;
136
136
  left: -6px;
137
137
  }
138
- .right-apps .item .footer .name[data-v-7c7241de] {
138
+ .right-apps .item .footer .name[data-v-444cf99a] {
139
139
  flex: 1;
140
140
  margin-left: -8px;
141
141
  overflow: hidden;
142
142
  }
143
- .right-apps .item .footer .name .title[data-v-7c7241de] {
143
+ .right-apps .item .footer .name .title[data-v-444cf99a] {
144
144
  cursor: pointer;
145
145
  white-space: nowrap;
146
146
  overflow: hidden;
147
147
  text-overflow: ellipsis;
148
148
  }
149
- .right-apps .item .footer .icon[data-v-7c7241de] {
149
+ .right-apps .item .footer .icon[data-v-444cf99a] {
150
150
  width: 20px;
151
151
  text-align: right;
152
152
  cursor: pointer;
153
153
  }
154
- .pagination[data-v-7c7241de] {
154
+ .pagination[data-v-444cf99a] {
155
155
  display: flex;
156
156
  justify-content: flex-end;
157
157
  width: 100%;
158
158
  margin-top: 16px;
159
159
  }
160
- .l-material-library-infos[data-v-7c7241de] {
160
+ .l-material-library-infos[data-v-444cf99a] {
161
161
  background-color: #ffffff;
162
162
  border-radius: 2px;
163
163
  padding: 16px;
@@ -166,281 +166,6 @@
166
166
  color: #86909c;
167
167
  line-height: 1.75;
168
168
  }
169
-
170
- .l-table-search.flex[data-v-6aff8f4c] {
171
- align-items: flex-start;
172
- }
173
- .l-table-search.more-3 .search-button[data-v-6aff8f4c] {
174
- justify-content: flex-end;
175
- display: block;
176
- margin-left: 16px;
177
- padding-left: 32px;
178
- border-left: 1px solid var(--color-neutral-3);
179
- }
180
- .l-table-search.more-3 .search-button .mo-space-item:first-child > button[data-v-6aff8f4c] {
181
- margin-bottom: 16px !important;
182
- }
183
- .l-table-search .mo-form-item[data-v-6aff8f4c] {
184
- margin-bottom: 16px;
185
- }
186
- .l-table-search.total-3 .search-button[data-v-6aff8f4c] {
187
- justify-content: flex-start;
188
- display: flex;
189
- border-left: none;
190
- }
191
- .l-table-search.total-3 .search-button .mo-space-item:first-child > button[data-v-6aff8f4c] {
192
- margin-right: 16px !important;
193
- margin-bottom: 0 !important;
194
- }
195
- .mo-row-justify-start[data-v-6aff8f4c] {
196
- width: 100% !important;
197
- }
198
- .mo-row-justify-start .mo-col[data-v-6aff8f4c] {
199
- padding-left: 0 !important;
200
- padding-right: 16px !important;
201
- }
202
- .more-6[data-v-6aff8f4c] .mo-form-item {
203
- position: relative;
204
- }
205
- .more-6[data-v-6aff8f4c] .mo-form-item-label-col {
206
- position: absolute;
207
- z-index: 9;
208
- padding: 0 12px;
209
- text-align: center;
210
- }
211
- .more-6[data-v-6aff8f4c] .mo-row-justify-start {
212
- margin-left: 4px !important;
213
- margin-right: 3px !important;
214
- width: calc(100% + 7px) !important;
215
- }
216
- .more-6 .more-6-search[data-v-6aff8f4c] {
217
- margin-bottom: 24px;
218
- }
219
-
220
- .l-table-toolbar .left .total[data-v-515a7c6e] {
221
- font-size: 12px;
222
- color: #252931;
223
- border-right: 1px solid var(--color-neutral-3);
224
- }
225
- .l-table-toolbar .left .split-line[data-v-515a7c6e] {
226
- margin: 0 8px 0 16px;
227
- width: 1px;
228
- height: 16px;
229
- background-color: var(--color-neutral-3);
230
- }
231
- .l-table-toolbar .right button[data-v-515a7c6e]:not(:first-child) {
232
- margin-left: 16px;
233
- }
234
-
235
- .l-empty img[data-v-33ac7eb5] {
236
- width: 280px;
237
- height: 180px;
238
- margin: 0 auto;
239
- }
240
- .l-empty header[data-v-33ac7eb5] {
241
- font-size: 14px;
242
- font-family: PingFangSC-Regular, PingFang SC;
243
- font-weight: 400;
244
- color: #55585c;
245
- line-height: 20px;
246
- margin-top: 28px;
247
- }
248
- .l-empty p[data-v-33ac7eb5] {
249
- font-size: 14px;
250
- font-weight: 400;
251
- color: #55585c;
252
- margin-bottom: 24px;
253
- }
254
-
255
- .l-table-footer[data-v-c6b5e94e] {
256
- justify-content: space-between;
257
- }
258
-
259
- .l-table h3[data-v-1c451b6e] {
260
- margin: 0;
261
- padding-bottom: 24px;
262
- font-size: 16px;
263
- font-weight: 600;
264
- color: #12141a;
265
- }
266
- [data-v-1c451b6e] .l-table .mo-spin {
267
- max-width: 100%;
268
- }
269
- .flex {
270
- display: flex;
271
- align-items: center;
272
- }
273
- .m-tb16 {
274
- margin-top: 16px;
275
- margin-bottom: 16px;
276
- }
277
- .m-b16 {
278
- margin-bottom: 16px;
279
- }
280
- .m-r16 {
281
- margin-right: 16px;
282
- }
283
- .p-r16 {
284
- padding-right: 16px;
285
- }
286
- .m-r8 {
287
- margin-right: 8px;
288
- }
289
- .m-l10 {
290
- margin-left: 10px;
291
- }
292
- .m-b24 {
293
- margin-bottom: 24px;
294
- }
295
- .p-b24 {
296
- padding-bottom: 24px;
297
- }
298
- .m-lr24 {
299
- margin-right: 24px;
300
- margin-left: 24px;
301
- }
302
- .m-tb24 {
303
- margin-top: 24px;
304
- margin-bottom: 24px;
305
- }
306
- .m-r24 {
307
- margin-right: 24px;
308
- }
309
- .p-l24 {
310
- padding-left: 24px;
311
- }
312
- .p-lr24 {
313
- padding-right: 24px;
314
- padding-left: 24px;
315
- }
316
- .l-table h3 {
317
- margin: 0;
318
- padding-bottom: 24px;
319
- color: #12141a;
320
- font-weight: 600;
321
- font-size: 16px;
322
- }
323
- .l-table :deep(.mo-spin) {
324
- max-width: 100%;
325
- }
326
- .l-table :deep(.mo-table-container .mo-table-content-scroll-x)::-webkit-scrollbar {
327
- width: 6px;
328
- height: 6px;
329
- }
330
- .l-table :deep(.mo-table-container .mo-table-content-scroll-x)::-webkit-scrollbar-thumb {
331
- background: rgba(0, 0, 0, 0.35);
332
- border-radius: 5px;
333
- }
334
- .l-table :deep(.mo-table-container .mo-table-content-scroll-x)::-webkit-scrollbar-track {
335
- background: #fff;
336
- }
337
- .l-table-search.flex {
338
- align-items: flex-start;
339
- }
340
- .l-table-search .mo-form-item {
341
- margin-bottom: 16px;
342
- }
343
- .l-table-search.more-3 .search-button {
344
- display: block;
345
- justify-content: flex-end;
346
- margin-left: 16px;
347
- padding-left: 32px;
348
- border-left: 1px solid var(--color-neutral-3);
349
- }
350
- .l-table-search.more-3 .search-button .mo-space-item:first-child > button {
351
- margin-bottom: 16px !important;
352
- }
353
- .l-table-search.total-3 .search-button {
354
- display: flex;
355
- justify-content: flex-start;
356
- border-left: none;
357
- }
358
- .l-table-search.total-3 .search-button .mo-space-item:first-child > button {
359
- margin-right: 16px !important;
360
- margin-bottom: 0 !important;
361
- }
362
- .mo-row-justify-start {
363
- width: 100% !important;
364
- }
365
- .mo-row-justify-start .mo-col {
366
- padding-right: 16px !important;
367
- padding-left: 0 !important;
368
- }
369
- .l-table-toolbar .left .total {
370
- color: #252931;
371
- font-size: 12px;
372
- border-right: 1px solid var(--color-neutral-3);
373
- }
374
- .l-table-toolbar .left .split-line {
375
- width: 1px;
376
- height: 16px;
377
- margin: 0 8px 0 16px;
378
- background-color: var(--color-neutral-3);
379
- }
380
- .l-table-toolbar .right button:not(:first-child) {
381
- margin-left: 8px;
382
- }
383
- .l-table-footer {
384
- justify-content: space-between;
385
- }
386
- .l-table-operate a.link {
387
- margin: 0 8px;
388
- color: #1966ff;
389
- font-size: 14px;
390
- }
391
- .l-table-operate a.link:first-child {
392
- margin-left: 0;
393
- }
394
- .l-table-operate a.link:last-child {
395
- margin-right: 0;
396
- }
397
- .l-table-operate a.link:hover {
398
- text-decoration: underline;
399
- }
400
- .l-table-operate span.split-line {
401
- color: #e9e9e9;
402
- }
403
- .l-table-operate .ellipsis {
404
- position: relative;
405
- top: 5px;
406
- left: 8px;
407
- width: 16px;
408
- cursor: pointer;
409
- }
410
- .operate-omit-list {
411
- color: #1966ff;
412
- }
413
- .mo-table-th {
414
- background-color: #f8f9fa;
415
- }
416
- .mo-table .mo-table-cell {
417
- padding: 16px;
418
- }
419
- .mo-table-th {
420
- background-color: #f8f9fa;
421
- }
422
- .l-table .extra-row {
423
- display: flex;
424
- justify-content: space-between;
425
- height: 48px;
426
- margin-top: 12px;
427
- color: #55585c;
428
- font-size: 12px;
429
- line-height: 48px;
430
- background-color: #f3f8ff;
431
- border-bottom: 1px solid var(--color-neutral-3);
432
- }
433
- .l-table .extra-row .mo-divider-vertical {
434
- position: relative;
435
- top: -1px;
436
- margin: 0 8px;
437
- }
438
- .l-table .extra-row .mo-link {
439
- font-size: 12px;
440
- }
441
- .l-table .extra-row .mo-link:hover {
442
- text-decoration: underline;
443
- }
444
169
  .l-table-operate a.link[data-v-0b1d01dd] {
445
170
  margin: 0 8px;
446
171
  color: #1966ff;
@@ -468,11 +193,11 @@
468
193
  .operate-omit-list[data-v-0b1d01dd] {
469
194
  color: #1966ff;
470
195
  }
471
- .right-menu .l-material-library-infos[data-v-5d961588] {
196
+ .right-menu .l-material-library-infos[data-v-2498dcdb] {
472
197
  display: flex;
473
198
  align-items: center;
474
199
  }
475
- .right-menu .l-material-library-infos .name[data-v-5d961588] {
200
+ .right-menu .l-material-library-infos .name[data-v-2498dcdb] {
476
201
  margin-left: 6px;
477
202
  font-size: 14px;
478
203
  flex: 1;
@@ -481,13 +206,13 @@
481
206
  overflow: hidden;
482
207
  text-overflow: ellipsis;
483
208
  }
484
- .pagination[data-v-5d961588] {
209
+ .pagination[data-v-2498dcdb] {
485
210
  display: flex;
486
211
  justify-content: flex-end;
487
212
  width: 100%;
488
213
  margin-top: 16px;
489
214
  }
490
- .l-material-library-info[data-v-5d961588] {
215
+ .l-material-library-info[data-v-2498dcdb] {
491
216
  background-color: #ffffff;
492
217
  border-radius: 2px;
493
218
  padding: 16px;
@@ -496,37 +221,37 @@
496
221
  color: #86909c;
497
222
  line-height: 1.75;
498
223
  }
499
- .change-group-items[data-v-3777c371] {
224
+ .change-group-items[data-v-6511b8e9] {
500
225
  min-height: 350px;
501
226
  }
502
- .change-group-items .item[data-v-3777c371] {
227
+ .change-group-items .item[data-v-6511b8e9] {
503
228
  height: 46px;
504
229
  display: flex;
505
230
  align-items: center;
506
231
  justify-content: space-between;
507
232
  cursor: pointer;
508
233
  }
509
- .change-group-items .item[data-v-3777c371]:hover {
234
+ .change-group-items .item[data-v-6511b8e9]:hover {
510
235
  background-color: #f2f3f5;
511
236
  }
512
- .change-group-items .item.active[data-v-3777c371] {
237
+ .change-group-items .item.active[data-v-6511b8e9] {
513
238
  background-color: #f4f7ff;
514
239
  }
515
- .change-group-items .item .img[data-v-3777c371] {
240
+ .change-group-items .item .img[data-v-6511b8e9] {
516
241
  display: flex;
517
242
  align-items: center;
518
243
  justify-content: space-between;
519
244
  width: 30px;
520
245
  padding-left: 8px;
521
246
  }
522
- .change-group-items .item .img .folder[data-v-3777c371] {
247
+ .change-group-items .item .img .folder[data-v-6511b8e9] {
523
248
  margin-right: 6px;
524
249
  width: 15px;
525
250
  height: 15px;
526
251
  position: relative;
527
252
  top: 1px;
528
253
  }
529
- .change-group-items .item .name[data-v-3777c371] {
254
+ .change-group-items .item .name[data-v-6511b8e9] {
530
255
  flex: 1;
531
256
  white-space: nowrap;
532
257
  overflow: hidden;
@@ -560,40 +285,40 @@
560
285
  .l-material-library-upload .upload[data-v-4839e6a6] .mo-upload-progress {
561
286
  display: none;
562
287
  }
563
- .l-material-library-right-content[data-v-5e7ec24d] {
288
+ .l-material-library-right-content[data-v-4085b1b9] {
564
289
  flex: 1;
565
290
  }
566
- .l-material-library-right-content .header[data-v-5e7ec24d] {
291
+ .l-material-library-right-content .header[data-v-4085b1b9] {
567
292
  display: flex;
568
293
  justify-content: space-between;
569
294
  }
570
- .l-material-library-right-content .header .left[data-v-5e7ec24d] {
295
+ .l-material-library-right-content .header .left[data-v-4085b1b9] {
571
296
  display: flex;
572
297
  justify-content: space-between;
573
298
  }
574
- .l-material-library-right-content .header .more-icon-down[data-v-5e7ec24d] {
299
+ .l-material-library-right-content .header .more-icon-down[data-v-4085b1b9] {
575
300
  position: relative;
576
301
  top: -1px;
577
302
  margin-left: 6px;
578
303
  font-size: 15px;
579
304
  stroke-width: 5;
580
305
  }
581
- .l-material-library-right-content .toolbar[data-v-5e7ec24d] {
306
+ .l-material-library-right-content .toolbar[data-v-4085b1b9] {
582
307
  margin: 16px 0;
583
308
  display: flex;
584
309
  align-items: center;
585
310
  justify-content: space-between;
586
311
  }
587
- .l-material-library-right-content .toolbar .apps[data-v-5e7ec24d],
588
- .l-material-library-right-content .toolbar .menu[data-v-5e7ec24d] {
312
+ .l-material-library-right-content .toolbar .apps[data-v-4085b1b9],
313
+ .l-material-library-right-content .toolbar .menu[data-v-4085b1b9] {
589
314
  margin-left: 8px;
590
315
  font-size: 20px;
591
316
  stroke-width: 5;
592
317
  }
593
- .l-material-library-right-content .toolbar .apps[data-v-5e7ec24d]:hover,
594
- .l-material-library-right-content .toolbar .menu[data-v-5e7ec24d]:hover,
595
- .l-material-library-right-content .toolbar .apps.active[data-v-5e7ec24d],
596
- .l-material-library-right-content .toolbar .menu.active[data-v-5e7ec24d] {
318
+ .l-material-library-right-content .toolbar .apps[data-v-4085b1b9]:hover,
319
+ .l-material-library-right-content .toolbar .menu[data-v-4085b1b9]:hover,
320
+ .l-material-library-right-content .toolbar .apps.active[data-v-4085b1b9],
321
+ .l-material-library-right-content .toolbar .menu.active[data-v-4085b1b9] {
597
322
  color: #1966ff;
598
323
  cursor: pointer;
599
324
  }