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

package/dist/esm/components/header/OHeaderMobile.vue2.mjs

@@ -0,0 +1,120 @@
+import { defineComponent as y, ref as D, openBlock as e, createElementBlock as l, createElementVNode as a, createVNode as n, withCtx as d, unref as i, toDisplayString as w, createCommentVNode as h, renderSlot as r, Fragment as H, createBlock as u, normalizeClass as B } from "vue";
+import { OIcon as v, OIconArrowLeft as I } from "@opensig/opendesign";
+import N from "../common/ContentWrapper.vue.mjs";
+import S from "./components/HeaderNavMobile.vue.mjs";
+import $ from "../../icons/icon-close.mjs";
+import O from "../../icons/icon-header-menu.mjs";
+const T = { class: "header" }, L = { class: "header-box" }, M = {
+  key: 0,
+  class: "header-simple"
+}, V = { class: "simple-header-left" }, E = {
+  key: 0,
+  class: "header-title"
+}, z = {
+  key: 0,
+  class: "simple-header-right"
+}, A = { class: "header-left" }, F = { class: "header-center" }, P = ["src"], R = { class: "header-right" }, Q = /* @__PURE__ */ y({
+  __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: k }) {
+    const m = k, g = o, f = () => {
+      m("go-back");
+    }, C = () => {
+      m("go-home");
+    }, s = D(!1), c = () => {
+      setTimeout(() => {
+        s.value = !s.value;
+      }, 200);
+    }, _ = () => {
+      c();
+    }, p = () => {
+      c();
+    }, b = (t) => {
+      m("lang-click", t), c();
+    };
+    return (t, W) => (e(), l("div", T, [
+      a("div", L, [
+        n(N, { class: "header-wrap" }, {
+          default: d(() => [
+            o.isSimpleHeader ? (e(), l("div", M, [
+              a("div", V, [
+                n(i(v), { onClick: f }, {
+                  default: d(() => [
+                    n(i(I))
+                  ]),
+                  _: 1
+                }),
+                o.headerTitle ? (e(), l("div", E, w(o.headerTitle), 1)) : h("", !0)
+              ]),
+              t.$slots.rightConfig ? (e(), l("div", z, [
+                r(t.$slots, "rightConfig", {}, void 0, !0)
+              ])) : h("", !0)
+            ])) : (e(), l(H, { key: 1 }, [
+              a("div", A, [
+                n(i(v), { onClick: c }, {
+                  default: d(() => [
+                    s.value ? (e(), u(i($), { key: 1 })) : (e(), u(i(O), { key: 0 }))
+                  ]),
+                  _: 1
+                })
+              ]),
+              a("div", F, [
+                a("div", {
+                  class: "header-logo",
+                  onClick: C
+                }, [
+                  r(t.$slots, "logo", {}, () => [
+                    g.logo ? (e(), l("img", {
+                      key: 0,
+                      class: "logo",
+                      alt: "logo",
+                      src: g.logo
+                    }, null, 8, P)) : h("", !0)
+                  ], !0)
+                ])
+              ]),
+              a("div", R, [
+                r(t.$slots, "toolbar", {}, void 0, !0)
+              ])
+            ], 64))
+          ]),
+          _: 3
+        })
+      ]),
+      a("div", {
+        class: B(["header-content-mb", { "header-content-active": s.value }])
+      }, [
+        n(S, {
+          ref: "mobileNav",
+          "nav-data": o.navData,
+          "code-data": o.codeData,
+          "lang-data": o.langData,
+          "menu-show": s.value,
+          onHandleClick: p,
+          onOnClick: _,
+          onLangClick: b
+        }, {
+          tool: d(() => [
+            r(t.$slots, "tool", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["nav-data", "code-data", "lang-data", "menu-show"])
+      ], 2)
+    ]));
+  }
+});
+export {
+  Q as default
+};