@opendesign-plus-test/components 0.0.1-rc.127 → 0.0.1-rc.129
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.cjs.js +1 -1
- package/dist/components.css +1 -1
- package/dist/components.es.js +7 -7
- package/dist/treeshaking/components/header/OHeader.css +15 -15
- package/dist/treeshaking/components/header/OHeader.vue.mjs +1 -1
- package/dist/treeshaking/components/header/OHeader.vue2.mjs +2 -0
- package/dist/treeshaking/components/header/components/HeaderContent.css +184 -184
- package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +3 -0
- package/package.json +3 -3
package/dist/components.es.js
CHANGED
|
@@ -44782,9 +44782,9 @@ const Km = { name: "components-icon-caret-right", render: Ox }, Mx = { class: "h
|
|
|
44782
44782
|
setup(s, { emit: e }) {
|
|
44783
44783
|
const t = e, i = s, { locale: n, t: r } = ti(), { theme: a, isDark: o } = Lc(), u = oe(!1), c = () => {
|
|
44784
44784
|
var N;
|
|
44785
|
-
t("handle-mouseenter-sub", (N = i.itemData) == null ? void 0 : N.id), u.value = !0;
|
|
44785
|
+
t("handle-mouseenter-sub", (N = i.itemData) == null ? void 0 : N.id), u.value = !0, console.log("onMouseEnter");
|
|
44786
44786
|
}, m = () => {
|
|
44787
|
-
t("handle-mouseleave-sub", ""), u.value = !1;
|
|
44787
|
+
console.log("onMouseLeave"), t("handle-mouseleave-sub", ""), u.value = !1;
|
|
44788
44788
|
}, g = oe(!1), C = (N) => {
|
|
44789
44789
|
if (!N || !N.target)
|
|
44790
44790
|
return;
|
|
@@ -44818,7 +44818,7 @@ const Km = { name: "components-icon-caret-right", render: Ox }, Mx = { class: "h
|
|
|
44818
44818
|
...(_ == null ? void 0 : _.value) && { duration: Date.now() - _.value }
|
|
44819
44819
|
}
|
|
44820
44820
|
}), q = (N, S) => S || (N != null && N.startsWith("http") ? "_blank" : "_self"), X = () => {
|
|
44821
|
-
u.value = !1, t("handle-click-link");
|
|
44821
|
+
console.log("onClickLink"), u.value = !1, t("handle-click-link");
|
|
44822
44822
|
};
|
|
44823
44823
|
return (N, S) => {
|
|
44824
44824
|
var E, L, B;
|
|
@@ -45058,7 +45058,7 @@ const Km = { name: "components-icon-caret-right", render: Ox }, Mx = { class: "h
|
|
|
45058
45058
|
], 32);
|
|
45059
45059
|
};
|
|
45060
45060
|
}
|
|
45061
|
-
}), uS = /* @__PURE__ */ Lt(lS, [["__scopeId", "data-v-
|
|
45061
|
+
}), uS = /* @__PURE__ */ Lt(lS, [["__scopeId", "data-v-716addc0"]]), cS = { class: "header-nav-wrap" }, dS = {
|
|
45062
45062
|
key: 0,
|
|
45063
45063
|
class: "left-icon"
|
|
45064
45064
|
}, hS = ["id", "onMouseenter", "onMouseleave"], fS = ["id", "onClick"], pS = { class: "nav-text" }, mS = ["id", "href", "target", "rel"], gS = { class: "nav-text" }, vS = {
|
|
@@ -45347,7 +45347,7 @@ const Km = { name: "components-icon-caret-right", render: Ox }, Mx = { class: "h
|
|
|
45347
45347
|
t("go-home");
|
|
45348
45348
|
}, q = (H) => {
|
|
45349
45349
|
var $;
|
|
45350
|
-
T(), a.value = H, n.value = H.id, ($ = H == null ? void 0 : H.children) != null && $.length && (o.value = !0);
|
|
45350
|
+
T(), a.value = H, n.value = H.id, ($ = H == null ? void 0 : H.children) != null && $.length && (o.value = !0, console.log("open"));
|
|
45351
45351
|
}, X = () => {
|
|
45352
45352
|
_(!0);
|
|
45353
45353
|
}, N = (H) => {
|
|
@@ -45357,7 +45357,7 @@ const Km = { name: "components-icon-caret-right", render: Ox }, Mx = { class: "h
|
|
|
45357
45357
|
}, G = (H) => {
|
|
45358
45358
|
r.value = H, _(!1);
|
|
45359
45359
|
}, E = () => {
|
|
45360
|
-
o.value = !1, T();
|
|
45360
|
+
o.value = !1, T(), console.log("close");
|
|
45361
45361
|
}, L = oe(0), B = oe(0);
|
|
45362
45362
|
return pn("navStepCount", xd(B)), pn("navFirstHoverTime", xd(L)), pn("increNavStepCount", () => {
|
|
45363
45363
|
B.value++;
|
|
@@ -45441,7 +45441,7 @@ const Km = { name: "components-icon-caret-right", render: Ox }, Mx = { class: "h
|
|
|
45441
45441
|
], 544))
|
|
45442
45442
|
]));
|
|
45443
45443
|
}
|
|
45444
|
-
}), N0 = /* @__PURE__ */ Lt(OS, [["__scopeId", "data-v-
|
|
45444
|
+
}), N0 = /* @__PURE__ */ Lt(OS, [["__scopeId", "data-v-e25ade15"]]);
|
|
45445
45445
|
var Fn = /* @__PURE__ */ ((s) => (s.NAV = "nav", s.CODE = "code", s.LANG = "lang", s))(Fn || {});
|
|
45446
45446
|
const MS = { class: "o-nav" }, LS = { class: "o-nav-list" }, VS = ["onClick"], RS = { class: "header-tool" }, qS = {
|
|
45447
45447
|
key: 2,
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
.hover-icon-rotate .o-icon[data-v-
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-e25ade15] {
|
|
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-e25ade15] {
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
.header[data-v-
|
|
9
|
+
.header[data-v-e25ade15] {
|
|
10
10
|
--o-header-height: 72px;
|
|
11
11
|
--o-header-content-max-width: 1488px;
|
|
12
12
|
--o-header-content-padding: 0;
|
|
13
13
|
}
|
|
14
14
|
@media (max-width: 1680px) {
|
|
15
|
-
.header[data-v-
|
|
15
|
+
.header[data-v-e25ade15] {
|
|
16
16
|
--o-header-content-max-width: 100%;
|
|
17
17
|
--o-header-content-padding: 64px;
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
@media (max-width: 1440px) {
|
|
21
|
-
.header[data-v-
|
|
21
|
+
.header[data-v-e25ade15] {
|
|
22
22
|
--o-header-height: 64px;
|
|
23
23
|
--o-header-content-padding: 40px;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
@media (max-width: 1200px) {
|
|
27
|
-
.header[data-v-
|
|
27
|
+
.header[data-v-e25ade15] {
|
|
28
28
|
--o-header-height: 56px;
|
|
29
29
|
--o-header-content-padding: 32px;
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
.header-wrap[data-v-
|
|
32
|
+
.header-wrap[data-v-e25ade15] {
|
|
33
33
|
background-color: var(--o-color-fill2);
|
|
34
34
|
position: fixed;
|
|
35
35
|
left: 0;
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
backdrop-filter: blur(5px);
|
|
41
41
|
height: var(--o-header-height);
|
|
42
42
|
}
|
|
43
|
-
.header-content[data-v-
|
|
43
|
+
.header-content[data-v-e25ade15] {
|
|
44
44
|
display: flex;
|
|
45
45
|
align-items: center;
|
|
46
46
|
height: 100%;
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
margin: 0 auto;
|
|
49
49
|
padding: 0 var(--o-header-content-padding);
|
|
50
50
|
}
|
|
51
|
-
.header-logo[data-v-
|
|
51
|
+
.header-logo[data-v-e25ade15] {
|
|
52
52
|
height: 100%;
|
|
53
53
|
display: flex;
|
|
54
54
|
align-items: center;
|
|
@@ -56,27 +56,27 @@
|
|
|
56
56
|
margin-right: 24px;
|
|
57
57
|
flex-shrink: 0;
|
|
58
58
|
}
|
|
59
|
-
.logo[data-v-
|
|
59
|
+
.logo[data-v-e25ade15] {
|
|
60
60
|
height: 32px;
|
|
61
61
|
}
|
|
62
|
-
.header-nav-top[data-v-
|
|
62
|
+
.header-nav-top[data-v-e25ade15] {
|
|
63
63
|
flex: 1;
|
|
64
64
|
height: 100%;
|
|
65
65
|
min-width: 0;
|
|
66
66
|
overflow: hidden;
|
|
67
67
|
position: relative;
|
|
68
68
|
}
|
|
69
|
-
.header-nav-flatten[data-v-
|
|
69
|
+
.header-nav-flatten[data-v-e25ade15] {
|
|
70
70
|
flex: 1;
|
|
71
71
|
height: 100%;
|
|
72
72
|
min-width: 0;
|
|
73
73
|
position: relative;
|
|
74
74
|
}
|
|
75
|
-
.header-toolbar[data-v-
|
|
75
|
+
.header-toolbar[data-v-e25ade15] {
|
|
76
76
|
height: 100%;
|
|
77
77
|
position: relative;
|
|
78
78
|
}
|
|
79
|
-
.header-nav-content[data-v-
|
|
79
|
+
.header-nav-content[data-v-e25ade15] {
|
|
80
80
|
position: fixed;
|
|
81
81
|
top: var(--o-header-height);
|
|
82
82
|
left: 0;
|
|
@@ -86,6 +86,6 @@
|
|
|
86
86
|
box-shadow: var(--o-shadow-1);
|
|
87
87
|
overflow: hidden;
|
|
88
88
|
}
|
|
89
|
-
[data-o-theme*=dark] .header-wrap[data-v-
|
|
89
|
+
[data-o-theme*=dark] .header-wrap[data-v-e25ade15] {
|
|
90
90
|
border-bottom: 1px solid var(--o-color-control4);
|
|
91
91
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./OHeader.vue2.mjs";
|
|
2
2
|
import './OHeader.css';
|
|
3
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e25ade15"]]);
|
|
5
5
|
export {
|
|
6
6
|
_OHeader as default
|
|
7
7
|
};
|
|
@@ -120,6 +120,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
120
120
|
hoverIndex.value = val.id;
|
|
121
121
|
if ((_a = val == null ? void 0 : val.children) == null ? void 0 : _a.length) {
|
|
122
122
|
itemVisible.value = true;
|
|
123
|
+
console.log("open");
|
|
123
124
|
}
|
|
124
125
|
};
|
|
125
126
|
const handleMouseleave = () => {
|
|
@@ -139,6 +140,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
139
140
|
const handleClickLink = () => {
|
|
140
141
|
itemVisible.value = false;
|
|
141
142
|
cancelClose();
|
|
143
|
+
console.log("close");
|
|
142
144
|
};
|
|
143
145
|
const navFirstHoverTime = ref(0);
|
|
144
146
|
const navStepCount = ref(0);
|