@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.
Files changed (51) hide show
  1. package/dist/components/header/OHeaderMobile.vue.d.ts +10 -7
  2. package/dist/components/header/index.d.ts +5 -0
  3. package/dist/components/header-language-switcher/OHeaderLanguageSwitcher.vue.d.ts +9 -0
  4. package/dist/components/header-language-switcher/index.d.ts +15 -0
  5. package/dist/components/header-source-code/OHeaderSourceCode.vue.d.ts +2 -0
  6. package/dist/components/header-source-code/index.d.ts +3 -0
  7. package/dist/components/header-user/OHeaderUser.vue.d.ts +3 -0
  8. package/dist/components/header-user/index.d.ts +6 -0
  9. package/dist/components/meeting/OMeetingCalendar.vue.d.ts +2 -0
  10. package/dist/components/meeting/OMeetingSigCalendar.vue.d.ts +6 -2
  11. package/dist/components/meeting/index.d.ts +4 -1
  12. package/dist/components.cjs.js +36 -36
  13. package/dist/components.css +1 -1
  14. package/dist/components.es.js +7588 -7544
  15. package/dist/treeshaking/components/common/AppAvatar.css +5 -5
  16. package/dist/treeshaking/components/common/AppAvatar.vue.mjs +1 -1
  17. package/dist/treeshaking/components/common/AppAvatar.vue2.mjs +3 -3
  18. package/dist/treeshaking/components/header/OHeaderMobile.css +19 -19
  19. package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts +10 -7
  20. package/dist/treeshaking/components/header/OHeaderMobile.vue.mjs +1 -1
  21. package/dist/treeshaking/components/header/OHeaderMobile.vue2.mjs +3 -2
  22. package/dist/treeshaking/components/header/components/HeaderContent.css +184 -184
  23. package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
  24. package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +0 -2
  25. package/dist/treeshaking/components/header/index.d.ts +5 -0
  26. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.css +29 -41
  27. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.d.ts +9 -0
  28. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.mjs +1 -1
  29. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue2.mjs +8 -4
  30. package/dist/treeshaking/components/header-language-switcher/index.d.ts +15 -0
  31. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.css +29 -41
  32. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue.d.ts +2 -0
  33. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue.mjs +1 -1
  34. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue2.mjs +3 -3
  35. package/dist/treeshaking/components/header-source-code/index.d.ts +3 -0
  36. package/dist/treeshaking/components/header-user/OHeaderUser.css +55 -38
  37. package/dist/treeshaking/components/header-user/OHeaderUser.vue.d.ts +3 -0
  38. package/dist/treeshaking/components/header-user/OHeaderUser.vue.mjs +1 -1
  39. package/dist/treeshaking/components/header-user/OHeaderUser.vue2.mjs +7 -5
  40. package/dist/treeshaking/components/header-user/OHeaderUser2.css +0 -18
  41. package/dist/treeshaking/components/header-user/index.d.ts +6 -0
  42. package/dist/treeshaking/components/meeting/OMeetingCalendar.css +74 -0
  43. package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.d.ts +2 -0
  44. package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.mjs +60 -30
  45. package/dist/treeshaking/components/meeting/OMeetingSigCalendar.css +6 -0
  46. package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.d.ts +6 -2
  47. package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.mjs +46 -17
  48. package/dist/treeshaking/components/meeting/index.d.ts +4 -1
  49. package/dist/treeshaking/components/search/internal/SearchImageInput.css +48 -45
  50. package/dist/treeshaking/components/search/internal/SearchImageInput.vue.mjs +1 -1
  51. package/package.json +3 -3
@@ -1,12 +1,12 @@
1
- .hover-icon-rotate .o-icon[data-v-3a35e509] {
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-3a35e509] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-67498511] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .header-user[data-v-3a35e509] {
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
- .user-info[data-v-3a35e509] {
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-3a35e509] {
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-3a35e509] {
47
+ .info-wrap .icon[data-v-67498511] {
30
48
  margin-left: 4px;
31
49
  }
32
- .user-avatar[data-v-3a35e509] {
50
+ .user-avatar[data-v-67498511] {
33
51
  margin-right: 4px;
34
52
  }
35
- .user-avatar[data-v-3a35e509] .o-badge-content {
53
+ .user-avatar[data-v-67498511] .o-badge-content {
36
54
  --badge-dot-size: 6px;
37
- right: 7px;
55
+ right: 6px;
38
56
  top: 2px;
39
57
  }
40
- .o-badge[data-v-3a35e509] {
58
+ .o-badge[data-v-67498511] {
41
59
  display: flex;
42
60
  }
43
- .o-dropdown[data-v-3a35e509] {
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-3a35e509] {
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-3a35e509]:hover {
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-3a35e509]:active {
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-3a35e509] .o-badge-content {
85
+ .notice-not[data-v-67498511] .o-badge-content {
69
86
  display: none;
70
87
  }
71
- .user-account[data-v-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
188
+ .header-user[data-v-67498511] {
172
189
  min-width: auto;
173
190
  }
174
- .header-user .user-info[data-v-3a35e509] {
191
+ .header-user .user-info[data-v-67498511] {
175
192
  min-width: 24px;
176
193
  }
177
- .header-user .user-info .info-wrap[data-v-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509] {
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-3a35e509"]]);
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 = { class: "o-meeting-calendar" };
18
- const _hoisted_2 = {
17
+ const _hoisted_1 = {
19
18
  key: 0,
20
19
  class: "o-meeting-calendar-desc"
21
20
  };
22
- const _hoisted_3 = { class: "calendar-body" };
23
- const _hoisted_4 = { class: "calender-header-left" };
24
- const _hoisted_5 = { class: "left-title" };
25
- const _hoisted_6 = { class: "month-date" };
26
- const _hoisted_7 = { class: "right-title" };
27
- const _hoisted_8 = ["onClick"];
28
- const _hoisted_9 = { class: "day-box" };
29
- const _hoisted_10 = { class: "icon-box" };
30
- const _hoisted_11 = { class: "detail-list" };
31
- const _hoisted_12 = { class: "current-day" };
32
- const _hoisted_13 = { class: "right-title" };
33
- const _hoisted_14 = { class: "title-list" };
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", _hoisted_1, [
326
- __props.showDesc ? (openBlock(), createElementBlock("div", _hoisted_2, [
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", _hoisted_3, [
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", _hoisted_4, [
350
- createElementVNode("div", _hoisted_5, [
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", _hoisted_6, toDisplayString(formatYearMonth(date)), 1),
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", _hoisted_7, [
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", _hoisted_9, [
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", _hoisted_10, [
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, _hoisted_8)
482
+ ], 10, _hoisted_7)
453
483
  ]),
454
484
  _: 1
455
485
  }, 512),
456
- createElementVNode("div", _hoisted_11, [
457
- createElementVNode("div", _hoisted_12, [
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", _hoisted_13, [
462
- createElementVNode("div", _hoisted_14, [
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
  }