@opendesign-plus/components 0.0.1-rc.69 → 0.0.1-rc.70

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 (33) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +2 -2
  3. package/dist/components/sig/OSigDetail.vue.d.ts +2 -2
  4. package/dist/components/sig/OSigList.vue.d.ts +2 -0
  5. package/dist/components/sig/components/OSigItem.vue.d.ts +4 -1
  6. package/dist/components/sig/index.d.ts +78 -0
  7. package/dist/components/sig/types.d.ts +1 -0
  8. package/dist/components.cjs.js +36 -36
  9. package/dist/components.css +1 -1
  10. package/dist/components.es.js +4596 -4568
  11. package/dist/treeshaking/components/activity/OActivityApproval.css +8 -8
  12. package/dist/treeshaking/components/header/components/HeaderFlatten.css +60 -55
  13. package/dist/treeshaking/components/header/components/HeaderFlatten.vue.mjs +1 -1
  14. package/dist/treeshaking/components/sig/OSigDetail.css +7 -3
  15. package/dist/treeshaking/components/sig/OSigDetail.vue.d.ts +2 -2
  16. package/dist/treeshaking/components/sig/OSigDetail.vue.mjs +6 -3
  17. package/dist/treeshaking/components/sig/OSigList.css +165 -134
  18. package/dist/treeshaking/components/sig/OSigList.vue.d.ts +2 -0
  19. package/dist/treeshaking/components/sig/OSigList.vue.mjs +118 -103
  20. package/dist/treeshaking/components/sig/components/OSigDetailInfoCard.css +1 -1
  21. package/dist/treeshaking/components/sig/components/OSigItem.css +31 -367
  22. package/dist/treeshaking/components/sig/components/OSigItem.vue.d.ts +4 -1
  23. package/dist/treeshaking/components/sig/components/OSigItem.vue.mjs +6 -4
  24. package/dist/treeshaking/components/sig/components/OSigMember.css +1 -1
  25. package/dist/treeshaking/components/sig/components/OSigRepo.css +15 -2
  26. package/dist/treeshaking/components/sig/components/OSigRepo.vue.mjs +6 -5
  27. package/dist/treeshaking/components/sig/components/OSigUserContribute.css +7 -0
  28. package/dist/treeshaking/components/sig/index.d.ts +78 -0
  29. package/dist/treeshaking/components/sig/types.d.ts +1 -0
  30. package/dist/treeshaking/components/video/OVideoDetail.css +7 -7
  31. package/dist/treeshaking/i18n/en.mjs +1 -1
  32. package/dist/treeshaking/i18n/zh.mjs +1 -1
  33. package/package.json +1 -1
@@ -24,12 +24,12 @@
24
24
  --link-gap: var(--o-gap-4);
25
25
  }
26
26
  }
27
- @media (min-width: ) {
27
+ @media (max-width: 1200px) {
28
28
  .o-activity-table .activity-btn {
29
29
  --link-gap: var(--o-gap-3);
30
30
  }
31
31
  }
32
- @media (min-width: ) {
32
+ @media (max-width: 600px) {
33
33
  .o-activity-table .activity-btn {
34
34
  margin-top: var(--o-gap-2);
35
35
  }
@@ -142,7 +142,7 @@
142
142
  margin-left: var(--o-gap-3);
143
143
  }
144
144
  }
145
- @media (min-width: ) {
145
+ @media (max-width: 1200px) {
146
146
  .o-activity-table .dialog-footer .o-btn + .o-btn {
147
147
  margin-left: var(--o-gap-2);
148
148
  }
@@ -180,7 +180,7 @@
180
180
  padding-bottom: var(--o-gap-3);
181
181
  }
182
182
  }
183
- @media (min-width: ) {
183
+ @media (max-width: 1200px) {
184
184
  .o-activity-table .collapse-wrapper .o-collapse .o-collapse-item:last-child {
185
185
  padding-bottom: var(--o-gap-2);
186
186
  }
@@ -222,7 +222,7 @@
222
222
  margin-right: var(--o-gap-3);
223
223
  }
224
224
  }
225
- @media (min-width: ) {
225
+ @media (max-width: 1200px) {
226
226
  .o-activity-table .collapse-wrapper .o-collapse .act-sponsor {
227
227
  margin-right: var(--o-gap-2);
228
228
  }
@@ -257,7 +257,7 @@
257
257
  margin: 0 var(--o-gap-3);
258
258
  }
259
259
  }
260
- @media (min-width: ) {
260
+ @media (max-width: 1200px) {
261
261
  .o-activity-table .collapse-wrapper .o-collapse .o-collapse-item-header {
262
262
  margin: 0 var(--o-gap-2);
263
263
  }
@@ -271,7 +271,7 @@
271
271
  padding: var(--o-gap-2) var(--o-gap-3);
272
272
  }
273
273
  }
274
- @media (min-width: ) {
274
+ @media (max-width: 1200px) {
275
275
  .o-activity-table .collapse-wrapper .activity-detail {
276
276
  padding: var(--o-gap-2) var(--o-gap-2);
277
277
  }
@@ -291,7 +291,7 @@
291
291
  padding: var(--o-gap-2) var(--o-gap-3) 0;
292
292
  }
293
293
  }
294
- @media (min-width: ) {
294
+ @media (max-width: 1200px) {
295
295
  .o-activity-table .title-top {
296
296
  padding: var(--o-gap-2) var(--o-gap-2) 0;
297
297
  }
@@ -1,35 +1,35 @@
1
- .hover-icon-rotate .o-icon[data-v-f462344e] {
1
+ .hover-icon-rotate .o-icon[data-v-b3114456] {
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-f462344e] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-b3114456] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .header-nav-wrap[data-v-f462344e] {
9
+ .header-nav-wrap[data-v-b3114456] {
10
10
  height: 100%;
11
11
  }
12
- .header-nav-wrap .header-nav[data-v-f462344e] {
12
+ .header-nav-wrap .header-nav[data-v-b3114456] {
13
13
  height: 100%;
14
14
  display: flex;
15
15
  justify-content: space-between;
16
16
  width: calc(100% - 64px);
17
17
  align-items: center;
18
18
  }
19
- .header-nav-wrap .header-nav-scroll[data-v-f462344e] {
19
+ .header-nav-wrap .header-nav-scroll[data-v-b3114456] {
20
20
  width: calc(100% - 64px - 24px);
21
21
  }
22
- .o-nav[data-v-f462344e] {
22
+ .o-nav[data-v-b3114456] {
23
23
  --o-before-left: 0;
24
24
  height: 100%;
25
25
  position: relative;
26
26
  z-index: 8;
27
27
  }
28
- .o-nav[data-v-f462344e]::-webkit-scrollbar {
28
+ .o-nav[data-v-b3114456]::-webkit-scrollbar {
29
29
  display: none;
30
30
  }
31
- .left-icon[data-v-f462344e],
32
- .right-icon[data-v-f462344e] {
31
+ .left-icon[data-v-b3114456],
32
+ .right-icon[data-v-b3114456] {
33
33
  display: flex;
34
34
  align-items: center;
35
35
  cursor: pointer;
@@ -38,24 +38,24 @@
38
38
  height: 16px;
39
39
  border-radius: var(--o-radius-xs);
40
40
  }
41
- .left-icon .o-icon[data-v-f462344e],
42
- .right-icon .o-icon[data-v-f462344e] {
41
+ .left-icon .o-icon[data-v-b3114456],
42
+ .right-icon .o-icon[data-v-b3114456] {
43
43
  --icon-size: 16px;
44
44
  position: relative;
45
45
  z-index: 11;
46
46
  }
47
47
  @media (hover: hover) {
48
- .left-icon[data-v-f462344e]:hover,
49
- .right-icon[data-v-f462344e]:hover {
48
+ .left-icon[data-v-b3114456]:hover,
49
+ .right-icon[data-v-b3114456]:hover {
50
50
  background-color: var(--o-color-control2-light);
51
51
  color: var(--o-color-link2);
52
52
  }
53
53
  }
54
- .left-icon[data-v-f462344e]:active,
55
- .right-icon[data-v-f462344e]:active {
54
+ .left-icon[data-v-b3114456]:active,
55
+ .right-icon[data-v-b3114456]:active {
56
56
  color: var(--o-color-link3);
57
57
  }
58
- .left-icon[data-v-f462344e]::before {
58
+ .left-icon[data-v-b3114456]::before {
59
59
  content: "";
60
60
  position: absolute;
61
61
  width: 50px;
@@ -67,16 +67,16 @@
67
67
  cursor: default;
68
68
  }
69
69
  @media (min-width: 1201px) and (max-width: 1680px) {
70
- .left-icon[data-v-f462344e]::before {
70
+ .left-icon[data-v-b3114456]::before {
71
71
  top: -24px;
72
72
  }
73
73
  }
74
74
  @media (max-width: 1200px) {
75
- .left-icon[data-v-f462344e]::before {
75
+ .left-icon[data-v-b3114456]::before {
76
76
  top: -20px;
77
77
  }
78
78
  }
79
- .right-icon[data-v-f462344e]::before {
79
+ .right-icon[data-v-b3114456]::before {
80
80
  content: "";
81
81
  position: absolute;
82
82
  width: 50px;
@@ -88,29 +88,29 @@
88
88
  cursor: default;
89
89
  }
90
90
  @media (min-width: 1201px) and (max-width: 1680px) {
91
- .right-icon[data-v-f462344e]::before {
91
+ .right-icon[data-v-b3114456]::before {
92
92
  top: -24px;
93
93
  }
94
94
  }
95
95
  @media (max-width: 1200px) {
96
- .right-icon[data-v-f462344e]::before {
96
+ .right-icon[data-v-b3114456]::before {
97
97
  top: -20px;
98
98
  }
99
99
  }
100
- [data-o-theme*=dark] .left-icon[data-v-f462344e] {
100
+ [data-o-theme*=dark] .left-icon[data-v-b3114456] {
101
101
  background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 1) 0%, rgba(var(--o-grey-4), 0) 100%);
102
102
  }
103
- [data-o-theme*=dark] .right-icon[data-v-f462344e] {
103
+ [data-o-theme*=dark] .right-icon[data-v-b3114456] {
104
104
  background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
105
105
  }
106
- .o-nav-scroll[data-v-f462344e]::after {
106
+ .o-nav-scroll[data-v-b3114456]::after {
107
107
  display: none;
108
108
  }
109
- .o-nav-scroll[data-v-f462344e]::before {
109
+ .o-nav-scroll[data-v-b3114456]::before {
110
110
  left: var(--o-before-left);
111
111
  display: block;
112
112
  }
113
- .nav-list[data-v-f462344e] {
113
+ .nav-list[data-v-b3114456] {
114
114
  display: flex;
115
115
  height: 100%;
116
116
  width: fit-content;
@@ -119,7 +119,7 @@
119
119
  padding: 0;
120
120
  margin: 0;
121
121
  }
122
- .nav-item-li[data-v-f462344e] {
122
+ .nav-item-li[data-v-b3114456] {
123
123
  position: relative;
124
124
  display: flex;
125
125
  align-items: center;
@@ -128,7 +128,7 @@
128
128
  pointer-events: auto;
129
129
  transition: color var(--o-duration-s) var(--o-easing-standard);
130
130
  }
131
- .nav-item-li .nav-item[data-v-f462344e] {
131
+ .nav-item-li .nav-item[data-v-b3114456] {
132
132
  cursor: default;
133
133
  display: flex;
134
134
  align-items: center;
@@ -141,40 +141,45 @@
141
141
  line-height: 24px;
142
142
  }
143
143
  @media (min-width: 1201px) and (max-width: 1680px) {
144
- .nav-item-li .nav-item[data-v-f462344e] {
144
+ .nav-item-li .nav-item[data-v-b3114456] {
145
145
  font-size: 14px;
146
146
  line-height: 22px;
147
147
  }
148
148
  }
149
149
  @media (min-width: 841px) and (max-width: 1200px) {
150
- .nav-item-li .nav-item[data-v-f462344e] {
150
+ .nav-item-li .nav-item[data-v-b3114456] {
151
151
  font-size: 14px;
152
152
  line-height: 22px;
153
153
  }
154
154
  }
155
155
  @media (min-width: 601px) and (max-width: 840px) {
156
- .nav-item-li .nav-item[data-v-f462344e] {
156
+ .nav-item-li .nav-item[data-v-b3114456] {
157
157
  font-size: 14px;
158
158
  line-height: 22px;
159
159
  }
160
160
  }
161
161
  @media (max-width: 600px) {
162
- .nav-item-li .nav-item[data-v-f462344e] {
162
+ .nav-item-li .nav-item[data-v-b3114456] {
163
163
  font-size: 12px;
164
164
  line-height: 18px;
165
165
  }
166
166
  }
167
167
  @media (max-width: 1680px) {
168
- .nav-item-li .nav-item[data-v-f462344e] {
168
+ .nav-item-li .nav-item[data-v-b3114456] {
169
+ --padding-x: var(--o-gap-4);
170
+ }
171
+ }
172
+ @media (max-width: 1440px) {
173
+ .nav-item-li .nav-item[data-v-b3114456] {
169
174
  --padding-x: var(--o-gap-3);
170
175
  }
171
176
  }
172
177
  @media (min-width: 841px) and (max-width: 1200px) {
173
- .nav-item-li .nav-item[data-v-f462344e] {
178
+ .nav-item-li .nav-item[data-v-b3114456] {
174
179
  --padding-x: var(--o-gap-2);
175
180
  }
176
181
  }
177
- .nav-item-li .nav-item[data-v-f462344e]::after {
182
+ .nav-item-li .nav-item[data-v-b3114456]::after {
178
183
  content: "";
179
184
  position: absolute;
180
185
  left: var(--padding-x);
@@ -186,25 +191,25 @@
186
191
  background: var(--o-color-primary1);
187
192
  transition: all var(--o-duration-s) var(--o-easing-standard);
188
193
  }
189
- .nav-item-li .nav-item-link[data-v-f462344e] {
194
+ .nav-item-li .nav-item-link[data-v-b3114456] {
190
195
  cursor: pointer;
191
196
  }
192
- .nav-item-li.is-active .nav-item[data-v-f462344e]::after {
197
+ .nav-item-li.is-active .nav-item[data-v-b3114456]::after {
193
198
  opacity: 1;
194
199
  }
195
- .nav-item-li.is-active .nav-text[data-v-f462344e] {
200
+ .nav-item-li.is-active .nav-text[data-v-b3114456] {
196
201
  color: var(--o-color-primary1);
197
202
  font-weight: 600;
198
203
  }
199
- .nav-item-li.is-selected .nav-text[data-v-f462344e] {
204
+ .nav-item-li.is-selected .nav-text[data-v-b3114456] {
200
205
  color: var(--o-color-primary2);
201
206
  font-weight: 600;
202
207
  }
203
- .nav-item-li.is-disabled[data-v-f462344e] {
208
+ .nav-item-li.is-disabled[data-v-b3114456] {
204
209
  color: var(--o-color-info4);
205
210
  pointer-events: none;
206
211
  }
207
- .dropdown-wrapper[data-v-f462344e] {
212
+ .dropdown-wrapper[data-v-b3114456] {
208
213
  position: absolute;
209
214
  top: calc(100% - 4px);
210
215
  left: 0;
@@ -212,13 +217,13 @@
212
217
  padding-top: 8px;
213
218
  transition: opacity var(--o-duration-s) var(--o-easing-standard);
214
219
  }
215
- .dropdown-wrapper .dropdown-body[data-v-f462344e] {
220
+ .dropdown-wrapper .dropdown-body[data-v-b3114456] {
216
221
  padding: 6px;
217
222
  background-color: var(--o-color-fill2);
218
223
  border-radius: var(--o-radius-xs);
219
224
  box-shadow: var(--o-shadow-2);
220
225
  }
221
- .dropdown-wrapper .dropdown-item[data-v-f462344e] {
226
+ .dropdown-wrapper .dropdown-item[data-v-b3114456] {
222
227
  font-weight: 400;
223
228
  white-space: nowrap;
224
229
  display: flex;
@@ -234,63 +239,63 @@
234
239
  line-height: 24px;
235
240
  }
236
241
  @media (min-width: 1201px) and (max-width: 1680px) {
237
- .dropdown-wrapper .dropdown-item[data-v-f462344e] {
242
+ .dropdown-wrapper .dropdown-item[data-v-b3114456] {
238
243
  font-size: 14px;
239
244
  line-height: 22px;
240
245
  }
241
246
  }
242
247
  @media (min-width: 841px) and (max-width: 1200px) {
243
- .dropdown-wrapper .dropdown-item[data-v-f462344e] {
248
+ .dropdown-wrapper .dropdown-item[data-v-b3114456] {
244
249
  font-size: 14px;
245
250
  line-height: 22px;
246
251
  }
247
252
  }
248
253
  @media (min-width: 601px) and (max-width: 840px) {
249
- .dropdown-wrapper .dropdown-item[data-v-f462344e] {
254
+ .dropdown-wrapper .dropdown-item[data-v-b3114456] {
250
255
  font-size: 14px;
251
256
  line-height: 22px;
252
257
  }
253
258
  }
254
259
  @media (max-width: 600px) {
255
- .dropdown-wrapper .dropdown-item[data-v-f462344e] {
260
+ .dropdown-wrapper .dropdown-item[data-v-b3114456] {
256
261
  font-size: 12px;
257
262
  line-height: 18px;
258
263
  }
259
264
  }
260
265
  @media (hover: hover) {
261
- .dropdown-wrapper .dropdown-item[data-v-f462344e]:hover {
266
+ .dropdown-wrapper .dropdown-item[data-v-b3114456]:hover {
262
267
  background-color: var(--o-color-control2-light);
263
268
  color: var(--o-color-primary1);
264
269
  }
265
270
  }
266
- .dropdown-wrapper .dropdown-item-disabled[data-v-f462344e] {
271
+ .dropdown-wrapper .dropdown-item-disabled[data-v-b3114456] {
267
272
  color: var(--o-color-info4);
268
273
  pointer-events: none;
269
274
  }
270
- .dropdown-wrapper .dropdown-link[data-v-f462344e] {
275
+ .dropdown-wrapper .dropdown-link[data-v-b3114456] {
271
276
  color: inherit;
272
277
  display: flex;
273
278
  align-items: center;
274
279
  width: 100%;
275
280
  }
276
- .dropdown-wrapper .dropdown-link .o-tag[data-v-f462344e] {
281
+ .dropdown-wrapper .dropdown-link .o-tag[data-v-b3114456] {
277
282
  margin-left: var(--o-gap-2);
278
283
  transform: scale(0.75);
279
284
  transform-origin: left center;
280
285
  }
281
- .dropdown-wrapper[data-v-f462344e] .jump-out-icon {
286
+ .dropdown-wrapper[data-v-b3114456] .jump-out-icon {
282
287
  font-size: 16px;
283
288
  margin-left: 4px;
284
289
  }
285
- .dropdown-wrapper[data-v-f462344e] .jump-out-icon path {
290
+ .dropdown-wrapper[data-v-b3114456] .jump-out-icon path {
286
291
  fill: currentColor;
287
292
  stroke: transparent;
288
293
  }
289
- .dropdown-wrapper[data-v-f462344e] .jump-out-icon path[fill=none] {
294
+ .dropdown-wrapper[data-v-b3114456] .jump-out-icon path[fill=none] {
290
295
  display: none;
291
296
  }
292
297
  @media (hover: hover) {
293
- .nav-item:hover .dropdown-wrapper[data-v-f462344e] {
298
+ .nav-item:hover .dropdown-wrapper[data-v-b3114456] {
294
299
  display: block;
295
300
  }
296
301
  }
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./HeaderFlatten.vue2.mjs";
2
2
  import './HeaderFlatten.css';
3
3
  import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
4
- const HeaderFlatten = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f462344e"]]);
4
+ const HeaderFlatten = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b3114456"]]);
5
5
  export {
6
6
  HeaderFlatten as default
7
7
  };
@@ -6,6 +6,10 @@
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
+ .o-sig-detail {
10
+ --sig-input-radius: var(--o-radius-xs);
11
+ --sig-card-radius: var(--o-radius-xs);
12
+ }
9
13
  .o-sig-detail .o-sig-detail-content {
10
14
  display: grid;
11
15
  width: 100%;
@@ -74,7 +78,7 @@
74
78
  margin-top: var(--o-gap-3);
75
79
  }
76
80
  .o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card {
77
- border-radius: var(--o-radius-xs);
81
+ border-radius: var(--sig-card-radius);
78
82
  background-color: var(--o-color-fill2);
79
83
  padding: var(--o-gap-4) var(--o-gap-5);
80
84
  }
@@ -94,7 +98,7 @@
94
98
  background-color: var(--o-color-control2-light);
95
99
  font-weight: 400;
96
100
  padding: var(--o-gap-3);
97
- border-radius: var(--o-radius-xs);
101
+ border-radius: calc(var(--sig-card-radius) / 2);
98
102
  font-size: 14px;
99
103
  line-height: 22px;
100
104
  }
@@ -231,7 +235,7 @@
231
235
  line-height: 22px;
232
236
  }
233
237
  }
234
- @media (min-width: ) {
238
+ @media (max-width: 600px) {
235
239
  .o-sig-detail .o-sig-detail-content .o-sig-floor-title {
236
240
  font-size: 16px;
237
241
  }
@@ -1,10 +1,10 @@
1
1
  import { SigCompleteItemT, SigRepoEntryT } from './types';
2
- interface SigDetailPropsT {
2
+ export interface SigDetailPropsT {
3
3
  sigName?: string;
4
4
  sigDetail?: SigCompleteItemT;
5
5
  repositories?: SigRepoEntryT[];
6
6
  headerBg?: string;
7
- getContributeData: any;
7
+ getContributeData?: any;
8
8
  }
9
9
  declare function __VLS_template(): {
10
10
  attrs: Partial<{}>;
@@ -38,7 +38,10 @@ const _hoisted_18 = {
38
38
  class: "o-sig-detail-floor-item"
39
39
  };
40
40
  const _hoisted_19 = { class: "o-sig-detail-floor-item" };
41
- const _hoisted_20 = { class: "o-sig-detail-floor-item" };
41
+ const _hoisted_20 = {
42
+ key: 1,
43
+ class: "o-sig-detail-floor-item"
44
+ };
42
45
  const _sfc_main = /* @__PURE__ */ defineComponent({
43
46
  __name: "OSigDetail",
44
47
  props: {
@@ -239,12 +242,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
239
242
  repositories: __props.repositories
240
243
  }, null, 8, ["repositories"]))
241
244
  ]),
242
- createElementVNode("div", _hoisted_20, [
245
+ __props.getContributeData ? (openBlock(), createElementBlock("div", _hoisted_20, [
243
246
  createVNode(_sfc_main$4, {
244
247
  sig: __props.sigName,
245
248
  "get-data-request": __props.getContributeData
246
249
  }, null, 8, ["sig", "get-data-request"])
247
- ])
250
+ ])) : createCommentVNode("", true)
248
251
  ])
249
252
  ])
250
253
  ]);