@opendesign-plus-test/components 0.0.1-rc.122 → 0.0.1-rc.123

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.
@@ -14,6 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
14
14
  const props = __props;
15
15
  const slots = useSlots();
16
16
  let resizeObserver = null;
17
+ let resizeRafId = null;
17
18
  const checkOverflow = () => {
18
19
  if (!isClient) return;
19
20
  const ele = contentRef.value;
@@ -31,14 +32,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
31
32
  }
32
33
  ellipsis.value = ele.scrollWidth > ele.offsetWidth + 1 || ele.scrollHeight > ele.offsetHeight + 1;
33
34
  };
35
+ const onWindowResize = () => {
36
+ if (resizeRafId !== null) cancelAnimationFrame(resizeRafId);
37
+ resizeRafId = requestAnimationFrame(checkOverflow);
38
+ };
34
39
  onMounted(() => {
35
40
  checkOverflow();
36
41
  if (!isClient || !contentRef.value) return;
37
42
  resizeObserver = new ResizeObserver(() => checkOverflow());
38
43
  resizeObserver.observe(contentRef.value);
44
+ window.addEventListener("resize", onWindowResize);
39
45
  });
40
46
  onUnmounted(() => {
41
47
  resizeObserver == null ? void 0 : resizeObserver.disconnect();
48
+ if (resizeRafId !== null) cancelAnimationFrame(resizeRafId);
49
+ window.removeEventListener("resize", onWindowResize);
42
50
  });
43
51
  watch(() => [props.lines, props.width], () => {
44
52
  if (isClient) requestAnimationFrame(checkOverflow);
@@ -271,6 +271,11 @@
271
271
  .o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon {
272
272
  height: 16px;
273
273
  }
274
+ @media (max-width: 840px) {
275
+ .o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon {
276
+ --tag-icon-gap: -8px;
277
+ }
278
+ }
274
279
  .o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon svg {
275
280
  width: 16px;
276
281
  height: 16px;
@@ -1,35 +1,35 @@
1
- .hover-icon-rotate .o-icon[data-v-77f78215] {
1
+ .hover-icon-rotate .o-icon[data-v-dd346a41] {
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-77f78215] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-dd346a41] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .header[data-v-77f78215] {
9
+ .header[data-v-dd346a41] {
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-77f78215] {
15
+ .header[data-v-dd346a41] {
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-77f78215] {
21
+ .header[data-v-dd346a41] {
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-77f78215] {
27
+ .header[data-v-dd346a41] {
28
28
  --o-header-height: 56px;
29
29
  --o-header-content-padding: 32px;
30
30
  }
31
31
  }
32
- .header-wrap[data-v-77f78215] {
32
+ .header-wrap[data-v-dd346a41] {
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-77f78215] {
43
+ .header-content[data-v-dd346a41] {
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-77f78215] {
51
+ .header-logo[data-v-dd346a41] {
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-77f78215] {
59
+ .logo[data-v-dd346a41] {
60
60
  height: 32px;
61
61
  }
62
- .header-nav-top[data-v-77f78215] {
62
+ .header-nav-top[data-v-dd346a41] {
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-77f78215] {
69
+ .header-nav-flatten[data-v-dd346a41] {
70
70
  flex: 1;
71
71
  height: 100%;
72
72
  min-width: 0;
73
73
  position: relative;
74
74
  }
75
- .header-toolbar[data-v-77f78215] {
75
+ .header-toolbar[data-v-dd346a41] {
76
76
  height: 100%;
77
77
  position: relative;
78
78
  }
79
- .header-nav-content[data-v-77f78215] {
79
+ .header-nav-content[data-v-dd346a41] {
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-77f78215] {
89
+ [data-o-theme*=dark] .header-wrap[data-v-dd346a41] {
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-77f78215"]]);
4
+ const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dd346a41"]]);
5
5
  export {
6
6
  _OHeader as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import { defineComponent, ref, computed, provide, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, createVNode } from "vue";
1
+ import { defineComponent, ref, computed, provide, readonly, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, createVNode } from "vue";
2
2
  import HeaderNav from "./components/HeaderNav.vue.mjs";
3
3
  import HeaderContent from "./components/HeaderContent.vue.mjs";
4
4
  import HeaderFlatten from "./components/HeaderFlatten.vue.mjs";
@@ -136,6 +136,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
136
136
  hoverId.value = val;
137
137
  scheduleClose(false);
138
138
  };
139
+ const navFirstHoverTime = ref(0);
140
+ const navStepCount = ref(0);
141
+ provide("navStepCount", readonly(navStepCount));
142
+ provide("navFirstHoverTime", readonly(navFirstHoverTime));
143
+ provide("increNavStepCount", () => {
144
+ navStepCount.value++;
145
+ });
146
+ provide("updateNavFirstHoverTime", () => {
147
+ if (!navFirstHoverTime.value) {
148
+ navFirstHoverTime.value = Date.now();
149
+ }
150
+ });
151
+ provide("clearNavHandleTrace", () => {
152
+ navStepCount.value = 0;
153
+ navFirstHoverTime.value = 0;
154
+ });
139
155
  onUnmounted(() => {
140
156
  cancelClose();
141
157
  });