@opendesign-plus-test/components 0.0.1-rc.105 → 0.0.1-rc.107
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.
- package/dist/components.cjs.js +1 -1
- package/dist/components.css +1 -1
- package/dist/components.es.js +1 -0
- package/dist/treeshaking/components/events/OEventsApply.css +1 -1
- package/dist/treeshaking/components/events/OEventsCalendar.css +30 -14
- package/dist/treeshaking/components/events/OEventsList.css +6 -0
- package/dist/treeshaking/components/meeting/OMeetingMyCalendar.css +30 -40
- package/dist/treeshaking/components/meeting/OMeetingMyCalendar.vue.mjs +1 -0
- package/dist/treeshaking/components/meeting/OMeetingMyCalendar2.css +8 -0
- package/package.json +1 -1
package/dist/components.es.js
CHANGED
|
@@ -41110,6 +41110,7 @@ const i7 = { name: "components-icon-tips", render: t7 }, s7 = { class: "o-sig-me
|
|
|
41110
41110
|
}, 8, ["onScrollend"])) : i.value ? de("", !0) : ze(Se.$slots, "empty", { key: 1 })
|
|
41111
41111
|
], 2),
|
|
41112
41112
|
N(h(En), {
|
|
41113
|
+
class: "handle-wrapper-dialog",
|
|
41113
41114
|
visible: Q.value,
|
|
41114
41115
|
"onUpdate:visible": Ie[9] || (Ie[9] = (Me) => Q.value = Me),
|
|
41115
41116
|
"main-class": "handle-dialog",
|
|
@@ -476,7 +476,7 @@
|
|
|
476
476
|
background: linear-gradient(142.13deg, color-mix(in srgb, transparent 0%, transparent) 0%, color-mix(in srgb, rgba(var(--o-white), 0.6) 60%, transparent) 100%), var(--o-color-primary1);
|
|
477
477
|
}
|
|
478
478
|
.o-events-apply .events-apply-grid .step-item.step-3.is-dark {
|
|
479
|
-
background: linear-gradient(142.13deg, color-mix(in srgb, var(--o-color-primary1) 40%, transparent)
|
|
479
|
+
background: linear-gradient(142.13deg, color-mix(in srgb, var(--o-color-primary1) 40%, transparent) 30%, color-mix(in srgb, var(--o-color-primary1) 16%, transparent) 97%), var(--o-color-fill2);
|
|
480
480
|
}
|
|
481
481
|
.o-events-apply .events-apply-grid .step-item.step-3 .step-idx {
|
|
482
482
|
background-color: #fff;
|
|
@@ -51,6 +51,16 @@
|
|
|
51
51
|
padding: var(--o-gap-4) var(--o-gap-6);
|
|
52
52
|
align-items: center;
|
|
53
53
|
}
|
|
54
|
+
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
55
|
+
.o-events-calendar .o-collapse .o-collapse-item .o-collapse-item-header {
|
|
56
|
+
padding: var(--o-gap-3) var(--o-gap-5);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
@media (min-width: 841px) and (max-width: 1200px) {
|
|
60
|
+
.o-events-calendar .o-collapse .o-collapse-item .o-collapse-item-header {
|
|
61
|
+
padding: var(--o-gap-2) var(--o-gap-4);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
54
64
|
@media (max-width: 840px) {
|
|
55
65
|
.o-events-calendar .o-collapse .o-collapse-item .o-collapse-item-header {
|
|
56
66
|
padding: var(--o-gap-2) var(--o-gap-3);
|
|
@@ -81,10 +91,21 @@
|
|
|
81
91
|
.o-events-calendar .collapse-header .collapse-title {
|
|
82
92
|
display: flex;
|
|
83
93
|
align-items: center;
|
|
94
|
+
--title-icon-size: 24px;
|
|
95
|
+
}
|
|
96
|
+
@media (max-width: 1680px) {
|
|
97
|
+
.o-events-calendar .collapse-header .collapse-title {
|
|
98
|
+
--title-icon-size: 20px;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
@media (max-width: 840px) {
|
|
102
|
+
.o-events-calendar .collapse-header .collapse-title {
|
|
103
|
+
--title-icon-size: 24px;
|
|
104
|
+
}
|
|
84
105
|
}
|
|
85
106
|
.o-events-calendar .collapse-header .collapse-title .title-icon {
|
|
86
|
-
width:
|
|
87
|
-
height:
|
|
107
|
+
width: var(--title-icon-size);
|
|
108
|
+
height: var(--title-icon-size);
|
|
88
109
|
border-radius: 50%;
|
|
89
110
|
color: #fff;
|
|
90
111
|
display: flex;
|
|
@@ -93,24 +114,19 @@
|
|
|
93
114
|
margin-right: var(--o-gap-4);
|
|
94
115
|
background-color: rgb(var(--bg-color));
|
|
95
116
|
}
|
|
96
|
-
@media (max-width:
|
|
117
|
+
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
97
118
|
.o-events-calendar .collapse-header .collapse-title .title-icon {
|
|
98
|
-
margin-right: var(--o-gap-
|
|
99
|
-
}
|
|
119
|
+
margin-right: var(--o-gap-3);
|
|
100
120
|
}
|
|
101
|
-
.o-events-calendar .collapse-header .collapse-title .o-icon {
|
|
102
|
-
font-size: 20px;
|
|
103
|
-
color: var(--o-white);
|
|
104
121
|
}
|
|
105
|
-
@media (
|
|
106
|
-
.o-events-calendar .collapse-header .collapse-title .
|
|
107
|
-
|
|
122
|
+
@media (max-width: 1200px) {
|
|
123
|
+
.o-events-calendar .collapse-header .collapse-title .title-icon {
|
|
124
|
+
margin-right: var(--o-gap-2);
|
|
108
125
|
}
|
|
109
126
|
}
|
|
110
|
-
@media (min-width: 841px) and (max-width: 1200px) {
|
|
111
127
|
.o-events-calendar .collapse-header .collapse-title .o-icon {
|
|
112
|
-
|
|
113
|
-
|
|
128
|
+
font-size: var(--title-icon-size);
|
|
129
|
+
color: var(--o-white);
|
|
114
130
|
}
|
|
115
131
|
.o-events-calendar .collapse-header .collapse-title .o-icon svg {
|
|
116
132
|
fill: none;
|
|
@@ -147,6 +147,11 @@
|
|
|
147
147
|
gap: var(--o-gap-6);
|
|
148
148
|
margin-top: var(--o-gap-6);
|
|
149
149
|
}
|
|
150
|
+
@media screen and (max-width: 1000px) {
|
|
151
|
+
.o-events-list .list-content {
|
|
152
|
+
grid-template-columns: repeat(3, 1fr);
|
|
153
|
+
}
|
|
154
|
+
}
|
|
150
155
|
@media (max-width: 840px) {
|
|
151
156
|
.o-events-list .list-content {
|
|
152
157
|
grid-template-columns: repeat(1, 1fr);
|
|
@@ -180,6 +185,7 @@
|
|
|
180
185
|
.o-events-list .list-content .o-card {
|
|
181
186
|
aspect-ratio: 1/1;
|
|
182
187
|
position: relative;
|
|
188
|
+
--card-radius: var(--events-card-radius);
|
|
183
189
|
}
|
|
184
190
|
@media (max-width: 840px) {
|
|
185
191
|
.o-events-list .list-content .o-card {
|
|
@@ -374,17 +374,21 @@
|
|
|
374
374
|
height: 100%;
|
|
375
375
|
--phone-padding-top: 0;
|
|
376
376
|
}
|
|
377
|
-
@media
|
|
377
|
+
@media screen and (max-width: 900px) {
|
|
378
378
|
.o-my-meeting-calendar .meeting-list {
|
|
379
379
|
flex-direction: column;
|
|
380
|
+
gap: var(--o-gap-2);
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
@media (max-width: 840px) {
|
|
384
|
+
.o-my-meeting-calendar .meeting-list {
|
|
380
385
|
gap: var(--o-gap-4);
|
|
386
|
+
--phone-padding-top: 56px;
|
|
381
387
|
}
|
|
382
388
|
}
|
|
383
389
|
@media (max-width: 600px) {
|
|
384
390
|
.o-my-meeting-calendar .meeting-list {
|
|
385
|
-
flex-direction: column;
|
|
386
391
|
gap: var(--o-gap-3);
|
|
387
|
-
--phone-padding-top: 56px;
|
|
388
392
|
}
|
|
389
393
|
}
|
|
390
394
|
.o-my-meeting-calendar .meeting-list .o-loading .o-layer-mask {
|
|
@@ -398,34 +402,32 @@
|
|
|
398
402
|
align-items: center;
|
|
399
403
|
justify-content: space-between;
|
|
400
404
|
padding: 0 var(--grid--layout-padding);
|
|
405
|
+
font-weight: 600;
|
|
401
406
|
}
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
font-size: 40px;
|
|
409
|
-
line-height: 56px;
|
|
410
|
-
}
|
|
411
|
-
}
|
|
412
|
-
@media (min-width: 841px) and (max-width: 1200px) {
|
|
413
|
-
.o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
|
|
414
|
-
font-size: 32px;
|
|
415
|
-
line-height: 44px;
|
|
407
|
+
@media screen and (max-width: 900px) {
|
|
408
|
+
.o-my-meeting-calendar .meeting-list .list-calendar-mb {
|
|
409
|
+
display: flex;
|
|
410
|
+
background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
|
|
411
|
+
border-radius: var(--meeting-card-radius);
|
|
412
|
+
padding: var(--o-gap-3);
|
|
416
413
|
}
|
|
417
414
|
}
|
|
418
|
-
@media (
|
|
419
|
-
.o-my-meeting-calendar .meeting-list .list-calendar-mb
|
|
420
|
-
|
|
421
|
-
|
|
415
|
+
@media (max-width: 840px) {
|
|
416
|
+
.o-my-meeting-calendar .meeting-list .list-calendar-mb {
|
|
417
|
+
padding: 0 var(--grid--layout-padding);
|
|
418
|
+
background-color: var(--o-color-fill1);
|
|
419
|
+
display: flex;
|
|
420
|
+
position: fixed;
|
|
421
|
+
height: var(--phone-padding-top);
|
|
422
|
+
z-index: 1;
|
|
423
|
+
top: var(--layout-header-height);
|
|
424
|
+
left: 0;
|
|
425
|
+
right: 0;
|
|
422
426
|
}
|
|
423
427
|
}
|
|
424
|
-
@media (max-width: 600px) {
|
|
425
428
|
.o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
}
|
|
429
|
+
font-size: 20px;
|
|
430
|
+
line-height: 28px;
|
|
429
431
|
}
|
|
430
432
|
.o-my-meeting-calendar .meeting-list .list-calendar-mb span:last-child {
|
|
431
433
|
display: flex;
|
|
@@ -438,18 +440,6 @@
|
|
|
438
440
|
.o-my-meeting-calendar .meeting-list .list-calendar-mb .o-icon:last-child {
|
|
439
441
|
margin-left: 24px;
|
|
440
442
|
}
|
|
441
|
-
@media (max-width: 600px) {
|
|
442
|
-
.o-my-meeting-calendar .meeting-list .list-calendar-mb {
|
|
443
|
-
background-color: var(--o-color-fill1);
|
|
444
|
-
display: flex;
|
|
445
|
-
position: fixed;
|
|
446
|
-
height: var(--phone-padding-top);
|
|
447
|
-
z-index: 1;
|
|
448
|
-
top: var(--layout-header-height);
|
|
449
|
-
left: 0;
|
|
450
|
-
right: 0;
|
|
451
|
-
}
|
|
452
|
-
}
|
|
453
443
|
.o-my-meeting-calendar .meeting-list .list-calendar {
|
|
454
444
|
flex-shrink: 0;
|
|
455
445
|
width: 334px;
|
|
@@ -502,7 +492,7 @@
|
|
|
502
492
|
padding-bottom: 0;
|
|
503
493
|
}
|
|
504
494
|
}
|
|
505
|
-
@media (max-width:
|
|
495
|
+
@media screen and (max-width: 900px) {
|
|
506
496
|
.o-my-meeting-calendar .meeting-list .list-calendar {
|
|
507
497
|
display: none;
|
|
508
498
|
}
|
|
@@ -650,7 +640,7 @@
|
|
|
650
640
|
background-color: var(--o-color-fill2);
|
|
651
641
|
--content-height: calc(var(--layout-left-height, 900px) - 4 * var(--o-gap-5) - var(--header-height, 64) * 1px);
|
|
652
642
|
}
|
|
653
|
-
@media (max-width:
|
|
643
|
+
@media (max-width: 840px) {
|
|
654
644
|
.o-my-meeting-calendar .meeting-list .list-wrapper {
|
|
655
645
|
margin-top: calc(var(--phone-padding-top) - var(--o-gap-4));
|
|
656
646
|
}
|
|
@@ -818,7 +808,7 @@
|
|
|
818
808
|
--btn-color: var(--o-color-primary2);
|
|
819
809
|
}
|
|
820
810
|
}
|
|
821
|
-
@media (max-width:
|
|
811
|
+
@media (max-width: 840px) {
|
|
822
812
|
.o-my-meeting-calendar .meeting-list .list-body .list-month-change {
|
|
823
813
|
display: none;
|
|
824
814
|
}
|
|
@@ -856,6 +856,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
856
856
|
}, 8, ["onScrollend"])) : !tableLoading.value ? renderSlot(_ctx.$slots, "empty", { key: 1 }) : createCommentVNode("", true)
|
|
857
857
|
], 2),
|
|
858
858
|
createVNode(unref(ODialog), {
|
|
859
|
+
class: "handle-wrapper-dialog",
|
|
859
860
|
visible: handleDialogVisible.value,
|
|
860
861
|
"onUpdate:visible": _cache[9] || (_cache[9] = ($event) => handleDialogVisible.value = $event),
|
|
861
862
|
"main-class": "handle-dialog",
|
|
@@ -297,8 +297,16 @@
|
|
|
297
297
|
:root .el-input-number.el-input-number--large {
|
|
298
298
|
line-height: var(--el-component-size-large);
|
|
299
299
|
}
|
|
300
|
+
@media (max-width: 600px) {
|
|
301
|
+
.handle-wrapper-dialog.o-dialog-responsive {
|
|
302
|
+
--layer-align: center;
|
|
303
|
+
--layer-justify: center;
|
|
304
|
+
--layer-origin: center;
|
|
305
|
+
}
|
|
306
|
+
}
|
|
300
307
|
.handle-dialog {
|
|
301
308
|
width: 450px;
|
|
309
|
+
--dlg-radius: var(--dialog-radius, var(--o-radius-xs));
|
|
302
310
|
}
|
|
303
311
|
.handle-dialog .o-dlg-header {
|
|
304
312
|
margin-bottom: var(--o-gap-5);
|