@opendesign-plus-test/components 0.0.1-rc.103 → 0.0.1-rc.105
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/components/header/OHeader.vue.d.ts +3 -3
- package/dist/components/header/OHeaderMobile.vue.d.ts +4 -0
- package/dist/components/header/components/HeaderNav.vue.d.ts +3 -3
- package/dist/components/header/index.d.ts +7 -5
- package/dist/components/header/types.d.ts +5 -2
- package/dist/components/header-search/OHeaderSearch.vue.d.ts +2 -2
- package/dist/components.cjs.js +38 -38
- package/dist/components.css +1 -1
- package/dist/components.es.js +7165 -7187
- package/dist/treeshaking/components/common/TooltipText.css +1 -0
- package/dist/treeshaking/components/common/TooltipText.vue.mjs +11 -0
- package/dist/treeshaking/components/header/OHeader.css +15 -15
- package/dist/treeshaking/components/header/OHeader.vue.d.ts +3 -3
- package/dist/treeshaking/components/header/OHeader.vue.mjs +1 -1
- package/dist/treeshaking/components/header/OHeader.vue2.mjs +4 -3
- package/dist/treeshaking/components/header/OHeaderMobile.css +19 -19
- package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts +4 -0
- package/dist/treeshaking/components/header/OHeaderMobile.vue.mjs +1 -1
- package/dist/treeshaking/components/header/OHeaderMobile.vue2.mjs +3 -1
- package/dist/treeshaking/components/header/components/HeaderContent.css +204 -169
- package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +13 -13
- package/dist/treeshaking/components/header/components/HeaderFlatten.css +49 -51
- package/dist/treeshaking/components/header/components/HeaderFlatten.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderFlatten.vue2.mjs +21 -20
- package/dist/treeshaking/components/header/components/HeaderNav.css +45 -42
- package/dist/treeshaking/components/header/components/HeaderNav.vue.d.ts +3 -3
- package/dist/treeshaking/components/header/components/HeaderNav.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderNav.vue2.mjs +16 -14
- package/dist/treeshaking/components/header/components/HeaderNavMobile.css +110 -73
- package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderNavMobile.vue2.mjs +58 -48
- package/dist/treeshaking/components/header/index.d.ts +7 -5
- package/dist/treeshaking/components/header/types.d.ts +5 -2
- package/dist/treeshaking/components/header-search/OHeaderSearch.vue.d.ts +6 -6
- package/dist/treeshaking/components/header-search/index.d.ts +3 -3
- package/dist/treeshaking/components/meeting/OMeetingCalendar.css +2 -2
- package/dist/treeshaking/components/meeting/OMeetingMyCalendar.css +6 -13
- package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.css +5 -7
- package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.vue.mjs +3 -6
- package/dist/treeshaking/components/meeting/components/OMeetingDetail.css +1 -1
- package/dist/treeshaking/components/meeting/components/OMeetingDetail.vue.mjs +10 -6
- package/dist/treeshaking/components/search/OSearchInput.vue.d.ts +6 -6
- package/dist/treeshaking/components/search/index.d.ts +3 -3
- package/dist/treeshaking/components/search/internal/SearchImageInput.vue.d.ts +1 -1
- package/package.json +1 -1
- package/dist/treeshaking/components/common/MoreText.css +0 -69
- package/dist/treeshaking/components/common/MoreText.vue.mjs +0 -88
- package/dist/treeshaking/components/common/MoreText.vue3.mjs +0 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref,
|
|
1
|
+
import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, renderSlot, createBlock, unref, withCtx, resolveDynamicComponent, createTextVNode } from "vue";
|
|
2
2
|
import { OIcon, OTag } from "@opensig/opendesign";
|
|
3
3
|
import { NavType } from "../types.mjs";
|
|
4
4
|
const _hoisted_1 = { class: "o-nav" };
|
|
@@ -10,34 +10,32 @@ const _hoisted_5 = {
|
|
|
10
10
|
class: "other-tool"
|
|
11
11
|
};
|
|
12
12
|
const _hoisted_6 = {
|
|
13
|
-
key: 0,
|
|
14
|
-
class: "nav-aside"
|
|
15
|
-
};
|
|
16
|
-
const _hoisted_7 = {
|
|
17
13
|
key: 0,
|
|
18
14
|
class: "nav-aside-wrapper"
|
|
19
15
|
};
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const
|
|
16
|
+
const _hoisted_7 = ["value"];
|
|
17
|
+
const _hoisted_8 = { class: "content-label" };
|
|
18
|
+
const _hoisted_9 = { class: "container-mobile" };
|
|
19
|
+
const _hoisted_10 = ["onClick"];
|
|
20
|
+
const _hoisted_11 = { class: "item-label" };
|
|
21
|
+
const _hoisted_12 = { class: "desc-container" };
|
|
22
|
+
const _hoisted_13 = { class: "item-desc" };
|
|
23
|
+
const _hoisted_14 = ["onClick"];
|
|
24
|
+
const _hoisted_15 = { class: "item-label" };
|
|
25
|
+
const _hoisted_16 = {
|
|
30
26
|
key: 1,
|
|
31
27
|
class: "nav-aside-wrapper"
|
|
32
28
|
};
|
|
33
|
-
const
|
|
29
|
+
const _hoisted_17 = ["onClick"];
|
|
34
30
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
35
31
|
__name: "HeaderNavMobile",
|
|
36
32
|
props: {
|
|
37
33
|
menuShow: { type: Boolean, default: false },
|
|
38
34
|
navData: { default: () => [] },
|
|
39
35
|
codeData: {},
|
|
40
|
-
langData: {}
|
|
36
|
+
langData: {},
|
|
37
|
+
activeIndex: {},
|
|
38
|
+
community: {}
|
|
41
39
|
},
|
|
42
40
|
emits: ["on-click", "lang-click", "handle-click"],
|
|
43
41
|
setup(__props, { emit: __emit }) {
|
|
@@ -73,27 +71,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
73
71
|
emit("lang-click", val);
|
|
74
72
|
}
|
|
75
73
|
};
|
|
76
|
-
onMounted(() => {
|
|
77
|
-
navActive.value = props.navData[0].id;
|
|
78
|
-
navInfo.value = props.navData[0];
|
|
79
|
-
});
|
|
80
74
|
watch(
|
|
81
|
-
() => props.
|
|
75
|
+
() => props.activeIndex,
|
|
76
|
+
(newVal) => {
|
|
77
|
+
var _a;
|
|
78
|
+
const activeItem = props.navData.find((item, index) => item.id === newVal || index === newVal);
|
|
79
|
+
navActive.value = activeItem ? activeItem.id : (_a = props.navData[0]) == null ? void 0 : _a.id;
|
|
80
|
+
navInfo.value = activeItem || props.navData[0];
|
|
81
|
+
},
|
|
82
|
+
{ immediate: true }
|
|
83
|
+
);
|
|
84
|
+
watch(
|
|
85
|
+
() => [props.navData, props.codeData, props.langData],
|
|
82
86
|
() => {
|
|
87
|
+
var _a;
|
|
83
88
|
if (navActive.value === NavType.CODE) {
|
|
84
89
|
navInfo.value = props.codeData;
|
|
85
90
|
} else if (navActive.value === NavType.LANG) {
|
|
86
91
|
navInfo.value = props.langData;
|
|
87
92
|
} else {
|
|
88
|
-
|
|
93
|
+
const activeItem = props.navData.find((item, index) => item.id === props.activeIndex || index === props.activeIndex);
|
|
94
|
+
navActive.value = activeItem ? activeItem.id : (_a = props.navData[0]) == null ? void 0 : _a.id;
|
|
95
|
+
navInfo.value = activeItem || props.navData[0];
|
|
89
96
|
}
|
|
90
97
|
},
|
|
91
|
-
{
|
|
92
|
-
deep: true
|
|
93
|
-
}
|
|
98
|
+
{ deep: true }
|
|
94
99
|
);
|
|
95
100
|
return (_ctx, _cache) => {
|
|
96
|
-
var _a, _b, _c, _d;
|
|
101
|
+
var _a, _b, _c, _d, _e;
|
|
97
102
|
return openBlock(), createElementBlock("div", {
|
|
98
103
|
class: normalizeClass(["header-nav", { active: __props.menuShow }])
|
|
99
104
|
}, [
|
|
@@ -103,7 +108,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
103
108
|
return openBlock(), createElementBlock("li", {
|
|
104
109
|
key: item.id,
|
|
105
110
|
class: normalizeClass({
|
|
106
|
-
active: navActive.value === item.id
|
|
111
|
+
active: navActive.value === item.id,
|
|
112
|
+
"is-disabled": item == null ? void 0 : item.disabled
|
|
107
113
|
})
|
|
108
114
|
}, [
|
|
109
115
|
createElementVNode("span", {
|
|
@@ -133,18 +139,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
133
139
|
])) : createCommentVNode("", true)
|
|
134
140
|
])
|
|
135
141
|
]),
|
|
136
|
-
((_d = (_c = navInfo.value) == null ? void 0 : _c.children) == null ? void 0 : _d.length) ? (openBlock(), createElementBlock("div",
|
|
137
|
-
|
|
142
|
+
((_d = (_c = navInfo.value) == null ? void 0 : _c.children) == null ? void 0 : _d.length) ? (openBlock(), createElementBlock("div", {
|
|
143
|
+
key: 0,
|
|
144
|
+
class: normalizeClass(["nav-aside", [(_e = props.community) == null ? void 0 : _e.toLowerCase()]])
|
|
145
|
+
}, [
|
|
146
|
+
navActive.value !== "code" && navActive.value !== "lang" ? (openBlock(), createElementBlock("ul", _hoisted_6, [
|
|
138
147
|
(openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value.children, (item) => {
|
|
148
|
+
var _a2;
|
|
139
149
|
return openBlock(), createElementBlock("li", {
|
|
140
150
|
value: item.label,
|
|
141
151
|
key: item.label,
|
|
142
152
|
class: "nav-aside-content"
|
|
143
153
|
}, [
|
|
144
154
|
(item == null ? void 0 : item.children) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
145
|
-
createElementVNode("p",
|
|
146
|
-
createElementVNode("div",
|
|
155
|
+
createElementVNode("p", _hoisted_8, toDisplayString(item.label), 1),
|
|
156
|
+
createElementVNode("div", _hoisted_9, [
|
|
147
157
|
(openBlock(true), createElementBlock(Fragment, null, renderList(item == null ? void 0 : item.children, (subItem) => {
|
|
158
|
+
var _a3;
|
|
148
159
|
return openBlock(), createElementBlock("div", {
|
|
149
160
|
key: subItem.label,
|
|
150
161
|
class: normalizeClass(["content-container-mobile", { "content-item-disabled": subItem == null ? void 0 : subItem.disabled }])
|
|
@@ -154,7 +165,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
154
165
|
rel: "noopener noreferrer",
|
|
155
166
|
class: "content-subtitle"
|
|
156
167
|
}, [
|
|
157
|
-
createElementVNode("span",
|
|
168
|
+
createElementVNode("span", _hoisted_11, toDisplayString(subItem.label), 1),
|
|
158
169
|
subItem.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
|
|
159
170
|
default: withCtx(() => [
|
|
160
171
|
(openBlock(), createBlock(resolveDynamicComponent(subItem.icon), { class: "icon" }))
|
|
@@ -163,19 +174,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
163
174
|
}, 1024)) : createCommentVNode("", true),
|
|
164
175
|
subItem.tag ? (openBlock(), createBlock(unref(OTag), {
|
|
165
176
|
key: 1,
|
|
166
|
-
round: "pill",
|
|
167
177
|
color: "danger",
|
|
168
178
|
size: "small",
|
|
169
|
-
class: "content-tag"
|
|
179
|
+
class: normalizeClass(["content-tag", `tag-${(_a3 = subItem == null ? void 0 : subItem.tag) == null ? void 0 : _a3.toLowerCase()}`])
|
|
170
180
|
}, {
|
|
171
181
|
default: withCtx(() => [
|
|
172
182
|
createTextVNode(toDisplayString(subItem.tag), 1)
|
|
173
183
|
]),
|
|
174
184
|
_: 2
|
|
175
|
-
},
|
|
176
|
-
], 8,
|
|
177
|
-
createElementVNode("div",
|
|
178
|
-
createElementVNode("p",
|
|
185
|
+
}, 1032, ["class"])) : createCommentVNode("", true)
|
|
186
|
+
], 8, _hoisted_10),
|
|
187
|
+
createElementVNode("div", _hoisted_12, [
|
|
188
|
+
createElementVNode("p", _hoisted_13, toDisplayString(subItem.description), 1)
|
|
179
189
|
])
|
|
180
190
|
], 2);
|
|
181
191
|
}), 128))
|
|
@@ -186,7 +196,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
186
196
|
rel: "noopener noreferrer",
|
|
187
197
|
class: "content-subtitle item-not-children"
|
|
188
198
|
}, [
|
|
189
|
-
createElementVNode("span",
|
|
199
|
+
createElementVNode("span", _hoisted_15, toDisplayString(item.label), 1),
|
|
190
200
|
item.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
|
|
191
201
|
default: withCtx(() => [
|
|
192
202
|
(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "icon" }))
|
|
@@ -195,19 +205,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
195
205
|
}, 1024)) : createCommentVNode("", true),
|
|
196
206
|
item.tag ? (openBlock(), createBlock(unref(OTag), {
|
|
197
207
|
key: 1,
|
|
198
|
-
round: "pill",
|
|
199
208
|
color: "danger",
|
|
200
|
-
size: "small"
|
|
209
|
+
size: "small",
|
|
210
|
+
class: normalizeClass(`tag-${(_a2 = item == null ? void 0 : item.tag) == null ? void 0 : _a2.toLowerCase()}`)
|
|
201
211
|
}, {
|
|
202
212
|
default: withCtx(() => [
|
|
203
213
|
createTextVNode(toDisplayString(item.tag), 1)
|
|
204
214
|
]),
|
|
205
215
|
_: 2
|
|
206
|
-
},
|
|
207
|
-
], 8,
|
|
208
|
-
], 8,
|
|
216
|
+
}, 1032, ["class"])) : createCommentVNode("", true)
|
|
217
|
+
], 8, _hoisted_14))
|
|
218
|
+
], 8, _hoisted_7);
|
|
209
219
|
}), 128))
|
|
210
|
-
])) : (openBlock(), createElementBlock("div",
|
|
220
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_16, [
|
|
211
221
|
(openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value.children, (item) => {
|
|
212
222
|
return openBlock(), createElementBlock("a", {
|
|
213
223
|
key: item.label,
|
|
@@ -221,10 +231,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
221
231
|
]),
|
|
222
232
|
_: 2
|
|
223
233
|
}, 1024)) : createCommentVNode("", true)
|
|
224
|
-
], 8,
|
|
234
|
+
], 8, _hoisted_17);
|
|
225
235
|
}), 128))
|
|
226
236
|
]))
|
|
227
|
-
])) : createCommentVNode("", true)
|
|
237
|
+
], 2)) : createCommentVNode("", true)
|
|
228
238
|
], 2);
|
|
229
239
|
};
|
|
230
240
|
}
|
|
@@ -2,11 +2,11 @@ import { App } from 'vue';
|
|
|
2
2
|
declare const OHeader: {
|
|
3
3
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
|
|
4
4
|
"onHandle-click"?: ((val: any) => any) | undefined;
|
|
5
|
-
"onNav-layout"?: ((val: any
|
|
5
|
+
"onNav-layout"?: ((val: any) => any) | undefined;
|
|
6
6
|
"onGo-home"?: (() => any) | undefined;
|
|
7
7
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
8
8
|
"handle-click": (val: any) => any;
|
|
9
|
-
"nav-layout": (val: any
|
|
9
|
+
"nav-layout": (val: any) => any;
|
|
10
10
|
"go-home": () => any;
|
|
11
11
|
}, import('vue').PublicProps, {
|
|
12
12
|
isFlatten: boolean;
|
|
@@ -21,7 +21,7 @@ declare const OHeader: {
|
|
|
21
21
|
Defaults: {};
|
|
22
22
|
}, Readonly<import('./types').NavT> & Readonly<{
|
|
23
23
|
"onHandle-click"?: ((val: any) => any) | undefined;
|
|
24
|
-
"onNav-layout"?: ((val: any
|
|
24
|
+
"onNav-layout"?: ((val: any) => any) | undefined;
|
|
25
25
|
"onGo-home"?: (() => any) | undefined;
|
|
26
26
|
}>, {}, {}, {}, {}, {
|
|
27
27
|
isFlatten: boolean;
|
|
@@ -31,11 +31,11 @@ declare const OHeader: {
|
|
|
31
31
|
__isSuspense?: never;
|
|
32
32
|
} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
|
|
33
33
|
"onHandle-click"?: ((val: any) => any) | undefined;
|
|
34
|
-
"onNav-layout"?: ((val: any
|
|
34
|
+
"onNav-layout"?: ((val: any) => any) | undefined;
|
|
35
35
|
"onGo-home"?: (() => any) | undefined;
|
|
36
36
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
37
37
|
"handle-click": (val: any) => any;
|
|
38
|
-
"nav-layout": (val: any
|
|
38
|
+
"nav-layout": (val: any) => any;
|
|
39
39
|
"go-home": () => any;
|
|
40
40
|
}, string, {
|
|
41
41
|
isFlatten: boolean;
|
|
@@ -67,6 +67,8 @@ declare const OHeaderMobile: {
|
|
|
67
67
|
readonly navData: import('./types').NavItemT[];
|
|
68
68
|
readonly codeData?: import('./types').CodeT | undefined;
|
|
69
69
|
readonly langData?: import('./types').LangT | undefined;
|
|
70
|
+
readonly activeIndex: string | number;
|
|
71
|
+
readonly community?: string | undefined;
|
|
70
72
|
readonly "onHandle-click"?: ((val: any) => any) | undefined;
|
|
71
73
|
readonly "onOn-click"?: (() => any) | undefined;
|
|
72
74
|
readonly "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
|
|
@@ -56,7 +56,7 @@ export interface LangT {
|
|
|
56
56
|
}
|
|
57
57
|
export interface NavT {
|
|
58
58
|
logo: string;
|
|
59
|
-
community
|
|
59
|
+
community?: string;
|
|
60
60
|
navData: NavItemT[];
|
|
61
61
|
bgLeft?: string;
|
|
62
62
|
bgRight?: string;
|
|
@@ -69,13 +69,14 @@ export interface NavT {
|
|
|
69
69
|
}
|
|
70
70
|
export interface NavLiT {
|
|
71
71
|
navData: NavItemT[];
|
|
72
|
+
community?: string;
|
|
72
73
|
activeIndex: string | number;
|
|
73
74
|
hoverId: string | number;
|
|
74
75
|
}
|
|
75
76
|
export interface NavLiItemT {
|
|
76
77
|
itemData: NavItemT;
|
|
77
78
|
itemVisible: boolean;
|
|
78
|
-
community
|
|
79
|
+
community?: string;
|
|
79
80
|
bgLeft?: string;
|
|
80
81
|
bgRight?: string;
|
|
81
82
|
hoverIndex: string | number;
|
|
@@ -85,5 +86,7 @@ export interface NavMobileItemT {
|
|
|
85
86
|
navData: NavItemT[];
|
|
86
87
|
codeData?: CodeT;
|
|
87
88
|
langData?: LangT;
|
|
89
|
+
activeIndex: string | number;
|
|
90
|
+
community?: string;
|
|
88
91
|
}
|
|
89
92
|
export {};
|
|
@@ -479,8 +479,8 @@ declare function __VLS_template(): {
|
|
|
479
479
|
disabled: boolean;
|
|
480
480
|
modelValue: string;
|
|
481
481
|
clearable: boolean;
|
|
482
|
-
expanded: boolean;
|
|
483
482
|
preview: boolean;
|
|
483
|
+
expanded: boolean;
|
|
484
484
|
imageUrl: string;
|
|
485
485
|
enableImageSearch: boolean;
|
|
486
486
|
maxImageSize: number;
|
|
@@ -512,8 +512,8 @@ declare function __VLS_template(): {
|
|
|
512
512
|
disabled: boolean;
|
|
513
513
|
modelValue: string;
|
|
514
514
|
clearable: boolean;
|
|
515
|
-
expanded: boolean;
|
|
516
515
|
preview: boolean;
|
|
516
|
+
expanded: boolean;
|
|
517
517
|
imageUrl: string;
|
|
518
518
|
enableImageSearch: boolean;
|
|
519
519
|
maxImageSize: number;
|
|
@@ -522,7 +522,7 @@ declare function __VLS_template(): {
|
|
|
522
522
|
allowedImageTypes: string[];
|
|
523
523
|
}> & Omit<Readonly<import('../search/internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
|
|
524
524
|
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
525
|
-
}>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "
|
|
525
|
+
}>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
|
|
526
526
|
focus: () => void | undefined;
|
|
527
527
|
blur: () => void | undefined;
|
|
528
528
|
awaitUpload: () => Promise<void>;
|
|
@@ -963,8 +963,8 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
|
|
|
963
963
|
disabled: boolean;
|
|
964
964
|
modelValue: string;
|
|
965
965
|
clearable: boolean;
|
|
966
|
-
expanded: boolean;
|
|
967
966
|
preview: boolean;
|
|
967
|
+
expanded: boolean;
|
|
968
968
|
imageUrl: string;
|
|
969
969
|
enableImageSearch: boolean;
|
|
970
970
|
maxImageSize: number;
|
|
@@ -996,8 +996,8 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
|
|
|
996
996
|
disabled: boolean;
|
|
997
997
|
modelValue: string;
|
|
998
998
|
clearable: boolean;
|
|
999
|
-
expanded: boolean;
|
|
1000
999
|
preview: boolean;
|
|
1000
|
+
expanded: boolean;
|
|
1001
1001
|
imageUrl: string;
|
|
1002
1002
|
enableImageSearch: boolean;
|
|
1003
1003
|
maxImageSize: number;
|
|
@@ -1006,7 +1006,7 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
|
|
|
1006
1006
|
allowedImageTypes: string[];
|
|
1007
1007
|
}> & Omit<Readonly<import('../search/internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
|
|
1008
1008
|
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
1009
|
-
}>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "
|
|
1009
|
+
}>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
|
|
1010
1010
|
focus: () => void | undefined;
|
|
1011
1011
|
blur: () => void | undefined;
|
|
1012
1012
|
awaitUpload: () => Promise<void>;
|
|
@@ -418,8 +418,8 @@ declare const OHeaderSearch: {
|
|
|
418
418
|
disabled: boolean;
|
|
419
419
|
modelValue: string;
|
|
420
420
|
clearable: boolean;
|
|
421
|
-
expanded: boolean;
|
|
422
421
|
preview: boolean;
|
|
422
|
+
expanded: boolean;
|
|
423
423
|
imageUrl: string;
|
|
424
424
|
enableImageSearch: boolean;
|
|
425
425
|
maxImageSize: number;
|
|
@@ -451,8 +451,8 @@ declare const OHeaderSearch: {
|
|
|
451
451
|
disabled: boolean;
|
|
452
452
|
modelValue: string;
|
|
453
453
|
clearable: boolean;
|
|
454
|
-
expanded: boolean;
|
|
455
454
|
preview: boolean;
|
|
455
|
+
expanded: boolean;
|
|
456
456
|
imageUrl: string;
|
|
457
457
|
enableImageSearch: boolean;
|
|
458
458
|
maxImageSize: number;
|
|
@@ -461,7 +461,7 @@ declare const OHeaderSearch: {
|
|
|
461
461
|
allowedImageTypes: string[];
|
|
462
462
|
}> & Omit<Readonly<import('../search/internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
|
|
463
463
|
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
464
|
-
}>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "
|
|
464
|
+
}>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
|
|
465
465
|
focus: () => void | undefined;
|
|
466
466
|
blur: () => void | undefined;
|
|
467
467
|
awaitUpload: () => Promise<void>;
|
|
@@ -753,7 +753,7 @@
|
|
|
753
753
|
height: 24px;
|
|
754
754
|
width: 40px;
|
|
755
755
|
background-color: var(--o-color-control3-light);
|
|
756
|
-
border-radius:
|
|
756
|
+
border-radius: 12px;
|
|
757
757
|
border: 1px solid var(--o-color-primary1);
|
|
758
758
|
}
|
|
759
759
|
}
|
|
@@ -785,7 +785,7 @@
|
|
|
785
785
|
transform: translate(-50%, -50%);
|
|
786
786
|
height: 24px;
|
|
787
787
|
width: 40px;
|
|
788
|
-
border-radius:
|
|
788
|
+
border-radius: 12px;
|
|
789
789
|
z-index: -1;
|
|
790
790
|
}
|
|
791
791
|
}
|
|
@@ -904,6 +904,11 @@
|
|
|
904
904
|
transition: margin var(--o-easing-standard) var(--o-duration-s);
|
|
905
905
|
--icon-size: 24px;
|
|
906
906
|
}
|
|
907
|
+
@media (max-width: 1680px) {
|
|
908
|
+
.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
|
|
909
|
+
--icon-size: 20px;
|
|
910
|
+
}
|
|
911
|
+
}
|
|
907
912
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
908
913
|
.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
|
|
909
914
|
padding: var(--o-gap-3) var(--o-gap-4);
|
|
@@ -912,11 +917,7 @@
|
|
|
912
917
|
@media (max-width: 840px) {
|
|
913
918
|
.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
|
|
914
919
|
padding: var(--o-gap-2) var(--o-gap-4);
|
|
915
|
-
|
|
916
|
-
}
|
|
917
|
-
@media (max-width: 600px) {
|
|
918
|
-
.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
|
|
919
|
-
--icon-size: 20px;
|
|
920
|
+
--icon-size: 16px;
|
|
920
921
|
}
|
|
921
922
|
}
|
|
922
923
|
.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded {
|
|
@@ -1129,14 +1130,6 @@
|
|
|
1129
1130
|
line-height: 22px;
|
|
1130
1131
|
}
|
|
1131
1132
|
}
|
|
1132
|
-
.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .meeting-title .title-text {
|
|
1133
|
-
overflow: hidden;
|
|
1134
|
-
text-overflow: ellipsis;
|
|
1135
|
-
word-break: break-all;
|
|
1136
|
-
display: -webkit-box;
|
|
1137
|
-
-webkit-box-orient: vertical;
|
|
1138
|
-
-webkit-line-clamp: 1;
|
|
1139
|
-
}
|
|
1140
1133
|
@media (max-width: 600px) {
|
|
1141
1134
|
.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .meeting-title .title-text {
|
|
1142
1135
|
font-size: 22px;
|
|
@@ -23,13 +23,14 @@
|
|
|
23
23
|
--icon-size2: 24px;
|
|
24
24
|
--icon-right: 12px;
|
|
25
25
|
}
|
|
26
|
-
@media (max-width:
|
|
26
|
+
@media (max-width: 1680px) {
|
|
27
27
|
.o-meeting-calendar-list .o-collapse {
|
|
28
28
|
--icon-size2: 20px;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
@media (max-width: 840px) {
|
|
32
32
|
.o-meeting-calendar-list .o-collapse {
|
|
33
|
+
--icon-size2: 16px;
|
|
33
34
|
--icon-right: 8px;
|
|
34
35
|
}
|
|
35
36
|
}
|
|
@@ -346,13 +347,10 @@
|
|
|
346
347
|
}
|
|
347
348
|
.o-meeting-calendar-list .o-collapse .meet-title .text {
|
|
348
349
|
display: block;
|
|
350
|
+
flex: 0 1 auto;
|
|
351
|
+
min-width: 0;
|
|
352
|
+
max-width: 100%;
|
|
349
353
|
font-weight: 600;
|
|
350
|
-
overflow: hidden;
|
|
351
|
-
text-overflow: ellipsis;
|
|
352
|
-
word-break: break-all;
|
|
353
|
-
display: -webkit-box;
|
|
354
|
-
-webkit-box-orient: vertical;
|
|
355
|
-
-webkit-line-clamp: 1;
|
|
356
354
|
}
|
|
357
355
|
.o-meeting-calendar-list .o-collapse .meet-info {
|
|
358
356
|
display: flex;
|
|
@@ -13,7 +13,7 @@ import _sfc_main$2 from "../../common/TooltipText.vue.mjs";
|
|
|
13
13
|
import '../../common/TooltipText.css';
|
|
14
14
|
import dayjs from "dayjs";
|
|
15
15
|
const _hoisted_1 = { class: "meet-title-left" };
|
|
16
|
-
const _hoisted_2 =
|
|
16
|
+
const _hoisted_2 = { class: "meet-title" };
|
|
17
17
|
const _hoisted_3 = { class: "text" };
|
|
18
18
|
const _hoisted_4 = { class: "item-title-text" };
|
|
19
19
|
const _hoisted_5 = {
|
|
@@ -242,10 +242,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
242
242
|
}, {
|
|
243
243
|
title: withCtx(() => [
|
|
244
244
|
createElementVNode("div", _hoisted_1, [
|
|
245
|
-
createElementVNode("div",
|
|
246
|
-
class: "meet-title",
|
|
247
|
-
title: item.topic || item.name || item.title
|
|
248
|
-
}, [
|
|
245
|
+
createElementVNode("div", _hoisted_2, [
|
|
249
246
|
createVNode(unref(OIcon), {
|
|
250
247
|
style: normalizeStyle({
|
|
251
248
|
backgroundColor: `${unref(getConfig)(item.type, "color")}`
|
|
@@ -275,7 +272,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
275
272
|
_: 1
|
|
276
273
|
})
|
|
277
274
|
])) : createCommentVNode("", true)
|
|
278
|
-
]
|
|
275
|
+
]),
|
|
279
276
|
createElementVNode("div", {
|
|
280
277
|
class: "meet-info",
|
|
281
278
|
ref_for: true,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createBlock,
|
|
1
|
+
import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createBlock, withCtx, createTextVNode, unref, createCommentVNode } from "vue";
|
|
2
2
|
import { OLink } from "@opensig/opendesign";
|
|
3
3
|
import { CalendarDataType } from "../types.mjs";
|
|
4
|
-
import _sfc_main$1 from "../../common/MoreText.vue.mjs";
|
|
5
|
-
import '../../common/MoreText.css';
|
|
6
4
|
import { formatDate } from "../utils.mjs";
|
|
7
5
|
import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
|
|
8
6
|
import { useI18n } from "../../../i18n/index.mjs";
|
|
7
|
+
import _sfc_main$1 from "../../common/TooltipText.vue.mjs";
|
|
8
|
+
import '../../common/TooltipText.css';
|
|
9
9
|
const _hoisted_1 = { class: "o-meeting-detail" };
|
|
10
10
|
const _hoisted_2 = { class: "label" };
|
|
11
11
|
const _hoisted_3 = { key: 2 };
|
|
@@ -149,9 +149,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
149
149
|
createElementVNode("span", { class: "split-mark" }, toDisplayString(SPLIT_MARK)),
|
|
150
150
|
info.ellipsis ? (openBlock(), createBlock(_sfc_main$1, {
|
|
151
151
|
key: 0,
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
152
|
+
lines: 3
|
|
153
|
+
}, {
|
|
154
|
+
default: withCtx(() => [
|
|
155
|
+
createTextVNode(toDisplayString(getField(info.key) || "-"), 1)
|
|
156
|
+
]),
|
|
157
|
+
_: 2
|
|
158
|
+
}, 1024)) : info.isLink ? (openBlock(), createBlock(unref(OLink), {
|
|
155
159
|
key: 1,
|
|
156
160
|
target: "_blank",
|
|
157
161
|
class: "value",
|
|
@@ -468,8 +468,8 @@ declare function __VLS_template(): {
|
|
|
468
468
|
disabled: boolean;
|
|
469
469
|
modelValue: string;
|
|
470
470
|
clearable: boolean;
|
|
471
|
-
expanded: boolean;
|
|
472
471
|
preview: boolean;
|
|
472
|
+
expanded: boolean;
|
|
473
473
|
imageUrl: string;
|
|
474
474
|
enableImageSearch: boolean;
|
|
475
475
|
maxImageSize: number;
|
|
@@ -501,8 +501,8 @@ declare function __VLS_template(): {
|
|
|
501
501
|
disabled: boolean;
|
|
502
502
|
modelValue: string;
|
|
503
503
|
clearable: boolean;
|
|
504
|
-
expanded: boolean;
|
|
505
504
|
preview: boolean;
|
|
505
|
+
expanded: boolean;
|
|
506
506
|
imageUrl: string;
|
|
507
507
|
enableImageSearch: boolean;
|
|
508
508
|
maxImageSize: number;
|
|
@@ -511,7 +511,7 @@ declare function __VLS_template(): {
|
|
|
511
511
|
allowedImageTypes: string[];
|
|
512
512
|
}> & Omit<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
|
|
513
513
|
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
514
|
-
}>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "
|
|
514
|
+
}>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
|
|
515
515
|
focus: () => void | undefined;
|
|
516
516
|
blur: () => void | undefined;
|
|
517
517
|
awaitUpload: () => Promise<void>;
|
|
@@ -953,8 +953,8 @@ declare const __VLS_component: import('vue').DefineComponent<OSearchInputPropsT,
|
|
|
953
953
|
disabled: boolean;
|
|
954
954
|
modelValue: string;
|
|
955
955
|
clearable: boolean;
|
|
956
|
-
expanded: boolean;
|
|
957
956
|
preview: boolean;
|
|
957
|
+
expanded: boolean;
|
|
958
958
|
imageUrl: string;
|
|
959
959
|
enableImageSearch: boolean;
|
|
960
960
|
maxImageSize: number;
|
|
@@ -986,8 +986,8 @@ declare const __VLS_component: import('vue').DefineComponent<OSearchInputPropsT,
|
|
|
986
986
|
disabled: boolean;
|
|
987
987
|
modelValue: string;
|
|
988
988
|
clearable: boolean;
|
|
989
|
-
expanded: boolean;
|
|
990
989
|
preview: boolean;
|
|
990
|
+
expanded: boolean;
|
|
991
991
|
imageUrl: string;
|
|
992
992
|
enableImageSearch: boolean;
|
|
993
993
|
maxImageSize: number;
|
|
@@ -996,7 +996,7 @@ declare const __VLS_component: import('vue').DefineComponent<OSearchInputPropsT,
|
|
|
996
996
|
allowedImageTypes: string[];
|
|
997
997
|
}> & Omit<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
|
|
998
998
|
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
999
|
-
}>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "
|
|
999
|
+
}>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
|
|
1000
1000
|
focus: () => void | undefined;
|
|
1001
1001
|
blur: () => void | undefined;
|
|
1002
1002
|
awaitUpload: () => Promise<void>;
|
|
@@ -419,8 +419,8 @@ declare const OSearchInput: {
|
|
|
419
419
|
disabled: boolean;
|
|
420
420
|
modelValue: string;
|
|
421
421
|
clearable: boolean;
|
|
422
|
-
expanded: boolean;
|
|
423
422
|
preview: boolean;
|
|
423
|
+
expanded: boolean;
|
|
424
424
|
imageUrl: string;
|
|
425
425
|
enableImageSearch: boolean;
|
|
426
426
|
maxImageSize: number;
|
|
@@ -452,8 +452,8 @@ declare const OSearchInput: {
|
|
|
452
452
|
disabled: boolean;
|
|
453
453
|
modelValue: string;
|
|
454
454
|
clearable: boolean;
|
|
455
|
-
expanded: boolean;
|
|
456
455
|
preview: boolean;
|
|
456
|
+
expanded: boolean;
|
|
457
457
|
imageUrl: string;
|
|
458
458
|
enableImageSearch: boolean;
|
|
459
459
|
maxImageSize: number;
|
|
@@ -462,7 +462,7 @@ declare const OSearchInput: {
|
|
|
462
462
|
allowedImageTypes: string[];
|
|
463
463
|
}> & Omit<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
|
|
464
464
|
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
465
|
-
}>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "
|
|
465
|
+
}>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
|
|
466
466
|
focus: () => void | undefined;
|
|
467
467
|
blur: () => void | undefined;
|
|
468
468
|
awaitUpload: () => Promise<void>;
|
|
@@ -387,8 +387,8 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
|
|
|
387
387
|
disabled: boolean;
|
|
388
388
|
modelValue: string;
|
|
389
389
|
clearable: boolean;
|
|
390
|
-
expanded: boolean;
|
|
391
390
|
preview: boolean;
|
|
391
|
+
expanded: boolean;
|
|
392
392
|
imageUrl: string;
|
|
393
393
|
enableImageSearch: boolean;
|
|
394
394
|
maxImageSize: number;
|