@opendesign-plus/components 0.0.1-rc.82 → 0.0.1-rc.84

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-347dc966"]]);
+const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4ee3dd0c"]]);
 export {
   HeaderContent as default
 };

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, inject, resolveDirective, openBlock, createElementBlock, withDirectives, createElementVNode, normalizeClass, unref, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode, vShow } from "vue";
 import { OScroller, OPopover, OIcon, OTag } from "@opensig/opendesign";
-import { isTagExpired } from "../utils.mjs";
+import { linkTarget, isTagExpired } from "../utils.mjs";
 import { useTheme } from "../../../shared/theme.mjs";
 import { useI18n } from "../../../i18n/index.mjs";
 const _hoisted_1 = { class: "header-content-nav" };
@@ -112,13 +112,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
       return res;
     };
-    const linkTarget = (url, target) => {
-      if (target) {
-        return target;
-      } else {
-        return (url == null ? void 0 : url.startsWith("http")) ? "_blank" : void 0;
-      }
-    };
     return (_ctx, _cache) => {
       var _a, _b, _c;
       const _directive_analytics = resolveDirective("analytics");
@@ -164,7 +157,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               }, [
                                 withDirectives((openBlock(), createElementBlock("a", {
                                   href: subItem.href,
-                                  target: linkTarget(subItem.href, subItem == null ? void 0 : subItem.target),
+                                  target: unref(linkTarget)(subItem.href, subItem == null ? void 0 : subItem.target),
                                   rel: "noopener noreferrer",
                                   class: "item-label",
                                   onClick: closeNavPanel
@@ -201,6 +194,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     key: 3,
                                     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(() => [
@@ -251,7 +245,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, [
                           withDirectives((openBlock(), createElementBlock("a", {
                             href: shortcut.href,
-                            target: linkTarget(shortcut.href, shortcut == null ? void 0 : shortcut.target),
+                            target: unref(linkTarget)(shortcut.href, shortcut == null ? void 0 : shortcut.target),
                             rel: "noopener noreferrer",
                             class: "shortcut-link",
                             onClick: closeNavPanel
@@ -292,7 +286,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         return withDirectives((openBlock(), createElementBlock("a", {
                           key: shortcut.label,
                           href: shortcut.href,
-                          target: linkTarget(shortcut.href, shortcut == null ? void 0 : shortcut.target),
+                          target: unref(linkTarget)(shortcut.href, shortcut == null ? void 0 : shortcut.target),
                           rel: "noopener noreferrer",
                           class: "review",
                           onClick: closeNavPanel

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

@@ -1,47 +1,47 @@
-.hover-icon-rotate .o-icon[data-v-656e95a8] {
+.hover-icon-rotate .o-icon[data-v-0cdd8570] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-656e95a8] {
+.hover-icon-rotate:hover .o-icon[data-v-0cdd8570] {
     transform: rotate(-180deg);
 }
 }
-.header-nav-wrap[data-v-656e95a8] {
+.header-nav-wrap[data-v-0cdd8570] {
   height: 100%;
   --nav-right: 64px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.header-nav-wrap[data-v-656e95a8] {
+.header-nav-wrap[data-v-0cdd8570] {
     --nav-right: 48px;
 }
 }
 @media (max-width: 1200px) {
-.header-nav-wrap[data-v-656e95a8] {
+.header-nav-wrap[data-v-0cdd8570] {
     --nav-right: 32px;
 }
 }
-.header-nav-wrap .header-nav[data-v-656e95a8] {
+.header-nav-wrap .header-nav[data-v-0cdd8570] {
   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-656e95a8] {
+.header-nav-wrap .header-nav-scroll[data-v-0cdd8570] {
   width: calc(100% - var(--nav-right) - 24px);
 }
-.o-nav[data-v-656e95a8] {
+.o-nav[data-v-0cdd8570] {
   height: 100%;
   position: relative;
   overflow-y: hidden;
   overflow-x: auto;
   z-index: 8;
 }
-.o-nav[data-v-656e95a8]::-webkit-scrollbar {
+.o-nav[data-v-0cdd8570]::-webkit-scrollbar {
   display: none;
 }
-.left-icon[data-v-656e95a8],
-.right-icon[data-v-656e95a8] {
+.left-icon[data-v-0cdd8570],
+.right-icon[data-v-0cdd8570] {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -50,24 +50,24 @@
   height: 16px;
   border-radius: var(--o-radius-xs);
 }
-.left-icon .o-icon[data-v-656e95a8],
-.right-icon .o-icon[data-v-656e95a8] {
+.left-icon .o-icon[data-v-0cdd8570],
+.right-icon .o-icon[data-v-0cdd8570] {
   --icon-size: 16px;
   position: relative;
   z-index: 11;
 }
 @media (hover: hover) {
-.left-icon[data-v-656e95a8]:hover,
-  .right-icon[data-v-656e95a8]:hover {
+.left-icon[data-v-0cdd8570]:hover,
+  .right-icon[data-v-0cdd8570]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-link2);
 }
 }
-.left-icon[data-v-656e95a8]:active,
-.right-icon[data-v-656e95a8]:active {
+.left-icon[data-v-0cdd8570]:active,
+.right-icon[data-v-0cdd8570]:active {
   color: var(--o-color-link3);
 }
-.left-icon[data-v-656e95a8]::before {
+.left-icon[data-v-0cdd8570]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -79,16 +79,16 @@
   cursor: default;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.left-icon[data-v-656e95a8]::before {
+.left-icon[data-v-0cdd8570]::before {
     top: -24px;
 }
 }
 @media (max-width: 1200px) {
-.left-icon[data-v-656e95a8]::before {
+.left-icon[data-v-0cdd8570]::before {
     top: -20px;
 }
 }
-.right-icon[data-v-656e95a8]::before {
+.right-icon[data-v-0cdd8570]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -100,25 +100,25 @@
   cursor: default;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.right-icon[data-v-656e95a8]::before {
+.right-icon[data-v-0cdd8570]::before {
     top: -24px;
 }
 }
 @media (max-width: 1200px) {
-.right-icon[data-v-656e95a8]::before {
+.right-icon[data-v-0cdd8570]::before {
     top: -20px;
 }
 }
-[data-o-theme*=dark] .left-icon[data-v-656e95a8]::before {
+[data-o-theme*=dark] .left-icon[data-v-0cdd8570]::before {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 1) 0%, rgba(var(--o-grey-4), 0) 100%);
 }
-[data-o-theme*=dark] .right-icon[data-v-656e95a8]::before {
+[data-o-theme*=dark] .right-icon[data-v-0cdd8570]::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-656e95a8]::after {
+.o-nav-scroll[data-v-0cdd8570]::after {
   display: none;
 }
-.o-nav-list[data-v-656e95a8] {
+.o-nav-list[data-v-0cdd8570] {
   display: flex;
   height: 100%;
   width: fit-content;
@@ -127,7 +127,7 @@
   padding: 0;
   margin: 0;
 }
-.o-nav-list li[data-v-656e95a8] {
+.o-nav-list li[data-v-0cdd8570] {
   position: relative;
   display: flex;
   align-items: center;
@@ -135,10 +135,10 @@
   color: var(--o-color-info1);
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
-.o-nav-list li .nav-text[data-v-656e95a8] {
+.o-nav-list li .nav-text[data-v-0cdd8570] {
   position: relative;
 }
-.o-nav-list li .nav-text[data-v-656e95a8]::after {
+.o-nav-list li .nav-text[data-v-0cdd8570]::after {
   content: "";
   position: absolute;
   left: 0;
@@ -151,32 +151,32 @@
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
 @media (max-width: 1440px) {
-.o-nav-list li .nav-text[data-v-656e95a8]::after {
+.o-nav-list li .nav-text[data-v-0cdd8570]::after {
     bottom: -21px;
 }
 }
 @media (max-width: 1200px) {
-.o-nav-list li .nav-text[data-v-656e95a8]::after {
+.o-nav-list li .nav-text[data-v-0cdd8570]::after {
     bottom: -17px;
 }
 }
-.o-nav-list li.is-selected .nav-text[data-v-656e95a8] {
+.o-nav-list li.is-selected .nav-text[data-v-0cdd8570] {
   color: var(--o-color-primary2);
 }
-.o-nav-list li.is-active .nav-text[data-v-656e95a8] {
+.o-nav-list li.is-active .nav-text[data-v-0cdd8570] {
   color: var(--o-color-primary1);
   z-index: 99;
   font-weight: 600;
 }
-.o-nav-list li.is-active .nav-text[data-v-656e95a8]::after {
+.o-nav-list li.is-active .nav-text[data-v-0cdd8570]::after {
   content: "";
   opacity: 1;
 }
-.o-nav-list li.is-disabled[data-v-656e95a8] {
+.o-nav-list li.is-disabled[data-v-0cdd8570] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.o-nav-list .nav-item[data-v-656e95a8] {
+.o-nav-list .nav-item[data-v-0cdd8570] {
   cursor: default;
   display: flex;
   align-items: center;
@@ -185,60 +185,60 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-nav-list .nav-item[data-v-656e95a8] {
+.o-nav-list .nav-item[data-v-0cdd8570] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-nav-list .nav-item[data-v-656e95a8] {
+.o-nav-list .nav-item[data-v-0cdd8570] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-nav-list .nav-item[data-v-656e95a8] {
+.o-nav-list .nav-item[data-v-0cdd8570] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-nav-list .nav-item[data-v-656e95a8] {
+.o-nav-list .nav-item[data-v-0cdd8570] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1440px) {
-.o-nav-list .nav-item[data-v-656e95a8] {
+.o-nav-list .nav-item[data-v-0cdd8570] {
     padding: 18px 12px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-nav-list .nav-item[data-v-656e95a8] {
+.o-nav-list .nav-item[data-v-0cdd8570] {
     padding: 14px 8px;
 }
 }
 @media (min-width: 841px) and (max-width: 1000px) {
-.o-nav-list .nav-item.en[data-v-656e95a8] {
+.o-nav-list .nav-item.en[data-v-0cdd8570] {
     padding: var(--o-gap-2);
 }
 }
-.o-nav-list .item-other[data-v-656e95a8] {
+.o-nav-list .item-other[data-v-0cdd8570] {
   cursor: pointer;
 }
-.o-nav-list .item-other .content-tag[data-v-656e95a8] {
+.o-nav-list .item-other .content-tag[data-v-0cdd8570] {
   margin-left: var(--o-gap-2);
   --layout-pkg-radius: var(--o-radius-xs);
 }
-.o-nav-list .item-other:active .nav-text[data-v-656e95a8] {
+.o-nav-list .item-other:active .nav-text[data-v-0cdd8570] {
   color: var(--o-color-primary1);
   z-index: 99;
   font-weight: 600;
 }
-.o-nav-list .item-other:active .nav-text[data-v-656e95a8]::after {
+.o-nav-list .item-other:active .nav-text[data-v-0cdd8570]::after {
   content: "";
   opacity: 1;
 }
-.mindspore .item-other .content-tag[data-v-656e95a8] {
+.mindspore .item-other .content-tag[data-v-0cdd8570] {
   --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-656e95a8"]]);
+const HeaderNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0cdd8570"]]);
 export {
   HeaderNav as default
 };

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

@@ -182,6 +182,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: 0,
                       color: "danger",
                       size: "small",
+                      round: "pill",
                       class: normalizeClass(["content-tag", `tag-${(_b = item == null ? void 0 : item.tag) == null ? void 0 : _b.toLowerCase()}`])
                     }, {
                       default: withCtx(() => [