@opendesign-plus/components 0.0.1-rc.41 → 0.0.1-rc.42

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

@@ -1,43 +1,43 @@
-.hover-icon-rotate .o-icon[data-v-4800a780] {
+.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-4800a780] {
+.hover-icon-rotate:hover .o-icon[data-v-830ea7d7] {
     transform: rotate(-180deg);
 }
 }
-.header-nav-wrap[data-v-4800a780] {
+.header-nav-wrap[data-v-830ea7d7] {
   height: 100%;
   --nav-right: 64px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.header-nav-wrap[data-v-4800a780] {
+.header-nav-wrap[data-v-830ea7d7] {
     --nav-right: 48px;
 }
 }
 @media (max-width: 1200px) {
-.header-nav-wrap[data-v-4800a780] {
+.header-nav-wrap[data-v-830ea7d7] {
     --nav-right: 32px;
 }
 }
-.header-nav-wrap .header-nav[data-v-4800a780] {
+.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-4800a780] {
+.header-nav-wrap .header-nav-scroll[data-v-830ea7d7] {
   width: calc(100% - var(--nav-right) - 24px);
 }
-.o-nav[data-v-4800a780] {
+.o-nav[data-v-830ea7d7] {
   --o-before-left: 0;
   height: 100%;
   position: relative;
   overflow-y: hidden;
   overflow-x: auto;
 }
-.o-nav[data-v-4800a780]::after, .o-nav[data-v-4800a780]::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-4800a780]::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-4800a780]::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-4800a780]::-webkit-scrollbar {
+.o-nav[data-v-830ea7d7]::-webkit-scrollbar {
   display: none;
 }
-.right-icon[data-v-4800a780] {
+.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-4800a780] {
+.right-icon .o-icon[data-v-830ea7d7] {
   --icon-size: 16px;
 }
 @media (hover: hover) {
-.right-icon[data-v-4800a780]:hover {
+.right-icon[data-v-830ea7d7]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-link2);
 }
 }
-.right-icon[data-v-4800a780]:active {
+.right-icon[data-v-830ea7d7]:active {
   color: var(--o-color-link3);
 }
-[data-o-theme*=dark] .o-nav[data-v-4800a780]::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-4800a780]::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-4800a780]::after {
+.o-nav-scroll[data-v-830ea7d7]::after {
   display: none;
 }
-.nav-left-arrow[data-v-4800a780]::before {
+.nav-left-arrow[data-v-830ea7d7]::before {
   left: var(--o-before-left);
   display: block;
 }
-.o-nav-list[data-v-4800a780] {
+.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-4800a780] {
+.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-4800a780] {
+.o-nav-list li .nav-text[data-v-830ea7d7] {
   position: relative;
 }
-.o-nav-list li .nav-text[data-v-4800a780]::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-4800a780]::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-4800a780]::after {
+.o-nav-list li .nav-text[data-v-830ea7d7]::after {
     bottom: -17px;
 }
 }
-.o-nav-list li.is-selected .nav-text[data-v-4800a780] {
+.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-4800a780] {
+.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-4800a780]::after {
+.o-nav-list li.is-active .nav-text[data-v-830ea7d7]::after {
   content: "";
   opacity: 1;
 }
-.o-nav-list li.is-disabled[data-v-4800a780] {
+.o-nav-list li.is-disabled[data-v-830ea7d7] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.o-nav-list .nav-item[data-v-4800a780] {
+.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-4800a780] {
+.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-4800a780] {
+.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-4800a780] {
+.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-4800a780] {
+.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-4800a780] {
+.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-4800a780] {
+.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-4800a780] {
+.o-nav-list .nav-item.en[data-v-830ea7d7] {
     padding: var(--o-gap-2);
 }
 }
-.o-nav-list .item-other[data-v-4800a780] {
+.o-nav-list .item-other[data-v-830ea7d7] {
   cursor: pointer;
 }
-.o-nav-list .item-other .content-tag[data-v-4800a780] {
+.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-4800a780] {
+.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-4800a780]::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.d.ts

@@ -3,18 +3,18 @@ export interface OHeaderEmitsT {
     (e: 'handle-mouseenter', val: any): void;
     (e: 'handle-mouseleave', val: any): void;
     (e: 'handle-click', val: any): void;
-    (e: 'nav-layout', val: any, leng: number): void;
+    (e: 'nav-layout', val: any): void;
 }
 declare const _default: import('vue').DefineComponent<NavLiT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "handle-mouseenter": (val: any) => any;
     "handle-mouseleave": (val: any) => any;
     "handle-click": (val: any) => any;
-    "nav-layout": (val: any, leng: number) => any;
+    "nav-layout": (val: any) => any;
 }, string, import('vue').PublicProps, Readonly<NavLiT> & Readonly<{
     "onHandle-mouseenter"?: ((val: any) => any) | undefined;
     "onHandle-mouseleave"?: ((val: any) => any) | undefined;
     "onHandle-click"?: ((val: any) => any) | undefined;
-    "onNav-layout"?: ((val: any, leng: number) => any) | undefined;
+    "onNav-layout"?: ((val: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     navRef: HTMLDivElement;
     navListRef: HTMLUListElement;

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-4800a780"]]);
+const HeaderNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-830ea7d7"]]);
 export {
   HeaderNav as default
 };

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

@@ -21,6 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HeaderNav",
   props: {
     navData: {},
+    community: {},
     activeIndex: {},
     hoverId: {}
   },
@@ -65,17 +66,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       navVisibleLeft.value = false;
     };
     const calculateLayout = () => {
-      var _a, _b, _c, _d, _e, _f;
-      const leng = ((_a = navRef.value) == null ? void 0 : _a.clientWidth) - ((_b = navListRef.value) == null ? void 0 : _b.clientWidth);
-      if (((_c = navRef.value) == null ? void 0 : _c.clientWidth) < ((_d = navListRef.value) == null ? void 0 : _d.clientWidth)) {
+      var _a, _b, _c, _d;
+      if (((_a = navRef.value) == null ? void 0 : _a.clientWidth) < ((_b = navListRef.value) == null ? void 0 : _b.clientWidth)) {
         if (!navVisibleRight.value) {
-          emit("nav-layout", true, leng);
+          emit("nav-layout", true);
         }
-        left.value = ((_e = navListRef.value) == null ? void 0 : _e.clientWidth) - ((_f = navRef.value) == null ? void 0 : _f.clientWidth);
-        navVisibleRight.value = true;
+        left.value = ((_c = navListRef.value) == null ? void 0 : _c.clientWidth) - ((_d = navRef.value) == null ? void 0 : _d.clientWidth);
+        setTimeout(() => {
+          navVisibleRight.value = true;
+        }, 200);
       } else {
         if (navVisibleRight.value) {
-          emit("nav-layout", false, leng);
+          emit("nav-layout", false);
         }
         navVisibleRight.value = false;
       }
@@ -126,6 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       clearTimeout(resizeTimer.value);
     });
     return (_ctx, _cache) => {
+      var _a;
       const _directive_analytics = resolveDirective("analytics");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
@@ -148,11 +151,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("ul", {
               ref_key: "navListRef",
               ref: navListRef,
-              class: "o-nav-list",
+              class: normalizeClass(["o-nav-list", [(_a = props.community) == null ? void 0 : _a.toLowerCase()]]),
               onMouseenter: onHoverHeader
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.navData, (item, idx) => {
-                var _a;
+                var _a2, _b;
                 return withDirectives((openBlock(), createElementBlock("li", {
                   key: item.id,
                   class: normalizeClass({
@@ -163,7 +166,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onMouseenter: ($event) => unref(toggleDebounced)(item, "mouseenter"),
                   onMouseleave: ($event) => unref(toggleDebounced)(item, "mouseleave")
                 }, [
-                  ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", {
+                  ((_a2 = item == null ? void 0 : item.children) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", {
                     key: 0,
                     id: "tour_headerNav_" + item.id,
                     class: "nav-item"
@@ -178,16 +181,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createElementVNode("span", _hoisted_7, toDisplayString(item.label), 1),
                     item.tag ? (openBlock(), createBlock(unref(OTag), {
                       key: 0,
-                      round: "pill",
                       color: "danger",
                       size: "small",
-                      class: "content-tag"
+                      class: normalizeClass(["content-tag", `tag-${(_b = item == null ? void 0 : item.tag) == null ? void 0 : _b.toLowerCase()}`])
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(item.tag), 1)
                       ]),
                       _: 2
-                    }, 1024)) : createCommentVNode("", true)
+                    }, 1032, ["class"])) : createCommentVNode("", true)
                   ], 8, _hoisted_6))
                 ], 42, _hoisted_3)), [
                   [_directive_analytics, onHoverNav(item.label), "mouseenter"],
@@ -199,7 +201,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]
                 ]);
               }), 128))
-            ], 544)
+            ], 34)
           ], 6),
           navVisibleRight.value && !navVisibleLeft.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
             createVNode(unref(OIcon), { onClick: scrollNavRight }, {