@opendesign-plus-test/components 0.0.1-rc.193 → 0.0.1-rc.194

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

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-8c853215] {
+.hover-icon-rotate .o-icon[data-v-5c72051b] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-8c853215] {
+.hover-icon-rotate:hover .o-icon[data-v-5c72051b] {
     transform: rotate(-180deg);
 }
 }
-.header-nav[data-v-8c853215] {
+.header-nav[data-v-5c72051b] {
   flex: 1;
   justify-content: space-between;
   width: 100%;
@@ -19,13 +19,13 @@
   opacity: 0;
   display: flex;
 }
-.header-nav.active[data-v-8c853215] {
+.header-nav.active[data-v-5c72051b] {
   opacity: 1;
   visibility: visible;
   transform: translateX(0);
   background-color: var(--o-color-mask1);
 }
-.o-nav[data-v-8c853215] {
+.o-nav[data-v-5c72051b] {
   height: 100%;
   min-width: 99px;
   max-width: 40%;
@@ -35,35 +35,35 @@
   flex-direction: column;
   justify-content: space-between;
 }
-.o-nav .o-nav-list > li[data-v-8c853215] {
+.o-nav .o-nav-list > li[data-v-5c72051b] {
   font-size: 18px;
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-nav .o-nav-list > li[data-v-8c853215] {
+.o-nav .o-nav-list > li[data-v-5c72051b] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-nav .o-nav-list > li[data-v-8c853215] {
+.o-nav .o-nav-list > li[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-nav .o-nav-list > li[data-v-8c853215] {
+.o-nav .o-nav-list > li[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-nav .o-nav-list > li[data-v-8c853215] {
+.o-nav .o-nav-list > li[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-nav .o-nav-list > li[data-v-8c853215] {
+.o-nav .o-nav-list > li[data-v-5c72051b] {
   display: flex;
   align-items: center;
   min-height: 48px;
@@ -71,40 +71,40 @@
   padding-right: var(--o-gap-2);
   color: var(--o-color-info1);
 }
-.o-nav .o-nav-list > li.active[data-v-8c853215] {
+.o-nav .o-nav-list > li.active[data-v-5c72051b] {
   color: var(--o-color-primary1);
   background: var(--o-color-fill2);
   font-weight: 500;
 }
-.o-nav .o-nav-list > li.is-disabled[data-v-8c853215] {
+.o-nav .o-nav-list > li.is-disabled[data-v-5c72051b] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.o-nav .o-nav-list > li .text-label[data-v-8c853215] {
+.o-nav .o-nav-list > li .text-label[data-v-5c72051b] {
   display: block;
   white-space: pre-wrap;
   word-wrap: break-word;
   width: 100%;
 }
-.nav-aside[data-v-8c853215] {
+.nav-aside[data-v-5c72051b] {
   background-color: var(--o-color-fill2);
   flex: 1;
   height: 100%;
 }
-.nav-aside .nav-aside-wrapper[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper[data-v-5c72051b] {
   overflow-y: auto;
   padding: 16px 12px 32px;
   height: 100%;
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .nav-aside-content[data-v-5c72051b] {
   display: block;
   flex: 0 1 auto;
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content + .nav-aside-content[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .nav-aside-content + .nav-aside-content[data-v-5c72051b] {
   position: relative;
   padding-top: var(--o-gap-3);
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content + .nav-aside-content[data-v-8c853215]::before {
+.nav-aside .nav-aside-wrapper .nav-aside-content + .nav-aside-content[data-v-5c72051b]::before {
   content: "";
   position: absolute;
   top: 0;
@@ -112,49 +112,49 @@
   height: 1px;
   background-color: rgba(var(--o-grey-14), 0.1);
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-5c72051b] {
   color: var(--o-color-info3);
   margin-bottom: 8px;
   font-size: 18px;
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-5c72051b] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children[data-v-5c72051b] {
   margin-bottom: 12px;
   display: flex;
   align-items: center;
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children .o-tag[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children .o-tag[data-v-5c72051b] {
   margin-left: var(--o-gap-2);
   --layout-pkg-radius: 100vh;
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children .o-icon[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children .o-icon[data-v-5c72051b] {
   margin-left: var(--o-gap-2);
 }
-.nav-aside .nav-aside-wrapper .source-code-item[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .source-code-item[data-v-5c72051b] {
   height: 40px;
   display: flex;
   align-items: center;
@@ -164,91 +164,91 @@
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-aside .nav-aside-wrapper .source-code-item[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .source-code-item[data-v-5c72051b] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-aside .nav-aside-wrapper .source-code-item[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .source-code-item[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-aside .nav-aside-wrapper .source-code-item[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .source-code-item[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.nav-aside .nav-aside-wrapper .source-code-item[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .source-code-item[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.nav-aside .nav-aside-wrapper .source-code-item.active[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .source-code-item.active[data-v-5c72051b] {
   color: var(--o-color-primary1);
 }
-.nav-aside .nav-aside-wrapper .source-code-item + .source-code-item[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .source-code-item + .source-code-item[data-v-5c72051b] {
   border-top: 1px solid var(--o-color-control4);
 }
-.nav-aside .nav-aside-wrapper .source-code-item .icon[data-v-8c853215] {
+.nav-aside .nav-aside-wrapper .source-code-item .icon[data-v-5c72051b] {
   margin-left: var(--o-gap-2);
 }
-.nav-aside .nav-aside-wrapper[data-v-8c853215]::-webkit-scrollbar-track {
+.nav-aside .nav-aside-wrapper[data-v-5c72051b]::-webkit-scrollbar-track {
   border-radius: 3px;
 }
-.nav-aside .nav-aside-wrapper[data-v-8c853215]::-webkit-scrollbar {
+.nav-aside .nav-aside-wrapper[data-v-5c72051b]::-webkit-scrollbar {
   width: 6px;
   background-color: transparent;
 }
-.nav-aside .nav-aside-wrapper[data-v-8c853215]::-webkit-scrollbar-thumb {
+.nav-aside .nav-aside-wrapper[data-v-5c72051b]::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background: var(--o-color-control1);
 }
-.nav-aside .container-mobile[data-v-8c853215] {
+.nav-aside .container-mobile[data-v-5c72051b] {
   font-size: 18px;
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-aside .container-mobile[data-v-8c853215] {
+.nav-aside .container-mobile[data-v-5c72051b] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-aside .container-mobile[data-v-8c853215] {
+.nav-aside .container-mobile[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-aside .container-mobile[data-v-8c853215] {
+.nav-aside .container-mobile[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.nav-aside .container-mobile[data-v-8c853215] {
+.nav-aside .container-mobile[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.nav-aside .container-mobile .o-icon[data-v-8c853215] {
+.nav-aside .container-mobile .o-icon[data-v-5c72051b] {
   --icon-size: 16px;
   margin-left: var(--o-gap-2);
 }
-.nav-aside .content-container-mobile[data-v-8c853215] {
+.nav-aside .content-container-mobile[data-v-5c72051b] {
   margin-top: var(--o-gap-3);
 }
-.nav-aside .content-container-mobile[data-v-8c853215]:first-child {
+.nav-aside .content-container-mobile[data-v-5c72051b]:first-child {
   margin-top: 8px;
 }
-.nav-aside .content-container-mobile[data-v-8c853215]:last-child {
+.nav-aside .content-container-mobile[data-v-5c72051b]:last-child {
   margin-bottom: 12px;
 }
-.nav-aside .content-container-mobile .content-subtitle[data-v-8c853215] {
+.nav-aside .content-container-mobile .content-subtitle[data-v-5c72051b] {
   color: var(--o-color-info1);
   display: flex;
   align-items: center;
@@ -256,41 +256,41 @@
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-aside .content-container-mobile .content-subtitle[data-v-8c853215] {
+.nav-aside .content-container-mobile .content-subtitle[data-v-5c72051b] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-aside .content-container-mobile .content-subtitle[data-v-8c853215] {
+.nav-aside .content-container-mobile .content-subtitle[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-aside .content-container-mobile .content-subtitle[data-v-8c853215] {
+.nav-aside .content-container-mobile .content-subtitle[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.nav-aside .content-container-mobile .content-subtitle[data-v-8c853215] {
+.nav-aside .content-container-mobile .content-subtitle[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.nav-aside .content-container-mobile .content-subtitle .item-label[data-v-8c853215] {
+.nav-aside .content-container-mobile .content-subtitle .item-label[data-v-5c72051b] {
   font-weight: 600;
 }
-.nav-aside .content-container-mobile .content-tag[data-v-8c853215] {
+.nav-aside .content-container-mobile .content-tag[data-v-5c72051b] {
   margin-left: var(--o-gap-2);
   --layout-pkg-radius: var(--o-radius-xs);
 }
-.nav-aside .content-container-mobile .desc-container[data-v-8c853215] {
+.nav-aside .content-container-mobile .desc-container[data-v-5c72051b] {
   overflow: hidden;
   position: relative;
 }
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-8c853215] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-5c72051b] {
   color: var(--o-color-info2);
   margin-top: var(--o-gap-1);
   text-align: justify;
@@ -299,30 +299,30 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-8c853215] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-5c72051b] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-8c853215] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-5c72051b] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-8c853215] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-5c72051b] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-8c853215] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-5c72051b] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-8c853215] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-5c72051b] {
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
@@ -331,47 +331,47 @@
   -webkit-line-clamp: 2;
 }
 @media (max-width: 600px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-8c853215] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-5c72051b] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-8c853215] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-8c853215] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-8c853215] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (max-width: 600px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-8c853215] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-5c72051b] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.nav-aside .content-item-disabled[data-v-8c853215] {
+.nav-aside .content-item-disabled[data-v-5c72051b] {
   cursor: no-drop;
 }
-.nav-aside .content-item-disabled .content-subtitle[data-v-8c853215] {
+.nav-aside .content-item-disabled .content-subtitle[data-v-5c72051b] {
   color: var(--o-color-info4);
   cursor: no-drop;
   pointer-events: none;
 }
-.nav-aside .content-item-disabled .desc-container .item-desc[data-v-8c853215] {
+.nav-aside .content-item-disabled .desc-container .item-desc[data-v-5c72051b] {
   color: var(--o-color-info4);
 }
-.header-tool[data-v-8c853215] {
+.header-tool[data-v-5c72051b] {
   margin-bottom: 36px;
   width: 100%;
   display: flex;
@@ -379,7 +379,7 @@
   align-items: center;
   flex-direction: column;
 }
-.header-tool-item[data-v-8c853215] {
+.header-tool-item[data-v-5c72051b] {
   width: 100%;
   display: flex;
   align-items: center;
@@ -388,47 +388,47 @@
   padding-right: var(--o-gap-2);
   color: var(--o-color-info1);
 }
-.header-tool-item.active[data-v-8c853215] {
+.header-tool-item.active[data-v-5c72051b] {
   color: var(--o-color-primary1);
   background: var(--o-color-fill2);
   font-weight: 500;
 }
-.header-tool-item.is-disabled[data-v-8c853215] {
+.header-tool-item.is-disabled[data-v-5c72051b] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.header-tool-item[data-v-8c853215] {
+.header-tool-item[data-v-5c72051b] {
   font-size: 18px;
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.header-tool-item[data-v-8c853215] {
+.header-tool-item[data-v-5c72051b] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.header-tool-item[data-v-8c853215] {
+.header-tool-item[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.header-tool-item[data-v-8c853215] {
+.header-tool-item[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.header-tool-item[data-v-8c853215] {
+.header-tool-item[data-v-5c72051b] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.other-tool[data-v-8c853215] {
+.other-tool[data-v-5c72051b] {
   width: 100%;
   padding: var(--o-gap-2) var(--o-gap-2) 0 var(--o-gap-5);
 }
-.mindspore .content-container-mobile .content-tag[data-v-8c853215] {
+.mindspore .content-container-mobile .content-tag[data-v-5c72051b] {
   --layout-pkg-radius: 100vh;
 }

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./HeaderNavMobile.vue2.mjs";
 import './HeaderNavMobile.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const HeaderNavMobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8c853215"]]);
+const HeaderNavMobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c72051b"]]);
 export {
   HeaderNavMobile as default
 };

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

@@ -1,6 +1,7 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, renderSlot, createBlock, unref, withCtx, resolveDynamicComponent, createTextVNode } from "vue";
+import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, renderSlot, unref, createBlock, withCtx, resolveDynamicComponent, createTextVNode } from "vue";
 import { OIcon, OTag } from "@opensig/opendesign";
 import { NavType } from "../types.mjs";
+import { linkTarget, isTagExpired, isCodeItem } from "../utils.mjs";
 const _hoisted_1 = { class: "o-nav" };
 const _hoisted_2 = { class: "o-nav-list" };
 const _hoisted_3 = ["onClick"];
@@ -16,17 +17,17 @@ const _hoisted_6 = {
 const _hoisted_7 = ["value"];
 const _hoisted_8 = { class: "content-label" };
 const _hoisted_9 = { class: "container-mobile" };
-const _hoisted_10 = ["onClick"];
+const _hoisted_10 = ["href", "target"];
 const _hoisted_11 = { class: "item-label" };
 const _hoisted_12 = { class: "desc-container" };
 const _hoisted_13 = { class: "item-desc" };
-const _hoisted_14 = ["onClick"];
+const _hoisted_14 = ["href", "target"];
 const _hoisted_15 = { class: "item-label" };
 const _hoisted_16 = {
   key: 1,
   class: "nav-aside-wrapper"
 };
-const _hoisted_17 = ["onClick"];
+const _hoisted_17 = ["href", "target", "onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HeaderNavMobile",
   props: {
@@ -60,19 +61,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         navInfo.value = props.langData;
       }
     };
-    const onClick = (url, target) => {
-      if (target) {
-        window.open(url, target);
-      } else if (url == null ? void 0 : url.startsWith("http")) {
-        window.open(url, "_blank");
-      } else {
-        window.location.href = url;
-      }
+    const onClick = () => {
       emit("on-click");
     };
     const onClickNav = (val) => {
-      if ("href" in val) {
-        onClick(val.href, val == null ? void 0 : val.target);
+      if (isCodeItem(val)) {
+        emit("on-click");
       } else {
         emit("lang-click", val);
       }
@@ -167,9 +161,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         class: normalizeClass(["content-container-mobile", { "content-item-disabled": subItem == null ? void 0 : subItem.disabled }])
                       }, [
                         createElementVNode("a", {
-                          onClick: ($event) => onClick(subItem.href, subItem == null ? void 0 : subItem.target),
+                          href: subItem.href,
+                          target: unref(linkTarget)(subItem.href, subItem == null ? void 0 : subItem.target),
                           rel: "noopener noreferrer",
-                          class: "content-subtitle"
+                          class: "content-subtitle",
+                          onClick
                         }, [
                           createElementVNode("span", _hoisted_11, toDisplayString(subItem.label), 1),
                           subItem.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
@@ -178,10 +174,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 2
                           }, 1024)) : createCommentVNode("", true),
-                          subItem.tag ? (openBlock(), createBlock(unref(OTag), {
+                          subItem.tag && !unref(isTagExpired)(subItem.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
                             key: 1,
                             color: "danger",
                             size: "small",
+                            round: "pill",
                             class: normalizeClass(["content-tag", `tag-${(_a3 = subItem == null ? void 0 : subItem.tag) == null ? void 0 : _a3.toLowerCase()}`])
                           }, {
                             default: withCtx(() => [
@@ -198,9 +195,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ], 64)) : (openBlock(), createElementBlock("a", {
                   key: 1,
-                  onClick: ($event) => onClick(item.href, item == null ? void 0 : item.target),
+                  href: item.href,
+                  target: unref(linkTarget)(item.href, item == null ? void 0 : item.target),
                   rel: "noopener noreferrer",
-                  class: "content-subtitle item-not-children"
+                  class: "content-subtitle item-not-children",
+                  onClick
                 }, [
                   createElementVNode("span", _hoisted_15, toDisplayString(item.label), 1),
                   item.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
@@ -209,10 +208,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 2
                   }, 1024)) : createCommentVNode("", true),
-                  item.tag ? (openBlock(), createBlock(unref(OTag), {
+                  item.tag && !unref(isTagExpired)(item.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
                     key: 1,
                     color: "danger",
                     size: "small",
+                    round: "pill",
                     class: normalizeClass(`tag-${(_a2 = item == null ? void 0 : item.tag) == null ? void 0 : _a2.toLowerCase()}`)
                   }, {
                     default: withCtx(() => [
@@ -227,8 +227,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value.children, (item) => {
               return openBlock(), createElementBlock("a", {
                 key: item.label,
-                onClick: ($event) => onClickNav(item),
-                class: "source-code-item"
+                href: unref(isCodeItem)(item) ? item.href : void 0,
+                target: unref(isCodeItem)(item) ? unref(linkTarget)(item.href, item.target) : void 0,
+                rel: "noopener noreferrer",
+                class: "source-code-item",
+                onClick: ($event) => onClickNav(item)
               }, [
                 createElementVNode("span", null, toDisplayString(item.label), 1),
                 item.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {

package/dist/treeshaking/components/header/types.d.ts

@@ -9,6 +9,7 @@ export interface ChildrenItemT {
     description?: string;
     href?: string;
     tag?: tagT;
+    tagExpire?: string;
     icon?: any;
     target?: string;
     line?: number;
@@ -22,6 +23,7 @@ export interface ShortcutItemT {
     pictureDark?: string;
     href?: string;
     tag?: tagT;
+    tagExpire?: string;
     remark?: string;
     type?: string;
     target?: string;
@@ -36,6 +38,7 @@ export interface NavItemT {
     children: ChildrenItemT[];
     shortcut: ShortcutItemT[];
     tag?: string;
+    tagExpire?: string;
     disabled?: boolean;
 }
 export interface CodeItemT {
@@ -79,6 +82,7 @@ export interface NavLiT {
 export interface NavLiItemT {
     itemData: NavItemT;
     itemVisible: boolean;
+    itemActive: boolean;
     community?: string;
     bgLeft?: string;
     bgRight?: string;

package/dist/treeshaking/components/header/utils.d.ts

@@ -0,0 +1,4 @@
+import { CodeItemT, LangItemT } from './types.ts';
+export declare const isTagExpired: (tagExpire?: string) => boolean;
+export declare const isCodeItem: (val: CodeItemT | LangItemT) => val is CodeItemT;
+export declare const linkTarget: (url: string | undefined, target?: string) => string | undefined;