@huyooo/ui 4.0.2 → 4.0.3

package/dist/LandingPageLinkGroup-B8ERKG5f.js

@@ -1,527 +0,0 @@
-import { defineComponent as m, openBlock as o, createElementBlock as c, createVNode as u, unref as h, createElementVNode as e, toDisplayString as l, Fragment as x, renderList as I, createBlock as q, normalizeClass as k, withCtx as C, createTextVNode as f, renderSlot as g, ref as $, withModifiers as T, withDirectives as b, vModelText as L, createCommentVNode as z, normalizeStyle as D } from "vue";
-import { Icon as v } from "@iconify/vue";
-import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { D as P } from "./LandingPageDescription-BczWZHKy.js";
-import { L as F } from "./Logo-B9DFBxDU.js";
-const V = {
-  description: "",
-  class: "mission-list-item"
-}, B = {
-  class: "mission-list-text"
-}, A = /* @__PURE__ */ m({
-  __name: "LandingPageListItem",
-  props: {
-    description: {
-      default: ""
-    }
-  },
-  setup(s) {
-    const t = s;
-    return (i, a) => (o(), c("div", V, [u(h(v), {
-      icon: "mingcute:check-circle-fill",
-      class: "mission-list-icon"
-    }), e("span", B, l(t.description), 1)]));
-  }
-}), N = /* @__PURE__ */ d(A, [["__scopeId", "data-v-60bfd053"]]), U = {
-  class: "mission-container"
-}, M = {
-  class: "mission-image-wrapper"
-}, j = ["src", "alt"], K = {
-  class: "mission-content"
-}, O = {
-  class: "mission-title"
-}, R = {
-  class: "mission-title-highlight"
-}, G = {
-  class: "mission-desc"
-}, E = {
-  class: "mission-list"
-}, H = {
-  style: {
-    display: "none"
-  }
-}, J = /* @__PURE__ */ m({
-  __name: "LandingPageMission",
-  props: {
-    image: {},
-    imageAlt: {},
-    title: {},
-    highlight: {},
-    description: {},
-    features: {}
-  },
-  setup(s) {
-    return (t, i) => (o(), c("div", U, [e("div", M, [i[0] || (i[0] = e("div", {
-      class: "mission-bg1"
-    }, null, -1)), e("img", {
-      src: s.image,
-      alt: s.imageAlt,
-      loading: "lazy",
-      width: "1270",
-      decoding: "async",
-      class: "mission-img"
-    }, null, 8, j)]), e("div", K, [e("h2", O, [e("span", R, l(s.highlight), 1), e("strong", null, l(s.title), 1)]), e("p", G, l(s.description), 1), e("div", E, [(o(!0), c(x, null, I(s.features, (a, p) => (o(), q(N, {
-      key: p,
-      description: a
-    }, null, 8, ["description"]))), 128))])]), (o(), c("svg", H, [...i[1] || (i[1] = [e("symbol", {
-      id: "ai:ph:check-circle-fill"
-    }, [e("path", {
-      fill: "currentColor",
-      d: "M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m45.66 85.66l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32"
-    })], -1)])]))]));
-  }
-}), et = /* @__PURE__ */ d(J, [["__scopeId", "data-v-8d215ca2"]]), Q = {
-  class: "team-info-container"
-}, W = {
-  class: "team-info-title"
-}, X = {
-  class: "team-info-desc"
-}, Y = /* @__PURE__ */ m({
-  __name: "LandingPageTeamInfo",
-  props: {
-    title: {},
-    description: {}
-  },
-  setup(s) {
-    const t = s;
-    return (i, a) => (o(), c("div", Q, [e("div", W, l(t.title), 1), e("p", X, l(t.description), 1)]));
-  }
-}), tt = /* @__PURE__ */ d(Y, [["__scopeId", "data-v-b6a418e6"]]), Z = {
-  class: "grid-container"
-}, ee = {
-  class: "square"
-}, te = ["src", "alt", "sizes", "width", "height"], se = {
-  class: "footer"
-}, ne = {
-  class: "name"
-}, ae = /* @__PURE__ */ m({
-  __name: "LandingPageTeamList",
-  props: {
-    publishedTeamMembers: {},
-    sizes: {},
-    width: {},
-    height: {},
-    pictureClass: {}
-  },
-  setup(s) {
-    return (t, i) => (o(), c("div", Z, [(o(!0), c(x, null, I(s.publishedTeamMembers, (a) => (o(), c("div", {
-      key: a.data.name,
-      class: "group"
-    }, [e("div", ee, [e("img", {
-      src: a.data.avatar.src,
-      alt: a.data.avatar.alt,
-      sizes: s.sizes,
-      width: s.width,
-      height: s.height,
-      class: k(s.pictureClass ? `${s.pictureClass} picture-img` : "picture-img")
-    }, null, 10, te)]), e("div", se, [e("h2", ne, l(a.data.name), 1), u(P, null, {
-      default: C(() => [f(l(a.data.title), 1)]),
-      _: 2
-    }, 1024)])]))), 128))]));
-  }
-}), st = /* @__PURE__ */ d(ae, [["__scopeId", "data-v-89ca8f8c"]]), ie = {
-  class: "BrandInfo"
-}, oe = /* @__PURE__ */ m({
-  __name: "LandingPageBrandInfo",
-  props: {
-    icon: {
-      type: String,
-      required: !0
-    },
-    name: {
-      type: String,
-      required: !0
-    },
-    description: {
-      type: String,
-      required: !0
-    },
-    /** 不传则 Logo 使用自身主题色 */
-    color: {
-      type: String,
-      default: ""
-    },
-    fontSize: {
-      type: String,
-      default: ""
-    },
-    iconSize: {
-      type: String,
-      default: "32px"
-    }
-  },
-  setup(s) {
-    const t = s;
-    return (i, a) => (o(), c("div", ie, [u(F, {
-      icon: t.icon,
-      name: t.name,
-      color: t.color,
-      "font-size": t.fontSize,
-      "icon-size": t.iconSize
-    }, null, 8, ["icon", "name", "color", "font-size", "icon-size"]), u(P, null, {
-      default: C(() => [f(l(t.description), 1)]),
-      _: 1
-    })]));
-  }
-}), nt = /* @__PURE__ */ d(oe, [["__scopeId", "data-v-9f0b94b0"]]), ce = {
-  class: "contact-container"
-}, le = {
-  class: "contact-info-section"
-}, re = {
-  class: "contact-title"
-}, de = {
-  class: "contact-info"
-}, ue = {
-  class: "contact-info-item"
-}, me = {
-  class: "contact-info-item"
-}, pe = ["href"], _e = {
-  class: "contact-info-item"
-}, fe = ["href"], ge = {
-  class: "contact-form-section"
-}, he = /* @__PURE__ */ m({
-  __name: "LandingPageContact",
-  props: {
-    title: {
-      default: ""
-    },
-    subTitle: {
-      default: ""
-    },
-    contact: {
-      default: () => ({
-        title: "联系我们",
-        description: "有什么想说的吗？我们随时为您提供帮助。请填写表单或发送邮件或拨打电话。"
-      })
-    },
-    address: {
-      default: "北京市朝阳区建国门外大街1号"
-    },
-    email: {
-      default: "hello@example.com"
-    },
-    phone: {
-      default: "+86 138 0000 0000"
-    },
-    mapIcon: {
-      default: "uil:map-marker"
-    },
-    emailIcon: {
-      default: "uil:envelope"
-    },
-    phoneIcon: {
-      default: "uil:phone"
-    }
-  },
-  setup(s) {
-    const t = s;
-    return (i, a) => (o(), c("div", ce, [e("div", le, [e("h2", re, l(t.contact.title), 1), u(P, null, {
-      default: C(() => [f(l(t.contact.description), 1)]),
-      _: 1
-    }), e("div", de, [e("div", ue, [u(h(v), {
-      class: "contact-info-icon",
-      icon: s.mapIcon
-    }, null, 8, ["icon"]), e("span", null, l(t.address), 1)]), e("div", me, [u(h(v), {
-      class: "contact-info-icon",
-      icon: t.emailIcon
-    }, null, 8, ["icon"]), e("a", {
-      href: `mailto:${s.email}`
-    }, l(t.email), 9, pe)]), e("div", _e, [u(h(v), {
-      class: "contact-info-icon",
-      icon: t.phoneIcon
-    }, null, 8, ["icon"]), e("a", {
-      href: `tel:${s.phone}`
-    }, l(t.phone), 9, fe)])])]), e("div", ge, [g(i.$slots, "contact-form", {}, void 0, !0)])]));
-  }
-}), at = /* @__PURE__ */ d(he, [["__scopeId", "data-v-d93fc680"]]), ve = ["value"], $e = ["value"], ye = {
-  class: "form-group"
-}, be = {
-  class: "form-group"
-}, Le = {
-  class: "form-group"
-}, ke = {
-  type: "submit",
-  class: "form-button"
-}, xe = {
-  key: 0,
-  class: "button-content"
-}, Ie = {
-  key: 1
-}, Ce = /* @__PURE__ */ m({
-  __name: "LandingPageContactForm",
-  props: {
-    accessKey: {
-      default: "YOUR_ACCESS_KEY_HERE"
-    },
-    to: {
-      default: "support@huyooo.com"
-    }
-  },
-  setup(s) {
-    const t = s, i = $(!1), a = $(""), p = $(""), r = $({
-      name: "",
-      email: "",
-      message: ""
-    }), y = async (w) => {
-      i.value = !0;
-      const n = w.target;
-      if (!n.checkValidity()) {
-        n.querySelectorAll(":invalid")[0].focus();
-        return;
-      }
-      a.value = "发送中...", p.value = "";
-      try {
-        const _ = await fetch("https://api.web3forms.com/submit", {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json",
-            Accept: "application/json"
-          },
-          body: JSON.stringify({
-            access_key: t.accessKey,
-            to: t.to,
-            name: r.value.name,
-            email: r.value.email,
-            message: r.value.message
-          })
-        });
-        await _.json(), _.status === 200 ? (p.value = "text-green", a.value = "消息发送成功！我们会尽快回复您。") : (p.value = "text-red", a.value = "发送失败，请检查网络连接后重试。");
-      } catch {
-        p.value = "text-red", a.value = "发送失败，请稍后再试！";
-      } finally {
-        n.reset(), i.value = !1, setTimeout(() => {
-          a.value = "";
-        }, 5e3);
-      }
-    };
-    return (w, n) => (o(), c("form", {
-      id: "form",
-      action: "https://api.web3forms.com/submit",
-      method: "POST",
-      class: k(["contact-form", {
-        "was-validated": i.value
-      }]),
-      novalidate: "",
-      onSubmit: T(y, ["prevent"])
-    }, [e("input", {
-      type: "hidden",
-      name: "access_key",
-      value: t.accessKey
-    }, null, 8, ve), e("input", {
-      type: "hidden",
-      name: "to",
-      value: t.to
-    }, null, 8, $e), n[11] || (n[11] = e("input", {
-      type: "checkbox",
-      class: "hidden",
-      style: {
-        display: "none"
-      },
-      name: "botcheck"
-    }, null, -1)), e("div", ye, [n[3] || (n[3] = e("label", {
-      for: "name",
-      class: "form-label"
-    }, [f(" 姓名 "), e("span", {
-      class: "required"
-    }, "*")], -1)), b(e("input", {
-      id: "name",
-      "onUpdate:modelValue": n[0] || (n[0] = (_) => r.value.name = _),
-      type: "text",
-      placeholder: "请输入您的姓名",
-      required: "",
-      class: "form-input",
-      name: "name"
-    }, null, 512), [[L, r.value.name]]), n[4] || (n[4] = e("div", {
-      class: "empty-feedback invalid-feedback form-error"
-    }, " 请输入您的姓名。 ", -1))]), e("div", be, [n[5] || (n[5] = e("label", {
-      for: "email_address",
-      class: "form-label"
-    }, [f(" 邮箱地址 "), e("span", {
-      class: "required"
-    }, "*")], -1)), b(e("input", {
-      id: "email_address",
-      "onUpdate:modelValue": n[1] || (n[1] = (_) => r.value.email = _),
-      type: "email",
-      placeholder: "请输入您的邮箱地址",
-      name: "email",
-      required: "",
-      class: "form-input"
-    }, null, 512), [[L, r.value.email]]), n[6] || (n[6] = e("div", {
-      class: "empty-feedback form-error"
-    }, " 请输入您的邮箱地址。 ", -1)), n[7] || (n[7] = e("div", {
-      class: "invalid-feedback form-error"
-    }, " 请输入有效的邮箱地址。 ", -1))]), e("div", Le, [n[8] || (n[8] = e("label", {
-      for: "message",
-      class: "form-label"
-    }, [f(" 留言内容 "), e("span", {
-      class: "required"
-    }, "*")], -1)), b(e("textarea", {
-      id: "message",
-      "onUpdate:modelValue": n[2] || (n[2] = (_) => r.value.message = _),
-      name: "message",
-      required: "",
-      placeholder: "请输入您的留言内容",
-      class: "form-textarea",
-      rows: "4"
-    }, null, 512), [[L, r.value.message]]), n[9] || (n[9] = e("div", {
-      class: "empty-feedback invalid-feedback form-error"
-    }, " 请输入您的留言内容。 ", -1))]), e("button", ke, [a.value === "发送中..." ? (o(), c("span", xe, [...n[10] || (n[10] = [e("svg", {
-      class: "spinner",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: "0 0 24 24"
-    }, [e("circle", {
-      class: "spinner-circle",
-      cx: "12",
-      cy: "12",
-      r: "10",
-      stroke: "currentColor",
-      "stroke-width": "4"
-    }), e("path", {
-      class: "spinner-path",
-      fill: "currentColor",
-      d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-    })], -1), f(" 发送中... ", -1)])])) : (o(), c("span", Ie, "发送信息"))]), a.value && a.value !== "发送中..." ? (o(), c("div", {
-      key: 0,
-      class: k(["form-result", p.value])
-    }, l(a.value), 3)) : z("", !0)], 34));
-  }
-}), it = /* @__PURE__ */ d(Ce, [["__scopeId", "data-v-eb4bc6c4"]]), Pe = /* @__PURE__ */ m({
-  __name: "LandingPageContainer",
-  props: {
-    flexDirection: {
-      default: "column"
-    },
-    gap: {
-      default: ""
-    },
-    padding: {
-      default: ""
-    }
-  },
-  setup(s) {
-    const t = s;
-    return (i, a) => (o(), c("div", {
-      class: "landing-page-container",
-      style: D({
-        flexDirection: t.flexDirection,
-        ...t.gap ? {
-          gap: t.gap
-        } : {},
-        ...t.padding ? {
-          padding: t.padding
-        } : {}
-      })
-    }, [g(i.$slots, "default", {}, void 0, !0)], 4));
-  }
-}), ot = /* @__PURE__ */ d(Pe, [["__scopeId", "data-v-d10fd5c6"]]), we = {}, Se = {
-  role: "separator",
-  class: "divider divider-horizontal"
-};
-function ze(s, t) {
-  return o(), c("div", Se);
-}
-const S = /* @__PURE__ */ d(we, [["render", ze], ["__scopeId", "data-v-fc6caeb0"]]);
-function ct(s, t, i = (/* @__PURE__ */ new Date()).getFullYear()) {
-  return `Copyright © ${i > t ? `${t}-${i}` : `${t}`} ${s}`;
-}
-const qe = {
-  class: "bottom"
-}, Te = {
-  class: "beian-number"
-}, De = {
-  class: "copyright-text"
-}, Fe = {
-  key: 0,
-  class: "socials"
-}, Ve = ["title", "onClick"], Be = /* @__PURE__ */ m({
-  __name: "LandingPageFooterContact",
-  props: {
-    beianNumber: {
-      type: String,
-      required: !0
-    },
-    copyrightText: {
-      type: String,
-      required: !0
-    },
-    beianUrl: {
-      type: String,
-      required: !0
-    },
-    links: {
-      type: Array,
-      required: !0
-    }
-  },
-  setup(s) {
-    const t = s;
-    function i() {
-      window.open(t.beianUrl);
-    }
-    return (a, p) => (o(), c("div", qe, [e("div", {
-      class: "beian-text-wrapper",
-      onClick: i
-    }, [e("span", Te, l(t.beianNumber), 1), e("span", De, l(t.copyrightText), 1)]), s.links.length ? (o(), c("div", Fe, [(o(!0), c(x, null, I(s.links, (r, y) => (o(), c("div", {
-      key: y,
-      class: "socialItem",
-      title: r.label || void 0,
-      onClick: r.select
-    }, [u(h(v), {
-      icon: r.icon,
-      class: "socialIcon"
-    }, null, 8, ["icon"])], 8, Ve))), 128))])) : z("", !0)]));
-  }
-}), lt = /* @__PURE__ */ d(Be, [["__scopeId", "data-v-4e765ad4"]]), Ae = {
-  class: "FooterLayout"
-}, Ne = {
-  class: "body"
-}, Ue = {
-  class: "logo"
-}, Me = {
-  class: "links"
-}, je = /* @__PURE__ */ m({
-  __name: "LandingPageFooterLayout",
-  setup(s) {
-    return (t, i) => (o(), c("div", Ae, [u(S), e("div", Ne, [e("div", Ue, [g(t.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), e("div", Me, [g(t.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), u(S), g(t.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
-  }
-}), rt = /* @__PURE__ */ d(je, [["__scopeId", "data-v-425841c7"]]), Ke = {}, Oe = {
-  class: "Description"
-};
-function Re(s, t) {
-  return o(), c("div", Oe, [g(s.$slots, "default", {}, void 0, !0)]);
-}
-const dt = /* @__PURE__ */ d(Ke, [["render", Re], ["__scopeId", "data-v-302e1437"]]), Ge = {
-  class: "list"
-}, Ee = {
-  class: "title"
-}, He = {
-  class: "listItemContent"
-}, Je = /* @__PURE__ */ m({
-  __name: "LandingPageLinkGroup",
-  props: {
-    title: {
-      default: ""
-    }
-  },
-  setup(s) {
-    const t = s;
-    return (i, a) => (o(), c("div", Ge, [e("div", Ee, l(t.title), 1), e("div", He, [g(i.$slots, "item", {}, void 0, !0)])]));
-  }
-}), ut = /* @__PURE__ */ d(Je, [["__scopeId", "data-v-4f6d9dca"]]);
-export {
-  S as D,
-  nt as L,
-  at as a,
-  it as b,
-  ot as c,
-  lt as d,
-  rt as e,
-  dt as f,
-  ut as g,
-  N as h,
-  et as i,
-  tt as j,
-  st as k,
-  ct as l
-};