@opendesign-plus-test/components 0.0.1-rc.220 → 0.0.1-rc.221
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 +74 -48
- package/dist/components/config-provider/OPlusConfigProvider.vue.d.ts +1 -0
- package/dist/components/header/OHeader.vue.d.ts +4 -4
- package/dist/components/header/index.d.ts +2 -2
- package/dist/components/meeting/OMeetingPlayback.vue.d.ts +2 -1
- package/dist/components/meeting/index.d.ts +3 -0
- package/dist/components/meeting/types.d.ts +2 -0
- package/dist/components/search-result/OSearchResult.vue.d.ts +52 -0
- package/dist/components/search-result/OSearchResultHeader.vue.d.ts +1296 -0
- package/dist/components/search-result/OSearchResultItem.vue.d.ts +34 -0
- package/dist/components/search-result/components/OSearchResultEmpty.vue.d.ts +2 -0
- package/dist/components/search-result/components/OSearchResultFeedback.vue.d.ts +8 -0
- package/dist/components/search-result/components/OSearchResultFeedbackBanner.vue.d.ts +8 -0
- package/dist/components/search-result/components/OSearchResultRelative.vue.d.ts +6 -0
- package/dist/components/search-result/index.d.ts +844 -0
- package/dist/components/search-result/types.d.ts +9 -0
- package/dist/components.cjs.js +45 -45
- package/dist/components.css +1 -1
- package/dist/components.es.js +15980 -15278
- package/dist/index.d.ts +1 -0
- package/dist/treeshaking/_virtual/icon-arrow-left.mjs +20 -0
- package/dist/treeshaking/_virtual/icon-edit.mjs +38 -0
- package/dist/treeshaking/_virtual/icon-email.mjs +8 -9
- package/dist/treeshaking/_virtual/icon-email2.mjs +9 -8
- package/dist/treeshaking/_virtual/icon-like.mjs +20 -0
- package/dist/treeshaking/_virtual/icon-relative-search.mjs +21 -0
- package/dist/treeshaking/_virtual/icon-unlike.mjs +20 -0
- package/dist/treeshaking/assets/search/search-empty.png.mjs +4 -0
- package/dist/treeshaking/components/config-provider/OPlusConfigProvider.vue.d.ts +1 -0
- package/dist/treeshaking/components/config-provider/OPlusConfigProvider.vue.mjs +4 -2
- package/dist/treeshaking/components/empty/OEmpty.css +10 -10
- package/dist/treeshaking/components/empty/OEmpty.vue.mjs +1 -1
- package/dist/treeshaking/components/empty/OEmpty.vue2.mjs +6 -2
- package/dist/treeshaking/components/footer/components/FooterList.css +149 -109
- package/dist/treeshaking/components/footer/components/FooterList.vue.mjs +1 -1
- package/dist/treeshaking/components/footer/components/FooterList.vue2.mjs +59 -60
- package/dist/treeshaking/components/header/OHeader.css +17 -17
- package/dist/treeshaking/components/header/OHeader.vue.d.ts +4 -4
- package/dist/treeshaking/components/header/OHeader.vue.mjs +1 -1
- package/dist/treeshaking/components/header/OHeader.vue2.mjs +3 -2
- package/dist/treeshaking/components/header/index.d.ts +2 -2
- package/dist/treeshaking/components/meeting/OMeetingPlayback.css +2 -0
- package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.d.ts +2 -1
- package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.mjs +12 -4
- package/dist/treeshaking/components/meeting/components/OMeetingPlaybackSubtitles.css +3 -0
- package/dist/treeshaking/components/meeting/components/OMeetingPlaybackSubtitles.vue.mjs +15 -7
- package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.vue.mjs +13 -15
- package/dist/treeshaking/components/meeting/index.d.ts +3 -0
- package/dist/treeshaking/components/meeting/types.d.ts +2 -0
- package/dist/treeshaking/components/org/OOrgMembers.vue2.mjs +1 -1
- package/dist/treeshaking/components/search/OSearchInput.vue.mjs +2 -2
- package/dist/treeshaking/components/search/index.mjs +3 -3
- package/dist/treeshaking/components/search/internal/SearchImageInput.css +46 -48
- package/dist/treeshaking/components/search/internal/SearchImageInput.vue.mjs +1 -1
- package/dist/treeshaking/components/search-result/OSearchResult.css +101 -0
- package/dist/treeshaking/components/search-result/OSearchResult.vue.d.ts +52 -0
- package/dist/treeshaking/components/search-result/OSearchResult.vue.mjs +7 -0
- package/dist/treeshaking/components/search-result/OSearchResult.vue2.mjs +116 -0
- package/dist/treeshaking/components/search-result/OSearchResultHeader.css +125 -0
- package/dist/treeshaking/components/search-result/OSearchResultHeader.vue.d.ts +1296 -0
- package/dist/treeshaking/components/search-result/OSearchResultHeader.vue.mjs +7 -0
- package/dist/treeshaking/components/search-result/OSearchResultHeader.vue2.mjs +104 -0
- package/dist/treeshaking/components/search-result/OSearchResultItem.css +213 -0
- package/dist/treeshaking/components/search-result/OSearchResultItem.vue.d.ts +34 -0
- package/dist/treeshaking/components/search-result/OSearchResultItem.vue.mjs +7 -0
- package/dist/treeshaking/components/search-result/OSearchResultItem.vue2.mjs +117 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultEmpty.css +52 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultEmpty.vue.d.ts +2 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultEmpty.vue.mjs +7 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultEmpty.vue2.mjs +29 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultFeedback.css +154 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultFeedback.vue.d.ts +8 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultFeedback.vue.mjs +7 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultFeedback.vue2.mjs +171 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultFeedbackBanner.css +188 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultFeedbackBanner.vue.d.ts +8 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultFeedbackBanner.vue.mjs +7 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultFeedbackBanner.vue2.mjs +185 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultRelative.css +97 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultRelative.vue.d.ts +6 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultRelative.vue.mjs +7 -0
- package/dist/treeshaking/components/search-result/components/OSearchResultRelative.vue2.mjs +52 -0
- package/dist/treeshaking/components/search-result/index.d.ts +844 -0
- package/dist/treeshaking/components/search-result/index.mjs +23 -0
- package/dist/treeshaking/components/search-result/types.d.ts +9 -0
- package/dist/treeshaking/components/user-center/OAccountSetting.vue2.mjs +1 -1
- package/dist/treeshaking/i18n/en.mjs +13 -0
- package/dist/treeshaking/i18n/zh.mjs +13 -0
- package/dist/treeshaking/index.d.ts +1 -0
- package/dist/treeshaking/index.mjs +4 -0
- package/package.json +4 -4
|
@@ -532,6 +532,7 @@ declare const OMeetingPlayback: {
|
|
|
532
532
|
}, import('vue').PublicProps, {
|
|
533
533
|
data: import('./types').MeetingPlaybackPropsDataT;
|
|
534
534
|
dates: string[];
|
|
535
|
+
groupType: import('./types').MeetingGroupType;
|
|
535
536
|
detail: import('./types').MeetingPlaybackPropsDetailT;
|
|
536
537
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
537
538
|
leftRef: HTMLDivElement;
|
|
@@ -580,6 +581,7 @@ declare const OMeetingPlayback: {
|
|
|
580
581
|
}>, {}, {}, {}, {}, {
|
|
581
582
|
data: import('./types').MeetingPlaybackPropsDataT;
|
|
582
583
|
dates: string[];
|
|
584
|
+
groupType: import('./types').MeetingGroupType;
|
|
583
585
|
detail: import('./types').MeetingPlaybackPropsDetailT;
|
|
584
586
|
}>;
|
|
585
587
|
__isFragment?: never;
|
|
@@ -592,6 +594,7 @@ declare const OMeetingPlayback: {
|
|
|
592
594
|
}, string, {
|
|
593
595
|
data: import('./types').MeetingPlaybackPropsDataT;
|
|
594
596
|
dates: string[];
|
|
597
|
+
groupType: import('./types').MeetingGroupType;
|
|
595
598
|
detail: import('./types').MeetingPlaybackPropsDetailT;
|
|
596
599
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
597
600
|
$slots: {
|
|
@@ -206,6 +206,7 @@ export interface MeetingPlaybackPropsDetailT {
|
|
|
206
206
|
agenda: string;
|
|
207
207
|
sponsor: string;
|
|
208
208
|
groupName: string;
|
|
209
|
+
group_name?: string;
|
|
209
210
|
}
|
|
210
211
|
export interface MeetingPlaybackPropsDataT {
|
|
211
212
|
mid: string;
|
|
@@ -221,6 +222,7 @@ export interface MeetingPlaybackPropsT {
|
|
|
221
222
|
detail: MeetingPlaybackPropsDetailT;
|
|
222
223
|
data: MeetingPlaybackPropsDataT;
|
|
223
224
|
dev?: boolean;
|
|
225
|
+
groupType?: MeetingGroupType;
|
|
224
226
|
}
|
|
225
227
|
export interface SubjectItemT {
|
|
226
228
|
title: string;
|
|
@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment
|
|
|
2
2
|
import { OLink, OButton, OIcon, OIconChevronUp, OIconChevronDown } from "@opensig/opendesign";
|
|
3
3
|
import { useScreen } from "@opendesign-plus/composables";
|
|
4
4
|
import { useI18n } from "../../i18n/index.mjs";
|
|
5
|
-
import IconEmail from "../../_virtual/icon-
|
|
5
|
+
import IconEmail from "../../_virtual/icon-email.mjs";
|
|
6
6
|
const _hoisted_1 = { class: "o-org-members" };
|
|
7
7
|
const _hoisted_2 = ["src", "alt"];
|
|
8
8
|
const _hoisted_3 = { class: "o-org-members-title" };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./OSearchInput.vue2.mjs";
|
|
2
2
|
import './OSearchInput.css';
|
|
3
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const
|
|
4
|
+
const OSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-18e8aec0"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
OSearchInput as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
const OSearchInput = Object.assign(
|
|
1
|
+
import OSearchInput$1 from "./OSearchInput.vue.mjs";
|
|
2
|
+
const OSearchInput = Object.assign(OSearchInput$1, {
|
|
3
3
|
install(app) {
|
|
4
|
-
app.component("OSearchInput",
|
|
4
|
+
app.component("OSearchInput", OSearchInput$1);
|
|
5
5
|
}
|
|
6
6
|
});
|
|
7
7
|
export {
|
|
@@ -1,33 +1,31 @@
|
|
|
1
|
-
.hover-icon-rotate .o-icon[data-v-
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-07ee5c5f] {
|
|
2
2
|
transition: all var(--o-duration-m1) var(--o-easing-standard-in);
|
|
3
3
|
}
|
|
4
4
|
@media (hover: hover) {
|
|
5
|
-
.hover-icon-rotate:hover .o-icon[data-v-
|
|
5
|
+
.hover-icon-rotate:hover .o-icon[data-v-07ee5c5f] {
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
.o-search-image-input[data-v-
|
|
9
|
+
.o-search-image-input[data-v-07ee5c5f] {
|
|
10
10
|
display: flex;
|
|
11
11
|
flex-direction: column;
|
|
12
|
-
border: 1px solid transparent;
|
|
13
12
|
border-radius: var(--o-radius-xs);
|
|
14
|
-
|
|
15
|
-
transition: border-color var(--o-duration-m1);
|
|
13
|
+
transition: box-shadow var(--o-duration-m1);
|
|
16
14
|
}
|
|
17
|
-
.o-search-image-input.is-expanded[data-v-
|
|
18
|
-
|
|
15
|
+
.o-search-image-input.is-expanded[data-v-07ee5c5f] {
|
|
16
|
+
box-shadow: 0 0 0 1px var(--o-color-primary1);
|
|
19
17
|
}
|
|
20
|
-
.o-search-image-input.is-expanded[data-v-
|
|
21
|
-
.o-search-image-input.is-expanded[data-v-
|
|
18
|
+
.o-search-image-input.is-expanded[data-v-07ee5c5f] .o-input.el-input .el-input__wrapper,
|
|
19
|
+
.o-search-image-input.is-expanded[data-v-07ee5c5f] .o_box-main {
|
|
22
20
|
border: none !important;
|
|
23
21
|
border-radius: var(--o-radius-xs) var(--o-radius-xs) 0 0;
|
|
24
22
|
box-shadow: none !important;
|
|
25
23
|
}
|
|
26
|
-
.o-search-image-input-row[data-v-
|
|
24
|
+
.o-search-image-input-row[data-v-07ee5c5f] {
|
|
27
25
|
display: flex;
|
|
28
26
|
align-items: center;
|
|
29
27
|
}
|
|
30
|
-
.o-search-image-input-input[data-v-
|
|
28
|
+
.o-search-image-input-input[data-v-07ee5c5f] {
|
|
31
29
|
width: 100%;
|
|
32
30
|
--_box-bg-color: var(--o-color-fill2);
|
|
33
31
|
--_box-bg-color-hover: var(--o-color-fill2);
|
|
@@ -35,48 +33,48 @@
|
|
|
35
33
|
--_box-bg-color-disabled: var(--o-color-fill2);
|
|
36
34
|
}
|
|
37
35
|
@media (max-width: 840px) {
|
|
38
|
-
.o-search-image-input-input[data-v-
|
|
36
|
+
.o-search-image-input-input[data-v-07ee5c5f] input {
|
|
39
37
|
font-size: 14px;
|
|
40
38
|
line-height: 22px;
|
|
41
39
|
}
|
|
42
40
|
}
|
|
43
41
|
@media (max-width: 1440px) {
|
|
44
|
-
.o-search-image-input-input.o_box-medium[data-v-
|
|
42
|
+
.o-search-image-input-input.o_box-medium[data-v-07ee5c5f] {
|
|
45
43
|
--_box-height: 32px;
|
|
46
44
|
}
|
|
47
45
|
}
|
|
48
|
-
.o-search-image-input-icon[data-v-
|
|
46
|
+
.o-search-image-input-icon[data-v-07ee5c5f] {
|
|
49
47
|
cursor: pointer;
|
|
50
48
|
color: var(--o-color-info1);
|
|
51
49
|
font-size: 16px;
|
|
52
50
|
}
|
|
53
|
-
.o-search-image-input-icon.close[data-v-
|
|
51
|
+
.o-search-image-input-icon.close[data-v-07ee5c5f] {
|
|
54
52
|
font-size: 16px;
|
|
55
53
|
margin-left: var(--o-gap-2);
|
|
56
54
|
}
|
|
57
|
-
.o-search-image-input-icon.close[data-v-
|
|
55
|
+
.o-search-image-input-icon.close[data-v-07ee5c5f] {
|
|
58
56
|
overflow: hidden;
|
|
59
57
|
}
|
|
60
|
-
.o-search-image-input-icon.close svg[data-v-
|
|
58
|
+
.o-search-image-input-icon.close svg[data-v-07ee5c5f] {
|
|
61
59
|
transition: all var(--o-duration-m1) var(--o-easing-standard-in);
|
|
62
60
|
}
|
|
63
61
|
@media (hover: hover) {
|
|
64
|
-
.o-search-image-input-icon.close:hover svg[data-v-
|
|
62
|
+
.o-search-image-input-icon.close:hover svg[data-v-07ee5c5f] {
|
|
65
63
|
transform: rotate(180deg);
|
|
66
64
|
}
|
|
67
65
|
}
|
|
68
|
-
.o-search-image-input-icon.upload[data-v-
|
|
66
|
+
.o-search-image-input-icon.upload[data-v-07ee5c5f] {
|
|
69
67
|
fill: var(--o-color-info1);
|
|
70
68
|
}
|
|
71
69
|
@media (max-width: 840px) {
|
|
72
|
-
.o-search-image-input-icon[data-v-
|
|
70
|
+
.o-search-image-input-icon[data-v-07ee5c5f] {
|
|
73
71
|
font-size: 24px;
|
|
74
72
|
}
|
|
75
|
-
.o-search-image-input-icon.close[data-v-
|
|
73
|
+
.o-search-image-input-icon.close[data-v-07ee5c5f] {
|
|
76
74
|
font-size: 24px;
|
|
77
75
|
}
|
|
78
76
|
}
|
|
79
|
-
.o-search-image-input-upload-btn[data-v-
|
|
77
|
+
.o-search-image-input-upload-btn[data-v-07ee5c5f] {
|
|
80
78
|
display: inline-flex;
|
|
81
79
|
align-items: center;
|
|
82
80
|
justify-content: center;
|
|
@@ -87,23 +85,23 @@
|
|
|
87
85
|
flex-shrink: 0;
|
|
88
86
|
}
|
|
89
87
|
@media (hover: hover) {
|
|
90
|
-
.o-search-image-input-upload-btn[data-v-
|
|
88
|
+
.o-search-image-input-upload-btn[data-v-07ee5c5f]:hover {
|
|
91
89
|
background-color: var(--o-color-control2-light);
|
|
92
90
|
}
|
|
93
|
-
.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-
|
|
91
|
+
.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-07ee5c5f] {
|
|
94
92
|
color: var(--o-color-primary2);
|
|
95
93
|
}
|
|
96
94
|
}
|
|
97
95
|
@media (max-width: 840px) {
|
|
98
|
-
.o-search-image-input-upload-btn[data-v-
|
|
96
|
+
.o-search-image-input-upload-btn[data-v-07ee5c5f] {
|
|
99
97
|
width: 24px;
|
|
100
98
|
height: 24px;
|
|
101
99
|
}
|
|
102
100
|
}
|
|
103
|
-
.o-search-image-input-file[data-v-
|
|
101
|
+
.o-search-image-input-file[data-v-07ee5c5f] {
|
|
104
102
|
display: none;
|
|
105
103
|
}
|
|
106
|
-
.o-search-image-input-thumb[data-v-
|
|
104
|
+
.o-search-image-input-thumb[data-v-07ee5c5f] {
|
|
107
105
|
display: inline-flex;
|
|
108
106
|
align-items: center;
|
|
109
107
|
margin-left: 8px;
|
|
@@ -112,18 +110,18 @@
|
|
|
112
110
|
flex-shrink: 0;
|
|
113
111
|
}
|
|
114
112
|
@media (hover: hover) {
|
|
115
|
-
.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-
|
|
116
|
-
.o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-
|
|
113
|
+
.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-07ee5c5f],
|
|
114
|
+
.o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-07ee5c5f] {
|
|
117
115
|
opacity: 1;
|
|
118
116
|
}
|
|
119
117
|
}
|
|
120
|
-
.o-search-image-input-thumb-figure[data-v-
|
|
118
|
+
.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
|
|
121
119
|
height: 40px;
|
|
122
120
|
width: 40px;
|
|
123
121
|
border-radius: 4px;
|
|
124
122
|
overflow: hidden;
|
|
125
123
|
}
|
|
126
|
-
.o-search-image-input-thumb-figure[data-v-
|
|
124
|
+
.o-search-image-input-thumb-figure[data-v-07ee5c5f] img {
|
|
127
125
|
height: 40px;
|
|
128
126
|
width: 40px;
|
|
129
127
|
object-fit: cover;
|
|
@@ -131,18 +129,18 @@
|
|
|
131
129
|
border-radius: 4px;
|
|
132
130
|
}
|
|
133
131
|
@media (min-width: 841px) and (max-width: 1680px) {
|
|
134
|
-
.o-search-image-input-thumb-figure[data-v-
|
|
132
|
+
.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
|
|
135
133
|
height: 32px;
|
|
136
134
|
width: 32px;
|
|
137
135
|
}
|
|
138
136
|
}
|
|
139
137
|
@media (max-width: 840px) {
|
|
140
|
-
.o-search-image-input-thumb-figure[data-v-
|
|
138
|
+
.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
|
|
141
139
|
height: 24px;
|
|
142
140
|
width: 24px;
|
|
143
141
|
}
|
|
144
142
|
}
|
|
145
|
-
.o-search-image-input-thumb-zoom[data-v-
|
|
143
|
+
.o-search-image-input-thumb-zoom[data-v-07ee5c5f] {
|
|
146
144
|
position: absolute;
|
|
147
145
|
inset: 0;
|
|
148
146
|
display: flex;
|
|
@@ -155,11 +153,11 @@
|
|
|
155
153
|
opacity: 0;
|
|
156
154
|
transition: opacity var(--o-duration-m1);
|
|
157
155
|
}
|
|
158
|
-
.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-
|
|
156
|
+
.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-07ee5c5f] {
|
|
159
157
|
color: #fff;
|
|
160
158
|
font-size: 16px;
|
|
161
159
|
}
|
|
162
|
-
.o-search-image-input-thumb-remove[data-v-
|
|
160
|
+
.o-search-image-input-thumb-remove[data-v-07ee5c5f] {
|
|
163
161
|
position: absolute;
|
|
164
162
|
top: -8px;
|
|
165
163
|
right: -8px;
|
|
@@ -173,27 +171,27 @@
|
|
|
173
171
|
z-index: 1;
|
|
174
172
|
transition: opacity var(--o-duration-m1);
|
|
175
173
|
}
|
|
176
|
-
.o-search-image-input-thumb-remove[data-v-
|
|
174
|
+
.o-search-image-input-thumb-remove[data-v-07ee5c5f] svg {
|
|
177
175
|
width: 16px;
|
|
178
176
|
height: 16px;
|
|
179
177
|
fill: rgb(var(--o-mixedgray-9));
|
|
180
178
|
}
|
|
181
|
-
.o-search-image-input-preview[data-v-
|
|
179
|
+
.o-search-image-input-preview[data-v-07ee5c5f] {
|
|
182
180
|
padding: 0 12px 8px;
|
|
183
181
|
}
|
|
184
|
-
.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-
|
|
182
|
+
.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-07ee5c5f] {
|
|
185
183
|
position: relative;
|
|
186
184
|
display: inline-flex;
|
|
187
185
|
overflow: visible;
|
|
188
186
|
margin-top: 8px;
|
|
189
187
|
}
|
|
190
188
|
@media (hover: hover) {
|
|
191
|
-
.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-
|
|
192
|
-
.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-
|
|
189
|
+
.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-07ee5c5f],
|
|
190
|
+
.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-07ee5c5f] {
|
|
193
191
|
opacity: 1;
|
|
194
192
|
}
|
|
195
193
|
}
|
|
196
|
-
.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-
|
|
194
|
+
.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-07ee5c5f] {
|
|
197
195
|
position: absolute;
|
|
198
196
|
inset: 0;
|
|
199
197
|
display: flex;
|
|
@@ -205,24 +203,24 @@
|
|
|
205
203
|
opacity: 0;
|
|
206
204
|
transition: opacity var(--o-duration-m1);
|
|
207
205
|
}
|
|
208
|
-
.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-
|
|
206
|
+
.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-07ee5c5f] {
|
|
209
207
|
color: #fff;
|
|
210
208
|
font-size: 24px;
|
|
211
209
|
}
|
|
212
|
-
.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-
|
|
210
|
+
.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-07ee5c5f] {
|
|
213
211
|
height: 72px;
|
|
214
212
|
width: 72px;
|
|
215
213
|
border-radius: 4px;
|
|
216
214
|
overflow: hidden;
|
|
217
215
|
}
|
|
218
|
-
.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-
|
|
216
|
+
.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-07ee5c5f] img {
|
|
219
217
|
height: 72px;
|
|
220
218
|
width: 72px;
|
|
221
219
|
object-fit: cover;
|
|
222
220
|
object-position: center;
|
|
223
221
|
border-radius: 4px;
|
|
224
222
|
}
|
|
225
|
-
.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-
|
|
223
|
+
.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-07ee5c5f] {
|
|
226
224
|
position: absolute;
|
|
227
225
|
top: -8px;
|
|
228
226
|
right: -8px;
|
|
@@ -236,7 +234,7 @@
|
|
|
236
234
|
z-index: 1;
|
|
237
235
|
transition: opacity var(--o-duration-m1);
|
|
238
236
|
}
|
|
239
|
-
.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-
|
|
237
|
+
.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-07ee5c5f] svg {
|
|
240
238
|
width: 16px;
|
|
241
239
|
height: 16px;
|
|
242
240
|
}
|
|
@@ -2,7 +2,7 @@ import _sfc_main from "./SearchImageInput.vue2.mjs";
|
|
|
2
2
|
import './SearchImageInput.css';
|
|
3
3
|
import './SearchImageInput2.css';
|
|
4
4
|
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
5
|
-
const SearchImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
5
|
+
const SearchImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07ee5c5f"]]);
|
|
6
6
|
export {
|
|
7
7
|
SearchImageInput as default
|
|
8
8
|
};
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-1452b538] {
|
|
2
|
+
transition: all var(--o-duration-m1) var(--o-easing-standard-in);
|
|
3
|
+
}
|
|
4
|
+
@media (hover: hover) {
|
|
5
|
+
.hover-icon-rotate:hover .o-icon[data-v-1452b538] {
|
|
6
|
+
transform: rotate(-180deg);
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
.o-search-result[data-v-1452b538] {
|
|
10
|
+
--o-search-result-radius: var(--o-radius-xs);
|
|
11
|
+
}
|
|
12
|
+
.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
|
|
13
|
+
display: flex;
|
|
14
|
+
max-width: var(--grid-20);
|
|
15
|
+
padding: 40px 0 72px;
|
|
16
|
+
margin: 0 auto;
|
|
17
|
+
}
|
|
18
|
+
@media (max-width: 1680px) {
|
|
19
|
+
.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
|
|
20
|
+
padding: 24px 0 56px;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
@media (max-width: 1200px) {
|
|
24
|
+
.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
|
|
25
|
+
padding: 16px 32px 40px;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
@media (max-width: 840px) {
|
|
29
|
+
.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
|
|
30
|
+
padding: 24px 32px 40px;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
@media (max-width: 600px) {
|
|
34
|
+
.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
|
|
35
|
+
padding: 24px;
|
|
36
|
+
padding-bottom: 32px;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-left-content[data-v-1452b538] {
|
|
40
|
+
flex: 1;
|
|
41
|
+
padding-right: var(--grid-column-gutter);
|
|
42
|
+
border-right: 1px solid var(--o-color-control4);
|
|
43
|
+
}
|
|
44
|
+
@media (max-width: 1200px) {
|
|
45
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-left-content[data-v-1452b538] {
|
|
46
|
+
border-right: none;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-right-content[data-v-1452b538] {
|
|
50
|
+
width: var(--grid-5);
|
|
51
|
+
padding-left: var(--grid-column-gutter);
|
|
52
|
+
}
|
|
53
|
+
@media (max-width: 1680px) {
|
|
54
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-right-content[data-v-1452b538] {
|
|
55
|
+
width: var(--grid-6);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-1452b538] {
|
|
59
|
+
margin-top: 24px;
|
|
60
|
+
margin-bottom: 32px;
|
|
61
|
+
}
|
|
62
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-1452b538] .o-skeleton-item .o-skeleton-line:nth-child(1) {
|
|
63
|
+
width: 52%;
|
|
64
|
+
height: 28px;
|
|
65
|
+
}
|
|
66
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-1452b538] .o-skeleton-item .o-skeleton-line:nth-child(2) {
|
|
67
|
+
height: 48px;
|
|
68
|
+
}
|
|
69
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-1452b538] .o-skeleton-item .o-skeleton-line:nth-child(3) {
|
|
70
|
+
width: 38%;
|
|
71
|
+
height: 18px;
|
|
72
|
+
}
|
|
73
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-divider[data-v-1452b538] {
|
|
74
|
+
margin: 16px 0;
|
|
75
|
+
}
|
|
76
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-version-select[data-v-1452b538] {
|
|
77
|
+
width: 320px;
|
|
78
|
+
}
|
|
79
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-content[data-v-1452b538] {
|
|
80
|
+
padding: 24px 0;
|
|
81
|
+
}
|
|
82
|
+
@media (max-width: 1680px) {
|
|
83
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-content[data-v-1452b538] {
|
|
84
|
+
padding: 16px 0;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-pagination[data-v-1452b538] {
|
|
88
|
+
display: flex;
|
|
89
|
+
justify-content: flex-end;
|
|
90
|
+
margin-top: 32px;
|
|
91
|
+
}
|
|
92
|
+
@media (max-width: 1680px) {
|
|
93
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-pagination[data-v-1452b538] {
|
|
94
|
+
margin-top: 24px;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
@media (max-width: 1200px) {
|
|
98
|
+
.o-search-result .o-search-result-content-wrap .o-search-result-pagination[data-v-1452b538] {
|
|
99
|
+
margin-top: 16px;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { SelectValueT } from '@opensig/opendesign';
|
|
2
|
+
import { OSearchItemT, OSearchRelativeItemT } from './types';
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
versions: OSearchItemT[];
|
|
5
|
+
items: any[];
|
|
6
|
+
loading: boolean;
|
|
7
|
+
relativeItems: OSearchRelativeItemT[];
|
|
8
|
+
total?: number;
|
|
9
|
+
pageSizes?: number[];
|
|
10
|
+
submitFeedback?: (form: {
|
|
11
|
+
searchFlag: boolean;
|
|
12
|
+
feedbackText: string;
|
|
13
|
+
}) => Promise<boolean>;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_PublicProps = {
|
|
16
|
+
'version'?: SelectValueT;
|
|
17
|
+
'page'?: number;
|
|
18
|
+
'pageSize'?: number;
|
|
19
|
+
} & __VLS_Props;
|
|
20
|
+
declare function __VLS_template(): {
|
|
21
|
+
attrs: Partial<{}>;
|
|
22
|
+
slots: {
|
|
23
|
+
'content-header'?(_: {}): any;
|
|
24
|
+
empty?(_: {}): any;
|
|
25
|
+
list?(_: {
|
|
26
|
+
items: any[];
|
|
27
|
+
}): any;
|
|
28
|
+
right?(_: {}): any;
|
|
29
|
+
};
|
|
30
|
+
refs: {};
|
|
31
|
+
rootEl: HTMLDivElement;
|
|
32
|
+
};
|
|
33
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
34
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
35
|
+
"update:pageSize": (value: number) => any;
|
|
36
|
+
"update:page": (value: number) => any;
|
|
37
|
+
"update:version": (value: SelectValueT) => any;
|
|
38
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
39
|
+
"onUpdate:pageSize"?: ((value: number) => any) | undefined;
|
|
40
|
+
"onUpdate:page"?: ((value: number) => any) | undefined;
|
|
41
|
+
"onUpdate:version"?: ((value: SelectValueT) => any) | undefined;
|
|
42
|
+
}>, {
|
|
43
|
+
total: number;
|
|
44
|
+
pageSizes: number[];
|
|
45
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
46
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
47
|
+
export default _default;
|
|
48
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
+
new (): {
|
|
50
|
+
$slots: S;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _sfc_main from "./OSearchResult.vue2.mjs";
|
|
2
|
+
import './OSearchResult.css';
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const _OSearchResult = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1452b538"]]);
|
|
5
|
+
export {
|
|
6
|
+
_OSearchResult as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { defineComponent, useModel, openBlock, createElementBlock, createElementVNode, renderSlot, unref, createBlock, withCtx, Fragment, renderList, createCommentVNode, createVNode, mergeModels } from "vue";
|
|
2
|
+
import { isArray, OSelect, OOption, OSkeleton, OSkeletonText, ODivider, OPagination } from "@opensig/opendesign";
|
|
3
|
+
import { useScreen } from "@opendesign-plus/composables";
|
|
4
|
+
import OSearchResultEmpty from "./components/OSearchResultEmpty.vue.mjs";
|
|
5
|
+
import OSearchResultFeedback from "./components/OSearchResultFeedback.vue.mjs";
|
|
6
|
+
import OSearchResultFeedbackBanner from "./components/OSearchResultFeedbackBanner.vue.mjs";
|
|
7
|
+
import OSearchResultRelative from "./components/OSearchResultRelative.vue.mjs";
|
|
8
|
+
const _hoisted_1 = { class: "o-search-result" };
|
|
9
|
+
const _hoisted_2 = { class: "o-search-result-content-wrap" };
|
|
10
|
+
const _hoisted_3 = { class: "o-search-result-left-content" };
|
|
11
|
+
const _hoisted_4 = { class: "o-search-result-content-skeleton-loading" };
|
|
12
|
+
const _hoisted_5 = { class: "o-search-result-content" };
|
|
13
|
+
const _hoisted_6 = { class: "o-search-result-right-content" };
|
|
14
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
15
|
+
__name: "OSearchResult",
|
|
16
|
+
props: /* @__PURE__ */ mergeModels({
|
|
17
|
+
versions: {},
|
|
18
|
+
items: {},
|
|
19
|
+
loading: { type: Boolean },
|
|
20
|
+
relativeItems: {},
|
|
21
|
+
total: { default: 0 },
|
|
22
|
+
pageSizes: { default: () => [10, 20, 50] },
|
|
23
|
+
submitFeedback: {}
|
|
24
|
+
}, {
|
|
25
|
+
"version": {},
|
|
26
|
+
"versionModifiers": {},
|
|
27
|
+
"page": { default: 1 },
|
|
28
|
+
"pageModifiers": {},
|
|
29
|
+
"pageSize": { default: 10 },
|
|
30
|
+
"pageSizeModifiers": {}
|
|
31
|
+
}),
|
|
32
|
+
emits: ["update:version", "update:page", "update:pageSize"],
|
|
33
|
+
setup(__props) {
|
|
34
|
+
const versionVal = useModel(__props, "version");
|
|
35
|
+
const page = useModel(__props, "page");
|
|
36
|
+
const pageSize = useModel(__props, "pageSize");
|
|
37
|
+
const { lePad, lePadV } = useScreen();
|
|
38
|
+
return (_ctx, _cache) => {
|
|
39
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
40
|
+
createElementVNode("div", _hoisted_2, [
|
|
41
|
+
createElementVNode("div", _hoisted_3, [
|
|
42
|
+
renderSlot(_ctx.$slots, "content-header", {}, () => [
|
|
43
|
+
unref(isArray)(__props.versions) && __props.versions.length ? (openBlock(), createBlock(unref(OSelect), {
|
|
44
|
+
key: 0,
|
|
45
|
+
modelValue: versionVal.value,
|
|
46
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => versionVal.value = $event),
|
|
47
|
+
size: "large",
|
|
48
|
+
class: "o-search-result-version-select"
|
|
49
|
+
}, {
|
|
50
|
+
default: withCtx(() => [
|
|
51
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.versions, (item) => {
|
|
52
|
+
return openBlock(), createBlock(unref(OOption), {
|
|
53
|
+
key: item.value,
|
|
54
|
+
value: item.value,
|
|
55
|
+
label: item.label
|
|
56
|
+
}, null, 8, ["value", "label"]);
|
|
57
|
+
}), 128))
|
|
58
|
+
]),
|
|
59
|
+
_: 1
|
|
60
|
+
}, 8, ["modelValue"])) : createCommentVNode("", true)
|
|
61
|
+
], true),
|
|
62
|
+
createVNode(unref(OSkeleton), {
|
|
63
|
+
animation: "",
|
|
64
|
+
loading: __props.loading
|
|
65
|
+
}, {
|
|
66
|
+
template: withCtx(() => [
|
|
67
|
+
createElementVNode("div", _hoisted_4, [
|
|
68
|
+
(openBlock(), createElementBlock(Fragment, null, renderList(7, (_, i) => {
|
|
69
|
+
return openBlock(), createElementBlock(Fragment, { key: i }, [
|
|
70
|
+
createVNode(unref(OSkeletonText), { rows: 3 }),
|
|
71
|
+
i !== 6 ? (openBlock(), createBlock(unref(ODivider), {
|
|
72
|
+
key: 0,
|
|
73
|
+
class: "o-search-result-content-skeleton-divider"
|
|
74
|
+
})) : createCommentVNode("", true)
|
|
75
|
+
], 64);
|
|
76
|
+
}), 64))
|
|
77
|
+
])
|
|
78
|
+
]),
|
|
79
|
+
default: withCtx(() => [
|
|
80
|
+
createElementVNode("div", _hoisted_5, [
|
|
81
|
+
!unref(isArray)(__props.items) || __props.items.length === 0 ? renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
|
|
82
|
+
createVNode(OSearchResultEmpty)
|
|
83
|
+
], true) : renderSlot(_ctx.$slots, "list", {
|
|
84
|
+
key: 1,
|
|
85
|
+
items: __props.items
|
|
86
|
+
}, void 0, true)
|
|
87
|
+
])
|
|
88
|
+
]),
|
|
89
|
+
_: 3
|
|
90
|
+
}, 8, ["loading"]),
|
|
91
|
+
createVNode(OSearchResultFeedbackBanner, { submit: __props.submitFeedback }, null, 8, ["submit"]),
|
|
92
|
+
!__props.loading && __props.total > 0 && !unref(lePadV) ? (openBlock(), createBlock(unref(OPagination), {
|
|
93
|
+
key: 0,
|
|
94
|
+
page: page.value,
|
|
95
|
+
"onUpdate:page": _cache[1] || (_cache[1] = ($event) => page.value = $event),
|
|
96
|
+
"page-size": pageSize.value,
|
|
97
|
+
"onUpdate:pageSize": _cache[2] || (_cache[2] = ($event) => pageSize.value = $event),
|
|
98
|
+
total: __props.total,
|
|
99
|
+
"page-sizes": __props.pageSizes,
|
|
100
|
+
class: "o-search-result-pagination"
|
|
101
|
+
}, null, 8, ["page", "page-size", "total", "page-sizes"])) : createCommentVNode("", true)
|
|
102
|
+
]),
|
|
103
|
+
!unref(lePad) ? renderSlot(_ctx.$slots, "right", { key: 0 }, () => [
|
|
104
|
+
createElementVNode("div", _hoisted_6, [
|
|
105
|
+
createVNode(OSearchResultRelative, { "relative-items": __props.relativeItems }, null, 8, ["relative-items"]),
|
|
106
|
+
createVNode(OSearchResultFeedback, { submit: __props.submitFeedback }, null, 8, ["submit"])
|
|
107
|
+
])
|
|
108
|
+
], true) : createCommentVNode("", true)
|
|
109
|
+
])
|
|
110
|
+
]);
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
export {
|
|
115
|
+
_sfc_main as default
|
|
116
|
+
};
|