@opendesign-plus-test/components 0.0.1-rc.104 → 0.0.1-rc.106

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

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

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

@@ -1,5 +1,5 @@
-import { defineComponent, ref, resolveDirective, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString, withDirectives, createBlock, createTextVNode, createCommentVNode, resolveDynamicComponent } from "vue";
-import { OScroller, OTag, OIcon, OPopover } from "@opensig/opendesign";
+import { defineComponent, ref, resolveDirective, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString, withDirectives, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode } from "vue";
+import { OScroller, OIcon, OTag, OPopover } from "@opensig/opendesign";
 import { useTheme } from "../../../shared/theme.mjs";
 import { useI18n } from "../../../i18n/index.mjs";
 const _hoisted_1 = { class: "header-content-nav" };
@@ -146,9 +146,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   class: "item-label"
                                 }, [
                                   createElementVNode("span", _hoisted_7, toDisplayString(subItem.label), 1),
+                                  subItem.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
+                                    default: withCtx(() => [
+                                      (openBlock(), createBlock(resolveDynamicComponent(subItem.icon)))
+                                    ]),
+                                    _: 2
+                                  }, 1024)) : createCommentVNode("", true),
                                   subItem.tag ? (openBlock(), createBlock(unref(OTag), {
-                                    key: 0,
-                                    round: "pill",
+                                    key: 1,
                                     color: "danger",
                                     size: "small",
                                     class: normalizeClass(["content-tag", `tag-${(_a3 = subItem == null ? void 0 : subItem.tag) == null ? void 0 : _a3.toLowerCase()}`])
@@ -157,13 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                       createTextVNode(toDisplayString(subItem.tag), 1)
                                     ]),
                                     _: 2
-                                  }, 1032, ["class"])) : createCommentVNode("", true),
-                                  subItem.icon ? (openBlock(), createBlock(unref(OIcon), { key: 1 }, {
-                                    default: withCtx(() => [
-                                      (openBlock(), createBlock(resolveDynamicComponent(subItem.icon)))
-                                    ]),
-                                    _: 2
-                                  }, 1024)) : createCommentVNode("", true)
+                                  }, 1032, ["class"])) : createCommentVNode("", true)
                                 ], 8, _hoisted_6)), [
                                   [_directive_analytics, () => onClickNavHref(sub, subItem)]
                                 ]),

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

@@ -1,32 +1,30 @@
-.hover-icon-rotate .o-icon[data-v-9b4a602b] {
+.hover-icon-rotate .o-icon[data-v-acf019fb] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-9b4a602b] {
+.hover-icon-rotate:hover .o-icon[data-v-acf019fb] {
     transform: rotate(-180deg);
 }
 }
-.header-nav-wrap[data-v-9b4a602b] {
+.header-nav-wrap[data-v-acf019fb] {
   height: 100%;
 }
-.header-nav-wrap .header-nav[data-v-9b4a602b] {
+.header-nav-wrap .header-nav[data-v-acf019fb] {
   height: 100%;
   display: flex;
   justify-content: space-between;
   width: calc(100% - 64px);
   align-items: center;
 }
-.header-nav-wrap .header-nav-scroll[data-v-9b4a602b] {
+.header-nav-wrap .header-nav-scroll[data-v-acf019fb] {
   width: calc(100% - 64px - 24px);
 }
-.o-nav[data-v-9b4a602b] {
+.o-nav[data-v-acf019fb] {
   --o-before-left: 0;
   height: 100%;
   position: relative;
-  overflow-y: hidden;
-  overflow-x: auto;
 }
-.o-nav[data-v-9b4a602b]::after, .o-nav[data-v-9b4a602b]::before {
+.o-nav[data-v-acf019fb]::after, .o-nav[data-v-acf019fb]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -34,18 +32,18 @@
   top: 0;
   z-index: 9;
 }
-.o-nav[data-v-9b4a602b]::after {
+.o-nav[data-v-acf019fb]::after {
   right: 0;
   background-image: linear-gradient(90deg, rgba(var(--o-grey-1), 0) 0%, rgba(var(--o-grey-1), 1) 100%);
 }
-.o-nav[data-v-9b4a602b]::before {
+.o-nav[data-v-acf019fb]::before {
   background-image: linear-gradient(0, rgba(var(--o-grey-1), 0) 0%, rgba(var(--o-grey-1), 1) 100%);
   display: none;
 }
-.o-nav[data-v-9b4a602b]::-webkit-scrollbar {
+.o-nav[data-v-acf019fb]::-webkit-scrollbar {
   display: none;
 }
-.right-icon[data-v-9b4a602b] {
+.right-icon[data-v-acf019fb] {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -53,29 +51,29 @@
   height: 16px;
   border-radius: var(--o-radius-xs);
 }
-.right-icon .o-icon[data-v-9b4a602b] {
+.right-icon .o-icon[data-v-acf019fb] {
   --icon-size: 16px;
 }
 @media (hover: hover) {
-.right-icon[data-v-9b4a602b]:hover {
+.right-icon[data-v-acf019fb]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-link2);
 }
 }
-.right-icon[data-v-9b4a602b]:active {
+.right-icon[data-v-acf019fb]:active {
   color: var(--o-color-link3);
 }
-[data-o-theme*=dark] .o-nav[data-v-9b4a602b]::after, [data-o-theme*=dark] .o-nav[data-v-9b4a602b]::before {
+[data-o-theme*=dark] .o-nav[data-v-acf019fb]::after, [data-o-theme*=dark] .o-nav[data-v-acf019fb]::before {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
 }
-.o-nav-scroll[data-v-9b4a602b]::after {
+.o-nav-scroll[data-v-acf019fb]::after {
   display: none;
 }
-.o-nav-scroll[data-v-9b4a602b]::before {
+.o-nav-scroll[data-v-acf019fb]::before {
   left: var(--o-before-left);
   display: block;
 }
-.nav-list[data-v-9b4a602b] {
+.nav-list[data-v-acf019fb] {
   display: flex;
   height: 100%;
   width: fit-content;
@@ -84,7 +82,7 @@
   padding: 0;
   margin: 0;
 }
-.nav-item-li[data-v-9b4a602b] {
+.nav-item-li[data-v-acf019fb] {
   position: relative;
   display: flex;
   align-items: center;
@@ -93,7 +91,7 @@
   pointer-events: auto;
   transition: color var(--o-duration-s) var(--o-easing-standard);
 }
-.nav-item-li .nav-item[data-v-9b4a602b] {
+.nav-item-li .nav-item[data-v-acf019fb] {
   cursor: default;
   display: flex;
   align-items: center;
@@ -102,43 +100,43 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-item-li .nav-item[data-v-9b4a602b] {
+.nav-item-li .nav-item[data-v-acf019fb] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-item-li .nav-item[data-v-9b4a602b] {
+.nav-item-li .nav-item[data-v-acf019fb] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-item-li .nav-item[data-v-9b4a602b] {
+.nav-item-li .nav-item[data-v-acf019fb] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.nav-item-li .nav-item[data-v-9b4a602b] {
+.nav-item-li .nav-item[data-v-acf019fb] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1440px) {
-.nav-item-li .nav-item[data-v-9b4a602b] {
+.nav-item-li .nav-item[data-v-acf019fb] {
     padding: 18px 12px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-item-li .nav-item[data-v-9b4a602b] {
+.nav-item-li .nav-item[data-v-acf019fb] {
     padding: 14px 8px;
 }
 }
-.nav-item-li .nav-text[data-v-9b4a602b] {
+.nav-item-li .nav-text[data-v-acf019fb] {
   position: relative;
 }
-.nav-item-li .nav-text[data-v-9b4a602b]::after {
+.nav-item-li .nav-text[data-v-acf019fb]::after {
   content: "";
   position: absolute;
   left: 0;
@@ -151,31 +149,31 @@
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
 @media (max-width: 1440px) {
-.nav-item-li .nav-text[data-v-9b4a602b]::after {
+.nav-item-li .nav-text[data-v-acf019fb]::after {
     bottom: -21px;
 }
 }
 @media (max-width: 1200px) {
-.nav-item-li .nav-text[data-v-9b4a602b]::after {
+.nav-item-li .nav-text[data-v-acf019fb]::after {
     bottom: -17px;
 }
 }
-.nav-item-li .nav-item-link[data-v-9b4a602b] {
+.nav-item-li .nav-item-link[data-v-acf019fb] {
   cursor: pointer;
 }
-.nav-item-li.is-selected .nav-text[data-v-9b4a602b], .nav-item-li.is-active .nav-text[data-v-9b4a602b] {
+.nav-item-li.is-selected .nav-text[data-v-acf019fb], .nav-item-li.is-active .nav-text[data-v-acf019fb] {
   color: var(--o-color-primary1);
   z-index: 99;
   font-weight: 600;
 }
-.nav-item-li.is-selected .nav-text[data-v-9b4a602b]::after, .nav-item-li.is-active .nav-text[data-v-9b4a602b]::after {
+.nav-item-li.is-selected .nav-text[data-v-acf019fb]::after, .nav-item-li.is-active .nav-text[data-v-acf019fb]::after {
   opacity: 1;
 }
-.nav-item-li.is-disabled[data-v-9b4a602b] {
+.nav-item-li.is-disabled[data-v-acf019fb] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.dropdown-wrapper[data-v-9b4a602b] {
+.dropdown-wrapper[data-v-acf019fb] {
   position: absolute;
   top: calc(100% - 4px);
   left: 0;
@@ -183,13 +181,13 @@
   padding-top: 8px;
   transition: opacity var(--o-duration-s) var(--o-easing-standard);
 }
-.dropdown-wrapper .dropdown-body[data-v-9b4a602b] {
+.dropdown-wrapper .dropdown-body[data-v-acf019fb] {
   padding: 6px;
   background-color: var(--o-color-fill2);
   border-radius: var(--o-radius-xs);
   box-shadow: var(--o-shadow-2);
 }
-.dropdown-wrapper .dropdown-item[data-v-9b4a602b] {
+.dropdown-wrapper .dropdown-item[data-v-acf019fb] {
   font-weight: 400;
   white-space: nowrap;
   display: flex;
@@ -205,63 +203,63 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.dropdown-wrapper .dropdown-item[data-v-9b4a602b] {
+.dropdown-wrapper .dropdown-item[data-v-acf019fb] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.dropdown-wrapper .dropdown-item[data-v-9b4a602b] {
+.dropdown-wrapper .dropdown-item[data-v-acf019fb] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.dropdown-wrapper .dropdown-item[data-v-9b4a602b] {
+.dropdown-wrapper .dropdown-item[data-v-acf019fb] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.dropdown-wrapper .dropdown-item[data-v-9b4a602b] {
+.dropdown-wrapper .dropdown-item[data-v-acf019fb] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (hover: hover) {
-.dropdown-wrapper .dropdown-item[data-v-9b4a602b]:hover {
+.dropdown-wrapper .dropdown-item[data-v-acf019fb]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-primary1);
 }
 }
-.dropdown-wrapper .dropdown-item-disabled[data-v-9b4a602b] {
+.dropdown-wrapper .dropdown-item-disabled[data-v-acf019fb] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.dropdown-wrapper .dropdown-link[data-v-9b4a602b] {
+.dropdown-wrapper .dropdown-link[data-v-acf019fb] {
   color: inherit;
   display: flex;
   align-items: center;
   width: 100%;
 }
-.dropdown-wrapper .dropdown-link .o-tag[data-v-9b4a602b] {
+.dropdown-wrapper .dropdown-link .o-tag[data-v-acf019fb] {
   margin-left: var(--o-gap-2);
   transform: scale(0.75);
   transform-origin: left center;
 }
-.dropdown-wrapper[data-v-9b4a602b] .jump-out-icon {
+.dropdown-wrapper[data-v-acf019fb] .jump-out-icon {
   font-size: 16px;
   margin-left: 4px;
 }
-.dropdown-wrapper[data-v-9b4a602b] .jump-out-icon path {
+.dropdown-wrapper[data-v-acf019fb] .jump-out-icon path {
   fill: currentColor;
   stroke: transparent;
 }
-.dropdown-wrapper[data-v-9b4a602b] .jump-out-icon path[fill=none] {
+.dropdown-wrapper[data-v-acf019fb] .jump-out-icon path[fill=none] {
   display: none;
 }
 @media (hover: hover) {
-.nav-item:hover .dropdown-wrapper[data-v-9b4a602b] {
+.nav-item:hover .dropdown-wrapper[data-v-acf019fb] {
     display: block;
 }
 }

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onMounted, nextTick, onUnmounted, resolveComponent, resolveDirective, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, unref, withCtx, createCommentVNode, normalizeStyle, Fragment, renderList, withDirectives, toDisplayString, createBlock, createTextVNode } from "vue";
+import { defineComponent, ref, computed, onMounted, nextTick, onUnmounted, resolveDirective, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, unref, withCtx, createCommentVNode, normalizeStyle, Fragment, renderList, withDirectives, toDisplayString, createBlock, createTextVNode, resolveDynamicComponent } from "vue";
 import { OIcon, OTag } from "@opensig/opendesign";
 import IconCaretLeft from "../../../_virtual/icon-caret-left.mjs";
 import IconCaretRight from "../../../_virtual/icon-caret-right.mjs";
@@ -31,6 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HeaderFlatten",
   props: {
     navData: {},
+    community: {},
     activeIndex: {},
     hoverId: {}
   },
@@ -140,7 +141,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       clearTimeout(resizeTimer.value);
     });
     return (_ctx, _cache) => {
-      const _component_IconOutlink = resolveComponent("IconOutlink");
       const _directive_analytics = resolveDirective("analytics");
       return openBlock(), createElementBlock("nav", _hoisted_1, [
         createElementVNode("div", {
@@ -248,8 +248,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 rel: childTab.href.startsWith("http") ? "noopener noreferrer" : ""
                               }, [
                                 createElementVNode("span", null, toDisplayString(childTab.label), 1),
+                                childTab.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
+                                  default: withCtx(() => [
+                                    (openBlock(), createBlock(resolveDynamicComponent(childTab.icon)))
+                                  ]),
+                                  _: 2
+                                }, 1024)) : createCommentVNode("", true),
                                 childTab.tag ? (openBlock(), createBlock(unref(OTag), {
-                                  key: 0,
+                                  key: 1,
                                   color: "danger",
                                   size: "small",
                                   round: "pill",
@@ -259,16 +265,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     createTextVNode(toDisplayString(childTab.tag), 1)
                                   ]),
                                   _: 2
-                                }, 1032, ["class"])) : createCommentVNode("", true),
-                                childTab.jumpOut ? (openBlock(), createBlock(unref(OIcon), {
-                                  key: 1,
-                                  class: "jump-out-icon"
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(_component_IconOutlink)
-                                  ]),
-                                  _: 1
-                                })) : createCommentVNode("", true)
+                                }, 1032, ["class"])) : createCommentVNode("", true)
                               ], 8, _hoisted_14)
                             ], 2)), [
                               [_directive_analytics, () => onRedirect(childTab)]

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

@@ -1,43 +1,43 @@
-.hover-icon-rotate .o-icon[data-v-de2ccddd] {
+.hover-icon-rotate .o-icon[data-v-830ea7d7] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-de2ccddd] {
+.hover-icon-rotate:hover .o-icon[data-v-830ea7d7] {
     transform: rotate(-180deg);
 }
 }
-.header-nav-wrap[data-v-de2ccddd] {
+.header-nav-wrap[data-v-830ea7d7] {
   height: 100%;
   --nav-right: 64px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.header-nav-wrap[data-v-de2ccddd] {
+.header-nav-wrap[data-v-830ea7d7] {
     --nav-right: 48px;
 }
 }
 @media (max-width: 1200px) {
-.header-nav-wrap[data-v-de2ccddd] {
+.header-nav-wrap[data-v-830ea7d7] {
     --nav-right: 32px;
 }
 }
-.header-nav-wrap .header-nav[data-v-de2ccddd] {
+.header-nav-wrap .header-nav[data-v-830ea7d7] {
   height: 100%;
   display: flex;
   justify-content: space-between;
   width: calc(100% - var(--nav-right));
   align-items: center;
 }
-.header-nav-wrap .header-nav-scroll[data-v-de2ccddd] {
+.header-nav-wrap .header-nav-scroll[data-v-830ea7d7] {
   width: calc(100% - var(--nav-right) - 24px);
 }
-.o-nav[data-v-de2ccddd] {
+.o-nav[data-v-830ea7d7] {
   --o-before-left: 0;
   height: 100%;
   position: relative;
   overflow-y: hidden;
   overflow-x: auto;
 }
-.o-nav[data-v-de2ccddd]::after, .o-nav[data-v-de2ccddd]::before {
+.o-nav[data-v-830ea7d7]::after, .o-nav[data-v-830ea7d7]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -45,18 +45,18 @@
   top: 0;
   z-index: 9;
 }
-.o-nav[data-v-de2ccddd]::after {
+.o-nav[data-v-830ea7d7]::after {
   right: 0;
   background-image: linear-gradient(90deg, rgba(var(--o-grey-1), 0) 0%, rgba(var(--o-grey-1), 1) 100%);
 }
-.o-nav[data-v-de2ccddd]::before {
+.o-nav[data-v-830ea7d7]::before {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-1), 1) 0%, rgba(var(--o-grey-1), 0) 100%);
   display: none;
 }
-.o-nav[data-v-de2ccddd]::-webkit-scrollbar {
+.o-nav[data-v-830ea7d7]::-webkit-scrollbar {
   display: none;
 }
-.right-icon[data-v-de2ccddd] {
+.right-icon[data-v-830ea7d7] {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -64,32 +64,32 @@
   height: 16px;
   border-radius: var(--o-radius-xs);
 }
-.right-icon .o-icon[data-v-de2ccddd] {
+.right-icon .o-icon[data-v-830ea7d7] {
   --icon-size: 16px;
 }
 @media (hover: hover) {
-.right-icon[data-v-de2ccddd]:hover {
+.right-icon[data-v-830ea7d7]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-link2);
 }
 }
-.right-icon[data-v-de2ccddd]:active {
+.right-icon[data-v-830ea7d7]:active {
   color: var(--o-color-link3);
 }
-[data-o-theme*=dark] .o-nav[data-v-de2ccddd]::after {
+[data-o-theme*=dark] .o-nav[data-v-830ea7d7]::after {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
 }
-[data-o-theme*=dark] .o-nav[data-v-de2ccddd]::before {
+[data-o-theme*=dark] .o-nav[data-v-830ea7d7]::before {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 1) 0%, rgba(var(--o-grey-4), 0) 100%);
 }
-.o-nav-scroll[data-v-de2ccddd]::after {
+.o-nav-scroll[data-v-830ea7d7]::after {
   display: none;
 }
-.nav-left-arrow[data-v-de2ccddd]::before {
+.nav-left-arrow[data-v-830ea7d7]::before {
   left: var(--o-before-left);
   display: block;
 }
-.o-nav-list[data-v-de2ccddd] {
+.o-nav-list[data-v-830ea7d7] {
   display: flex;
   height: 100%;
   width: fit-content;
@@ -98,7 +98,7 @@
   padding: 0;
   margin: 0;
 }
-.o-nav-list li[data-v-de2ccddd] {
+.o-nav-list li[data-v-830ea7d7] {
   position: relative;
   display: flex;
   align-items: center;
@@ -106,10 +106,10 @@
   color: var(--o-color-info1);
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
-.o-nav-list li .nav-text[data-v-de2ccddd] {
+.o-nav-list li .nav-text[data-v-830ea7d7] {
   position: relative;
 }
-.o-nav-list li .nav-text[data-v-de2ccddd]::after {
+.o-nav-list li .nav-text[data-v-830ea7d7]::after {
   content: "";
   position: absolute;
   left: 0;
@@ -122,32 +122,32 @@
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
 @media (max-width: 1440px) {
-.o-nav-list li .nav-text[data-v-de2ccddd]::after {
+.o-nav-list li .nav-text[data-v-830ea7d7]::after {
     bottom: -21px;
 }
 }
 @media (max-width: 1200px) {
-.o-nav-list li .nav-text[data-v-de2ccddd]::after {
+.o-nav-list li .nav-text[data-v-830ea7d7]::after {
     bottom: -17px;
 }
 }
-.o-nav-list li.is-selected .nav-text[data-v-de2ccddd] {
+.o-nav-list li.is-selected .nav-text[data-v-830ea7d7] {
   color: var(--o-color-primary2);
 }
-.o-nav-list li.is-active .nav-text[data-v-de2ccddd] {
+.o-nav-list li.is-active .nav-text[data-v-830ea7d7] {
   color: var(--o-color-primary1);
   z-index: 99;
   font-weight: 600;
 }
-.o-nav-list li.is-active .nav-text[data-v-de2ccddd]::after {
+.o-nav-list li.is-active .nav-text[data-v-830ea7d7]::after {
   content: "";
   opacity: 1;
 }
-.o-nav-list li.is-disabled[data-v-de2ccddd] {
+.o-nav-list li.is-disabled[data-v-830ea7d7] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.o-nav-list .nav-item[data-v-de2ccddd] {
+.o-nav-list .nav-item[data-v-830ea7d7] {
   cursor: default;
   display: flex;
   align-items: center;
@@ -156,57 +156,60 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-nav-list .nav-item[data-v-de2ccddd] {
+.o-nav-list .nav-item[data-v-830ea7d7] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-nav-list .nav-item[data-v-de2ccddd] {
+.o-nav-list .nav-item[data-v-830ea7d7] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-nav-list .nav-item[data-v-de2ccddd] {
+.o-nav-list .nav-item[data-v-830ea7d7] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-nav-list .nav-item[data-v-de2ccddd] {
+.o-nav-list .nav-item[data-v-830ea7d7] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1440px) {
-.o-nav-list .nav-item[data-v-de2ccddd] {
+.o-nav-list .nav-item[data-v-830ea7d7] {
     padding: 18px 12px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-nav-list .nav-item[data-v-de2ccddd] {
+.o-nav-list .nav-item[data-v-830ea7d7] {
     padding: 14px 8px;
 }
 }
 @media (min-width: 841px) and (max-width: 1000px) {
-.o-nav-list .nav-item.en[data-v-de2ccddd] {
+.o-nav-list .nav-item.en[data-v-830ea7d7] {
     padding: var(--o-gap-2);
 }
 }
-.o-nav-list .item-other[data-v-de2ccddd] {
+.o-nav-list .item-other[data-v-830ea7d7] {
   cursor: pointer;
 }
-.o-nav-list .item-other .content-tag[data-v-de2ccddd] {
+.o-nav-list .item-other .content-tag[data-v-830ea7d7] {
   margin-left: var(--o-gap-2);
   --layout-pkg-radius: var(--o-radius-xs);
 }
-.o-nav-list .item-other:active .nav-text[data-v-de2ccddd] {
+.o-nav-list .item-other:active .nav-text[data-v-830ea7d7] {
   color: var(--o-color-primary1);
   z-index: 99;
   font-weight: 600;
 }
-.o-nav-list .item-other:active .nav-text[data-v-de2ccddd]::after {
+.o-nav-list .item-other:active .nav-text[data-v-830ea7d7]::after {
   content: "";
   opacity: 1;
+}
+.mindspore .item-other .content-tag[data-v-830ea7d7] {
+  --layout-pkg-radius: 100vh;
 }

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

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