@opendesign-plus-test/components 0.0.1-rc.145 → 0.0.1-rc.147

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 (64) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +55 -37
  3. package/dist/components/activity/OActivityApproval.vue.d.ts +1 -144
  4. package/dist/components/activity/index.d.ts +1 -6
  5. package/dist/components/logo-swiper/OLogoSwiper.vue.d.ts +1 -0
  6. package/dist/components/logo-swiper/OLogoSwiperItems.vue.d.ts +1 -0
  7. package/dist/components/logo-swiper/index.d.ts +4 -0
  8. package/dist/components/logo-swiper/types.d.ts +1 -0
  9. package/dist/components/video/OVideoDetail.vue.d.ts +7 -0
  10. package/dist/components/video/index.d.ts +27 -0
  11. package/dist/components/video/types.d.ts +24 -0
  12. package/dist/components.cjs.js +37 -37
  13. package/dist/components.css +1 -1
  14. package/dist/components.es.js +10968 -10882
  15. package/dist/index.d.ts +1 -0
  16. package/dist/treeshaking/_virtual/icon-chevron-right.mjs +2 -2
  17. package/dist/treeshaking/_virtual/icon-material.mjs +21 -0
  18. package/dist/treeshaking/_virtual/icon-video.mjs +28 -0
  19. package/dist/treeshaking/components/activity/OActivityApproval.css +114 -407
  20. package/dist/treeshaking/components/activity/OActivityApproval.vue.d.ts +1 -144
  21. package/dist/treeshaking/components/activity/OActivityApproval.vue.mjs +198 -244
  22. package/dist/treeshaking/components/activity/OActivityApproval2.css +0 -288
  23. package/dist/treeshaking/components/activity/OActivityMyCalendar.css +441 -297
  24. package/dist/treeshaking/components/activity/OActivityMyCalendar.vue.mjs +110 -107
  25. package/dist/treeshaking/components/activity/OActivityMyCalendar2.css +10 -3
  26. package/dist/treeshaking/components/activity/index.d.ts +1 -6
  27. package/dist/treeshaking/components/common/WordAvatar.css +3 -2
  28. package/dist/treeshaking/components/common/WordAvatar.vue.mjs +19 -3
  29. package/dist/treeshaking/components/float-poster/OFloatPoster.css +25 -11
  30. package/dist/treeshaking/components/float-poster/OFloatPoster.vue.mjs +1 -1
  31. package/dist/treeshaking/components/footer/components/FooterList.css +109 -96
  32. package/dist/treeshaking/components/footer/components/FooterList.vue.mjs +1 -1
  33. package/dist/treeshaking/components/header/components/HeaderContent.css +185 -185
  34. package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
  35. package/dist/treeshaking/components/logo-swiper/OLogoSwiper.css +22 -8
  36. package/dist/treeshaking/components/logo-swiper/OLogoSwiper.vue.d.ts +1 -0
  37. package/dist/treeshaking/components/logo-swiper/OLogoSwiper.vue.mjs +2 -9
  38. package/dist/treeshaking/components/logo-swiper/OLogoSwiper.vue2.mjs +21 -0
  39. package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.css +39 -26
  40. package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue.d.ts +1 -0
  41. package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue.mjs +1 -1
  42. package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue2.mjs +12 -8
  43. package/dist/treeshaking/components/logo-swiper/index.d.ts +4 -0
  44. package/dist/treeshaking/components/logo-swiper/types.d.ts +1 -0
  45. package/dist/treeshaking/components/meeting/OMeetingSigCalendar.css +3 -0
  46. package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.mjs +3 -2
  47. package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.vue.mjs +5 -5
  48. package/dist/treeshaking/components/section/OSection.vue2.mjs +2 -2
  49. package/dist/treeshaking/components/video/OVideoDetail.css +754 -0
  50. package/dist/treeshaking/components/video/OVideoDetail.vue.d.ts +7 -0
  51. package/dist/treeshaking/components/video/OVideoDetail.vue.mjs +318 -0
  52. package/dist/treeshaking/components/video/OVideoDetail.vue3.mjs +5 -0
  53. package/dist/treeshaking/components/video/index.d.ts +27 -0
  54. package/dist/treeshaking/components/video/index.mjs +10 -0
  55. package/dist/treeshaking/components/video/types.d.ts +24 -0
  56. package/dist/treeshaking/i18n/en.mjs +10 -1
  57. package/dist/treeshaking/i18n/zh.mjs +10 -1
  58. package/dist/treeshaking/index.d.ts +1 -0
  59. package/dist/treeshaking/index.mjs +2 -0
  60. package/package.json +1 -1
  61. package/dist/treeshaking/_virtual/icon-filter.mjs +0 -21
  62. package/dist/treeshaking/components/common/ThFilter.css +0 -146
  63. package/dist/treeshaking/components/common/ThFilter.vue.mjs +0 -270
  64. package/dist/treeshaking/components/common/ThFilter.vue3.mjs +0 -5
@@ -6,294 +6,6 @@
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- :root [class^=el-] {
10
- --el-color-primary: var(--o-color-primary1);
11
- --el-border-color: var(--o-color-control1);
12
- --el-fill-color-blank: var(--o-color-control5-light);
13
- --el-input-placeholder-color: var(--el-text-color-placeholder);
14
- --el-input-hover-border-color: var(--el-border-color-hover);
15
- --el-input-clear-hover-color: var(--el-text-color-secondary);
16
- --el-component-size-large: 36px;
17
- }
18
- @media (max-width: 840px) {
19
- :root [class^=el-] {
20
- --el-component-size-large: var(--o-control_size-l);
21
- }
22
- }
23
- :root .el-date-editor.el-date-editor--daterange {
24
- padding: 0 13px 0 15px;
25
- }
26
- :root .el-date-editor.el-date-editor--timerange {
27
- padding: 0 16px;
28
- }
29
- :root .el-date-editor input {
30
- text-align: left;
31
- font-size: 16px;
32
- line-height: 24px;
33
- }
34
- @media (min-width: 1201px) and (max-width: 1680px) {
35
- :root .el-date-editor input {
36
- font-size: 14px;
37
- line-height: 22px;
38
- }
39
- }
40
- @media (min-width: 841px) and (max-width: 1200px) {
41
- :root .el-date-editor input {
42
- font-size: 14px;
43
- line-height: 22px;
44
- }
45
- }
46
- @media (min-width: 601px) and (max-width: 840px) {
47
- :root .el-date-editor input {
48
- font-size: 14px;
49
- line-height: 22px;
50
- }
51
- }
52
- @media (max-width: 600px) {
53
- :root .el-date-editor input {
54
- font-size: 12px;
55
- line-height: 18px;
56
- }
57
- }
58
- @media (max-width: 600px) {
59
- :root .el-date-editor input {
60
- font-size: 18px;
61
- line-height: 26px;
62
- }
63
- }
64
- @media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
65
- :root .el-date-editor input {
66
- font-size: 16px;
67
- line-height: 24px;
68
- }
69
- }
70
- @media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
71
- :root .el-date-editor input {
72
- font-size: 14px;
73
- line-height: 22px;
74
- }
75
- }
76
- @media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
77
- :root .el-date-editor input {
78
- font-size: 14px;
79
- line-height: 22px;
80
- }
81
- }
82
- @media (max-width: 600px) and (max-width: 600px) {
83
- :root .el-date-editor input {
84
- font-size: 14px;
85
- line-height: 22px;
86
- }
87
- }
88
- :root .el-date-editor .el-select__wrapper {
89
- gap: 0;
90
- }
91
- :root .el-date-editor .el-input__wrapper .el-input__prefix {
92
- order: 1;
93
- font-size: 16px;
94
- }
95
- :root .el-date-editor .el-input__icon {
96
- height: 100%;
97
- order: 1;
98
- font-size: 24px;
99
- margin-right: 2px;
100
- color: var(--o-color-info1);
101
- background-color: var(--o-color-info2);
102
- mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
103
- background-size: 24px;
104
- background-repeat: no-repeat;
105
- background-position: center center;
106
- }
107
- :root .el-date-editor .el-input__icon svg {
108
- display: none;
109
- }
110
- :root .el-popper .el-popper__arrow {
111
- display: none;
112
- }
113
- :root .el-popper .el-picker-panel {
114
- --cell-row-gap: 6px;
115
- --cell-radius: var(--o-radius-xs);
116
- color: var(--o-color-info1);
117
- }
118
- :root .el-popper .el-picker-panel .el-date-picker__header {
119
- padding: 12px 24px;
120
- height: 48px;
121
- border-bottom: 1px solid var(--o-color-control4);
122
- }
123
- :root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
124
- font-weight: 500;
125
- }
126
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
127
- border-bottom: none;
128
- height: 24px;
129
- color: inherit;
130
- padding: 0 0 var(--cell-row-gap);
131
- }
132
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
133
- padding: var(--cell-row-gap) 0px;
134
- }
135
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
136
- padding: 0;
137
- height: 24px;
138
- line-height: 22px;
139
- border: 1px solid transparent;
140
- border-radius: var(--cell-radius);
141
- }
142
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
143
- border-color: var(--o-color-primary1);
144
- }
145
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
146
- background: none;
147
- color: var(--o-color-info4);
148
- }
149
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
150
- background: var(--o-color-control2-light);
151
- }
152
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
153
- font-weight: normal;
154
- color: var(--o-color-info1);
155
- }
156
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
157
- background: var(--o-color-primary1);
158
- }
159
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
160
- background: none;
161
- color: #fff;
162
- }
163
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
164
- border-radius: 0;
165
- }
166
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
167
- border-radius: var(--cell-radius);
168
- }
169
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
170
- border-radius: var(--cell-radius);
171
- }
172
- :root .el-input {
173
- --el-border-color: var(--o-color-control1);
174
- --el-input-border-color: var(--o-color-control1);
175
- --el-input-hover-border-color: var(--o-color-primary2);
176
- --el-input-focus-border-color: var(--o-color-primary3);
177
- }
178
- :root .el-table {
179
- --el-table-border-color: var(--o-color-control4) ;
180
- }
181
- :root .el-input__wrapper {
182
- box-shadow: none;
183
- border: 1px solid var(--el-input-border-color);
184
- }
185
- :root .el-date-editor.is-focus .el-input__wrapper {
186
- box-shadow: none;
187
- --el-input-border-color: var(--o-color-primary3);
188
- }
189
- :root .el-date-editor:hover .el-input__wrapper {
190
- box-shadow: none;
191
- --el-input-border-color: var(--o-color-primary2);
192
- }
193
- :root .el-date-editor.el-input__wrapper:hover {
194
- box-shadow: none;
195
- --el-input-border-color: var(--o-color-primary2);
196
- }
197
- :root .el-date-editor.el-input__wrapper.is-active {
198
- --el-input-border-color: var(--o-color-primary3);
199
- }
200
- :root .el-calendar .el-calendar-table {
201
- width: 100%;
202
- }
203
- :root .el-calendar .el-calendar-table th {
204
- color: var(--o-color-info3);
205
- font-weight: 400;
206
- padding: 4px 0 16px 0;
207
- text-align: center;
208
- }
209
- :root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
210
- color: var(--o-color-info4);
211
- }
212
- :root .el-select .el-select__placeholder {
213
- font-size: 16px;
214
- line-height: 24px;
215
- }
216
- @media (min-width: 1201px) and (max-width: 1680px) {
217
- :root .el-select .el-select__placeholder {
218
- font-size: 14px;
219
- line-height: 22px;
220
- }
221
- }
222
- @media (min-width: 841px) and (max-width: 1200px) {
223
- :root .el-select .el-select__placeholder {
224
- font-size: 14px;
225
- line-height: 22px;
226
- }
227
- }
228
- @media (min-width: 601px) and (max-width: 840px) {
229
- :root .el-select .el-select__placeholder {
230
- font-size: 14px;
231
- line-height: 22px;
232
- }
233
- }
234
- @media (max-width: 600px) {
235
- :root .el-select .el-select__placeholder {
236
- font-size: 12px;
237
- line-height: 18px;
238
- }
239
- }
240
- @media (max-width: 600px) {
241
- :root .el-select .el-select__placeholder {
242
- font-size: 18px;
243
- line-height: 26px;
244
- }
245
- }
246
- @media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
247
- :root .el-select .el-select__placeholder {
248
- font-size: 16px;
249
- line-height: 24px;
250
- }
251
- }
252
- @media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
253
- :root .el-select .el-select__placeholder {
254
- font-size: 14px;
255
- line-height: 22px;
256
- }
257
- }
258
- @media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
259
- :root .el-select .el-select__placeholder {
260
- font-size: 14px;
261
- line-height: 22px;
262
- }
263
- }
264
- @media (max-width: 600px) and (max-width: 600px) {
265
- :root .el-select .el-select__placeholder {
266
- font-size: 14px;
267
- line-height: 22px;
268
- }
269
- }
270
- :root .el-input-number {
271
- --el-component-size-large: 34px;
272
- }
273
- @media (max-width: 840px) {
274
- :root .el-input-number {
275
- --el-component-size-large: calc(var(--o-control_size-l) - 2px);
276
- }
277
- }
278
- :root .el-input-number .el-input__wrapper:hover {
279
- --el-input-border-color: var(--o-color-primary2);
280
- }
281
- :root .el-input-number .el-input__wrapper.is-focus {
282
- --el-input-border-color: var(--o-color-primary3);
283
- }
284
- :root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
285
- :root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
286
- box-shadow: none;
287
- }
288
- :root .el-input-number .el-input__wrapper {
289
- box-shadow: none;
290
- }
291
- :root .el-input-number .el-input__wrapper.is-focus {
292
- box-shadow: none;
293
- }
294
- :root .el-input-number.el-input-number--large {
295
- line-height: var(--el-component-size-large);
296
- }
297
9
  .handle-dialog-approval {
298
10
  --activity-card-radius: var(--o-radius-xs);
299
11
  --dlg-width: 450px;