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

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

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("../common/ContentWrapper.vue.js"),f=require("./components/HeaderNav.vue.js"),_=require("./components/HeaderContent.vue.js"),C=require("@opendesign-plus/composables"),H={class:"header"},N=["src"],V={class:"header-nav"},B={key:0,class:"header-toolbar"},D={class:"header-nav-content"},y=e.defineComponent({__name:"OHeader",props:{logo:{},community:{},navData:{},bgLeft:{},bgRight:{},activeIndex:{},codeData:{},langData:{},isSimpleHeader:{type:Boolean},headerTitle:{}},emits:["go-home","handle-click"],setup(d,{emit:i}){const{isDark:u}=C.useTheme(),r=i,o=d,s=e.ref(),a=e.ref(),c=e.ref(),n=e.ref(!1),m=()=>{r("go-home")},h=t=>{var l;c.value=t,s.value=t.id,(l=t==null?void 0:t.children)!=null&&l.length&&(n.value=!0)},v=()=>{n.value=!1},g=t=>{r("handle-click",t)},b=t=>{a.value=t},k=t=>{a.value=t};return(t,l)=>(e.openBlock(),e.createElementBlock("div",H,[e.createElementVNode("div",{class:e.normalizeClass(["header-wrap",{"header-wrap-dark":e.unref(u)}])},[e.createVNode(p,{class:"header-content"},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"header-logo",onClick:m},[e.renderSlot(t.$slots,"logo",{},()=>[o.logo?(e.openBlock(),e.createElementBlock("img",{key:0,class:"logo",alt:"logo",src:o.logo},null,8,N)):e.createCommentVNode("",!0)],!0)]),e.createElementVNode("div",V,[e.renderSlot(t.$slots,"nav",{},()=>[o.navData?(e.openBlock(),e.createBlock(f,{key:0,"nav-data":o.navData,hoverId:a.value,"active-index":o.activeIndex,onHandleMouseenter:h,onHandleMouseleave:v,onHandleClick:g},null,8,["nav-data","hoverId","active-index"])):e.createCommentVNode("",!0)],!0)]),t.$slots.toolbar?(e.openBlock(),e.createElementBlock("div",B,[e.renderSlot(t.$slots,"toolbar",{},void 0,!0)])):e.createCommentVNode("",!0)]),_:3})],2),e.createElementVNode("div",D,[e.createVNode(_,{itemData:c.value,"item-visible":n.value,"bg-left":o.bgLeft,"bg-right":o.bgRight,community:o.community,"hover-index":s.value,onHandleMouseenterSub:b,onHandleMouseleaveSub:k},null,8,["itemData","item-visible","bg-left","bg-right","community","hover-index"])])]))}});module.exports=y;

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

@@ -0,0 +1,106 @@
+.hover-icon-rotate .o-icon[data-v-1d6060f9] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-1d6060f9] {
+    transform: rotate(-180deg);
+}
+}
+.header[data-v-1d6060f9] {
+  --o-header-height: 56px;
+}
+.header-box[data-v-1d6060f9] {
+  background-color: var(--o-color-fill2);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  z-index: 999;
+  box-shadow: 0 3px 9px 0 rgba(0, 18, 85, 0.08);
+  backdrop-filter: blur(5px);
+}
+.header-wrap[data-v-1d6060f9] {
+  display: flex;
+  align-items: center;
+  height: var(--o-header-height);
+  justify-content: space-between;
+  position: relative;
+}
+.header-simple[data-v-1d6060f9] {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.header-simple .o-icon[data-v-1d6060f9] {
+  font-size: 24px;
+}
+.header-simple .simple-header-left[data-v-1d6060f9] {
+  display: flex;
+  gap: 16px;
+  color: var(--o-color-info1);
+  overflow: hidden;
+  flex-grow: 1;
+}
+.header-simple .simple-header-left .header-title[data-v-1d6060f9] {
+  color: var(--o-color-info1);
+  font-weight: 500;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-size: 18px;
+  line-height: 26px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.header-simple .simple-header-left .header-title[data-v-1d6060f9] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.header-simple .simple-header-left .header-title[data-v-1d6060f9] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.header-simple .simple-header-left .header-title[data-v-1d6060f9] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.header-simple .simple-header-left .header-title[data-v-1d6060f9] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.header-simple .simple-header-right[data-v-1d6060f9] {
+  flex-shrink: 0;
+  color: var(--o-color-info1);
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+}
+.header-left[data-v-1d6060f9] {
+  display: flex;
+  align-items: center;
+}
+.header-left .o-icon[data-v-1d6060f9] {
+  --icon-size: 24px;
+}
+.logo[data-v-1d6060f9] {
+  height: 24px;
+  width: auto;
+}
+.header-content-mb[data-v-1d6060f9] {
+  position: fixed;
+  top: var(--o-header-height);
+  left: 0;
+  height: 0;
+  z-index: 998;
+}
+.header-content-active[data-v-1d6060f9] {
+  width: 100%;
+  height: calc(100vh - var(--o-header-height));
+}

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

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

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

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c=require("@opensig/opendesign"),k=require("../common/ContentWrapper.vue.js"),g=require("./components/HeaderNavMobile.vue.js"),v=require("../../icons/icon-close.js"),C=require("../../icons/icon-header-menu.js"),f={class:"header"},B={class:"header-box"},N={key:0,class:"header-simple"},V={class:"simple-header-left"},p={key:0,class:"header-title"},E={key:0,class:"simple-header-right"},_={class:"header-left"},b={class:"header-center"},y=["src"],w={class:"header-right"},S=e.defineComponent({__name:"OHeaderMobile",props:{logo:{},community:{},navData:{},bgLeft:{},bgRight:{},activeIndex:{},codeData:{},langData:{},isSimpleHeader:{type:Boolean},headerTitle:{}},emits:["go-back","lang-click","go-home"],setup(o,{emit:s}){const l=s,r=o,i=()=>{l("go-back")},d=()=>{l("go-home")},a=e.ref(!1),n=()=>{setTimeout(()=>{a.value=!a.value},200)},m=()=>{n()},h=()=>{n()},u=t=>{l("lang-click",t),n()};return(t,D)=>(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",B,[e.createVNode(k,{class:"header-wrap"},{default:e.withCtx(()=>[o.isSimpleHeader?(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("div",V,[e.createVNode(e.unref(c.OIcon),{onClick:i},{default:e.withCtx(()=>[e.createVNode(e.unref(c.OIconArrowLeft))]),_:1}),o.headerTitle?(e.openBlock(),e.createElementBlock("div",p,e.toDisplayString(o.headerTitle),1)):e.createCommentVNode("",!0)]),t.$slots.rightConfig?(e.openBlock(),e.createElementBlock("div",E,[e.renderSlot(t.$slots,"rightConfig",{},void 0,!0)])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",_,[e.createVNode(e.unref(c.OIcon),{onClick:n},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createBlock(e.unref(v),{key:1})):(e.openBlock(),e.createBlock(e.unref(C),{key:0}))]),_:1})]),e.createElementVNode("div",b,[e.createElementVNode("div",{class:"header-logo",onClick:d},[e.renderSlot(t.$slots,"logo",{},()=>[r.logo?(e.openBlock(),e.createElementBlock("img",{key:0,class:"logo",alt:"logo",src:r.logo},null,8,y)):e.createCommentVNode("",!0)],!0)])]),e.createElementVNode("div",w,[e.renderSlot(t.$slots,"toolbar",{},void 0,!0)])],64))]),_:3})]),e.createElementVNode("div",{class:e.normalizeClass(["header-content-mb",{"header-content-active":a.value}])},[e.createVNode(g,{ref:"mobileNav","nav-data":o.navData,"code-data":o.codeData,"lang-data":o.langData,"menu-show":a.value,onHandleClick:h,onOnClick:m,onLangClick:u},{tool:e.withCtx(()=>[e.renderSlot(t.$slots,"tool",{},void 0,!0)]),_:3},8,["nav-data","code-data","lang-data","menu-show"])],2)]))}});module.exports=S;