@opendesign-plus-test/components 0.0.1-rc.136 → 0.0.1-rc.137
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/chunk-OElCookieNotice.cjs.js +1 -1
- package/dist/chunk-OElCookieNotice.es.js +2 -4
- package/dist/components/logo-swiper/OLogoSwiperItems.vue.d.ts +2 -2
- package/dist/components/logo-swiper/index.d.ts +6 -6
- package/dist/components/sig/OSigDetail.vue.d.ts +2 -0
- package/dist/components/sig/components/OSigItem.vue.d.ts +0 -1
- package/dist/components/sig/components/OSigRepo.vue.d.ts +2 -0
- package/dist/components/sig/components/utils.d.ts +37 -2
- package/dist/components/sig/types.d.ts +7 -2
- package/dist/components.cjs.js +38 -38
- package/dist/components.css +1 -1
- package/dist/components.es.js +8990 -8958
- package/dist/treeshaking/components/meeting/OMeetingSigCalendar.css +2 -1
- package/dist/treeshaking/components/sig/OSigDetail.css +39 -0
- package/dist/treeshaking/components/sig/OSigDetail.vue.d.ts +2 -0
- package/dist/treeshaking/components/sig/OSigDetail.vue.mjs +31 -17
- package/dist/treeshaking/components/sig/OSigList.css +54 -5
- package/dist/treeshaking/components/sig/OSigList.vue.mjs +102 -96
- package/dist/treeshaking/components/sig/components/OSigItem.css +391 -80
- package/dist/treeshaking/components/sig/components/OSigItem.vue.d.ts +0 -1
- package/dist/treeshaking/components/sig/components/OSigItem.vue.mjs +24 -41
- package/dist/treeshaking/components/sig/components/OSigMember.css +0 -60
- package/dist/treeshaking/components/sig/components/OSigMember.vue.mjs +12 -17
- package/dist/treeshaking/components/sig/components/OSigRepo.css +12 -0
- package/dist/treeshaking/components/sig/components/OSigRepo.vue.d.ts +2 -0
- package/dist/treeshaking/components/sig/components/OSigRepo.vue.mjs +12 -12
- package/dist/treeshaking/components/sig/components/OSigUserContribute.css +24 -0
- package/dist/treeshaking/components/sig/components/OSigUserContribute.vue.mjs +12 -10
- package/dist/treeshaking/components/sig/components/utils.d.ts +37 -2
- package/dist/treeshaking/components/sig/components/utils.mjs +36 -3
- package/dist/treeshaking/components/sig/types.d.ts +7 -2
- package/dist/treeshaking/i18n/en.mjs +1 -2
- package/dist/treeshaking/i18n/zh.mjs +1 -2
- package/package.json +1 -1
- package/dist/components/sig/components/config-sig.d.ts +0 -1
- package/dist/components/video/OVideoDetail.vue.d.ts +0 -7
- package/dist/components/video/index.d.ts +0 -27
- package/dist/components/video/types.d.ts +0 -24
- package/dist/treeshaking/components/sig/components/config-sig.d.ts +0 -1
- package/dist/treeshaking/components/sig/components/config-sig.mjs +0 -4
|
@@ -69,6 +69,45 @@
|
|
|
69
69
|
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-btn {
|
|
70
70
|
margin-left: 8px;
|
|
71
71
|
}
|
|
72
|
+
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-sig-detail-meeting-agenda {
|
|
73
|
+
margin-top: var(--o-gap-2);
|
|
74
|
+
color: var(--o-color-info2);
|
|
75
|
+
background-color: var(--o-color-control2-light);
|
|
76
|
+
font-weight: 400;
|
|
77
|
+
padding: var(--o-gap-3);
|
|
78
|
+
border-radius: var(--o-radius-xs);
|
|
79
|
+
font-size: 14px;
|
|
80
|
+
line-height: 22px;
|
|
81
|
+
}
|
|
82
|
+
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
83
|
+
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-sig-detail-meeting-agenda {
|
|
84
|
+
font-size: 14px;
|
|
85
|
+
line-height: 18px;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
@media (min-width: 841px) and (max-width: 1200px) {
|
|
89
|
+
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-sig-detail-meeting-agenda {
|
|
90
|
+
font-size: 12px;
|
|
91
|
+
line-height: 18px;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
@media (min-width: 601px) and (max-width: 840px) {
|
|
95
|
+
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-sig-detail-meeting-agenda {
|
|
96
|
+
font-size: 12px;
|
|
97
|
+
line-height: 18px;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
@media (max-width: 600px) {
|
|
101
|
+
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-sig-detail-meeting-agenda {
|
|
102
|
+
font-size: 12px;
|
|
103
|
+
line-height: 18px;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
@media (max-width: 1680px) {
|
|
107
|
+
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-sig-detail-meeting-agenda {
|
|
108
|
+
padding: var(--o-gap-2);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
72
111
|
.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-title-top {
|
|
73
112
|
display: flex;
|
|
74
113
|
align-items: center;
|
|
@@ -4,6 +4,7 @@ interface SigDetailPropsT {
|
|
|
4
4
|
sigDetail?: SigCompleteItemT;
|
|
5
5
|
repositories?: SigRepoEntryT[];
|
|
6
6
|
headerBg?: string;
|
|
7
|
+
gitBase?: string;
|
|
7
8
|
getContributeData: any;
|
|
8
9
|
}
|
|
9
10
|
declare function __VLS_template(): {
|
|
@@ -18,6 +19,7 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
|
18
19
|
declare const __VLS_component: import('vue').DefineComponent<SigDetailPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SigDetailPropsT> & Readonly<{}>, {
|
|
19
20
|
sigName: string;
|
|
20
21
|
repositories: SigRepoEntryT[];
|
|
22
|
+
gitBase: string;
|
|
21
23
|
sigDetail: SigCompleteItemT;
|
|
22
24
|
headerBg: string;
|
|
23
25
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { defineComponent, computed, onMounted, nextTick, openBlock, createElementBlock, createVNode,
|
|
2
|
-
import { SIG_ADDRESS } from "./components/config-sig.mjs";
|
|
1
|
+
import { defineComponent, computed, onMounted, nextTick, openBlock, createElementBlock, createVNode, createElementVNode, toDisplayString, unref, withCtx, createBlock, createTextVNode, createCommentVNode, Fragment, renderList, renderSlot } from "vue";
|
|
3
2
|
import { OIcon, OLink, OButton } from "@opensig/opendesign";
|
|
4
3
|
import _sfc_main$1 from "./components/OSigDetailInfoCard.vue.mjs";
|
|
5
4
|
import './components/OSigDetailInfoCard.css';
|
|
@@ -24,7 +23,7 @@ const _hoisted_7 = { class: "o-sig-detail-meeting-card" };
|
|
|
24
23
|
const _hoisted_8 = { class: "o-sig-detail-info-item" };
|
|
25
24
|
const _hoisted_9 = { class: "o-sig-detail-title-top" };
|
|
26
25
|
const _hoisted_10 = { class: "o-sig-detail-text" };
|
|
27
|
-
const _hoisted_11 = { class: "o-sig-detail-
|
|
26
|
+
const _hoisted_11 = { class: "o-sig-detail-meeting-agenda" };
|
|
28
27
|
const _hoisted_12 = { class: "o-sig-detail-email-link" };
|
|
29
28
|
const _hoisted_13 = { class: "o-sig-detail-title-top" };
|
|
30
29
|
const _hoisted_14 = { class: "o-sig-detail-text" };
|
|
@@ -47,11 +46,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
47
46
|
sigDetail: { default: void 0 },
|
|
48
47
|
repositories: { default: () => [] },
|
|
49
48
|
headerBg: { default: "" },
|
|
49
|
+
gitBase: { default: "https://atomgit.com/" },
|
|
50
50
|
getContributeData: {}
|
|
51
51
|
},
|
|
52
52
|
setup(__props) {
|
|
53
53
|
const props = __props;
|
|
54
|
-
const { t } = useI18n();
|
|
54
|
+
const { t, locale } = useI18n();
|
|
55
55
|
const sigDetailInfo = computed(() => props.sigDetail);
|
|
56
56
|
const maintainerInfo = computed(() => {
|
|
57
57
|
var _a;
|
|
@@ -72,13 +72,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
72
72
|
}, 300);
|
|
73
73
|
});
|
|
74
74
|
});
|
|
75
|
+
const meetingAgenda = computed(() => {
|
|
76
|
+
var _a, _b;
|
|
77
|
+
return ((_a = sigDetailInfo.value) == null ? void 0 : _a[`meeting_agenda_${locale.value}`]) ?? ((_b = sigDetailInfo.value) == null ? void 0 : _b.meeting_agenda) ?? [];
|
|
78
|
+
});
|
|
75
79
|
return (_ctx, _cache) => {
|
|
76
|
-
var _a, _b, _c, _d, _e, _f;
|
|
80
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i;
|
|
77
81
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
78
82
|
createVNode(_sfc_main$1, {
|
|
79
83
|
description: (_a = sigDetailInfo.value) == null ? void 0 : _a.description,
|
|
80
84
|
"sig-name": props.sigName,
|
|
81
|
-
"gitee-address":
|
|
85
|
+
"gitee-address": (_b = sigDetailInfo.value) == null ? void 0 : _b.gitUrl,
|
|
82
86
|
bg: __props.headerBg
|
|
83
87
|
}, null, 8, ["description", "sig-name", "gitee-address", "bg"]),
|
|
84
88
|
createElementVNode("div", _hoisted_2, [
|
|
@@ -89,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
89
93
|
createElementVNode("div", _hoisted_3, [
|
|
90
94
|
createElementVNode("div", _hoisted_4, [
|
|
91
95
|
createElementVNode("div", _hoisted_5, [
|
|
92
|
-
createElementVNode("p", _hoisted_6, toDisplayString(unref(t)("sig.
|
|
96
|
+
createElementVNode("p", _hoisted_6, toDisplayString(unref(t)("sig.sigMeetingActive")), 1),
|
|
93
97
|
createElementVNode("div", _hoisted_7, [
|
|
94
98
|
createElementVNode("div", _hoisted_8, [
|
|
95
99
|
createElementVNode("div", _hoisted_9, [
|
|
@@ -100,9 +104,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
100
104
|
_: 1
|
|
101
105
|
}),
|
|
102
106
|
createElementVNode("p", _hoisted_10, toDisplayString(unref(t)("sig.workMeeting")), 1),
|
|
103
|
-
((
|
|
107
|
+
((_c = sigDetailInfo.value) == null ? void 0 : _c.etherpadUrl) ? (openBlock(), createBlock(unref(OLink), {
|
|
104
108
|
key: 0,
|
|
105
|
-
href: (
|
|
109
|
+
href: (_d = sigDetailInfo.value) == null ? void 0 : _d.etherpadUrl,
|
|
106
110
|
target: "_blank",
|
|
107
111
|
color: "primary"
|
|
108
112
|
}, {
|
|
@@ -120,7 +124,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
120
124
|
_: 1
|
|
121
125
|
}, 8, ["href"])) : createCommentVNode("", true)
|
|
122
126
|
]),
|
|
123
|
-
createElementVNode("
|
|
127
|
+
createElementVNode("div", _hoisted_11, [
|
|
128
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(meetingAgenda.value, (t2) => {
|
|
129
|
+
return openBlock(), createElementBlock("div", {
|
|
130
|
+
class: "o-sig-detail-meeting-agenda-item",
|
|
131
|
+
key: t2
|
|
132
|
+
}, toDisplayString(t2), 1);
|
|
133
|
+
}), 128))
|
|
134
|
+
])
|
|
124
135
|
]),
|
|
125
136
|
createElementVNode("div", _hoisted_12, [
|
|
126
137
|
createElementVNode("div", _hoisted_13, [
|
|
@@ -134,7 +145,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
134
145
|
]),
|
|
135
146
|
createVNode(unref(OLink), {
|
|
136
147
|
color: "primary",
|
|
137
|
-
href: `mailto:${(
|
|
148
|
+
href: `mailto:${(_e = sigDetailInfo.value) == null ? void 0 : _e.mailing_list}`,
|
|
138
149
|
target: "_blank",
|
|
139
150
|
class: "o-sig-detail-icon-link"
|
|
140
151
|
}, {
|
|
@@ -146,11 +157,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
146
157
|
}),
|
|
147
158
|
_: 1
|
|
148
159
|
}, 8, ["href"]),
|
|
149
|
-
((
|
|
160
|
+
((_f = sigDetailInfo.value) == null ? void 0 : _f.subscribeUrl) ? (openBlock(), createBlock(unref(OButton), {
|
|
150
161
|
key: 0,
|
|
151
162
|
round: "pill",
|
|
152
163
|
color: "primary",
|
|
153
|
-
href: (
|
|
164
|
+
href: (_g = sigDetailInfo.value) == null ? void 0 : _g.subscribeUrl,
|
|
154
165
|
target: "_blank",
|
|
155
166
|
size: "medium"
|
|
156
167
|
}, {
|
|
@@ -168,7 +179,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
168
179
|
_: 1
|
|
169
180
|
}, 8, ["href"])) : createCommentVNode("", true)
|
|
170
181
|
]),
|
|
171
|
-
sigDetailInfo.value.discuss_url ? (openBlock(), createElementBlock("div", _hoisted_15, [
|
|
182
|
+
((_h = sigDetailInfo.value) == null ? void 0 : _h.discuss_url) ? (openBlock(), createElementBlock("div", _hoisted_15, [
|
|
172
183
|
createElementVNode("div", _hoisted_16, [
|
|
173
184
|
createVNode(unref(OIcon), null, {
|
|
174
185
|
default: withCtx(() => [
|
|
@@ -180,14 +191,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
180
191
|
]),
|
|
181
192
|
createVNode(unref(OLink), {
|
|
182
193
|
color: "primary",
|
|
183
|
-
href: sigDetailInfo.value.discuss_url,
|
|
194
|
+
href: (_i = sigDetailInfo.value) == null ? void 0 : _i.discuss_url,
|
|
184
195
|
target: "_blank",
|
|
185
196
|
class: "o-sig-detail-icon-link"
|
|
186
197
|
}, {
|
|
187
198
|
default: withCtx(() => {
|
|
188
199
|
var _a2;
|
|
189
200
|
return [
|
|
190
|
-
createTextVNode(toDisplayString((_a2 = sigDetailInfo.value) == null ? void 0 : _a2.
|
|
201
|
+
createTextVNode(toDisplayString((_a2 = sigDetailInfo.value) == null ? void 0 : _a2.discuss_url), 1)
|
|
191
202
|
];
|
|
192
203
|
}),
|
|
193
204
|
_: 1
|
|
@@ -200,7 +211,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
200
211
|
renderSlot(_ctx.$slots, "meeting")
|
|
201
212
|
])) : createCommentVNode("", true),
|
|
202
213
|
createElementVNode("div", _hoisted_19, [
|
|
203
|
-
createVNode(_sfc_main$3, {
|
|
214
|
+
createVNode(_sfc_main$3, {
|
|
215
|
+
repositories: __props.repositories,
|
|
216
|
+
"git-base": __props.gitBase
|
|
217
|
+
}, null, 8, ["repositories", "git-base"])
|
|
204
218
|
]),
|
|
205
219
|
createElementVNode("div", _hoisted_20, [
|
|
206
220
|
createVNode(_sfc_main$4, {
|
|
@@ -306,9 +306,13 @@
|
|
|
306
306
|
}
|
|
307
307
|
@media (max-width: 840px) {
|
|
308
308
|
.o-sig-list .o-sig-filter-box {
|
|
309
|
-
|
|
309
|
+
background-color: transparent;
|
|
310
|
+
padding: 0;
|
|
310
311
|
}
|
|
311
312
|
}
|
|
313
|
+
.o-sig-list .o-sig-filter-box.o-sig-filter-box--no-filter-type .o-sig-filter-select-box {
|
|
314
|
+
justify-content: flex-end;
|
|
315
|
+
}
|
|
312
316
|
@media (max-width: 600px) {
|
|
313
317
|
.o-sig-list .o-sig-filter-box {
|
|
314
318
|
padding: 0;
|
|
@@ -444,6 +448,11 @@
|
|
|
444
448
|
display: flex;
|
|
445
449
|
justify-content: flex-start;
|
|
446
450
|
}
|
|
451
|
+
@media (max-width: 840px) {
|
|
452
|
+
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box {
|
|
453
|
+
width: 100%;
|
|
454
|
+
}
|
|
455
|
+
}
|
|
447
456
|
@media (max-width: 600px) {
|
|
448
457
|
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box {
|
|
449
458
|
padding: var(--o-gap-3);
|
|
@@ -464,27 +473,43 @@
|
|
|
464
473
|
border: 1px solid var(--o-color-primary2);
|
|
465
474
|
}
|
|
466
475
|
}
|
|
467
|
-
@media (max-width:
|
|
476
|
+
@media (max-width: 840px) {
|
|
468
477
|
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box .o-sig-filter-select {
|
|
469
478
|
width: 100%;
|
|
470
479
|
}
|
|
471
480
|
}
|
|
472
|
-
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box .o-sig-filter-select .o-input .o-icon svg path {
|
|
473
|
-
fill: currentColor;
|
|
474
|
-
}
|
|
475
481
|
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box .o-sig-filter-select-focus {
|
|
476
482
|
border: 1px solid var(--o-color-primary3);
|
|
477
483
|
}
|
|
478
484
|
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box .o-select {
|
|
479
485
|
--select-height: 40px;
|
|
480
486
|
--select-icon-size: 24px;
|
|
487
|
+
--select-bg-color: var(--o-color-fill2);
|
|
488
|
+
--select-bg-color-hover: var(--o-color-fill2);
|
|
489
|
+
--select-bg-color-focus: var(--o-color-fill2);
|
|
481
490
|
max-width: 135px;
|
|
482
491
|
border-radius: var(--o-radius-xs) 0 0 var(--o-radius-xs);
|
|
483
492
|
border: none;
|
|
484
493
|
border-right: 1px solid var(--o-color-control1);
|
|
485
494
|
}
|
|
495
|
+
@media (max-width: 840px) {
|
|
496
|
+
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box .o-select {
|
|
497
|
+
--select-height: 38px;
|
|
498
|
+
max-width: 100%;
|
|
499
|
+
width: 40%;
|
|
500
|
+
}
|
|
501
|
+
}
|
|
486
502
|
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box .o-input {
|
|
487
503
|
width: 320px;
|
|
504
|
+
--_box-bg-color: var(--o-color-fill2);
|
|
505
|
+
--_box-bg-color-hover: var(--o-color-fill2);
|
|
506
|
+
--_box-bg-color-focus: var(--o-color-fill2);
|
|
507
|
+
}
|
|
508
|
+
@media (max-width: 840px) {
|
|
509
|
+
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box .o-input {
|
|
510
|
+
flex: 1;
|
|
511
|
+
width: 60%;
|
|
512
|
+
}
|
|
488
513
|
}
|
|
489
514
|
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box .o-input .o_box-main {
|
|
490
515
|
border: none;
|
|
@@ -505,6 +530,15 @@
|
|
|
505
530
|
font-size: 24px;
|
|
506
531
|
}
|
|
507
532
|
}
|
|
533
|
+
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box .o-input .o-icon svg path {
|
|
534
|
+
fill: currentColor;
|
|
535
|
+
}
|
|
536
|
+
@media (max-width: 840px) {
|
|
537
|
+
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box .o-input .o_box {
|
|
538
|
+
width: 100%;
|
|
539
|
+
--box-height: 38px;
|
|
540
|
+
}
|
|
541
|
+
}
|
|
508
542
|
.o-sig-list .o-sig-filter-box .o-sig-filter-select-box .o-sig-search-data {
|
|
509
543
|
position: absolute;
|
|
510
544
|
top: 44px;
|
|
@@ -631,6 +665,21 @@
|
|
|
631
665
|
line-height: 18px;
|
|
632
666
|
}
|
|
633
667
|
}
|
|
668
|
+
@media (max-width: 840px) {
|
|
669
|
+
.o-sig-list .o-sig-filter-box .o-sig-filter-btn {
|
|
670
|
+
display: flex;
|
|
671
|
+
align-items: center;
|
|
672
|
+
justify-content: flex-end;
|
|
673
|
+
margin-top: 8px;
|
|
674
|
+
position: relative;
|
|
675
|
+
}
|
|
676
|
+
.o-sig-list .o-sig-filter-box .o-sig-filter-btn .o-icon {
|
|
677
|
+
--icon-size: 16px;
|
|
678
|
+
}
|
|
679
|
+
.o-sig-list .o-sig-filter-box .o-sig-filter-btn .o-sig-filter-text {
|
|
680
|
+
margin-left: 8px;
|
|
681
|
+
}
|
|
682
|
+
}
|
|
634
683
|
.o-sig-list .o-sig-filter-box-en .o-select {
|
|
635
684
|
max-width: 150px;
|
|
636
685
|
}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
import { defineComponent, computed, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, toDisplayString, createVNode, withCtx,
|
|
2
|
-
import { ElSelect, ElOption } from "element-plus";
|
|
3
|
-
import "element-plus/es/components/select/style/css";
|
|
4
|
-
import "element-plus/es/components/option/style/css";
|
|
1
|
+
import { defineComponent, computed, ref, watch, onMounted, onUnmounted, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, Fragment, unref, toDisplayString, createVNode, withCtx, renderList, createBlock, createTextVNode, createCommentVNode, withModifiers, withDirectives, nextTick } from "vue";
|
|
5
2
|
import { useDebounceFn, onClickOutside, useThrottleFn } from "@vueuse/core";
|
|
6
3
|
import { useScreen } from "@opendesign-plus/composables";
|
|
7
4
|
import { useI18n } from "../../i18n/index.mjs";
|
|
@@ -17,42 +14,43 @@ const _hoisted_2 = {
|
|
|
17
14
|
class: "o-sig-filter-type"
|
|
18
15
|
};
|
|
19
16
|
const _hoisted_3 = { class: "o-sig-filter-title" };
|
|
20
|
-
const _hoisted_4 = {
|
|
21
|
-
|
|
22
|
-
class: "o-sig-filter-input"
|
|
23
|
-
};
|
|
24
|
-
const _hoisted_5 = { class: "o-sig-filter-select-box" };
|
|
25
|
-
const _hoisted_6 = {
|
|
17
|
+
const _hoisted_4 = { class: "o-sig-filter-select-box" };
|
|
18
|
+
const _hoisted_5 = {
|
|
26
19
|
key: 0,
|
|
27
20
|
class: "o-sig-search-data"
|
|
28
21
|
};
|
|
29
|
-
const
|
|
22
|
+
const _hoisted_6 = {
|
|
30
23
|
key: 0,
|
|
31
24
|
class: "o-sig-search-label"
|
|
32
25
|
};
|
|
33
|
-
const
|
|
34
|
-
const
|
|
35
|
-
const
|
|
26
|
+
const _hoisted_7 = ["onClick"];
|
|
27
|
+
const _hoisted_8 = ["title"];
|
|
28
|
+
const _hoisted_9 = {
|
|
36
29
|
key: 2,
|
|
37
30
|
class: "o-sig-no-result"
|
|
38
31
|
};
|
|
39
|
-
const
|
|
32
|
+
const _hoisted_10 = {
|
|
33
|
+
key: 1,
|
|
34
|
+
class: "o-sig-filter-btn"
|
|
35
|
+
};
|
|
36
|
+
const _hoisted_11 = { class: "o-sig-filter-text" };
|
|
37
|
+
const _hoisted_12 = {
|
|
40
38
|
key: 0,
|
|
41
39
|
class: "o-sig-filter-result-tip"
|
|
42
40
|
};
|
|
43
|
-
const
|
|
44
|
-
const
|
|
45
|
-
const
|
|
41
|
+
const _hoisted_13 = { key: 0 };
|
|
42
|
+
const _hoisted_14 = { class: "o-sig-num" };
|
|
43
|
+
const _hoisted_15 = {
|
|
46
44
|
key: 0,
|
|
47
45
|
class: "o-sig-num"
|
|
48
46
|
};
|
|
49
|
-
const
|
|
50
|
-
const
|
|
51
|
-
const
|
|
47
|
+
const _hoisted_16 = { key: 1 };
|
|
48
|
+
const _hoisted_17 = { class: "o-sig-num" };
|
|
49
|
+
const _hoisted_18 = {
|
|
52
50
|
key: 3,
|
|
53
51
|
class: "o-sig-loading"
|
|
54
52
|
};
|
|
55
|
-
const
|
|
53
|
+
const _hoisted_19 = {
|
|
56
54
|
key: 4,
|
|
57
55
|
class: "o-sig-pagination"
|
|
58
56
|
};
|
|
@@ -80,11 +78,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
80
78
|
sigQuery.value.pageSize = PAGE_SIZE_DEFAULT;
|
|
81
79
|
};
|
|
82
80
|
const allSigInfo = ref([]);
|
|
83
|
-
const activeRepo = ref("");
|
|
84
81
|
const landscapeList = ref([]);
|
|
85
82
|
const featureArr = ref([]);
|
|
86
83
|
const mergedSigList = ref([]);
|
|
87
84
|
const constructLandscapeMap = () => {
|
|
85
|
+
if (!props.sigLandscape.length) {
|
|
86
|
+
featureArr.value = [];
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
88
89
|
landscapeList.value = props.sigLandscape.map(({ created_at: _created, ...rest }) => rest);
|
|
89
90
|
const seen = /* @__PURE__ */ new Set();
|
|
90
91
|
const features = [];
|
|
@@ -310,63 +311,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
310
311
|
window.removeEventListener("scroll", throttleEvent);
|
|
311
312
|
});
|
|
312
313
|
return (_ctx, _cache) => {
|
|
314
|
+
const _component_IconFilter = resolveComponent("IconFilter");
|
|
315
|
+
const _component_OButton = resolveComponent("OButton");
|
|
313
316
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
314
317
|
createElementVNode("div", {
|
|
315
|
-
class: normalizeClass(["o-sig-filter-box", `o-sig-filter-box-${locale.value}`])
|
|
318
|
+
class: normalizeClass(["o-sig-filter-box", `o-sig-filter-box-${locale.value} ${featureArr.value.length ? "" : "o-sig-filter-box--no-filter-type"}`])
|
|
316
319
|
}, [
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
}, {
|
|
356
|
-
default: withCtx(() => [
|
|
357
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(featureArr.value, (option) => {
|
|
358
|
-
return openBlock(), createBlock(unref(ElOption), {
|
|
359
|
-
key: option.value,
|
|
360
|
-
label: option.label[locale.value] ?? option.value,
|
|
361
|
-
value: option.value
|
|
362
|
-
}, null, 8, ["label", "value"]);
|
|
363
|
-
}), 128))
|
|
364
|
-
]),
|
|
365
|
-
_: 1
|
|
366
|
-
}, 8, ["modelValue", "placeholder"])
|
|
367
|
-
])) : createCommentVNode("", true),
|
|
368
|
-
createVNode(unref(ODivider), { direction: "h" }),
|
|
369
|
-
createElementVNode("div", _hoisted_5, [
|
|
320
|
+
featureArr.value.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
321
|
+
!unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
322
|
+
createElementVNode("p", _hoisted_3, toDisplayString(unref(t)("sig.type")), 1),
|
|
323
|
+
createVNode(unref(ORadioGroup), {
|
|
324
|
+
modelValue: featureType.value,
|
|
325
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => featureType.value = $event)
|
|
326
|
+
}, {
|
|
327
|
+
default: withCtx(() => [
|
|
328
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(featureArr.value, (option) => {
|
|
329
|
+
return openBlock(), createBlock(unref(ORadio), {
|
|
330
|
+
key: option.value,
|
|
331
|
+
value: option.value
|
|
332
|
+
}, {
|
|
333
|
+
radio: withCtx(({ checked }) => [
|
|
334
|
+
createVNode(unref(OToggle), {
|
|
335
|
+
class: normalizeClass(["o-sig-tag-normal", { active: checked }]),
|
|
336
|
+
checked,
|
|
337
|
+
onClick: ($event) => clearChecked(checked)
|
|
338
|
+
}, {
|
|
339
|
+
default: withCtx(() => [
|
|
340
|
+
createTextVNode(toDisplayString(option.label[locale.value]), 1)
|
|
341
|
+
]),
|
|
342
|
+
_: 2
|
|
343
|
+
}, 1032, ["class", "checked", "onClick"])
|
|
344
|
+
]),
|
|
345
|
+
_: 2
|
|
346
|
+
}, 1032, ["value"]);
|
|
347
|
+
}), 128))
|
|
348
|
+
]),
|
|
349
|
+
_: 1
|
|
350
|
+
}, 8, ["modelValue"])
|
|
351
|
+
])) : createCommentVNode("", true),
|
|
352
|
+
!unref(lePadV) ? (openBlock(), createBlock(unref(ODivider), {
|
|
353
|
+
key: 1,
|
|
354
|
+
direction: "h"
|
|
355
|
+
})) : createCommentVNode("", true)
|
|
356
|
+
], 64)) : createCommentVNode("", true),
|
|
357
|
+
createElementVNode("div", _hoisted_4, [
|
|
370
358
|
createElementVNode("div", {
|
|
371
359
|
ref_key: "panelRef",
|
|
372
360
|
ref: panelRef,
|
|
@@ -374,7 +362,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
374
362
|
}, [
|
|
375
363
|
createVNode(unref(OSelect), {
|
|
376
364
|
modelValue: searchType.value,
|
|
377
|
-
"onUpdate:modelValue": _cache[
|
|
365
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchType.value = $event),
|
|
378
366
|
size: "large",
|
|
379
367
|
trigger: "click",
|
|
380
368
|
variant: "outline",
|
|
@@ -393,11 +381,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
393
381
|
}, 8, ["modelValue"]),
|
|
394
382
|
createVNode(unref(OInput), {
|
|
395
383
|
modelValue: debounceSig.value,
|
|
396
|
-
"onUpdate:modelValue": _cache[
|
|
384
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => debounceSig.value = $event),
|
|
397
385
|
size: "large",
|
|
398
386
|
clearable: "",
|
|
399
387
|
placeholder: placeholderType.value,
|
|
400
|
-
onFocusCapture: _cache[
|
|
388
|
+
onFocusCapture: _cache[3] || (_cache[3] = ($event) => showPanel.value = true),
|
|
401
389
|
onPressEnter: changeSearchInput,
|
|
402
390
|
onClear: clearInput
|
|
403
391
|
}, {
|
|
@@ -411,13 +399,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
411
399
|
]),
|
|
412
400
|
_: 1
|
|
413
401
|
}, 8, ["modelValue", "placeholder"]),
|
|
414
|
-
showPanel.value && sigInput.value ? (openBlock(), createElementBlock("div",
|
|
402
|
+
showPanel.value && sigInput.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
415
403
|
(openBlock(true), createElementBlock(Fragment, null, renderList(hasSearchData.value, (item) => {
|
|
416
404
|
return openBlock(), createElementBlock("div", {
|
|
417
405
|
key: item.id,
|
|
418
406
|
class: "o-sig-search-group"
|
|
419
407
|
}, [
|
|
420
|
-
searchType.value === "all" ? (openBlock(), createElementBlock("p",
|
|
408
|
+
searchType.value === "all" ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(item.label), 1)) : createCommentVNode("", true),
|
|
421
409
|
item.list.length ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(item.list, (it) => {
|
|
422
410
|
return openBlock(), createElementBlock("div", {
|
|
423
411
|
key: it.name,
|
|
@@ -427,27 +415,46 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
427
415
|
withDirectives(createElementVNode("span", {
|
|
428
416
|
title: stripHtml(it == null ? void 0 : it.name),
|
|
429
417
|
class: "o-sig-search-title"
|
|
430
|
-
}, null, 8,
|
|
418
|
+
}, null, 8, _hoisted_8), [
|
|
431
419
|
[unref(vDompurifyHtml), it == null ? void 0 : it.name]
|
|
432
420
|
])
|
|
433
|
-
], 8,
|
|
434
|
-
}), 128)) : (openBlock(), createElementBlock("p",
|
|
421
|
+
], 8, _hoisted_7);
|
|
422
|
+
}), 128)) : (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(unref(t)("sig.noResult")), 1))
|
|
435
423
|
]);
|
|
436
424
|
}), 128))
|
|
437
425
|
])) : createCommentVNode("", true)
|
|
438
426
|
], 2)
|
|
439
|
-
])
|
|
427
|
+
]),
|
|
428
|
+
unref(lePadV) && featureArr.value.length ? (openBlock(), createElementBlock("div", _hoisted_10, [
|
|
429
|
+
createVNode(_component_OButton, {
|
|
430
|
+
variant: "text",
|
|
431
|
+
color: "normal",
|
|
432
|
+
class: "o-sig-select-btn",
|
|
433
|
+
onClick: _cache[4] || (_cache[4] = ($event) => _ctx.filterVisible = true)
|
|
434
|
+
}, {
|
|
435
|
+
default: withCtx(() => [
|
|
436
|
+
createVNode(unref(OIcon), null, {
|
|
437
|
+
default: withCtx(() => [
|
|
438
|
+
createVNode(_component_IconFilter)
|
|
439
|
+
]),
|
|
440
|
+
_: 1
|
|
441
|
+
}),
|
|
442
|
+
createElementVNode("span", _hoisted_11, toDisplayString(unref(t)("sig.filter")), 1)
|
|
443
|
+
]),
|
|
444
|
+
_: 1
|
|
445
|
+
})
|
|
446
|
+
])) : createCommentVNode("", true)
|
|
440
447
|
], 2),
|
|
441
|
-
featureType.value !== "all" || enterSearchInput.value ? (openBlock(), createElementBlock("div",
|
|
442
|
-
sigInput.value ? (openBlock(), createElementBlock("div",
|
|
448
|
+
featureType.value !== "all" || enterSearchInput.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
|
|
449
|
+
sigInput.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
|
|
443
450
|
createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip1")), 1),
|
|
444
|
-
createElementVNode("span",
|
|
451
|
+
createElementVNode("span", _hoisted_14, toDisplayString(filterSearchData.value.length), 1),
|
|
445
452
|
createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip2")), 1),
|
|
446
|
-
locale.value === "zh" ? (openBlock(), createElementBlock("span",
|
|
453
|
+
locale.value === "zh" ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(sigInput.value), 1)) : createCommentVNode("", true),
|
|
447
454
|
createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip3")), 1)
|
|
448
|
-
])) : (openBlock(), createElementBlock("div",
|
|
455
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_16, [
|
|
449
456
|
createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip4")), 1),
|
|
450
|
-
createElementVNode("span",
|
|
457
|
+
createElementVNode("span", _hoisted_17, toDisplayString(filterSearchData.value.length), 1),
|
|
451
458
|
createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip5")), 1)
|
|
452
459
|
]))
|
|
453
460
|
])) : createCommentVNode("", true),
|
|
@@ -468,9 +475,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
468
475
|
sig,
|
|
469
476
|
locale: locale.value,
|
|
470
477
|
mobile: unref(lePadV),
|
|
471
|
-
"active-repo": activeRepo.value,
|
|
472
478
|
onToSigDetail: toSigDetail
|
|
473
|
-
}, null, 8, ["sig", "locale", "mobile"
|
|
479
|
+
}, null, 8, ["sig", "locale", "mobile"])
|
|
474
480
|
]),
|
|
475
481
|
_: 2
|
|
476
482
|
}, 1032, ["flex"]);
|
|
@@ -485,8 +491,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
485
491
|
"--result-image-height": "170px"
|
|
486
492
|
}
|
|
487
493
|
})),
|
|
488
|
-
unref(lePadV) && filterDataMb.value.length && filterDataMb.value.length < filterSearchData.value.length ? (openBlock(), createElementBlock("p",
|
|
489
|
-
filterSearchData.value.length > COUNT_PER_PAGE[0] ? (openBlock(), createElementBlock("div",
|
|
494
|
+
unref(lePadV) && filterDataMb.value.length && filterDataMb.value.length < filterSearchData.value.length ? (openBlock(), createElementBlock("p", _hoisted_18, toDisplayString(unref(t)("sig.loading")), 1)) : createCommentVNode("", true),
|
|
495
|
+
filterSearchData.value.length > COUNT_PER_PAGE[0] ? (openBlock(), createElementBlock("div", _hoisted_19, [
|
|
490
496
|
createVNode(unref(OPagination), {
|
|
491
497
|
page: sigQuery.value.page,
|
|
492
498
|
"onUpdate:page": _cache[5] || (_cache[5] = ($event) => sigQuery.value.page = $event),
|