@opendesign-plus/components 0.0.1-rc.55 → 0.0.1-rc.57

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

@@ -20,7 +20,7 @@
   font-size: 20px;
   line-height: 28px;
 }
-@media (min-width: 1201px) and (max-width: 1440px) {
+@media (min-width: 1201px) and (max-width: 1680px) {
 .app-footer .atom .atom-text[data-v-a9088eaf] {
     font-size: 18px;
     line-height: 26px;
@@ -77,9 +77,9 @@
   font-size: 14px;
   line-height: 22px;
 }
-@media (min-width: 1201px) and (max-width: 1440px) {
+@media (min-width: 1201px) and (max-width: 1680px) {
 .app-footer .footer-content[data-v-a9088eaf] {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -131,7 +131,7 @@
   font-size: 20px;
   line-height: 28px;
 }
-@media (min-width: 1201px) and (max-width: 1440px) {
+@media (min-width: 1201px) and (max-width: 1680px) {
 .app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
     font-size: 18px;
     line-height: 26px;
@@ -169,9 +169,9 @@
   font-size: 14px;
   line-height: 22px;
 }
-@media (min-width: 1201px) and (max-width: 1440px) {
+@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;
 }
 }
@@ -205,7 +205,7 @@
   font-size: 12px;
   line-height: 18px;
 }
-@media (min-width: 1201px) and (max-width: 1440px) {
+@media (min-width: 1201px) and (max-width: 1680px) {
 .app-footer .friendship-link[data-v-a9088eaf] {
     font-size: 12px;
     line-height: 18px;
@@ -303,9 +303,9 @@
   font-size: 14px;
   line-height: 22px;
 }
-@media (min-width: 1201px) and (max-width: 1440px) {
+@media (min-width: 1201px) and (max-width: 1680px) {
 .app-footer .footer-option[data-v-a9088eaf] {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 }
@@ -500,9 +500,9 @@
   font-size: 14px;
   line-height: 22px;
 }
-@media (min-width: 1201px) and (max-width: 1440px) {
+@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;
 }
 }
@@ -558,9 +558,9 @@
   font-size: 14px;
   line-height: 22px;
 }
-@media (min-width: 1201px) and (max-width: 1440px) {
+@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-bea1514c] {
+.hover-icon-rotate .o-icon[data-v-8cae5712] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-bea1514c] {
+.hover-icon-rotate:hover .o-icon[data-v-8cae5712] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-bea1514c] {
+.header[data-v-8cae5712] {
   --o-header-height: 72px;
   --o-header-content-max-width: 1488px;
   --o-header-content-padding: 0;
 }
 @media (max-width: 1680px) {
-.header[data-v-bea1514c] {
+.header[data-v-8cae5712] {
     --o-header-content-max-width: 100%;
     --o-header-content-padding: 64px;
 }
 }
 @media (max-width: 1440px) {
-.header[data-v-bea1514c] {
+.header[data-v-8cae5712] {
     --o-header-height: 64px;
     --o-header-content-padding: 40px;
 }
 }
 @media (max-width: 1200px) {
-.header[data-v-bea1514c] {
+.header[data-v-8cae5712] {
     --o-header-height: 56px;
     --o-header-content-padding: 32px;
 }
 }
-.header-wrap[data-v-bea1514c] {
+.header-wrap[data-v-8cae5712] {
   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-bea1514c] {
+.header-content[data-v-8cae5712] {
   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-bea1514c] {
+.header-logo[data-v-8cae5712] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -56,27 +56,27 @@
   margin-right: 24px;
   flex-shrink: 0;
 }
-.logo[data-v-bea1514c] {
+.logo[data-v-8cae5712] {
   height: 32px;
 }
-.header-nav-top[data-v-bea1514c] {
+.header-nav-top[data-v-8cae5712] {
   flex: 1;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
-.header-nav-flatten[data-v-bea1514c] {
+.header-nav-flatten[data-v-8cae5712] {
   flex: 1;
   height: 100%;
   min-width: 0;
   position: relative;
 }
-.header-toolbar[data-v-bea1514c] {
+.header-toolbar[data-v-8cae5712] {
   height: 100%;
   position: relative;
 }
-.header-nav-content[data-v-bea1514c] {
+.header-nav-content[data-v-8cae5712] {
   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-bea1514c] {
+[data-o-theme*=dark] .header-wrap[data-v-8cae5712] {
   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-bea1514c"]]);
+const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8cae5712"]]);
 export {
   _OHeader as default
 };

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

@@ -1,5 +1,4 @@
-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 { defineComponent, ref, computed, provide, readonly, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, createVNode } from "vue";
 import HeaderNav from "./components/HeaderNav.vue.mjs";
 import HeaderContent from "./components/HeaderContent.vue.mjs";
 import HeaderFlatten from "./components/HeaderFlatten.vue.mjs";
@@ -36,7 +35,6 @@ 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();
@@ -154,13 +152,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       navStepCount.value = 0;
       navFirstHoverTime.value = 0;
     });
-    watch(
-      () => route.path,
-      () => {
-        cancelClose();
-        itemVisible.value = false;
-      }
-    );
+    provide("closeNavPanel", () => {
+      cancelClose();
+      itemVisible.value = false;
+    });
     onUnmounted(() => {
       cancelClose();
     });

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

@@ -51,7 +51,7 @@
   font-size: 18px;
   line-height: 26px;
 }
-@media (min-width: 1201px) and (max-width: 1440px) {
+@media (min-width: 1201px) and (max-width: 1680px) {
 .header-simple .simple-header-left .header-title[data-v-0a2d44bb] {
     font-size: 16px;
     line-height: 24px;