@opendesign-plus-test/components 0.0.1-rc.121 → 0.0.1-rc.122
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/header/OHeaderMobile.vue.d.ts +10 -7
- package/dist/components/header/index.d.ts +5 -0
- package/dist/components/header-language-switcher/OHeaderLanguageSwitcher.vue.d.ts +9 -0
- package/dist/components/header-language-switcher/index.d.ts +15 -0
- package/dist/components/header-source-code/OHeaderSourceCode.vue.d.ts +2 -0
- package/dist/components/header-source-code/index.d.ts +3 -0
- package/dist/components/header-user/OHeaderUser.vue.d.ts +3 -0
- package/dist/components/header-user/index.d.ts +6 -0
- package/dist/components/meeting/OMeetingCalendar.vue.d.ts +2 -0
- package/dist/components/meeting/OMeetingSigCalendar.vue.d.ts +6 -2
- package/dist/components/meeting/index.d.ts +4 -1
- package/dist/components.cjs.js +36 -36
- package/dist/components.css +1 -1
- package/dist/components.es.js +7588 -7544
- package/dist/treeshaking/components/common/AppAvatar.css +5 -5
- package/dist/treeshaking/components/common/AppAvatar.vue.mjs +1 -1
- package/dist/treeshaking/components/common/AppAvatar.vue2.mjs +3 -3
- package/dist/treeshaking/components/header/OHeaderMobile.css +19 -19
- package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts +10 -7
- package/dist/treeshaking/components/header/OHeaderMobile.vue.mjs +1 -1
- package/dist/treeshaking/components/header/OHeaderMobile.vue2.mjs +3 -2
- package/dist/treeshaking/components/header/components/HeaderContent.css +184 -184
- package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +0 -2
- package/dist/treeshaking/components/header/index.d.ts +5 -0
- package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.css +29 -41
- package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.d.ts +9 -0
- package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.mjs +1 -1
- package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue2.mjs +8 -4
- package/dist/treeshaking/components/header-language-switcher/index.d.ts +15 -0
- package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.css +29 -41
- package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue.d.ts +2 -0
- package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue.mjs +1 -1
- package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue2.mjs +3 -3
- package/dist/treeshaking/components/header-source-code/index.d.ts +3 -0
- package/dist/treeshaking/components/header-user/OHeaderUser.css +55 -38
- package/dist/treeshaking/components/header-user/OHeaderUser.vue.d.ts +3 -0
- package/dist/treeshaking/components/header-user/OHeaderUser.vue.mjs +1 -1
- package/dist/treeshaking/components/header-user/OHeaderUser.vue2.mjs +7 -5
- package/dist/treeshaking/components/header-user/OHeaderUser2.css +0 -18
- package/dist/treeshaking/components/header-user/index.d.ts +6 -0
- package/dist/treeshaking/components/meeting/OMeetingCalendar.css +74 -0
- package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.d.ts +2 -0
- package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.mjs +60 -30
- package/dist/treeshaking/components/meeting/OMeetingSigCalendar.css +6 -0
- package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.d.ts +6 -2
- package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.mjs +46 -17
- package/dist/treeshaking/components/meeting/index.d.ts +4 -1
- package/dist/treeshaking/components/search/internal/SearchImageInput.css +48 -45
- package/dist/treeshaking/components/search/internal/SearchImageInput.vue.mjs +1 -1
- package/package.json +3 -3
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
.hover-icon-rotate .o-icon[data-v-
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-67498511] {
|
|
2
2
|
transition: all var(--o-duration-m1) var(--o-easing-standard-in);
|
|
3
3
|
}
|
|
4
4
|
@media (hover: hover) {
|
|
5
|
-
.hover-icon-rotate:hover .o-icon[data-v-
|
|
5
|
+
.hover-icon-rotate:hover .o-icon[data-v-67498511] {
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
.header-user[data-v-
|
|
9
|
+
.header-user[data-v-67498511] {
|
|
10
10
|
display: flex;
|
|
11
11
|
align-items: center;
|
|
12
12
|
height: 100%;
|
|
@@ -14,61 +14,78 @@
|
|
|
14
14
|
opacity: 1;
|
|
15
15
|
transition: opacity 0.15s;
|
|
16
16
|
}
|
|
17
|
-
.
|
|
17
|
+
.avatar-icon[data-v-67498511] {
|
|
18
|
+
font-size: 24px;
|
|
19
|
+
color: var(--o-color-info2);
|
|
20
|
+
cursor: pointer;
|
|
21
|
+
}
|
|
22
|
+
@media (hover: hover) {
|
|
23
|
+
.avatar-icon[data-v-67498511]:hover {
|
|
24
|
+
color: var(--o-color-primary2);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
.avatar-icon[data-v-67498511]:active {
|
|
28
|
+
color: var(--o-color-primary3);
|
|
29
|
+
}
|
|
30
|
+
@media (max-width: 1200px) {
|
|
31
|
+
.avatar-icon[data-v-67498511] {
|
|
32
|
+
font-size: var(--o-icon_size_control-s);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
.user-info[data-v-67498511] {
|
|
18
36
|
height: 100%;
|
|
19
37
|
min-width: 32px;
|
|
20
38
|
display: flex;
|
|
21
39
|
cursor: pointer;
|
|
22
40
|
}
|
|
23
|
-
.info-wrap[data-v-
|
|
41
|
+
.info-wrap[data-v-67498511] {
|
|
24
42
|
height: calc(100% - 10px);
|
|
25
43
|
margin: 5px 0;
|
|
26
44
|
display: flex;
|
|
27
45
|
align-items: center;
|
|
28
46
|
}
|
|
29
|
-
.info-wrap .icon[data-v-
|
|
47
|
+
.info-wrap .icon[data-v-67498511] {
|
|
30
48
|
margin-left: 4px;
|
|
31
49
|
}
|
|
32
|
-
.user-avatar[data-v-
|
|
50
|
+
.user-avatar[data-v-67498511] {
|
|
33
51
|
margin-right: 4px;
|
|
34
52
|
}
|
|
35
|
-
.user-avatar[data-v-
|
|
53
|
+
.user-avatar[data-v-67498511] .o-badge-content {
|
|
36
54
|
--badge-dot-size: 6px;
|
|
37
|
-
right:
|
|
55
|
+
right: 6px;
|
|
38
56
|
top: 2px;
|
|
39
57
|
}
|
|
40
|
-
.o-badge[data-v-
|
|
58
|
+
.o-badge[data-v-67498511] {
|
|
41
59
|
display: flex;
|
|
42
60
|
}
|
|
43
|
-
.o-dropdown[data-v-
|
|
61
|
+
.o-dropdown[data-v-67498511] {
|
|
44
62
|
height: 100%;
|
|
45
63
|
display: flex;
|
|
46
64
|
align-items: center;
|
|
47
65
|
}
|
|
48
|
-
.o-dropdown-item[data-v-
|
|
66
|
+
.o-dropdown-item[data-v-67498511] {
|
|
49
67
|
white-space: nowrap;
|
|
50
68
|
background: var(--o-color-control5-light);
|
|
51
69
|
--dropdown-item-color: var(--o-color-info2);
|
|
52
|
-
border-radius: var(--o-radius_control-xs);
|
|
53
70
|
padding: var(--o-gap-1) var(--o-gap-3);
|
|
54
71
|
height: 32px;
|
|
55
72
|
--dropdown-item-text-size: 14px;
|
|
56
73
|
--dropdown-item-text-height: 22px;
|
|
57
74
|
}
|
|
58
75
|
@media (hover: hover) {
|
|
59
|
-
.o-dropdown-item[data-v-
|
|
76
|
+
.o-dropdown-item[data-v-67498511]:hover {
|
|
60
77
|
background: var(--o-color-control2-light);
|
|
61
78
|
}
|
|
62
79
|
}
|
|
63
|
-
.o-dropdown-item[data-v-
|
|
80
|
+
.o-dropdown-item[data-v-67498511]:active {
|
|
64
81
|
color: var(--o-color-primary1);
|
|
65
82
|
background: var(--o-color-control3-light);
|
|
66
83
|
font-weight: 600;
|
|
67
84
|
}
|
|
68
|
-
.notice-not[data-v-
|
|
85
|
+
.notice-not[data-v-67498511] .o-badge-content {
|
|
69
86
|
display: none;
|
|
70
87
|
}
|
|
71
|
-
.user-account[data-v-
|
|
88
|
+
.user-account[data-v-67498511] {
|
|
72
89
|
color: var(--o-color-info1);
|
|
73
90
|
max-width: 96px;
|
|
74
91
|
font-weight: 500;
|
|
@@ -76,30 +93,30 @@
|
|
|
76
93
|
line-height: 22px;
|
|
77
94
|
}
|
|
78
95
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
79
|
-
.user-account[data-v-
|
|
96
|
+
.user-account[data-v-67498511] {
|
|
80
97
|
font-size: 12px;
|
|
81
98
|
line-height: 18px;
|
|
82
99
|
}
|
|
83
100
|
}
|
|
84
101
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
85
|
-
.user-account[data-v-
|
|
102
|
+
.user-account[data-v-67498511] {
|
|
86
103
|
font-size: 12px;
|
|
87
104
|
line-height: 18px;
|
|
88
105
|
}
|
|
89
106
|
}
|
|
90
107
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
91
|
-
.user-account[data-v-
|
|
108
|
+
.user-account[data-v-67498511] {
|
|
92
109
|
font-size: 12px;
|
|
93
110
|
line-height: 18px;
|
|
94
111
|
}
|
|
95
112
|
}
|
|
96
113
|
@media (max-width: 600px) {
|
|
97
|
-
.user-account[data-v-
|
|
114
|
+
.user-account[data-v-67498511] {
|
|
98
115
|
font-size: 12px;
|
|
99
116
|
line-height: 18px;
|
|
100
117
|
}
|
|
101
118
|
}
|
|
102
|
-
.user-account[data-v-
|
|
119
|
+
.user-account[data-v-67498511] {
|
|
103
120
|
overflow: hidden;
|
|
104
121
|
text-overflow: ellipsis;
|
|
105
122
|
word-break: break-all;
|
|
@@ -108,83 +125,83 @@
|
|
|
108
125
|
-webkit-line-clamp: 1;
|
|
109
126
|
}
|
|
110
127
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
111
|
-
.user-account[data-v-
|
|
128
|
+
.user-account[data-v-67498511] {
|
|
112
129
|
font-size: 16px;
|
|
113
130
|
line-height: 24px;
|
|
114
131
|
}
|
|
115
132
|
}
|
|
116
133
|
@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
|
|
117
|
-
.user-account[data-v-
|
|
134
|
+
.user-account[data-v-67498511] {
|
|
118
135
|
font-size: 14px;
|
|
119
136
|
line-height: 22px;
|
|
120
137
|
}
|
|
121
138
|
}
|
|
122
139
|
@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
|
|
123
|
-
.user-account[data-v-
|
|
140
|
+
.user-account[data-v-67498511] {
|
|
124
141
|
font-size: 14px;
|
|
125
142
|
line-height: 22px;
|
|
126
143
|
}
|
|
127
144
|
}
|
|
128
145
|
@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
|
|
129
|
-
.user-account[data-v-
|
|
146
|
+
.user-account[data-v-67498511] {
|
|
130
147
|
font-size: 14px;
|
|
131
148
|
line-height: 22px;
|
|
132
149
|
}
|
|
133
150
|
}
|
|
134
151
|
@media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
|
|
135
|
-
.user-account[data-v-
|
|
152
|
+
.user-account[data-v-67498511] {
|
|
136
153
|
font-size: 12px;
|
|
137
154
|
line-height: 18px;
|
|
138
155
|
}
|
|
139
156
|
}
|
|
140
157
|
@media (max-width: 1200px) {
|
|
141
|
-
.user-account[data-v-
|
|
158
|
+
.user-account[data-v-67498511] {
|
|
142
159
|
font-size: 18px;
|
|
143
160
|
line-height: 26px;
|
|
144
161
|
}
|
|
145
162
|
}
|
|
146
163
|
@media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
|
|
147
|
-
.user-account[data-v-
|
|
164
|
+
.user-account[data-v-67498511] {
|
|
148
165
|
font-size: 16px;
|
|
149
166
|
line-height: 24px;
|
|
150
167
|
}
|
|
151
168
|
}
|
|
152
169
|
@media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
|
|
153
|
-
.user-account[data-v-
|
|
170
|
+
.user-account[data-v-67498511] {
|
|
154
171
|
font-size: 14px;
|
|
155
172
|
line-height: 22px;
|
|
156
173
|
}
|
|
157
174
|
}
|
|
158
175
|
@media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
|
|
159
|
-
.user-account[data-v-
|
|
176
|
+
.user-account[data-v-67498511] {
|
|
160
177
|
font-size: 14px;
|
|
161
178
|
line-height: 22px;
|
|
162
179
|
}
|
|
163
180
|
}
|
|
164
181
|
@media (max-width: 1200px) and (max-width: 600px) {
|
|
165
|
-
.user-account[data-v-
|
|
182
|
+
.user-account[data-v-67498511] {
|
|
166
183
|
font-size: 14px;
|
|
167
184
|
line-height: 22px;
|
|
168
185
|
}
|
|
169
186
|
}
|
|
170
187
|
@media (max-width: 840px) {
|
|
171
|
-
.header-user[data-v-
|
|
188
|
+
.header-user[data-v-67498511] {
|
|
172
189
|
min-width: auto;
|
|
173
190
|
}
|
|
174
|
-
.header-user .user-info[data-v-
|
|
191
|
+
.header-user .user-info[data-v-67498511] {
|
|
175
192
|
min-width: 24px;
|
|
176
193
|
}
|
|
177
|
-
.header-user .user-info .info-wrap[data-v-
|
|
194
|
+
.header-user .user-info .info-wrap[data-v-67498511] {
|
|
178
195
|
height: auto;
|
|
179
196
|
margin: 0;
|
|
180
197
|
}
|
|
181
|
-
.header-user .user-info .info-wrap .user-avatar[data-v-
|
|
198
|
+
.header-user .user-info .info-wrap .user-avatar[data-v-67498511] {
|
|
182
199
|
margin-right: 0;
|
|
183
200
|
}
|
|
184
|
-
.header-user .user-info .info-wrap .user-account[data-v-
|
|
201
|
+
.header-user .user-info .info-wrap .user-account[data-v-67498511] {
|
|
185
202
|
display: none;
|
|
186
203
|
}
|
|
187
|
-
.header-user .user-info .info-wrap .icon[data-v-
|
|
204
|
+
.header-user .user-info .info-wrap .icon[data-v-67498511] {
|
|
188
205
|
display: none;
|
|
189
206
|
}
|
|
190
207
|
}
|
|
@@ -19,6 +19,7 @@ export interface UserPropsT {
|
|
|
19
19
|
options?: OptionsItemT[];
|
|
20
20
|
customSize?: number;
|
|
21
21
|
simple?: boolean;
|
|
22
|
+
itemRadius?: number;
|
|
22
23
|
}
|
|
23
24
|
export interface OHeaderUserEmitsT {
|
|
24
25
|
(e: 'login'): void;
|
|
@@ -32,5 +33,7 @@ declare const _default: import('vue').DefineComponent<UserPropsT, {}, {}, {}, {}
|
|
|
32
33
|
onLogout?: (() => any) | undefined;
|
|
33
34
|
}>, {
|
|
34
35
|
simple: boolean;
|
|
36
|
+
itemRadius: number;
|
|
37
|
+
customSize: number;
|
|
35
38
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
36
39
|
export default _default;
|
|
@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderUser.vue2.mjs";
|
|
|
2
2
|
import './OHeaderUser.css';
|
|
3
3
|
import './OHeaderUser2.css';
|
|
4
4
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
5
|
-
const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
5
|
+
const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-67498511"]]);
|
|
6
6
|
export {
|
|
7
7
|
_OHeaderUser as default
|
|
8
8
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, Transition, createElementVNode, normalizeClass, toDisplayString, Fragment, renderList, createTextVNode } from "vue";
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, Transition, createElementVNode, normalizeClass, toDisplayString, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
|
|
2
2
|
import { OIcon, ODropdown, OBadge, ODropdownItem } from "@opensig/opendesign";
|
|
3
3
|
import AppAvatar from "../common/AppAvatar.vue.mjs";
|
|
4
4
|
import IconAvatar from "../../_virtual/icon-avatar-line.mjs";
|
|
@@ -23,8 +23,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
23
23
|
noticeTotal: {},
|
|
24
24
|
userInfo: {},
|
|
25
25
|
options: {},
|
|
26
|
-
customSize: {},
|
|
27
|
-
simple: { type: Boolean, default: false }
|
|
26
|
+
customSize: { default: 20 },
|
|
27
|
+
simple: { type: Boolean, default: false },
|
|
28
|
+
itemRadius: { default: 4 }
|
|
28
29
|
},
|
|
29
30
|
emits: ["login", "logout"],
|
|
30
31
|
setup(__props, { emit: __emit }) {
|
|
@@ -65,7 +66,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
65
66
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
|
|
66
67
|
return openBlock(), createBlock(unref(ODropdownItem), {
|
|
67
68
|
key: item.label,
|
|
68
|
-
onClick: ($event) => jumpToPage(item)
|
|
69
|
+
onClick: ($event) => jumpToPage(item),
|
|
70
|
+
style: normalizeStyle({ "--dropdown-item-radius": `${__props.itemRadius}px` })
|
|
69
71
|
}, {
|
|
70
72
|
default: withCtx(() => [
|
|
71
73
|
(item == null ? void 0 : item.total) ? (openBlock(), createBlock(unref(OBadge), {
|
|
@@ -81,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
81
83
|
}, 1032, ["value", "class"])) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.label), 1))
|
|
82
84
|
]),
|
|
83
85
|
_: 2
|
|
84
|
-
}, 1032, ["onClick"]);
|
|
86
|
+
}, 1032, ["onClick", "style"]);
|
|
85
87
|
}), 128))
|
|
86
88
|
]),
|
|
87
89
|
default: withCtx(() => {
|
|
@@ -6,24 +6,6 @@
|
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
.avatar-icon {
|
|
10
|
-
font-size: 24px;
|
|
11
|
-
color: var(--o-color-info2);
|
|
12
|
-
cursor: pointer;
|
|
13
|
-
}
|
|
14
|
-
@media (hover: hover) {
|
|
15
|
-
.avatar-icon:hover {
|
|
16
|
-
color: var(--o-color-primary2);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
.avatar-icon:active {
|
|
20
|
-
color: var(--o-color-primary3);
|
|
21
|
-
}
|
|
22
|
-
@media (max-width: 1200px) {
|
|
23
|
-
.avatar-icon {
|
|
24
|
-
font-size: var(--o-icon_size_control-s);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
9
|
@media (max-width: 840px) {
|
|
28
10
|
.user-dropdown .o-divider {
|
|
29
11
|
display: none;
|
|
@@ -8,6 +8,8 @@ declare const OHeaderUser: {
|
|
|
8
8
|
logout: () => any;
|
|
9
9
|
}, import('vue').PublicProps, {
|
|
10
10
|
simple: boolean;
|
|
11
|
+
itemRadius: number;
|
|
12
|
+
customSize: number;
|
|
11
13
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
12
14
|
P: {};
|
|
13
15
|
B: {};
|
|
@@ -20,6 +22,8 @@ declare const OHeaderUser: {
|
|
|
20
22
|
onLogout?: (() => any) | undefined;
|
|
21
23
|
}>, {}, {}, {}, {}, {
|
|
22
24
|
simple: boolean;
|
|
25
|
+
itemRadius: number;
|
|
26
|
+
customSize: number;
|
|
23
27
|
}>;
|
|
24
28
|
__isFragment?: never;
|
|
25
29
|
__isTeleport?: never;
|
|
@@ -32,6 +36,8 @@ declare const OHeaderUser: {
|
|
|
32
36
|
logout: () => any;
|
|
33
37
|
}, string, {
|
|
34
38
|
simple: boolean;
|
|
39
|
+
itemRadius: number;
|
|
40
|
+
customSize: number;
|
|
35
41
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
|
36
42
|
install(app: App): void;
|
|
37
43
|
};
|
|
@@ -377,6 +377,26 @@
|
|
|
377
377
|
border-bottom: 1px solid var(--o-color-control4);
|
|
378
378
|
background: var(--o-color-fill2);
|
|
379
379
|
}
|
|
380
|
+
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
381
|
+
.o-meeting-calendar .calendar-body .calender .el-calendar__header {
|
|
382
|
+
padding: 0 var(--o-gap-5);
|
|
383
|
+
}
|
|
384
|
+
}
|
|
385
|
+
@media (min-width: 841px) and (max-width: 1200px) {
|
|
386
|
+
.o-meeting-calendar .calendar-body .calender .el-calendar__header {
|
|
387
|
+
padding: 0 var(--o-gap-4);
|
|
388
|
+
}
|
|
389
|
+
}
|
|
390
|
+
@media (min-width: 601px) and (max-width: 840px) {
|
|
391
|
+
.o-meeting-calendar .calendar-body .calender .el-calendar__header {
|
|
392
|
+
padding: 0 var(--o-gap-4);
|
|
393
|
+
}
|
|
394
|
+
}
|
|
395
|
+
@media (max-width: 600px) {
|
|
396
|
+
.o-meeting-calendar .calendar-body .calender .el-calendar__header {
|
|
397
|
+
padding: 0 var(--o-gap-4);
|
|
398
|
+
}
|
|
399
|
+
}
|
|
380
400
|
@media (max-width: 840px) {
|
|
381
401
|
.o-meeting-calendar .calendar-body .calender .el-calendar__header {
|
|
382
402
|
justify-content: center;
|
|
@@ -516,6 +536,26 @@
|
|
|
516
536
|
margin-bottom: 0;
|
|
517
537
|
background: var(--o-color-fill2);
|
|
518
538
|
}
|
|
539
|
+
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
540
|
+
.o-meeting-calendar .calendar-body .calender .el-calendar__body {
|
|
541
|
+
padding: 0 var(--o-gap-5) var(--o-gap-5);
|
|
542
|
+
}
|
|
543
|
+
}
|
|
544
|
+
@media (min-width: 841px) and (max-width: 1200px) {
|
|
545
|
+
.o-meeting-calendar .calendar-body .calender .el-calendar__body {
|
|
546
|
+
padding: 0 var(--o-gap-4) var(--o-gap-4);
|
|
547
|
+
}
|
|
548
|
+
}
|
|
549
|
+
@media (min-width: 601px) and (max-width: 840px) {
|
|
550
|
+
.o-meeting-calendar .calendar-body .calender .el-calendar__body {
|
|
551
|
+
padding: 0 var(--o-gap-4) var(--o-gap-4);
|
|
552
|
+
}
|
|
553
|
+
}
|
|
554
|
+
@media (max-width: 600px) {
|
|
555
|
+
.o-meeting-calendar .calendar-body .calender .el-calendar__body {
|
|
556
|
+
padding: 0 var(--o-gap-4) var(--o-gap-4);
|
|
557
|
+
}
|
|
558
|
+
}
|
|
519
559
|
.o-meeting-calendar .calendar-body .calender .el-calendar__body thead th {
|
|
520
560
|
padding: var(--o-gap-4) var(--o-gap-3);
|
|
521
561
|
text-align: left;
|
|
@@ -938,6 +978,7 @@
|
|
|
938
978
|
@media (max-width: 600px) {
|
|
939
979
|
.o-meeting-calendar .calendar-body .detail-list .o-tab {
|
|
940
980
|
--tab-nav-padding: 0 0 4px;
|
|
981
|
+
width: 100%;
|
|
941
982
|
}
|
|
942
983
|
}
|
|
943
984
|
.o-meeting-calendar .calendar-body .detail-list .o-tab .o-icon svg path {
|
|
@@ -951,6 +992,39 @@
|
|
|
951
992
|
width: 16px;
|
|
952
993
|
}
|
|
953
994
|
}
|
|
995
|
+
.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
|
|
996
|
+
margin: 0 var(--o-gap-5);
|
|
997
|
+
--tab-nav-gap: var(--o-gap-6);
|
|
998
|
+
}
|
|
999
|
+
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
1000
|
+
.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
|
|
1001
|
+
--tab-nav-gap: var(--o-gap-5);
|
|
1002
|
+
}
|
|
1003
|
+
}
|
|
1004
|
+
@media (min-width: 841px) and (max-width: 1200px) {
|
|
1005
|
+
.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
|
|
1006
|
+
--tab-nav-gap: var(--o-gap-4);
|
|
1007
|
+
margin: 0 var(--o-gap-3);
|
|
1008
|
+
}
|
|
1009
|
+
}
|
|
1010
|
+
@media (min-width: 601px) and (max-width: 840px) {
|
|
1011
|
+
.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
|
|
1012
|
+
--tab-nav-gap: var(--o-gap-4);
|
|
1013
|
+
margin: 0;
|
|
1014
|
+
}
|
|
1015
|
+
}
|
|
1016
|
+
@media (max-width: 600px) {
|
|
1017
|
+
.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
|
|
1018
|
+
--tab-nav-gap: var(--o-gap-4);
|
|
1019
|
+
margin: 0;
|
|
1020
|
+
}
|
|
1021
|
+
}
|
|
1022
|
+
.o-meeting-calendar .calendar-body .detail-list .o-tab.hide-icons .o-tab-nav-list .o-icon {
|
|
1023
|
+
display: none;
|
|
1024
|
+
}
|
|
1025
|
+
.o-meeting-calendar .calendar-body .detail-list .o-tab.measuring .o-tab-nav-list.width-measurement .o-icon {
|
|
1026
|
+
display: inline-flex;
|
|
1027
|
+
}
|
|
954
1028
|
.o-meeting-calendar .calendar-body .meeting-list {
|
|
955
1029
|
height: var(--height);
|
|
956
1030
|
}
|
|
@@ -7,6 +7,7 @@ declare function __VLS_template(): {
|
|
|
7
7
|
empty?(_: {}): any;
|
|
8
8
|
};
|
|
9
9
|
refs: {
|
|
10
|
+
rootRef: HTMLDivElement;
|
|
10
11
|
calendar: ({
|
|
11
12
|
$: import('vue').ComponentInternalInstance;
|
|
12
13
|
$data: {};
|
|
@@ -159,6 +160,7 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingCalendarProp
|
|
|
159
160
|
groups: string[];
|
|
160
161
|
showDesc: boolean;
|
|
161
162
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
163
|
+
rootRef: HTMLDivElement;
|
|
162
164
|
calendar: ({
|
|
163
165
|
$: import('vue').ComponentInternalInstance;
|
|
164
166
|
$data: {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, computed, ref, watch, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode, createCommentVNode, normalizeClass, createBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent, renderSlot } from "vue";
|
|
1
|
+
import { defineComponent, computed, ref, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode, createCommentVNode, normalizeClass, createBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent, renderSlot } from "vue";
|
|
2
2
|
import { isClient, OButton, OIcon, OIconChevronLeft, OIconChevronRight, OSelect, OOption, OTab, OTabPane, OScroller, OResult, OFigure } from "@opensig/opendesign";
|
|
3
3
|
import dayjs from "dayjs";
|
|
4
4
|
import { ElCalendar } from "element-plus";
|
|
@@ -14,23 +14,22 @@ import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
|
|
|
14
14
|
import { MeetingGroupType, CalendarDataType } from "./types.mjs";
|
|
15
15
|
import { formatDate } from "./utils.mjs";
|
|
16
16
|
import { useDebounceFn } from "@vueuse/core";
|
|
17
|
-
const _hoisted_1 = {
|
|
18
|
-
const _hoisted_2 = {
|
|
17
|
+
const _hoisted_1 = {
|
|
19
18
|
key: 0,
|
|
20
19
|
class: "o-meeting-calendar-desc"
|
|
21
20
|
};
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
const
|
|
33
|
-
const
|
|
21
|
+
const _hoisted_2 = { class: "calendar-body" };
|
|
22
|
+
const _hoisted_3 = { class: "calender-header-left" };
|
|
23
|
+
const _hoisted_4 = { class: "left-title" };
|
|
24
|
+
const _hoisted_5 = { class: "month-date" };
|
|
25
|
+
const _hoisted_6 = { class: "right-title" };
|
|
26
|
+
const _hoisted_7 = ["onClick"];
|
|
27
|
+
const _hoisted_8 = { class: "day-box" };
|
|
28
|
+
const _hoisted_9 = { class: "icon-box" };
|
|
29
|
+
const _hoisted_10 = { class: "detail-list" };
|
|
30
|
+
const _hoisted_11 = { class: "current-day" };
|
|
31
|
+
const _hoisted_12 = { class: "right-title" };
|
|
32
|
+
const _hoisted_13 = { class: "title-list" };
|
|
34
33
|
const limitTime = "2021-01-01";
|
|
35
34
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
36
35
|
__name: "OMeetingCalendar",
|
|
@@ -277,9 +276,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
277
276
|
calendarHeight.value = `${tbody.offsetHeight - 2}px`;
|
|
278
277
|
}
|
|
279
278
|
};
|
|
279
|
+
const rootRef = ref(null);
|
|
280
|
+
let tabResizeObserver = null;
|
|
281
|
+
const evaluateTabIcons = useDebounceFn(() => {
|
|
282
|
+
const root = rootRef.value;
|
|
283
|
+
if (!root || !isClient) return;
|
|
284
|
+
const tabEl = root.querySelector(".o-tab");
|
|
285
|
+
if (!tabEl) return;
|
|
286
|
+
const containerEl = tabEl.querySelector(".o-tab-navs-container");
|
|
287
|
+
const measureEl = tabEl.querySelector(".o-tab-nav-list.width-measurement");
|
|
288
|
+
if (!containerEl || !measureEl) return;
|
|
289
|
+
const containerWidth = containerEl.getBoundingClientRect().width;
|
|
290
|
+
if (!containerWidth) return;
|
|
291
|
+
tabEl.classList.add("measuring");
|
|
292
|
+
const fullWidth = measureEl.getBoundingClientRect().width;
|
|
293
|
+
tabEl.classList.remove("measuring");
|
|
294
|
+
tabEl.classList.toggle("hide-icons", fullWidth > containerWidth);
|
|
295
|
+
}, 120);
|
|
280
296
|
onMounted(() => {
|
|
281
297
|
getCalendarHeight();
|
|
298
|
+
nextTick(evaluateTabIcons);
|
|
299
|
+
if (isClient && typeof ResizeObserver !== "undefined" && rootRef.value) {
|
|
300
|
+
tabResizeObserver = new ResizeObserver(() => evaluateTabIcons());
|
|
301
|
+
tabResizeObserver.observe(rootRef.value);
|
|
302
|
+
}
|
|
303
|
+
});
|
|
304
|
+
onBeforeUnmount(() => {
|
|
305
|
+
tabResizeObserver == null ? void 0 : tabResizeObserver.disconnect();
|
|
306
|
+
tabResizeObserver = null;
|
|
282
307
|
});
|
|
308
|
+
watch(() => tabs.value, () => nextTick(evaluateTabIcons));
|
|
283
309
|
const stopWatchData = watch(
|
|
284
310
|
() => allDates.value.length,
|
|
285
311
|
() => {
|
|
@@ -322,8 +348,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
322
348
|
emits("create");
|
|
323
349
|
};
|
|
324
350
|
return (_ctx, _cache) => {
|
|
325
|
-
return openBlock(), createElementBlock("div",
|
|
326
|
-
|
|
351
|
+
return openBlock(), createElementBlock("div", {
|
|
352
|
+
ref_key: "rootRef",
|
|
353
|
+
ref: rootRef,
|
|
354
|
+
class: "o-meeting-calendar"
|
|
355
|
+
}, [
|
|
356
|
+
__props.showDesc ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
327
357
|
createElementVNode("span", null, toDisplayString(__props.groupType === unref(MeetingGroupType).GROUP ? unref(t)("meeting.meetingDescGroup") : unref(t)("meeting.meetingDesc")), 1),
|
|
328
358
|
createVNode(unref(OButton), {
|
|
329
359
|
color: "primary",
|
|
@@ -337,7 +367,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
337
367
|
_: 1
|
|
338
368
|
})
|
|
339
369
|
])) : createCommentVNode("", true),
|
|
340
|
-
createElementVNode("div",
|
|
370
|
+
createElementVNode("div", _hoisted_2, [
|
|
341
371
|
createVNode(unref(ElCalendar), {
|
|
342
372
|
ref_key: "calendar",
|
|
343
373
|
ref: calendar,
|
|
@@ -346,8 +376,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
346
376
|
header: withCtx(({ date }) => {
|
|
347
377
|
var _a;
|
|
348
378
|
return [
|
|
349
|
-
createElementVNode("div",
|
|
350
|
-
createElementVNode("div",
|
|
379
|
+
createElementVNode("div", _hoisted_3, [
|
|
380
|
+
createElementVNode("div", _hoisted_4, [
|
|
351
381
|
createVNode(unref(OIcon), {
|
|
352
382
|
onClick: ($event) => selectDate("prev-month", date)
|
|
353
383
|
}, {
|
|
@@ -358,7 +388,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
358
388
|
]),
|
|
359
389
|
_: 1
|
|
360
390
|
}, 8, ["onClick"]),
|
|
361
|
-
createElementVNode("span",
|
|
391
|
+
createElementVNode("span", _hoisted_5, toDisplayString(formatYearMonth(date)), 1),
|
|
362
392
|
createVNode(unref(OIcon), {
|
|
363
393
|
onClick: ($event) => selectDate("next-month", date)
|
|
364
394
|
}, {
|
|
@@ -392,7 +422,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
392
422
|
_: 1
|
|
393
423
|
}, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true)
|
|
394
424
|
]),
|
|
395
|
-
createElementVNode("div",
|
|
425
|
+
createElementVNode("div", _hoisted_6, [
|
|
396
426
|
createElementVNode("span", null, toDisplayString(unref(t)("meeting.latestMeeting")) + " ", 1),
|
|
397
427
|
createElementVNode("span", null, toDisplayString(unref(formatDate)(unref(dayjs)(latestDay.value))), 1)
|
|
398
428
|
])
|
|
@@ -403,11 +433,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
403
433
|
class: normalizeClass(["out-box", { "has-calender": allDates.value.includes(data.day) }]),
|
|
404
434
|
onClick: ($event) => unref(changeMeetingDay)(data.day, $event)
|
|
405
435
|
}, [
|
|
406
|
-
createElementVNode("div",
|
|
436
|
+
createElementVNode("div", _hoisted_8, [
|
|
407
437
|
createElementVNode("p", {
|
|
408
438
|
class: normalizeClass([data.isSelected ? "is-selected" : "", "date-calender"])
|
|
409
439
|
}, toDisplayString(removeLeadingZero(data.day.split("-").at(-1) || "")), 3),
|
|
410
|
-
createElementVNode("div",
|
|
440
|
+
createElementVNode("div", _hoisted_9, [
|
|
411
441
|
checkSelectedDay(unref(CalendarDataType).MEETING, data.day) ? (openBlock(), createBlock(unref(OIcon), {
|
|
412
442
|
key: 0,
|
|
413
443
|
class: "meeting",
|
|
@@ -449,17 +479,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
449
479
|
}, 8, ["style"])) : createCommentVNode("", true)
|
|
450
480
|
])
|
|
451
481
|
])
|
|
452
|
-
], 10,
|
|
482
|
+
], 10, _hoisted_7)
|
|
453
483
|
]),
|
|
454
484
|
_: 1
|
|
455
485
|
}, 512),
|
|
456
|
-
createElementVNode("div",
|
|
457
|
-
createElementVNode("div",
|
|
486
|
+
createElementVNode("div", _hoisted_10, [
|
|
487
|
+
createElementVNode("div", _hoisted_11, [
|
|
458
488
|
createTextVNode(toDisplayString(unref(t)("meeting.latestMeeting")) + " ", 1),
|
|
459
489
|
createElementVNode("span", null, toDisplayString(unref(formatDate)(unref(dayjs)(latestDay.value))), 1)
|
|
460
490
|
]),
|
|
461
|
-
createElementVNode("div",
|
|
462
|
-
createElementVNode("div",
|
|
491
|
+
createElementVNode("div", _hoisted_12, [
|
|
492
|
+
createElementVNode("div", _hoisted_13, [
|
|
463
493
|
createVNode(unref(OSelect), {
|
|
464
494
|
modelValue: group.value,
|
|
465
495
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => group.value = $event),
|
|
@@ -550,7 +580,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
550
580
|
])
|
|
551
581
|
])
|
|
552
582
|
])
|
|
553
|
-
]);
|
|
583
|
+
], 512);
|
|
554
584
|
};
|
|
555
585
|
}
|
|
556
586
|
});
|
|
@@ -152,6 +152,12 @@
|
|
|
152
152
|
.o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav .o-icon svg path {
|
|
153
153
|
fill: currentColor;
|
|
154
154
|
}
|
|
155
|
+
.o-sig-meeting-calendar .meeting-card-header .o-tab.hide-icons .o-tab-nav-list .o-icon {
|
|
156
|
+
display: none;
|
|
157
|
+
}
|
|
158
|
+
.o-sig-meeting-calendar .meeting-card-header .o-tab.measuring .o-tab-nav-list.width-measurement .o-icon {
|
|
159
|
+
display: inline-flex;
|
|
160
|
+
}
|
|
155
161
|
.o-sig-meeting-calendar .el-input__prefix {
|
|
156
162
|
display: none;
|
|
157
163
|
}
|