@opendesign-plus-test/components 0.0.1-rc.134 → 0.0.1-rc.136

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

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

@@ -114,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (target) {
         return target;
       } else {
-        return (url == null ? void 0 : url.startsWith("http")) ? "_blank" : "_self";
+        return (url == null ? void 0 : url.startsWith("http")) ? "_blank" : void 0;
       }
     };
     return (_ctx, _cache) => {

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

@@ -1,35 +1,35 @@
-.hover-icon-rotate .o-icon[data-v-a4e11dfd] {
+.hover-icon-rotate .o-icon[data-v-9d7c7042] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-a4e11dfd] {
+.hover-icon-rotate:hover .o-icon[data-v-9d7c7042] {
     transform: rotate(-180deg);
 }
 }
-.header-nav-wrap[data-v-a4e11dfd] {
+.header-nav-wrap[data-v-9d7c7042] {
   height: 100%;
 }
-.header-nav-wrap .header-nav[data-v-a4e11dfd] {
+.header-nav-wrap .header-nav[data-v-9d7c7042] {
   height: 100%;
   display: flex;
   justify-content: space-between;
   width: calc(100% - 64px);
   align-items: center;
 }
-.header-nav-wrap .header-nav-scroll[data-v-a4e11dfd] {
+.header-nav-wrap .header-nav-scroll[data-v-9d7c7042] {
   width: calc(100% - 64px - 24px);
 }
-.o-nav[data-v-a4e11dfd] {
+.o-nav[data-v-9d7c7042] {
   --o-before-left: 0;
   height: 100%;
   position: relative;
   z-index: 8;
 }
-.o-nav[data-v-a4e11dfd]::-webkit-scrollbar {
+.o-nav[data-v-9d7c7042]::-webkit-scrollbar {
   display: none;
 }
-.left-icon[data-v-a4e11dfd],
-.right-icon[data-v-a4e11dfd] {
+.left-icon[data-v-9d7c7042],
+.right-icon[data-v-9d7c7042] {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -38,24 +38,24 @@
   height: 16px;
   border-radius: var(--o-radius-xs);
 }
-.left-icon .o-icon[data-v-a4e11dfd],
-.right-icon .o-icon[data-v-a4e11dfd] {
+.left-icon .o-icon[data-v-9d7c7042],
+.right-icon .o-icon[data-v-9d7c7042] {
   --icon-size: 16px;
   position: relative;
   z-index: 11;
 }
 @media (hover: hover) {
-.left-icon[data-v-a4e11dfd]:hover,
-  .right-icon[data-v-a4e11dfd]:hover {
+.left-icon[data-v-9d7c7042]:hover,
+  .right-icon[data-v-9d7c7042]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-link2);
 }
 }
-.left-icon[data-v-a4e11dfd]:active,
-.right-icon[data-v-a4e11dfd]:active {
+.left-icon[data-v-9d7c7042]:active,
+.right-icon[data-v-9d7c7042]:active {
   color: var(--o-color-link3);
 }
-.left-icon[data-v-a4e11dfd]::before {
+.left-icon[data-v-9d7c7042]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -67,16 +67,16 @@
   cursor: default;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.left-icon[data-v-a4e11dfd]::before {
+.left-icon[data-v-9d7c7042]::before {
     top: -24px;
 }
 }
 @media (max-width: 1200px) {
-.left-icon[data-v-a4e11dfd]::before {
+.left-icon[data-v-9d7c7042]::before {
     top: -20px;
 }
 }
-.right-icon[data-v-a4e11dfd]::before {
+.right-icon[data-v-9d7c7042]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -88,29 +88,29 @@
   cursor: default;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.right-icon[data-v-a4e11dfd]::before {
+.right-icon[data-v-9d7c7042]::before {
     top: -24px;
 }
 }
 @media (max-width: 1200px) {
-.right-icon[data-v-a4e11dfd]::before {
+.right-icon[data-v-9d7c7042]::before {
     top: -20px;
 }
 }
-[data-o-theme*=dark] .left-icon[data-v-a4e11dfd] {
+[data-o-theme*=dark] .left-icon[data-v-9d7c7042] {
   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-a4e11dfd] {
+[data-o-theme*=dark] .right-icon[data-v-9d7c7042] {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
 }
-.o-nav-scroll[data-v-a4e11dfd]::after {
+.o-nav-scroll[data-v-9d7c7042]::after {
   display: none;
 }
-.o-nav-scroll[data-v-a4e11dfd]::before {
+.o-nav-scroll[data-v-9d7c7042]::before {
   left: var(--o-before-left);
   display: block;
 }
-.nav-list[data-v-a4e11dfd] {
+.nav-list[data-v-9d7c7042] {
   display: flex;
   height: 100%;
   width: fit-content;
@@ -119,7 +119,7 @@
   padding: 0;
   margin: 0;
 }
-.nav-item-li[data-v-a4e11dfd] {
+.nav-item-li[data-v-9d7c7042] {
   position: relative;
   display: flex;
   align-items: center;
@@ -128,7 +128,7 @@
   pointer-events: auto;
   transition: color var(--o-duration-s) var(--o-easing-standard);
 }
-.nav-item-li .nav-item[data-v-a4e11dfd] {
+.nav-item-li .nav-item[data-v-9d7c7042] {
   cursor: default;
   display: flex;
   align-items: center;
@@ -137,43 +137,43 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-item-li .nav-item[data-v-a4e11dfd] {
+.nav-item-li .nav-item[data-v-9d7c7042] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-item-li .nav-item[data-v-a4e11dfd] {
+.nav-item-li .nav-item[data-v-9d7c7042] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-item-li .nav-item[data-v-a4e11dfd] {
+.nav-item-li .nav-item[data-v-9d7c7042] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.nav-item-li .nav-item[data-v-a4e11dfd] {
+.nav-item-li .nav-item[data-v-9d7c7042] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1440px) {
-.nav-item-li .nav-item[data-v-a4e11dfd] {
+.nav-item-li .nav-item[data-v-9d7c7042] {
     padding: 18px 12px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-item-li .nav-item[data-v-a4e11dfd] {
+.nav-item-li .nav-item[data-v-9d7c7042] {
     padding: 14px 8px;
 }
 }
-.nav-item-li .nav-text[data-v-a4e11dfd] {
+.nav-item-li .nav-text[data-v-9d7c7042] {
   position: relative;
 }
-.nav-item-li .nav-text[data-v-a4e11dfd]::after {
+.nav-item-li .nav-text[data-v-9d7c7042]::after {
   content: "";
   position: absolute;
   left: 0;
@@ -186,31 +186,31 @@
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
 @media (max-width: 1440px) {
-.nav-item-li .nav-text[data-v-a4e11dfd]::after {
+.nav-item-li .nav-text[data-v-9d7c7042]::after {
     bottom: -21px;
 }
 }
 @media (max-width: 1200px) {
-.nav-item-li .nav-text[data-v-a4e11dfd]::after {
+.nav-item-li .nav-text[data-v-9d7c7042]::after {
     bottom: -17px;
 }
 }
-.nav-item-li .nav-item-link[data-v-a4e11dfd] {
+.nav-item-li .nav-item-link[data-v-9d7c7042] {
   cursor: pointer;
 }
-.nav-item-li.is-selected .nav-text[data-v-a4e11dfd], .nav-item-li.is-active .nav-text[data-v-a4e11dfd] {
+.nav-item-li.is-selected .nav-text[data-v-9d7c7042], .nav-item-li.is-active .nav-text[data-v-9d7c7042] {
   color: var(--o-color-primary1);
   z-index: 99;
   font-weight: 600;
 }
-.nav-item-li.is-selected .nav-text[data-v-a4e11dfd]::after, .nav-item-li.is-active .nav-text[data-v-a4e11dfd]::after {
+.nav-item-li.is-selected .nav-text[data-v-9d7c7042]::after, .nav-item-li.is-active .nav-text[data-v-9d7c7042]::after {
   opacity: 1;
 }
-.nav-item-li.is-disabled[data-v-a4e11dfd] {
+.nav-item-li.is-disabled[data-v-9d7c7042] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.dropdown-wrapper[data-v-a4e11dfd] {
+.dropdown-wrapper[data-v-9d7c7042] {
   position: absolute;
   top: calc(100% - 4px);
   left: 0;
@@ -218,13 +218,13 @@
   padding-top: 8px;
   transition: opacity var(--o-duration-s) var(--o-easing-standard);
 }
-.dropdown-wrapper .dropdown-body[data-v-a4e11dfd] {
+.dropdown-wrapper .dropdown-body[data-v-9d7c7042] {
   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-a4e11dfd] {
+.dropdown-wrapper .dropdown-item[data-v-9d7c7042] {
   font-weight: 400;
   white-space: nowrap;
   display: flex;
@@ -240,63 +240,63 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.dropdown-wrapper .dropdown-item[data-v-a4e11dfd] {
+.dropdown-wrapper .dropdown-item[data-v-9d7c7042] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.dropdown-wrapper .dropdown-item[data-v-a4e11dfd] {
+.dropdown-wrapper .dropdown-item[data-v-9d7c7042] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.dropdown-wrapper .dropdown-item[data-v-a4e11dfd] {
+.dropdown-wrapper .dropdown-item[data-v-9d7c7042] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.dropdown-wrapper .dropdown-item[data-v-a4e11dfd] {
+.dropdown-wrapper .dropdown-item[data-v-9d7c7042] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (hover: hover) {
-.dropdown-wrapper .dropdown-item[data-v-a4e11dfd]:hover {
+.dropdown-wrapper .dropdown-item[data-v-9d7c7042]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-primary1);
 }
 }
-.dropdown-wrapper .dropdown-item-disabled[data-v-a4e11dfd] {
+.dropdown-wrapper .dropdown-item-disabled[data-v-9d7c7042] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.dropdown-wrapper .dropdown-link[data-v-a4e11dfd] {
+.dropdown-wrapper .dropdown-link[data-v-9d7c7042] {
   color: inherit;
   display: flex;
   align-items: center;
   width: 100%;
 }
-.dropdown-wrapper .dropdown-link .o-tag[data-v-a4e11dfd] {
+.dropdown-wrapper .dropdown-link .o-tag[data-v-9d7c7042] {
   margin-left: var(--o-gap-2);
   transform: scale(0.75);
   transform-origin: left center;
 }
-.dropdown-wrapper[data-v-a4e11dfd] .jump-out-icon {
+.dropdown-wrapper[data-v-9d7c7042] .jump-out-icon {
   font-size: 16px;
   margin-left: 4px;
 }
-.dropdown-wrapper[data-v-a4e11dfd] .jump-out-icon path {
+.dropdown-wrapper[data-v-9d7c7042] .jump-out-icon path {
   fill: currentColor;
   stroke: transparent;
 }
-.dropdown-wrapper[data-v-a4e11dfd] .jump-out-icon path[fill=none] {
+.dropdown-wrapper[data-v-9d7c7042] .jump-out-icon path[fill=none] {
   display: none;
 }
 @media (hover: hover) {
-.nav-item:hover .dropdown-wrapper[data-v-a4e11dfd] {
+.nav-item:hover .dropdown-wrapper[data-v-9d7c7042] {
     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-a4e11dfd"]]);
+const HeaderFlatten = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9d7c7042"]]);
 export {
   HeaderFlatten as default
 };

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

@@ -160,7 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onMouseleave: onCancelNav
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.navData, (item, idx) => {
-                var _a, _b, _c;
+                var _a, _b, _c, _d;
                 return withDirectives((openBlock(), createElementBlock("li", {
                   key: item.id,
                   id: item.id,
@@ -196,7 +196,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     id: "tour_headerNav_" + item.id,
                     class: "nav-item nav-item-link",
                     href: item.href,
-                    target: (item == null ? void 0 : item.target) || "_self",
+                    target: (item == null ? void 0 : item.target) || (((_d = item.href) == null ? void 0 : _d.startsWith("http")) ? "_blank" : void 0),
                     rel: item.href.startsWith("http") ? "noopener noreferrer" : ""
                   }, [
                     createElementVNode("span", _hoisted_7, toDisplayString(item.label), 1)
@@ -205,7 +205,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", _hoisted_10, [
                       createElementVNode("div", _hoisted_11, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (childTab, index) => {
-                          var _a2, _b2;
+                          var _a2, _b2, _c2;
                           return openBlock(), createElementBlock("div", { key: index }, [
                             !childTab.href ? (openBlock(), createElementBlock("div", {
                               key: 0,
@@ -232,7 +232,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               createElementVNode("a", {
                                 href: childTab.href,
                                 class: "dropdown-link",
-                                target: (childTab == null ? void 0 : childTab.target) || "_self",
+                                target: (childTab == null ? void 0 : childTab.target) || (((_b2 = childTab.href) == null ? void 0 : _b2.startsWith("http")) ? "_blank" : void 0),
                                 rel: childTab.href.startsWith("http") ? "noopener noreferrer" : ""
                               }, [
                                 createElementVNode("span", null, toDisplayString(childTab.label), 1),
@@ -247,7 +247,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   color: "danger",
                                   size: "small",
                                   round: "pill",
-                                  class: normalizeClass(`tag-${(_b2 = childTab == null ? void 0 : childTab.tag) == null ? void 0 : _b2.toLowerCase()}`)
+                                  class: normalizeClass(`tag-${(_c2 = childTab == null ? void 0 : childTab.tag) == null ? void 0 : _c2.toLowerCase()}`)
                                 }, {
                                   default: withCtx(() => [
                                     createTextVNode(toDisplayString(childTab.tag), 1)