@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.
@@ -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-61c6b51c"]]), cS = { class: "header-nav-wrap" }, dS = {
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-06d526b8"]]);
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-06d526b8] {
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-06d526b8] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-e25ade15] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .header[data-v-06d526b8] {
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-06d526b8] {
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-06d526b8] {
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-06d526b8] {
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-06d526b8] {
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-06d526b8] {
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-06d526b8] {
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-06d526b8] {
59
+ .logo[data-v-e25ade15] {
60
60
  height: 32px;
61
61
  }
62
- .header-nav-top[data-v-06d526b8] {
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-06d526b8] {
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-06d526b8] {
75
+ .header-toolbar[data-v-e25ade15] {
76
76
  height: 100%;
77
77
  position: relative;
78
78
  }
79
- .header-nav-content[data-v-06d526b8] {
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-06d526b8] {
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-06d526b8"]]);
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);