@opendesign-plus-test/components 0.0.1-rc.143 → 0.0.1-rc.144
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 +771 -771
- package/dist/treeshaking/_virtual/icon-outlink.mjs +1 -1
- package/dist/treeshaking/components/meeting/OMeetingSigCalendar.css +24 -0
- package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.mjs +4 -3
- package/dist/treeshaking/components/sig/OSigDetail.css +16 -11
- package/dist/treeshaking/components/sig/OSigList.css +1 -0
- package/dist/treeshaking/components/sig/components/OSigDetailInfoCard.css +6 -0
- package/package.json +1 -1
|
@@ -10,7 +10,7 @@ function render(_ctx, _cache) {
|
|
|
10
10
|
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
|
|
11
11
|
createElementVNode("path", {
|
|
12
12
|
fill: "currentColor",
|
|
13
|
-
d: "
|
|
13
|
+
d: "M12.708 5.281c0-0.322-0.261-0.583-0.583-0.583h-5.856c-0.92 0-1.667 0.746-1.667 1.667v11.145c0 0.921 0.746 1.667 1.667 1.667h11.354c0.921 0 1.667-0.746 1.667-1.667v-5.798c0-0.322-0.261-0.583-0.583-0.583s-0.583 0.261-0.583 0.583v5.798c0 0.276-0.224 0.5-0.5 0.5h-11.354c-0.276 0-0.5-0.224-0.5-0.5v-11.145c0-0.276 0.224-0.5 0.5-0.5h5.856c0.322 0 0.583-0.261 0.583-0.583zM17.422 4.701c0.921 0 1.667 0.746 1.667 1.667v3.292c0 0.322-0.261 0.583-0.583 0.583s-0.583-0.261-0.583-0.583v-2.928l-4.11 4.072c-0.229 0.227-0.598 0.225-0.825-0.004s-0.225-0.598 0.004-0.825l4.146-4.108h-3.006c-0.322 0-0.583-0.261-0.583-0.583s0.261-0.583 0.583-0.583h3.292z"
|
|
14
14
|
}, null, -1)
|
|
15
15
|
])]);
|
|
16
16
|
}
|
|
@@ -43,6 +43,12 @@
|
|
|
43
43
|
padding-bottom: var(--o-gap-2);
|
|
44
44
|
max-width: 240px;
|
|
45
45
|
}
|
|
46
|
+
@media (min-width: 601px) and (max-width: 840px) {
|
|
47
|
+
.o-sig-meeting-calendar .phone-filter-wrapper .date-select {
|
|
48
|
+
min-width: 160px;
|
|
49
|
+
flex-shrink: 0;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
46
52
|
@media (max-width: 600px) {
|
|
47
53
|
.o-sig-meeting-calendar .phone-filter-wrapper .date-select {
|
|
48
54
|
max-width: 100%;
|
|
@@ -53,10 +59,25 @@
|
|
|
53
59
|
.o-sig-meeting-calendar .phone-filter-wrapper .date-select .o-select {
|
|
54
60
|
width: 100%;
|
|
55
61
|
}
|
|
62
|
+
@media (max-width: 840px) {
|
|
63
|
+
.o-sig-meeting-calendar .phone-filter-wrapper .phone-filter-tab-wrapper {
|
|
64
|
+
flex: 1;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
@media (max-width: 600px) {
|
|
68
|
+
.o-sig-meeting-calendar .phone-filter-wrapper .phone-filter-tab-wrapper {
|
|
69
|
+
width: 100%;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
56
72
|
.o-sig-meeting-calendar .phone-filter-wrapper .o-tab {
|
|
57
73
|
flex-shrink: 0;
|
|
58
74
|
--tab-text-height: calc(var(--tab-nav-text-height) + var(--o-gap-2) + 2px);
|
|
59
75
|
}
|
|
76
|
+
@media (min-width: 601px) and (max-width: 840px) {
|
|
77
|
+
.o-sig-meeting-calendar .phone-filter-wrapper .o-tab {
|
|
78
|
+
--tab-nav-justify: flex-end;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
60
81
|
@media (max-width: 600px) {
|
|
61
82
|
.o-sig-meeting-calendar .phone-filter-wrapper .o-tab {
|
|
62
83
|
--tab-text-height: var(--tab-nav-text-height);
|
|
@@ -65,6 +86,9 @@
|
|
|
65
86
|
.o-sig-meeting-calendar .phone-filter-wrapper .o-tab .o-tab-head {
|
|
66
87
|
line-height: var(--tab-text-height);
|
|
67
88
|
}
|
|
89
|
+
.o-sig-meeting-calendar .phone-filter-wrapper .o-tab .o-tab-nav-list {
|
|
90
|
+
width: fit-content !important;
|
|
91
|
+
}
|
|
68
92
|
.o-sig-meeting-calendar .meeting-card-header {
|
|
69
93
|
font-weight: 500;
|
|
70
94
|
display: flex;
|
|
@@ -26,7 +26,8 @@ const _hoisted_3 = {
|
|
|
26
26
|
class: "phone-filter-wrapper"
|
|
27
27
|
};
|
|
28
28
|
const _hoisted_4 = { class: "date-select" };
|
|
29
|
-
const _hoisted_5 = { class: "
|
|
29
|
+
const _hoisted_5 = { class: "phone-filter-tab-wrapper" };
|
|
30
|
+
const _hoisted_6 = { class: "meeting-card-content" };
|
|
30
31
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
31
32
|
__name: "OMeetingSigCalendar",
|
|
32
33
|
props: {
|
|
@@ -314,7 +315,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
314
315
|
_: 1
|
|
315
316
|
}, 8, ["modelValue"])
|
|
316
317
|
]),
|
|
317
|
-
createElementVNode("div",
|
|
318
|
+
createElementVNode("div", _hoisted_5, [
|
|
318
319
|
createVNode(unref(OTab), {
|
|
319
320
|
modelValue: tabType.value,
|
|
320
321
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => tabType.value = $event),
|
|
@@ -340,7 +341,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
340
341
|
])
|
|
341
342
|
])) : createCommentVNode("", true),
|
|
342
343
|
createVNode(unref(ODivider), { class: "meeting-divider" }),
|
|
343
|
-
createElementVNode("div",
|
|
344
|
+
createElementVNode("div", _hoisted_6, [
|
|
344
345
|
!unref(lePadV) && monthIdx.value !== -1 ? (openBlock(), createBlock(_sfc_main$1, {
|
|
345
346
|
key: 0,
|
|
346
347
|
data: dateMapList.value.slice(monthIdx.value, monthIdx.value + 1),
|
|
@@ -30,9 +30,25 @@
|
|
|
30
30
|
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor {
|
|
31
31
|
width: 100%;
|
|
32
32
|
}
|
|
33
|
+
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-icon {
|
|
34
|
+
font-size: 24px;
|
|
35
|
+
}
|
|
36
|
+
@media (max-width: 1680px) {
|
|
37
|
+
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-icon {
|
|
38
|
+
font-size: 20px;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
33
41
|
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-icon path {
|
|
34
42
|
fill: currentColor;
|
|
35
43
|
}
|
|
44
|
+
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-btn .o-icon {
|
|
45
|
+
font-size: 20px;
|
|
46
|
+
}
|
|
47
|
+
@media (max-width: 1680px) {
|
|
48
|
+
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-btn .o-icon {
|
|
49
|
+
font-size: 16px;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
36
52
|
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-sig-detail-title-top {
|
|
37
53
|
margin-bottom: var(--o-gap-2);
|
|
38
54
|
}
|
|
@@ -44,14 +60,6 @@
|
|
|
44
60
|
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-sig-detail-tip {
|
|
45
61
|
margin: 0;
|
|
46
62
|
}
|
|
47
|
-
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-link-suffix .o-icon {
|
|
48
|
-
font-size: 24px;
|
|
49
|
-
}
|
|
50
|
-
@media (max-width: 1680px) {
|
|
51
|
-
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-link-suffix .o-icon {
|
|
52
|
-
font-size: 20px;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
63
|
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-sig-detail-email-link {
|
|
56
64
|
margin-top: var(--o-gap-3);
|
|
57
65
|
}
|
|
@@ -124,9 +132,6 @@
|
|
|
124
132
|
align-items: center;
|
|
125
133
|
margin-bottom: var(--o-gap-2);
|
|
126
134
|
}
|
|
127
|
-
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-title-top .o-icon {
|
|
128
|
-
--icon-size: 24px;
|
|
129
|
-
}
|
|
130
135
|
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-title-top .o-sig-detail-text {
|
|
131
136
|
font-weight: 500;
|
|
132
137
|
color: var(--o-color-info1);
|
|
@@ -471,6 +471,7 @@
|
|
|
471
471
|
z-index: 9;
|
|
472
472
|
border: 1px solid var(--o-color-control1);
|
|
473
473
|
border-radius: var(--o-radius-xs);
|
|
474
|
+
background-color: var(--o-color-fill2);
|
|
474
475
|
}
|
|
475
476
|
@media (hover: hover) {
|
|
476
477
|
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box .o-sig-filter-select:hover {
|
|
@@ -149,6 +149,12 @@
|
|
|
149
149
|
}
|
|
150
150
|
.o-sig-detail-info-card .o-link .o-link-label .o-icon {
|
|
151
151
|
margin-left: var(--o-gap-1);
|
|
152
|
+
font-size: 24px;
|
|
153
|
+
}
|
|
154
|
+
@media (max-width: 1680px) {
|
|
155
|
+
.o-sig-detail-info-card .o-link .o-link-label .o-icon {
|
|
156
|
+
font-size: 20px;
|
|
157
|
+
}
|
|
152
158
|
}
|
|
153
159
|
.o-sig-detail-info-card .o-sig-detail-info-content {
|
|
154
160
|
margin-top: var(--o-gap-4);
|