@opendesign-plus/components 0.0.1-rc.36 → 0.0.1-rc.37
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 +10 -10
- package/dist/components/config-provider/OPlusConfigProvider.vue.d.ts +2 -2
- package/dist/components/config-provider/index.d.ts +3 -3
- package/dist/components/meeting/composables/useMeetingConfig.d.ts +1 -1
- package/dist/components.cjs.js +33 -33
- package/dist/components.css +1 -1
- package/dist/components.es.js +1511 -1504
- package/dist/treeshaking/components/banner/OBanner.css +37 -37
- package/dist/treeshaking/components/banner/OBanner.vue.mjs +1 -1
- package/dist/treeshaking/components/banner/OBanner.vue2.mjs +2 -1
- package/dist/treeshaking/components/banner/OBanner2.css +10 -10
- package/dist/treeshaking/components/config-provider/OPlusConfigProvider.vue.d.ts +2 -2
- package/dist/treeshaking/components/config-provider/index.d.ts +3 -3
- package/dist/treeshaking/components/cookie-notice/OCookieNotice.vue.mjs +1 -1
- package/dist/treeshaking/components/cookie-notice/OCookieNotice.vue2.mjs +1 -1
- package/dist/treeshaking/components/cookie-notice/OCookieNotice2.css +62 -62
- package/dist/treeshaking/components/events/OEventsApply.vue.mjs +1 -1
- package/dist/treeshaking/components/header/OHeader.css +12 -12
- package/dist/treeshaking/components/header/OHeader.vue.mjs +1 -1
- package/dist/treeshaking/components/header/OHeader.vue2.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderContent.css +235 -235
- package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +3 -2
- package/dist/treeshaking/components/header/components/HeaderNav.css +26 -26
- package/dist/treeshaking/components/header/components/HeaderNav.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderNav.vue2.mjs +1 -1
- package/dist/treeshaking/components/meeting/composables/useMeetingConfig.d.ts +1 -1
- package/dist/treeshaking/i18n/index.mjs +1 -1
- package/dist/treeshaking/shared/theme.mjs +13 -0
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./HeaderContent.vue2.mjs";
|
|
2
2
|
import './HeaderContent.css';
|
|
3
3
|
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4a923a98"]]);
|
|
5
5
|
export {
|
|
6
6
|
HeaderContent as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { defineComponent, ref, resolveDirective, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString, withDirectives, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode } from "vue";
|
|
2
2
|
import { OScroller, OIcon, OTag } from "@opensig/opendesign";
|
|
3
3
|
import ContentWrapper from "../../common/ContentWrapper.vue.mjs";
|
|
4
|
-
import {
|
|
4
|
+
import { useTheme } from "../../../shared/theme.mjs";
|
|
5
|
+
import { useI18n } from "../../../i18n/index.mjs";
|
|
5
6
|
const _hoisted_1 = { class: "nav-sub-content" };
|
|
6
7
|
const _hoisted_2 = { class: "content-left" };
|
|
7
8
|
const _hoisted_3 = { class: "content-label" };
|
|
@@ -42,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
42
43
|
setup(__props, { emit: __emit }) {
|
|
43
44
|
const emit = __emit;
|
|
44
45
|
const props = __props;
|
|
45
|
-
const { locale } =
|
|
46
|
+
const { locale } = useI18n();
|
|
46
47
|
const { theme } = useTheme();
|
|
47
48
|
const navVisible = ref(false);
|
|
48
49
|
const onMouseEnter = () => {
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
.hover-icon-rotate .o-icon[data-v-
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-06629d05] {
|
|
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-06629d05] {
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
.header-nav-wrap[data-v-
|
|
9
|
+
.header-nav-wrap[data-v-06629d05] {
|
|
10
10
|
height: 100%;
|
|
11
11
|
}
|
|
12
|
-
.header-nav-wrap .header-nav[data-v-
|
|
12
|
+
.header-nav-wrap .header-nav[data-v-06629d05] {
|
|
13
13
|
height: 100%;
|
|
14
14
|
display: flex;
|
|
15
15
|
justify-content: space-between;
|
|
16
16
|
width: calc(100% - 64px);
|
|
17
17
|
align-items: center;
|
|
18
18
|
}
|
|
19
|
-
.header-nav-wrap .header-nav-scroll[data-v-
|
|
19
|
+
.header-nav-wrap .header-nav-scroll[data-v-06629d05] {
|
|
20
20
|
width: calc(100% - 64px - 24px);
|
|
21
21
|
}
|
|
22
|
-
.o-nav[data-v-
|
|
22
|
+
.o-nav[data-v-06629d05] {
|
|
23
23
|
height: 100%;
|
|
24
24
|
position: relative;
|
|
25
25
|
overflow-y: hidden;
|
|
26
26
|
overflow-x: auto;
|
|
27
27
|
}
|
|
28
|
-
.o-nav[data-v-
|
|
28
|
+
.o-nav[data-v-06629d05]::after {
|
|
29
29
|
content: "";
|
|
30
30
|
position: absolute;
|
|
31
31
|
width: 50px;
|
|
@@ -35,16 +35,16 @@
|
|
|
35
35
|
background-image: linear-gradient(90deg, rgba(var(--o-grey-1), 0) 0%, rgba(var(--o-grey-1), 1) 100%);
|
|
36
36
|
z-index: 0;
|
|
37
37
|
}
|
|
38
|
-
.o-nav[data-v-
|
|
38
|
+
.o-nav[data-v-06629d05]::-webkit-scrollbar {
|
|
39
39
|
display: none;
|
|
40
40
|
}
|
|
41
|
-
.o-nav.dark[data-v-
|
|
41
|
+
.o-nav.dark[data-v-06629d05]::after {
|
|
42
42
|
background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
|
|
43
43
|
}
|
|
44
|
-
.o-nav-scroll[data-v-
|
|
44
|
+
.o-nav-scroll[data-v-06629d05]::after {
|
|
45
45
|
display: none;
|
|
46
46
|
}
|
|
47
|
-
.o-nav-list[data-v-
|
|
47
|
+
.o-nav-list[data-v-06629d05] {
|
|
48
48
|
display: flex;
|
|
49
49
|
height: 100%;
|
|
50
50
|
width: fit-content;
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
padding: 0;
|
|
54
54
|
margin: 0;
|
|
55
55
|
}
|
|
56
|
-
.o-nav-list li[data-v-
|
|
56
|
+
.o-nav-list li[data-v-06629d05] {
|
|
57
57
|
position: relative;
|
|
58
58
|
display: flex;
|
|
59
59
|
align-items: center;
|
|
@@ -61,10 +61,10 @@
|
|
|
61
61
|
color: var(--o-color-info1);
|
|
62
62
|
transition: all var(--o-duration-s) var(--o-easing-standard);
|
|
63
63
|
}
|
|
64
|
-
.o-nav-list li .nav-text[data-v-
|
|
64
|
+
.o-nav-list li .nav-text[data-v-06629d05] {
|
|
65
65
|
position: relative;
|
|
66
66
|
}
|
|
67
|
-
.o-nav-list li .nav-text[data-v-
|
|
67
|
+
.o-nav-list li .nav-text[data-v-06629d05]::after {
|
|
68
68
|
content: "";
|
|
69
69
|
position: absolute;
|
|
70
70
|
left: 0;
|
|
@@ -76,16 +76,16 @@
|
|
|
76
76
|
background: var(--o-color-primary1);
|
|
77
77
|
transition: all var(--o-duration-s) var(--o-easing-standard);
|
|
78
78
|
}
|
|
79
|
-
.o-nav-list li.is-selected .nav-text[data-v-
|
|
79
|
+
.o-nav-list li.is-selected .nav-text[data-v-06629d05], .o-nav-list li.is-active .nav-text[data-v-06629d05] {
|
|
80
80
|
color: var(--o-color-primary1);
|
|
81
81
|
z-index: 99;
|
|
82
82
|
font-weight: 500;
|
|
83
83
|
}
|
|
84
|
-
.o-nav-list li.is-selected .nav-text[data-v-
|
|
84
|
+
.o-nav-list li.is-selected .nav-text[data-v-06629d05]::after, .o-nav-list li.is-active .nav-text[data-v-06629d05]::after {
|
|
85
85
|
content: "";
|
|
86
86
|
opacity: 1;
|
|
87
87
|
}
|
|
88
|
-
.o-nav-list .nav-item[data-v-
|
|
88
|
+
.o-nav-list .nav-item[data-v-06629d05] {
|
|
89
89
|
cursor: default;
|
|
90
90
|
display: flex;
|
|
91
91
|
align-items: center;
|
|
@@ -94,48 +94,48 @@
|
|
|
94
94
|
line-height: 24px;
|
|
95
95
|
}
|
|
96
96
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
97
|
-
.o-nav-list .nav-item[data-v-
|
|
97
|
+
.o-nav-list .nav-item[data-v-06629d05] {
|
|
98
98
|
font-size: 14px;
|
|
99
99
|
line-height: 22px;
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
103
|
-
.o-nav-list .nav-item[data-v-
|
|
103
|
+
.o-nav-list .nav-item[data-v-06629d05] {
|
|
104
104
|
font-size: 14px;
|
|
105
105
|
line-height: 22px;
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
109
|
-
.o-nav-list .nav-item[data-v-
|
|
109
|
+
.o-nav-list .nav-item[data-v-06629d05] {
|
|
110
110
|
font-size: 14px;
|
|
111
111
|
line-height: 22px;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
@media (max-width: 600px) {
|
|
115
|
-
.o-nav-list .nav-item[data-v-
|
|
115
|
+
.o-nav-list .nav-item[data-v-06629d05] {
|
|
116
116
|
font-size: 12px;
|
|
117
117
|
line-height: 18px;
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
120
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
121
|
-
.o-nav-list .nav-item[data-v-
|
|
121
|
+
.o-nav-list .nav-item[data-v-06629d05] {
|
|
122
122
|
padding: 22px 12px;
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
125
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
126
|
-
.o-nav-list .nav-item[data-v-
|
|
126
|
+
.o-nav-list .nav-item[data-v-06629d05] {
|
|
127
127
|
padding: 22px 8px;
|
|
128
128
|
}
|
|
129
129
|
}
|
|
130
130
|
@media (min-width: 841px) and (max-width: 1000px) {
|
|
131
|
-
.o-nav-list .nav-item.en[data-v-
|
|
131
|
+
.o-nav-list .nav-item.en[data-v-06629d05] {
|
|
132
132
|
padding: var(--o-gap-2);
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
|
-
.o-nav-list .item-other[data-v-
|
|
135
|
+
.o-nav-list .item-other[data-v-06629d05] {
|
|
136
136
|
cursor: pointer;
|
|
137
137
|
}
|
|
138
|
-
.o-nav-list .item-other .content-tag[data-v-
|
|
138
|
+
.o-nav-list .item-other .content-tag[data-v-06629d05] {
|
|
139
139
|
margin-left: var(--o-gap-2);
|
|
140
140
|
--layout-pkg-radius: var(--o-radius-xs);
|
|
141
141
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./HeaderNav.vue2.mjs";
|
|
2
2
|
import './HeaderNav.css';
|
|
3
3
|
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const HeaderNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const HeaderNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-06629d05"]]);
|
|
5
5
|
export {
|
|
6
6
|
HeaderNav as default
|
|
7
7
|
};
|
|
@@ -2,7 +2,7 @@ import { defineComponent, ref, onMounted, nextTick, onUnmounted, resolveDirectiv
|
|
|
2
2
|
import { OIcon, OTag } from "@opensig/opendesign";
|
|
3
3
|
import IconCaretLeft from "../../../_virtual/icon-caret-left.mjs";
|
|
4
4
|
import IconCaretRight from "../../../_virtual/icon-caret-right.mjs";
|
|
5
|
-
import { useTheme } from "
|
|
5
|
+
import { useTheme } from "../../../shared/theme.mjs";
|
|
6
6
|
import { useDebounceFn } from "@vueuse/core";
|
|
7
7
|
const _hoisted_1 = { class: "header-nav-wrap" };
|
|
8
8
|
const _hoisted_2 = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CalendarDataType, meetingTabT, OptionItemT } from '../types';
|
|
2
2
|
export declare const useMeetingConfig: () => {
|
|
3
3
|
t: (key: string, ...args: any[]) => string;
|
|
4
|
-
locale: import('vue').ComputedRef<
|
|
4
|
+
locale: import('vue').ComputedRef<string>;
|
|
5
5
|
meetingTabs: import('vue').ComputedRef<meetingTabT[]>;
|
|
6
6
|
cycleTypeOptions0: import('vue').ComputedRef<OptionItemT[]>;
|
|
7
7
|
cycleTypeOptions: import('vue').ComputedRef<OptionItemT[]>;
|
|
@@ -19,7 +19,7 @@ function useI18n() {
|
|
|
19
19
|
return (configProvider == null ? void 0 : configProvider.locale) || "zh";
|
|
20
20
|
});
|
|
21
21
|
const transform = (key, ...args) => {
|
|
22
|
-
const lang = i18nLangs.value[locale.value];
|
|
22
|
+
const lang = i18nLangs.value[locale.value === "zh" ? "zh" : "en"];
|
|
23
23
|
const value = lang[key];
|
|
24
24
|
if (isUndefined(value)) {
|
|
25
25
|
console.warn(`Cannot translate the value of keypath '${key}'`);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { inject, computed } from "vue";
|
|
2
|
+
import { configProviderInjectKey } from "./provide.mjs";
|
|
3
|
+
const useTheme = () => {
|
|
4
|
+
const configProvider = inject(configProviderInjectKey);
|
|
5
|
+
return {
|
|
6
|
+
theme: configProvider == null ? void 0 : configProvider.theme,
|
|
7
|
+
isLight: computed(() => (configProvider == null ? void 0 : configProvider.theme) === "light"),
|
|
8
|
+
isDark: computed(() => (configProvider == null ? void 0 : configProvider.theme) === "dark")
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
useTheme
|
|
13
|
+
};
|