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

package/dist/esm/components/footer/OFooter.vue2.mjs

@@ -0,0 +1,289 @@
+import { defineComponent as O, openBlock as t, createElementBlock as s, normalizeClass as m, Fragment as c, createBlock as p, withCtx as g, renderSlot as d, createElementVNode as e, toDisplayString as i, createCommentVNode as r, createVNode as v, unref as u, normalizeStyle as b, renderList as f, createTextVNode as $ } from "vue";
+import { ODivider as h } from "@opensig/opendesign";
+import _ from "../common/ContentWrapper.vue.mjs";
+const L = {
+  key: 0,
+  class: "atom"
+}, I = { class: "atom-text" }, q = ["href"], N = ["src"], B = {
+  key: 0,
+  class: "quick-nav"
+}, C = { class: "category-title" }, V = { class: "navs" }, w = ["href"], z = {
+  key: 0,
+  class: "friendship-link"
+}, S = { class: "friendship-link-title" }, D = { class: "friendship-link-box" }, E = ["href"], F = {
+  key: 0,
+  class: "footer-logo"
+}, T = ["src"], M = ["src"], W = ["href"], j = {
+  key: 1,
+  class: "footer-option"
+}, A = { class: "footer-option-item" }, G = ["href"], H = { class: "license" }, J = { class: "copyright" }, K = { class: "filing" }, P = ["href"], Q = ["src"], R = {
+  key: 2,
+  class: "footer-right"
+}, U = {
+  key: 0,
+  class: "code-box"
+}, X = ["src"], Y = { class: "code-layer" }, Z = ["src"], x = { class: "txt" }, oo = { class: "app-footer-pc" }, eo = {
+  key: 0,
+  class: "footer-left"
+}, to = ["href"], so = ["src"], no = {
+  key: 0,
+  class: "footer-right"
+}, io = ["href"], ro = { class: "app-footer-mb" }, lo = {
+  key: 0,
+  class: "links"
+}, ao = ["href"], co = { class: "copyright" }, fo = {
+  key: 0,
+  class: "approval"
+}, po = ["href"], uo = ["src"], mo = /* @__PURE__ */ O({
+  __name: "OFooter",
+  props: {
+    simple: { default: !1 },
+    atom: { default: void 0 },
+    lang: { default: void 0 },
+    quickNav: { default: void 0 },
+    friendshipLink: { default: void 0 },
+    footerLogo: { default: void 0 },
+    footerOption: { default: void 0 },
+    qrcode: { default: void 0 },
+    footerBg: { default: void 0 }
+  },
+  setup(y) {
+    const o = y;
+    return (l, ho) => (t(), s("div", {
+      class: m([o.simple ? "app-footer-simple" : "app-footer"])
+    }, [
+      o.simple ? (t(), p(_, { key: 1 }, {
+        default: g(() => [
+          e("div", oo, [
+            l.$slots.left || o.footerOption ? d(l.$slots, "left", { key: 0 }, () => [
+              o.footerOption ? (t(), s("div", eo, [
+                e("span", null, i(o.footerOption[o.lang].copyright), 1),
+                e("a", {
+                  class: "approval",
+                  href: o.footerOption[o.lang].beianLink,
+                  target: "_blank",
+                  rel: "noopener noreferrer"
+                }, i(o.footerOption[o.lang].beianInfo1), 9, to),
+                e("img", {
+                  class: "police-img",
+                  src: o.footerOption[o.lang].policeIcon
+                }, null, 8, so),
+                e("span", null, i(o.footerOption[o.lang].beianInfo2), 1)
+              ])) : r("", !0)
+            ], !0) : r("", !0),
+            l.$slots.right || o.footerOption ? d(l.$slots, "right", { key: 1 }, () => [
+              o.footerOption ? (t(), s("div", no, [
+                (t(!0), s(c, null, f(o.footerOption[o.lang].link, (n, a) => (t(), s(c, {
+                  key: n.url
+                }, [
+                  e("a", {
+                    target: "_blank",
+                    href: n.url,
+                    class: "link"
+                  }, i(n.name), 9, io),
+                  a !== o.footerOption[o.lang].link.length - 1 ? (t(), p(u(h), {
+                    key: 0,
+                    direction: "v"
+                  })) : r("", !0)
+                ], 64))), 128))
+              ])) : r("", !0)
+            ], !0) : r("", !0)
+          ]),
+          e("div", ro, [
+            l.$slots.right || o.footerOption ? d(l.$slots, "right", { key: 0 }, () => [
+              o.footerOption ? (t(), s("div", lo, [
+                (t(!0), s(c, null, f(o.footerOption[o.lang].link, (n, a) => (t(), s(c, {
+                  key: n.url
+                }, [
+                  e("a", {
+                    target: "_blank",
+                    href: n.url,
+                    class: "link"
+                  }, i(n.name), 9, ao),
+                  a !== o.footerOption[o.lang].link.length - 1 ? (t(), p(u(h), {
+                    key: 0,
+                    direction: "v"
+                  })) : r("", !0)
+                ], 64))), 128))
+              ])) : r("", !0)
+            ], !0) : r("", !0),
+            d(l.$slots, "copyright", {}, () => [
+              e("div", co, i(o.footerOption[o.lang].copyright), 1)
+            ], !0),
+            l.$slots.left || o.footerOption ? d(l.$slots, "left", { key: 1 }, () => [
+              o.footerOption ? (t(), s("div", fo, [
+                e("a", {
+                  href: o.footerOption[o.lang].beianLink,
+                  target: "_blank",
+                  rel: "noopener noreferrer"
+                }, i(o.footerOption[o.lang].beianInfo1), 9, po),
+                e("img", {
+                  class: "police-img",
+                  src: o.footerOption[o.lang].policeIcon
+                }, null, 8, uo),
+                e("span", null, i(o.footerOption[o.lang].beianInfo2), 1)
+              ])) : r("", !0)
+            ], !0) : r("", !0)
+          ])
+        ]),
+        _: 3
+      })) : (t(), s(c, { key: 0 }, [
+        l.$slots.atom || o.atom ? (t(), p(_, { key: 0 }, {
+          default: g(() => [
+            d(l.$slots, "atom", {}, () => {
+              var n, a, k;
+              return [
+                o.atom ? (t(), s("div", L, [
+                  e("p", I, i((n = o.atom[o.lang]) == null ? void 0 : n.title), 1),
+                  e("a", {
+                    href: (a = o.atom[o.lang]) == null ? void 0 : a.href,
+                    target: "_blank"
+                  }, [
+                    e("img", {
+                      src: (k = o.atom[o.lang]) == null ? void 0 : k.img,
+                      class: "atom-logo",
+                      alt: ""
+                    }, null, 8, N)
+                  ], 8, q)
+                ])) : r("", !0),
+                v(u(h), { class: "atom-divider" })
+              ];
+            }, !0)
+          ]),
+          _: 3
+        })) : r("", !0),
+        e("div", {
+          class: "footer-content",
+          style: b({ backgroundImage: `url(${o.footerBg})` })
+        }, [
+          v(_, null, {
+            default: g(() => [
+              l.$slots.quickNav || o.quickNav ? d(l.$slots, "quickNav", { key: 0 }, () => [
+                o.quickNav ? (t(), s("div", B, [
+                  (t(!0), s(c, null, f(o.quickNav[o.lang], (n) => (t(), s("div", {
+                    key: n.title,
+                    class: "category"
+                  }, [
+                    e("div", C, i(n.title), 1),
+                    e("ul", V, [
+                      (t(!0), s(c, null, f(n.list, (a) => (t(), s("li", {
+                        key: a.title,
+                        class: "nav"
+                      }, [
+                        e("a", {
+                          href: a.link,
+                          target: "_blank",
+                          rel: "noopener noreferrer"
+                        }, i(a.title), 9, w)
+                      ]))), 128))
+                    ])
+                  ]))), 128))
+                ])) : r("", !0)
+              ], !0) : r("", !0),
+              l.$slots.friendshipLink || o.friendshipLink ? d(l.$slots, "friendshipLink", { key: 1 }, () => [
+                o.friendshipLink ? (t(), s("div", z, [
+                  e("div", S, i(o.friendshipLink.title[o.lang]), 1),
+                  e("div", D, [
+                    (t(!0), s(c, null, f(o.friendshipLink.link[o.lang], (n) => (t(), s("a", {
+                      href: n.link,
+                      key: n.link,
+                      target: "_blank"
+                    }, i(n.title), 9, E))), 128))
+                  ])
+                ])) : r("", !0)
+              ], !0) : r("", !0),
+              d(l.$slots, "footer", {}, () => [
+                e("div", {
+                  class: m(["inner", { "inner-en": o.lang === "en" }])
+                }, [
+                  o.footerLogo ? (t(), s("div", F, [
+                    e("img", {
+                      class: "show-pc",
+                      src: o.footerLogo.logo,
+                      alt: ""
+                    }, null, 8, T),
+                    e("img", {
+                      class: "show-mo",
+                      src: o.footerLogo.logoMb,
+                      alt: ""
+                    }, null, 8, M),
+                    e("p", null, [
+                      e("a", {
+                        class: "email",
+                        href: `mailto:${o.footerLogo.email}`,
+                        target: "_blank"
+                      }, i(o.footerLogo.email), 9, W)
+                    ])
+                  ])) : r("", !0),
+                  o.footerOption ? (t(), s("div", j, [
+                    e("div", A, [
+                      (t(!0), s(c, null, f(o.footerOption[o.lang].link, (n, a) => (t(), s(c, {
+                        key: n.url
+                      }, [
+                        e("a", {
+                          target: "_blank",
+                          href: n.url
+                        }, i(n.name), 9, G),
+                        a !== o.footerOption[o.lang].link.length - 1 ? (t(), p(u(h), {
+                          key: 0,
+                          style: {
+                            "--o-divider-bd-color": "var(--o-color-info3-inverse)",
+                            "--o-divider-label-gap": "0 8px"
+                          },
+                          direction: "v"
+                        })) : r("", !0)
+                      ], 64))), 128))
+                    ]),
+                    e("p", H, [
+                      e("span", null, i(o.footerOption[o.lang].licenseText), 1),
+                      $(" " + i(o.footerOption[o.lang].licenseInfo), 1)
+                    ]),
+                    e("div", J, [
+                      e("p", null, i(o.footerOption[o.lang].copyright), 1),
+                      e("div", K, [
+                        e("a", {
+                          href: o.footerOption[o.lang].beianLink,
+                          target: "_blank"
+                        }, i(o.footerOption[o.lang].beianInfo1), 9, P),
+                        e("img", {
+                          src: o.footerOption[o.lang].policeIcon,
+                          class: "filing-img"
+                        }, null, 8, Q),
+                        e("p", null, i(o.footerOption[o.lang].beianInfo2), 1)
+                      ])
+                    ])
+                  ])) : r("", !0),
+                  o.qrcode ? (t(), s("div", R, [
+                    o.lang === "zh" ? (t(), s("div", U, [
+                      (t(!0), s(c, null, f(o.qrcode, (n, a) => (t(), s("div", {
+                        key: a,
+                        class: "code-pop"
+                      }, [
+                        e("img", {
+                          src: n.img,
+                          class: "code-img",
+                          alt: ""
+                        }, null, 8, X),
+                        e("div", Y, [
+                          e("img", {
+                            src: n.code,
+                            alt: ""
+                          }, null, 8, Z),
+                          e("p", x, i(n.label), 1)
+                        ])
+                      ]))), 128))
+                    ])) : r("", !0)
+                  ])) : r("", !0)
+                ], 2)
+              ], !0)
+            ]),
+            _: 3
+          })
+        ], 4)
+      ], 64))
+    ], 2));
+  }
+});
+export {
+  mo as default
+};

package/dist/esm/components/footer/index.mjs

@@ -0,0 +1,9 @@
+import o from "./OFooter.vue.mjs";
+const r = Object.assign(o, {
+  install(t) {
+    t.component("OFooter", o);
+  }
+});
+export {
+  r as OFooter
+};

package/dist/esm/components/header/OHeader.css

@@ -0,0 +1,65 @@
+.hover-icon-rotate .o-icon[data-v-269d575f] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-269d575f] {
+    transform: rotate(-180deg);
+}
+}
+.header[data-v-269d575f] {
+  --o-header-height: 72px;
+}
+.header-wrap[data-v-269d575f] {
+  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);
+  height: var(--o-header-height);
+}
+.header-content[data-v-269d575f] {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.header-logo[data-v-269d575f] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  margin-right: 24px;
+  flex-shrink: 0;
+}
+.logo[data-v-269d575f] {
+  height: 32px;
+}
+.header-nav[data-v-269d575f] {
+  flex: 1;
+  height: 100%;
+  min-width: 0;
+  overflow: hidden;
+  position: relative;
+}
+.header-toolbar[data-v-269d575f] {
+  height: 100%;
+  position: relative;
+}
+.header-nav-content[data-v-269d575f] {
+  position: fixed;
+  top: var(--o-header-height);
+  left: 0;
+  right: 0;
+  background: var(--o-color-fill2);
+  z-index: 998;
+  box-shadow: 0 3px 9px 0 rgba(0, 18, 85, 0.08);
+  overflow: hidden;
+}
+.header-wrap-dark[data-v-269d575f] {
+  box-shadow: 0 3px 9px 0 rgba(var(--o-grey-4), 0.08);
+}
+.header-wrap-dark .header-nav-content[data-v-269d575f] {
+  box-shadow: 0 3px 9px 0 rgba(var(--o-grey-4), 0.08);
+}

package/dist/esm/components/header/OHeader.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./OHeader.vue2.mjs";
+import './OHeader.css';
+import r from "../../_plugin-vue_export-helper.mjs";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-269d575f"]]);
+export {
+  e as default
+};

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

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

package/dist/esm/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/esm/components/header/OHeaderMobile.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./OHeaderMobile.vue2.mjs";
+import './OHeaderMobile.css';
+import r from "../../_plugin-vue_export-helper.mjs";
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1d6060f9"]]);
+export {
+  a as default
+};