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

package/dist/treeshaking/_virtual/vue-router/dist/devtools-EWN81iOl.mjs.mjs

@@ -0,0 +1,15 @@
+import "vue";
+/*!
+ * vue-router v4.6.4
+ * (c) 2025 Eduardo San Martin Morote
+ * @license MIT
+ */
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
+const routeLocationKey = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+export {
+  routeLocationKey as u
+};

package/dist/treeshaking/_virtual/vue-router/dist/vue-router.mjs.mjs

@@ -0,0 +1,14 @@
+import { u as routeLocationKey } from "./devtools-EWN81iOl.mjs.mjs";
+import { inject } from "vue";
+/*!
+ * vue-router v4.6.4
+ * (c) 2025 Eduardo San Martin Morote
+ * @license MIT
+ */
+function useRoute(_name) {
+  return inject(routeLocationKey);
+}
+export {
+  routeLocationKey,
+  useRoute
+};

package/dist/treeshaking/components/activity/OActivityApproval.css

@@ -349,7 +349,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-activity-table .o-tag {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }

package/dist/treeshaking/components/activity/OActivityMyCalendar.css

@@ -347,7 +347,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-my-activity-calendar .desc {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -1040,7 +1040,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-my-activity-calendar .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -1092,7 +1092,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-my-activity-calendar .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-info {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -1213,7 +1213,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-my-activity-calendar .list-body .load-text {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }

package/dist/treeshaking/components/common/TooltipText.vue.mjs

@@ -14,6 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const slots = useSlots();
     let resizeObserver = null;
+    let resizeRafId = null;
     const checkOverflow = () => {
       if (!isClient) return;
       const ele = contentRef.value;
@@ -31,14 +32,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       ellipsis.value = ele.scrollWidth > ele.offsetWidth + 1 || ele.scrollHeight > ele.offsetHeight + 1;
     };
+    const onWindowResize = () => {
+      if (resizeRafId !== null) cancelAnimationFrame(resizeRafId);
+      resizeRafId = requestAnimationFrame(checkOverflow);
+    };
     onMounted(() => {
       checkOverflow();
       if (!isClient || !contentRef.value) return;
       resizeObserver = new ResizeObserver(() => checkOverflow());
       resizeObserver.observe(contentRef.value);
+      window.addEventListener("resize", onWindowResize);
     });
     onUnmounted(() => {
       resizeObserver == null ? void 0 : resizeObserver.disconnect();
+      if (resizeRafId !== null) cancelAnimationFrame(resizeRafId);
+      window.removeEventListener("resize", onWindowResize);
     });
     watch(() => [props.lines, props.width], () => {
       if (isClient) requestAnimationFrame(checkOverflow);

package/dist/treeshaking/components/events/OEventsApply.css

@@ -290,7 +290,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-events-apply .events-apply-grid .step-item .step-desc {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -338,7 +338,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-events-apply .events-apply-grid .step-item .step-desc .desc-list-wrapper {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }

package/dist/treeshaking/components/events/OEventsCalendar.css

@@ -300,7 +300,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-events-calendar .month-content .event-item .event-name {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -331,7 +331,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-events-calendar .month-content .event-item .event-name .o-link {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -389,7 +389,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-events-calendar .month-content-row .month-row .month-name {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -484,7 +484,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-events-calendar .month-content-row .month-row .event-item .event-location {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }

package/dist/treeshaking/components/events/OEventsList.css

@@ -244,6 +244,7 @@
   display: flex;
   align-items: center;
   column-gap: var(--o-gap-2);
+  row-gap: var(--o-gap-1);
   flex-wrap: wrap;
   justify-content: flex-end;
 }
@@ -271,6 +272,11 @@
 .o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon {
   height: 16px;
 }
+@media (max-width: 840px) {
+.o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon {
+    --tag-icon-gap: -8px;
+}
+}
 .o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon svg {
   width: 16px;
   height: 16px;
@@ -428,7 +434,7 @@
 }
 @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
 .o-events-list .list-content .o-card .o-card-content .event-desc {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }

package/dist/treeshaking/components/footer/OFooter.css

@@ -79,7 +79,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .app-footer .footer-content[data-v-a9088eaf] {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -171,7 +171,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .app-footer .quick-nav .category .navs .nav[data-v-a9088eaf] {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -305,7 +305,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .app-footer .footer-option[data-v-a9088eaf] {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -502,7 +502,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .app-footer-simple .app-footer-pc[data-v-a9088eaf] {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -560,7 +560,7 @@
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .app-footer-simple .app-footer-mb[data-v-a9088eaf] {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }

package/dist/treeshaking/components/header/OHeader.css

@@ -1,35 +1,35 @@
-.hover-icon-rotate .o-icon[data-v-77f78215] {
+.hover-icon-rotate .o-icon[data-v-c29d4979] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-77f78215] {
+.hover-icon-rotate:hover .o-icon[data-v-c29d4979] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-77f78215] {
+.header[data-v-c29d4979] {
   --o-header-height: 72px;
   --o-header-content-max-width: 1488px;
   --o-header-content-padding: 0;
 }
 @media (max-width: 1680px) {
-.header[data-v-77f78215] {
+.header[data-v-c29d4979] {
     --o-header-content-max-width: 100%;
     --o-header-content-padding: 64px;
 }
 }
 @media (max-width: 1440px) {
-.header[data-v-77f78215] {
+.header[data-v-c29d4979] {
     --o-header-height: 64px;
     --o-header-content-padding: 40px;
 }
 }
 @media (max-width: 1200px) {
-.header[data-v-77f78215] {
+.header[data-v-c29d4979] {
     --o-header-height: 56px;
     --o-header-content-padding: 32px;
 }
 }
-.header-wrap[data-v-77f78215] {
+.header-wrap[data-v-c29d4979] {
   background-color: var(--o-color-fill2);
   position: fixed;
   left: 0;
@@ -40,7 +40,7 @@
   backdrop-filter: blur(5px);
   height: var(--o-header-height);
 }
-.header-content[data-v-77f78215] {
+.header-content[data-v-c29d4979] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -48,7 +48,7 @@
   margin: 0 auto;
   padding: 0 var(--o-header-content-padding);
 }
-.header-logo[data-v-77f78215] {
+.header-logo[data-v-c29d4979] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -56,27 +56,27 @@
   margin-right: 24px;
   flex-shrink: 0;
 }
-.logo[data-v-77f78215] {
+.logo[data-v-c29d4979] {
   height: 32px;
 }
-.header-nav-top[data-v-77f78215] {
+.header-nav-top[data-v-c29d4979] {
   flex: 1;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
-.header-nav-flatten[data-v-77f78215] {
+.header-nav-flatten[data-v-c29d4979] {
   flex: 1;
   height: 100%;
   min-width: 0;
   position: relative;
 }
-.header-toolbar[data-v-77f78215] {
+.header-toolbar[data-v-c29d4979] {
   height: 100%;
   position: relative;
 }
-.header-nav-content[data-v-77f78215] {
+.header-nav-content[data-v-c29d4979] {
   position: fixed;
   top: var(--o-header-height);
   left: 0;
@@ -86,6 +86,6 @@
   box-shadow: var(--o-shadow-1);
   overflow: hidden;
 }
-[data-o-theme*=dark] .header-wrap[data-v-77f78215] {
+[data-o-theme*=dark] .header-wrap[data-v-c29d4979] {
   border-bottom: 1px solid var(--o-color-control4);
 }

package/dist/treeshaking/components/header/OHeader.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OHeader.vue2.mjs";
 import './OHeader.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77f78215"]]);
+const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c29d4979"]]);
 export {
   _OHeader as default
 };

package/dist/treeshaking/components/header/OHeader.vue2.mjs

@@ -1,4 +1,5 @@
-import { defineComponent, ref, computed, provide, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, createVNode } from "vue";
+import { defineComponent, ref, computed, provide, readonly, watch, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, createVNode } from "vue";
+import { useRoute } from "../../_virtual/vue-router/dist/vue-router.mjs.mjs";
 import HeaderNav from "./components/HeaderNav.vue.mjs";
 import HeaderContent from "./components/HeaderContent.vue.mjs";
 import HeaderFlatten from "./components/HeaderFlatten.vue.mjs";
@@ -35,6 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["go-home", "handle-click", "nav-layout"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
+    const route = useRoute();
     const props = __props;
     const hoverIndex = ref();
     const hoverId = ref();
@@ -136,6 +138,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       hoverId.value = val;
       scheduleClose(false);
     };
+    const navFirstHoverTime = ref(0);
+    const navStepCount = ref(0);
+    provide("navStepCount", readonly(navStepCount));
+    provide("navFirstHoverTime", readonly(navFirstHoverTime));
+    provide("increNavStepCount", () => {
+      navStepCount.value++;
+    });
+    provide("updateNavFirstHoverTime", () => {
+      if (!navFirstHoverTime.value) {
+        navFirstHoverTime.value = Date.now();
+      }
+    });
+    provide("clearNavHandleTrace", () => {
+      navStepCount.value = 0;
+      navFirstHoverTime.value = 0;
+    });
+    watch(
+      () => route == null ? void 0 : route.path,
+      () => {
+        cancelClose();
+        itemVisible.value = false;
+      }
+    );
     onUnmounted(() => {
       cancelClose();
     });