@opendesign-plus-test/components 0.0.1-rc.64 → 0.0.1-rc.66

package/dist/cjs/components/header/components/HeaderContent.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./HeaderContent.vue2.js");;require('./HeaderContent.css');const t=require("../../../_plugin-vue_export-helper.js"),r=t(e,[["__scopeId","data-v-a2219e83"]]);module.exports=r;

package/dist/cjs/components/header/components/HeaderContent.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c=require("@opensig/opendesign"),q=require("../../common/ContentWrapper.vue.js"),N=require("@opendesign-plus/composables"),F={class:"nav-sub-content"},H={class:"content-left"},O={class:"content-label"},$={class:"content-container"},T=["href","target"],Q={class:"item-name"},R={key:0,class:"desc-container"},P=["title"],W={key:0,class:"split-line"},j={key:1,class:"content-right"},A={class:"content-label"},G=["href","target"],J=["href","target"],K=["src"],U={class:"review-content"},X={class:"review-label"},Y={class:"review-property"},Z=e.defineComponent({__name:"HeaderContent",props:{itemData:{},itemVisible:{type:Boolean},community:{},bgLeft:{},bgRight:{},hoverIndex:{}},emits:["handle-mouseenter-sub","handle-mouseleave-sub"],setup(D,{emit:C}){const d=C,n=D,{locale:i}=N.useLocale(),{theme:w}=N.useTheme(),s=e.ref(!1),b=()=>{var l;d("handle-mouseenter-sub",(l=n.itemData)==null?void 0:l.id),s.value=!0},S=()=>{d("handle-mouseenter-sub",""),s.value=!1},m=e.ref(!1),x=l=>{if(!l||!l.target)return;const r=l.target;m.value=r.clientHeight<r.scrollHeight},L=(l,r)=>({properties:{module:"navigation",level1:l.label,level2:r.label,target:r.label,url:l.href}}),k=l=>({properties:{module:"navigation",level1:i.value==="zh"?"快捷链接":"Quick Link",level2:l.label,target:l.label,url:l.href}});return(l,r)=>{var p,u,v;const a=e.resolveDirective("analytics");return e.openBlock(),e.createElementBlock("div",{onMouseenter:b,onMouseleave:S},[(n.itemVisible||s.value)&&((u=(p=n.itemData)==null?void 0:p.children)!=null&&u.length)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["nav-content",[(v=n.community)==null?void 0:v.toLowerCase(),n.hoverIndex,e.unref(w),`${n.hoverIndex}-${e.unref(i)}`]])},[e.createElementVNode("div",{class:"nav-background-left",style:e.normalizeStyle({backgroundImage:`url(${n.bgLeft})`})},null,4),e.createElementVNode("div",{class:"nav-background-right",style:e.normalizeStyle({backgroundImage:`url(${n.bgRight})`})},null,4),e.createVNode(q,null,{default:e.withCtx(()=>[e.createVNode(e.unref(c.OScroller),{class:"nav-scroller","show-type":"always",size:"small","disabled-y":""},{default:e.withCtx(()=>{var g,h,_,f,B,y,E,V;return[e.createElementVNode("div",F,[e.createElementVNode("div",H,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((g=n.itemData)==null?void 0:g.children,(t,z)=>(e.openBlock(),e.createElementBlock("div",{class:"item-sub",key:z},[e.createElementVNode("span",O,e.toDisplayString(t.label),1),e.createElementVNode("div",$,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.children,o=>(e.openBlock(),e.createElementBlock("div",{key:o.label,class:"content-item"},[e.withDirectives((e.openBlock(),e.createElementBlock("a",{href:o.href,target:(o==null?void 0:o.target)||"_self",rel:"noopener noreferrer",class:"item-label"},[e.createElementVNode("span",Q,e.toDisplayString(o.label),1),o.icon?(e.openBlock(),e.createBlock(e.unref(c.OIcon),{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon)))]),_:2},1024)):e.createCommentVNode("",!0),o.tag?(e.openBlock(),e.createBlock(e.unref(c.OTag),{key:1,round:"pill",color:"danger",size:"small",class:"content-tag"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.tag),1)]),_:2},1024)):e.createCommentVNode("",!0)],8,T)),[[a,()=>L(t,o)]]),o.description?(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("p",{class:"item-desc",title:m.value?o.description:void 0,onMouseenter:r[0]||(r[0]=M=>x(M))},e.toDisplayString(o.description),41,P)])):e.createCommentVNode("",!0)]))),128))])]))),128))]),(_=(h=n.itemData)==null?void 0:h.shortcut)!=null&&_.length?(e.openBlock(),e.createElementBlock("div",W)):e.createCommentVNode("",!0),(B=(f=n.itemData)==null?void 0:f.shortcut)!=null&&B.length?(e.openBlock(),e.createElementBlock("div",j,[e.createElementVNode("span",A,e.toDisplayString(e.unref(i)==="zh"?"快捷链接":"Quick Link"),1),(y=n.itemData)!=null&&y.withPicture?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList((V=n.itemData)==null?void 0:V.shortcut,t=>e.withDirectives((e.openBlock(),e.createElementBlock("a",{key:t.label,href:t.href,target:(t==null?void 0:t.target)||"_self",rel:"noopener noreferrer",class:"review"},[e.createElementVNode("img",{src:t.picture,class:"review-picture"},null,8,K),e.createElementVNode("div",U,[e.createElementVNode("p",X,e.toDisplayString(t.label),1),e.createElementVNode("div",Y,e.toDisplayString(t.remark),1)])],8,J)),[[a,()=>k(t)]])),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList((E=n.itemData)==null?void 0:E.shortcut,t=>(e.openBlock(),e.createElementBlock("div",{key:t.label,class:"shortcut"},[e.withDirectives((e.openBlock(),e.createElementBlock("a",{href:t.href,target:(t==null?void 0:t.target)||"_self",rel:"noopener noreferrer",class:"shortcut-link"},[e.createElementVNode("span",null,e.toDisplayString(t.label),1),t.icon?(e.openBlock(),e.createBlock(e.unref(c.OIcon),{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon)))]),_:2},1024)):e.createCommentVNode("",!0)],8,G)),[[a,()=>k(t)]])]))),128))])):e.createCommentVNode("",!0)])]}),_:1})]),_:1})],2)):e.createCommentVNode("",!0)],32)}}});module.exports=Z;

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

@@ -0,0 +1,141 @@
+.hover-icon-rotate .o-icon[data-v-fe042238] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-fe042238] {
+    transform: rotate(-180deg);
+}
+}
+.header-nav-wrap[data-v-fe042238] {
+  height: 100%;
+}
+.header-nav-wrap .header-nav[data-v-fe042238] {
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  width: calc(100% - 64px);
+  align-items: center;
+}
+.header-nav-wrap .header-nav-scroll[data-v-fe042238] {
+  width: calc(100% - 64px - 24px);
+}
+.o-nav[data-v-fe042238] {
+  height: 100%;
+  position: relative;
+  overflow-y: hidden;
+  overflow-x: auto;
+}
+.o-nav[data-v-fe042238]::after {
+  content: "";
+  position: absolute;
+  width: 50px;
+  height: 100%;
+  right: 0;
+  top: 0;
+  background-image: linear-gradient(90deg, rgba(var(--o-grey-1), 0) 0%, rgba(var(--o-grey-1), 1) 100%);
+  z-index: 0;
+}
+.o-nav[data-v-fe042238]::-webkit-scrollbar {
+  display: none;
+}
+.o-nav.dark[data-v-fe042238]::after {
+  background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
+}
+.o-nav-scroll[data-v-fe042238]::after {
+  display: none;
+}
+.o-nav-list[data-v-fe042238] {
+  display: flex;
+  height: 100%;
+  width: fit-content;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+  padding: 0;
+  margin: 0;
+}
+.o-nav-list li[data-v-fe042238] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  color: var(--o-color-info1);
+  transition: all var(--o-duration-s) var(--o-easing-standard);
+}
+.o-nav-list li .nav-text[data-v-fe042238] {
+  position: relative;
+}
+.o-nav-list li .nav-text[data-v-fe042238]::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  opacity: 0;
+  bottom: -24px;
+  width: 100%;
+  height: 2px;
+  border-radius: 1px;
+  background: var(--o-color-primary1);
+  transition: all var(--o-duration-s) var(--o-easing-standard);
+}
+.o-nav-list li.is-selected .nav-text[data-v-fe042238], .o-nav-list li.is-active .nav-text[data-v-fe042238] {
+  color: var(--o-color-primary1);
+  z-index: 99;
+  font-weight: 500;
+}
+.o-nav-list li.is-selected .nav-text[data-v-fe042238]::after, .o-nav-list li.is-active .nav-text[data-v-fe042238]::after {
+  content: "";
+  opacity: 1;
+}
+.o-nav-list .nav-item[data-v-fe042238] {
+  cursor: default;
+  display: flex;
+  align-items: center;
+  padding: 22px var(--o-gap-4);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-nav-list .nav-item[data-v-fe042238] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-nav-list .nav-item[data-v-fe042238] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-nav-list .nav-item[data-v-fe042238] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-nav-list .nav-item[data-v-fe042238] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-nav-list .nav-item[data-v-fe042238] {
+    padding: 22px 12px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-nav-list .nav-item[data-v-fe042238] {
+    padding: 22px 8px;
+}
+}
+@media (min-width: 841px) and (max-width: 1000px) {
+.o-nav-list .nav-item.en[data-v-fe042238] {
+    padding: var(--o-gap-2);
+}
+}
+.o-nav-list .item-other[data-v-fe042238] {
+  cursor: pointer;
+}
+.o-nav-list .item-other .content-tag[data-v-fe042238] {
+  margin-left: var(--o-gap-2);
+  --layout-pkg-radius: var(--o-radius-xs);
+}

package/dist/cjs/components/header/components/HeaderNav.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./HeaderNav.vue2.js");;require('./HeaderNav.css');const r=require("../../../_plugin-vue_export-helper.js"),t=r(e,[["__scopeId","data-v-fe042238"]]);module.exports=t;

package/dist/cjs/components/header/components/HeaderNav.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),v=require("@opensig/opendesign"),T=require("../../../icons/icon-caret-left.js"),L=require("../../../icons/icon-caret-right.js"),I=require("@opendesign-plus/composables"),z=require("@vueuse/core"),R={class:"header-nav-wrap"},q={key:0,class:"right-icon"},M=["onMouseenter","onMouseleave"],H=["id"],O={class:"nav-text"},S=["id","onClick"],W={class:"nav-text"},$={key:1,class:"right-icon"},F=e.defineComponent({__name:"HeaderNav",props:{navData:{},activeIndex:{},hoverId:{}},emits:["handle-mouseenter","handle-mouseleave","handle-click"],setup(d,{emit:C}){const i=C,{isDark:B}=I.useTheme(),h=d,l=e.ref(),f=e.ref(),k=e.ref(null),s=e.ref(!1),a=e.ref(!1),u=e.ref(),_=z.useDebounceFn((t,n)=>{u.value=t==null?void 0:t.id,n==="mouseenter"&&i("handle-mouseenter",t),n==="mouseleave"&&(u.value="",i("handle-mouseleave",t))},100),V=t=>{i("handle-click",t)},b=()=>{a.value=!0,e.nextTick(()=>{l.value.scrollTo({left:l.value.clientWidth,behavior:"smooth"})})},y=()=>{l.value.scrollTo({left:0,behavior:"smooth"}),a.value=!1},c=()=>{var t,n;((t=l.value)==null?void 0:t.clientWidth)<((n=f.value)==null?void 0:n.clientWidth)?s.value=!0:s.value=!1};let m=0,r=0;const E=()=>r=0,x=t=>r>0?void r++:(r++,m=Date.now(),{event:"hover",properties:{module:"navigation",level1:t,target:t}}),D=t=>({properties:{module:"navigation",level1:t.label,target:t.label,steps:r,url:t.href,duration:Date.now()-m}});return e.onMounted(()=>{window.addEventListener("resize",c),e.nextTick(()=>{c(),k.value=setTimeout(()=>{c()},1e3)})}),e.onUnmounted(()=>{window.removeEventListener("resize",c),clearTimeout(k.value)}),(t,n)=>{const p=e.resolveDirective("analytics");return e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",{class:e.normalizeClass(["header-nav",{"header-nav-scroll":a.value}])},[a.value?(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(e.unref(v.OIcon),{onClick:y},{default:e.withCtx(()=>[e.createVNode(e.unref(T))]),_:1})])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"navRef",ref:l,class:e.normalizeClass(["o-nav",{"o-nav-scroll":a.value||!s.value,dark:e.unref(B)}])},[e.createElementVNode("ul",{ref_key:"navListRef",ref:f,class:"o-nav-list",onMouseenter:E},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.navData,(o,w)=>{var g;return e.withDirectives((e.openBlock(),e.createElementBlock("li",{key:o.id,class:e.normalizeClass({"is-selected":u.value===o.id||h.hoverId===o.id,"is-active":h.activeIndex===w}),onMouseenter:N=>e.unref(_)(o,"mouseenter"),onMouseleave:N=>e.unref(_)(o,"mouseleave")},[(g=o==null?void 0:o.children)!=null&&g.length?(e.openBlock(),e.createElementBlock("div",{key:0,id:"tour_headerNav_"+o.id,class:"nav-item"},[e.createElementVNode("span",O,e.toDisplayString(o.label),1)],8,H)):(e.openBlock(),e.createElementBlock("div",{key:1,id:"tour_headerNav_"+o.id,class:"nav-item item-other",onClick:N=>V(o)},[e.createElementVNode("span",W,e.toDisplayString(o.label),1),o.tag?(e.openBlock(),e.createBlock(e.unref(v.OTag),{key:0,round:"pill",color:"danger",size:"small",class:"content-tag"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.tag),1)]),_:2},1024)):e.createCommentVNode("",!0)],8,S))],42,M)),[[p,x(o.label),"mouseenter"],[p,D(o),void 0,{catchBubble:!0}]])}),128))],544)],2),s.value&&!a.value?(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(e.unref(v.OIcon),{onClick:b},{default:e.withCtx(()=>[e.createVNode(e.unref(L))]),_:1})])):e.createCommentVNode("",!0)],2)])}}});module.exports=F;

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

@@ -0,0 +1,418 @@
+.hover-icon-rotate .o-icon[data-v-7aa3e2e5] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-7aa3e2e5] {
+    transform: rotate(-180deg);
+}
+}
+.header-nav[data-v-7aa3e2e5] {
+  flex: 1;
+  justify-content: space-between;
+  width: 100%;
+  overflow: hidden;
+  height: 100%;
+  background-color: var(--o-color-fill2);
+  transform: translateX(-130%);
+  transition-duration: 0.333s;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.5, 0, 0.84, 0.25);
+  display: block;
+  opacity: 0;
+}
+.header-nav.active[data-v-7aa3e2e5] {
+  opacity: 1;
+  visibility: visible;
+  transform: translateX(0);
+}
+.o-nav[data-v-7aa3e2e5] {
+  height: 100%;
+  position: relative;
+  width: 99px;
+  background: var(--o-color-fill1);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.o-nav .o-nav-list[data-v-7aa3e2e5] {
+  padding: 0;
+  margin: 0;
+  height: auto;
+}
+.o-nav .o-nav-list > li[data-v-7aa3e2e5] {
+  position: relative;
+  text-align: center;
+  font-size: 18px;
+  line-height: 26px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-nav .o-nav-list > li[data-v-7aa3e2e5] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-nav .o-nav-list > li[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-nav .o-nav-list > li[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-nav .o-nav-list > li[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-nav .o-nav-list > li[data-v-7aa3e2e5] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 48px;
+  color: var(--o-color-info1);
+}
+.o-nav .o-nav-list > li.active[data-v-7aa3e2e5] {
+  color: var(--o-color-primary1);
+  background: var(--o-color-fill2);
+  font-weight: 500;
+}
+.nav-aside[data-v-7aa3e2e5] {
+  position: fixed;
+  background-color: var(--o-color-fill2);
+  top: 0;
+  left: 0;
+  width: calc(100% - 99px);
+  transform: translateX(99px);
+  height: 100%;
+  z-index: 190;
+}
+.nav-aside .nav-aside-wrapper[data-v-7aa3e2e5] {
+  overflow-y: auto;
+  padding: 16px 12px 32px;
+  height: 100%;
+}
+.nav-aside .nav-aside-wrapper .nav-aside-content[data-v-7aa3e2e5] {
+  display: block;
+  flex: 0 1 auto;
+}
+.nav-aside .nav-aside-wrapper .nav-aside-content + .nav-aside-content[data-v-7aa3e2e5] {
+  position: relative;
+  padding-top: var(--o-gap-3);
+}
+.nav-aside .nav-aside-wrapper .nav-aside-content + .nav-aside-content[data-v-7aa3e2e5]::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 1px;
+  background-color: rgba(var(--o-grey-14), 0.1);
+}
+.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-7aa3e2e5] {
+  color: var(--o-color-info3);
+  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-7aa3e2e5] {
+    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-7aa3e2e5] {
+    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-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children[data-v-7aa3e2e5] {
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+}
+.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children .o-tag[data-v-7aa3e2e5] {
+  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-7aa3e2e5] {
+  margin-left: var(--o-gap-2);
+}
+.nav-aside .nav-aside-wrapper .source-code-item[data-v-7aa3e2e5] {
+  height: 40px;
+  display: flex;
+  align-items: center;
+  color: var(--o-color-info1);
+}
+.nav-aside .nav-aside-wrapper .source-code-item.active[data-v-7aa3e2e5] {
+  color: var(--o-color-primary1);
+}
+.nav-aside .nav-aside-wrapper .source-code-item + .source-code-item[data-v-7aa3e2e5] {
+  border-top: 1px solid var(--o-color-control4);
+}
+.nav-aside .nav-aside-wrapper .source-code-item .icon[data-v-7aa3e2e5] {
+  margin-left: var(--o-gap-2);
+}
+.nav-aside .nav-aside-wrapper[data-v-7aa3e2e5]::-webkit-scrollbar-track {
+  border-radius: 3px;
+}
+.nav-aside .nav-aside-wrapper[data-v-7aa3e2e5]::-webkit-scrollbar {
+  width: 6px;
+  background-color: transparent;
+}
+.nav-aside .nav-aside-wrapper[data-v-7aa3e2e5]::-webkit-scrollbar-thumb {
+  border-radius: 3px;
+  background: var(--o-color-control1);
+}
+.nav-aside .container-mobile[data-v-7aa3e2e5] {
+  font-size: 18px;
+  line-height: 26px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.nav-aside .container-mobile[data-v-7aa3e2e5] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.nav-aside .container-mobile[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.nav-aside .container-mobile[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.nav-aside .container-mobile[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.nav-aside .container-mobile .o-icon[data-v-7aa3e2e5] {
+  --icon-size: 16px;
+  margin-left: var(--o-gap-2);
+}
+.nav-aside .content-container-mobile[data-v-7aa3e2e5] {
+  margin-top: var(--o-gap-3);
+}
+.nav-aside .content-container-mobile[data-v-7aa3e2e5]:first-child {
+  margin-top: 8px;
+}
+.nav-aside .content-container-mobile[data-v-7aa3e2e5]:last-child {
+  margin-bottom: 12px;
+}
+.nav-aside .content-container-mobile .content-subtitle[data-v-7aa3e2e5] {
+  color: var(--o-color-info1);
+  display: flex;
+  align-items: center;
+  font-size: 18px;
+  line-height: 26px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.nav-aside .content-container-mobile .content-subtitle[data-v-7aa3e2e5] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.nav-aside .content-container-mobile .content-subtitle[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.nav-aside .content-container-mobile .content-subtitle[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.nav-aside .content-container-mobile .content-subtitle[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.nav-aside .content-container-mobile .content-tag[data-v-7aa3e2e5] {
+  margin-left: var(--o-gap-2);
+  --layout-pkg-radius: var(--o-radius-xs);
+}
+.nav-aside .content-container-mobile .desc-container[data-v-7aa3e2e5] {
+  overflow: hidden;
+  position: relative;
+}
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-7aa3e2e5] {
+  color: var(--o-color-info2);
+  margin-top: var(--o-gap-1);
+  text-align: justify;
+  word-break: normal;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-7aa3e2e5] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-7aa3e2e5] {
+    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-7aa3e2e5] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-7aa3e2e5] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-7aa3e2e5] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+@media (max-width: 600px) {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-7aa3e2e5] {
+    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-7aa3e2e5] {
+    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-7aa3e2e5] {
+    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-7aa3e2e5] {
+    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-7aa3e2e5] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.header-tool[data-v-7aa3e2e5] {
+  position: absolute;
+  bottom: 36px;
+  left: 0;
+  width: 99px;
+  display: flex;
+  height: auto;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+.header-tool-item[data-v-7aa3e2e5] {
+  width: 99px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 48px;
+  color: var(--o-color-info1);
+}
+.header-tool-item.active[data-v-7aa3e2e5] {
+  color: var(--o-color-primary1);
+  background: var(--o-color-fill2);
+  font-weight: 500;
+}
+.header-tool-item[data-v-7aa3e2e5] {
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.header-tool-item[data-v-7aa3e2e5] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.header-tool-item[data-v-7aa3e2e5] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.header-tool-item[data-v-7aa3e2e5] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.header-tool-item[data-v-7aa3e2e5] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.header-tool-item[data-v-7aa3e2e5] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+.header-tool-item[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+.header-tool-item[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+.header-tool-item[data-v-7aa3e2e5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+.header-tool-item[data-v-7aa3e2e5] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.other-tool[data-v-7aa3e2e5] {
+  width: 99px;
+  margin-top: 8px;
+  text-align: center;
+}

package/dist/cjs/components/header/components/HeaderNavMobile.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./HeaderNavMobile.vue2.js");;require('./HeaderNavMobile.css');const r=require("../../../_plugin-vue_export-helper.js"),t=r(e,[["__scopeId","data-v-7aa3e2e5"]]);module.exports=t;

package/dist/cjs/components/header/components/HeaderNavMobile.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),d=require("@opensig/opendesign"),i=require("../types.js"),h={class:"o-nav"},g={class:"o-nav-list"},y=["onClick"],C={class:"nav-aside"},N={key:0,class:"nav-aside-wrapper"},f=["value"],D={class:"content-label"},E={class:"container-mobile"},m=["onClick"],_={class:"item-label"},V={class:"desc-container"},S={class:"item-desc"},w=["onClick"],T={class:"item-label"},O={key:1,class:"nav-aside-wrapper"},$=["onClick"],b={class:"header-tool"},x={key:2,class:"other-tool"},L=e.defineComponent({__name:"HeaderNavMobile",props:{menuShow:{type:Boolean,default:!1},navData:{default:()=>[]},codeData:{default:()=>[]},langData:{default:()=>[]}},emits:["on-click","lang-click","handle-click"],setup(s,{emit:p}){const k=p,c=s,n=e.ref(""),r=e.ref({}),u=(o,t)=>{var l;t===i.NavType.NAV?(l=o==null?void 0:o.children)!=null&&l.length?(n.value=o.id,r.value=o):k("handle-click",o):t===i.NavType.CODE?(n.value=t,r.value=c.codeData.list):t===i.NavType.LANG&&(n.value=t,r.value=c.langData.list)},v=(o,t)=>{window.open(o,t||"_self"),k("on-click")},B=o=>{n.value===i.NavType.CODE?v(o.href,o==null?void 0:o.target):n.value===i.NavType.LANG&&k("lang-click",o)};return e.onMounted(()=>{n.value=c.navData[0].id,r.value=c.navData[0]}),e.watch(()=>c.navData||c.codeData||c.langData,()=>{n.value===i.NavType.CODE?r.value=c.codeData.list:n.value===i.NavType.LANG?r.value=c.langData.list:r.value=c.navData.find(o=>o.id===n.value)},{deep:!0}),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["header-nav",{active:s.menuShow}])},[e.createElementVNode("div",h,[e.createElementVNode("ul",g,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.navData,l=>(e.openBlock(),e.createElementBlock("li",{key:l.id,class:e.normalizeClass({active:n.value===l.id})},[e.createElementVNode("span",{onClick:a=>u(l,"nav")},e.toDisplayString(l.label),9,y)],2))),128))]),e.createElementVNode("div",C,[n.value!=="code"&&n.value!=="lang"?(e.openBlock(),e.createElementBlock("ul",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.children,l=>(e.openBlock(),e.createElementBlock("li",{value:l.label,key:l.label,class:"nav-aside-content"},[l!=null&&l.children?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",D,e.toDisplayString(l.label),1),e.createElementVNode("div",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l==null?void 0:l.children,a=>(e.openBlock(),e.createElementBlock("div",{key:a.label,class:"content-container-mobile"},[e.createElementVNode("a",{onClick:z=>v(a.href,a==null?void 0:a.target),rel:"noopener noreferrer",class:"content-subtitle"},[e.createElementVNode("span",_,e.toDisplayString(a.label),1),a.icon?(e.openBlock(),e.createBlock(e.unref(d.OIcon),{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.icon),{class:"icon"}))]),_:2},1024)):e.createCommentVNode("",!0),a.tag?(e.openBlock(),e.createBlock(e.unref(d.OTag),{key:1,round:"pill",color:"danger",size:"small",class:"content-tag"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.tag),1)]),_:2},1024)):e.createCommentVNode("",!0)],8,m),e.createElementVNode("div",V,[e.createElementVNode("p",S,e.toDisplayString(a.description),1)])]))),128))])],64)):(e.openBlock(),e.createElementBlock("a",{key:1,onClick:a=>v(l.href,l==null?void 0:l.target),rel:"noopener noreferrer",class:"content-subtitle item-not-children"},[e.createElementVNode("span",T,e.toDisplayString(l.label),1),l.icon?(e.openBlock(),e.createBlock(e.unref(d.OIcon),{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon),{class:"icon"}))]),_:2},1024)):e.createCommentVNode("",!0),l.tag?(e.openBlock(),e.createBlock(e.unref(d.OTag),{key:1,round:"pill",color:"danger",size:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.tag),1)]),_:2},1024)):e.createCommentVNode("",!0)],8,w))],8,f))),128))])):(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,l=>(e.openBlock(),e.createElementBlock("a",{key:l.label,onClick:a=>B(l),class:"source-code-item"},[e.createElementVNode("span",null,e.toDisplayString(l.label),1),l.icon?(e.openBlock(),e.createBlock(e.unref(d.OIcon),{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon),{class:"icon"}))]),_:2},1024)):e.createCommentVNode("",!0)],8,$))),128))]))])]),e.createElementVNode("div",b,[s.codeData?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["header-tool-item",{active:n.value==="code"}]),onClick:t[0]||(t[0]=l=>u(null,"code"))},e.toDisplayString(s.codeData.label),3)):e.createCommentVNode("",!0),s.langData?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["header-tool-item",{active:n.value==="lang"}]),onClick:t[1]||(t[1]=l=>u(null,"lang"))},e.toDisplayString(s.langData.label),3)):e.createCommentVNode("",!0),o.$slots.tool?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(o.$slots,"tool",{},void 0,!0)])):e.createCommentVNode("",!0)])],2))}});module.exports=L;

package/dist/cjs/components/header/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./OHeader.vue.js"),r=require("./OHeaderMobile.vue.js"),t=Object.assign(o,{install(e){e.component("OHeader",o)}}),a=Object.assign(r,{install(e){e.component("OHeaderMobile",r)}});exports.OHeader=t;exports.OHeaderMobile=a;

package/dist/cjs/components/header/types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.NAV="nav",e.CODE="code",e.LANG="lang",e))(r||{});exports.NavType=r;