@huyooo/ui 0.5.5 → 0.5.6

package/dist/LandingPageSectionHeader-CSOwusSK.js

@@ -0,0 +1,688 @@
+import { defineComponent as f, createElementBlock as d, openBlock as i, createVNode as c, createElementVNode as e, unref as $, toDisplayString as r, Fragment as z, renderList as q, createBlock as I, renderSlot as C, normalizeClass as P, withCtx as u, createTextVNode as p, createCommentVNode as L, normalizeStyle as T, ref as y, withModifiers as M, withDirectives as x, vModelText as w } from "vue";
+import { Icon as b } from "@iconify/vue";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { c as B } from "./index-Bb-d5pBq.js";
+const A = {
+  description: "",
+  class: "mission-list-item"
+}, D = {
+  class: "mission-list-text"
+}, U = /* @__PURE__ */ f({
+  __name: "LandingPageListItem",
+  props: {
+    description: {
+      default: ""
+    }
+  },
+  setup(s) {
+    const t = s;
+    return (a, o) => (i(), d("div", A, [c($(b), {
+      icon: "mingcute:check-circle-fill",
+      class: "mission-list-icon"
+    }), e("span", D, r(t.description), 1)]));
+  }
+}), O = /* @__PURE__ */ _(U, [["__scopeId", "data-v-4973c791"]]), Z = {
+  class: "mission-container"
+}, j = {
+  class: "mission-image-wrapper"
+}, E = ["src", "alt"], G = {
+  class: "mission-content"
+}, N = {
+  class: "mission-title"
+}, K = {
+  class: "mission-title-highlight"
+}, W = {
+  class: "mission-desc"
+}, R = {
+  class: "mission-list"
+}, Y = {
+  style: {
+    display: "none"
+  }
+}, J = /* @__PURE__ */ f({
+  __name: "LandingPageMission",
+  props: {
+    image: {},
+    imageAlt: {},
+    title: {},
+    highlight: {},
+    description: {},
+    features: {}
+  },
+  setup(s) {
+    return (t, a) => (i(), d("div", Z, [e("div", j, [a[0] || (a[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, E)]), e("div", G, [e("h2", N, [e("span", K, r(s.highlight), 1), e("strong", null, r(s.title), 1)]), e("p", W, r(s.description), 1), e("div", R, [(i(!0), d(z, null, q(s.features, (o, g) => (i(), I(O, {
+      key: g,
+      description: o
+    }, null, 8, ["description"]))), 128))])]), (i(), d("svg", Y, [...a[1] || (a[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)])]))]));
+  }
+}), Lt = /* @__PURE__ */ _(J, [["__scopeId", "data-v-511c032f"]]), Q = {
+  class: "team-info-container"
+}, X = {
+  class: "team-info-title"
+}, ee = {
+  class: "team-info-desc"
+}, te = /* @__PURE__ */ f({
+  __name: "LandingPageTeamInfo",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(s) {
+    const t = s;
+    return (a, o) => (i(), d("div", Q, [e("div", X, r(t.title), 1), e("p", ee, r(t.description), 1)]));
+  }
+}), kt = /* @__PURE__ */ _(te, [["__scopeId", "data-v-2074e0d7"]]), se = {}, ne = {
+  class: "Description"
+};
+function ie(s, t) {
+  return i(), d("div", ne, [C(s.$slots, "default", {}, void 0, !0)]);
+}
+const F = /* @__PURE__ */ _(se, [["render", ie], ["__scopeId", "data-v-501deb41"]]), oe = {
+  class: "grid-container"
+}, ae = {
+  class: "square"
+}, le = ["src", "alt", "sizes", "width", "height"], ce = {
+  class: "footer"
+}, de = {
+  class: "name"
+}, re = /* @__PURE__ */ f({
+  __name: "LandingPageTeamList",
+  props: {
+    publishedTeamMembers: {},
+    sizes: {},
+    width: {},
+    height: {},
+    pictureClass: {}
+  },
+  setup(s) {
+    return (t, a) => (i(), d("div", oe, [(i(!0), d(z, null, q(s.publishedTeamMembers, (o) => (i(), d("div", {
+      key: o.data.name,
+      class: "group"
+    }, [e("div", ae, [e("img", {
+      src: o.data.avatar.src,
+      alt: o.data.avatar.alt,
+      sizes: s.sizes,
+      width: s.width,
+      height: s.height,
+      class: P(s.pictureClass ? `${s.pictureClass} picture-img` : "picture-img")
+    }, null, 10, le)]), e("div", ce, [e("h2", de, r(o.data.name), 1), c(F, null, {
+      default: u(() => [p(r(o.data.title), 1)]),
+      _: 2
+    }, 1024)])]))), 128))]));
+  }
+}), xt = /* @__PURE__ */ _(re, [["__scopeId", "data-v-aae1a797"]]), ue = ["src"], me = /* @__PURE__ */ f({
+  __name: "LandingPageLogo",
+  props: {
+    name: {
+      type: String,
+      required: !1,
+      default: () => "#2d2d2d"
+    },
+    icon: {
+      type: String,
+      required: !1,
+      default: () => ""
+    },
+    color: {
+      type: String,
+      required: !1,
+      default: () => "#2d2d2d"
+    },
+    fontSize: {
+      type: String,
+      required: !1,
+      default: () => "16px"
+    },
+    iconSize: {
+      type: String,
+      required: !1,
+      default: () => "42px"
+    }
+  },
+  emits: ["to"],
+  setup(s, {
+    emit: t
+  }) {
+    const a = s, o = t;
+    function g() {
+      o("to");
+    }
+    return (m, l) => (i(), d("div", {
+      class: "Logo",
+      onClick: g
+    }, [s.icon ? (i(), d("img", {
+      key: 0,
+      class: "icon",
+      src: s.icon,
+      alt: "logo",
+      style: T({
+        width: a.iconSize,
+        height: a.iconSize
+      })
+    }, null, 12, ue)) : L("", !0), e("div", {
+      class: "text",
+      style: T({
+        color: a.color,
+        fontSize: a.fontSize
+      })
+    }, r(s.name), 5)]));
+  }
+}), pe = /* @__PURE__ */ _(me, [["__scopeId", "data-v-f259564c"]]), _e = {
+  class: "BrandInfo"
+}, fe = /* @__PURE__ */ f({
+  __name: "LandingPageBrandInfo",
+  props: {
+    icon: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    description: {
+      type: String,
+      required: !0
+    },
+    color: {
+      type: String,
+      default: "#2d2d2d"
+    },
+    fontSize: {
+      type: String,
+      default: "14px"
+    },
+    iconSize: {
+      type: String,
+      default: "32px"
+    }
+  },
+  setup(s) {
+    const t = s;
+    return (a, o) => (i(), d("div", _e, [c(pe, {
+      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"]), c(F, null, {
+      default: u(() => [p(r(t.description), 1)]),
+      _: 1
+    })]));
+  }
+}), ge = /* @__PURE__ */ _(fe, [["__scopeId", "data-v-03121641"]]), he = {
+  class: "contact-container"
+}, ve = {
+  class: "contact-info-section"
+}, ye = {
+  class: "contact-title"
+}, Ce = {
+  class: "contact-info"
+}, $e = {
+  class: "contact-info-item"
+}, be = {
+  class: "contact-info-item"
+}, Le = ["href"], ke = {
+  class: "contact-info-item"
+}, xe = ["href"], we = {
+  class: "contact-form-section"
+}, Se = /* @__PURE__ */ f({
+  __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 (a, o) => (i(), d("div", he, [e("div", ve, [e("h2", ye, r(t.contact.title), 1), c(F, null, {
+      default: u(() => [p(r(t.contact.description), 1)]),
+      _: 1
+    }), e("div", Ce, [e("div", $e, [c($(b), {
+      class: "contact-info-icon",
+      icon: s.mapIcon
+    }, null, 8, ["icon"]), e("span", null, r(t.address), 1)]), e("div", be, [c($(b), {
+      class: "contact-info-icon",
+      icon: t.emailIcon
+    }, null, 8, ["icon"]), e("a", {
+      href: `mailto:${s.email}`
+    }, r(t.email), 9, Le)]), e("div", ke, [c($(b), {
+      class: "contact-info-icon",
+      icon: t.phoneIcon
+    }, null, 8, ["icon"]), e("a", {
+      href: `tel:${s.phone}`
+    }, r(t.phone), 9, xe)])])]), e("div", we, [C(a.$slots, "contact-form", {}, void 0, !0)])]));
+  }
+}), wt = /* @__PURE__ */ _(Se, [["__scopeId", "data-v-50d64cb9"]]), Ie = ["value"], Pe = ["value"], ze = {
+  class: "form-group"
+}, qe = {
+  class: "form-group"
+}, Fe = {
+  class: "form-group"
+}, Te = {
+  type: "submit",
+  class: "form-button"
+}, Ve = {
+  key: 0,
+  class: "button-content"
+}, He = {
+  key: 1
+}, Me = /* @__PURE__ */ f({
+  __name: "LandingPageContactForm",
+  props: {
+    accessKey: {
+      default: "YOUR_ACCESS_KEY_HERE"
+    },
+    to: {
+      default: "support@huyooo.com"
+    }
+  },
+  setup(s) {
+    const t = s, a = y(!1), o = y(""), g = y(""), m = y({
+      name: "",
+      email: "",
+      message: ""
+    }), l = async (k) => {
+      a.value = !0;
+      const n = k.target;
+      if (!n.checkValidity()) {
+        n.querySelectorAll(":invalid")[0].focus();
+        return;
+      }
+      o.value = "发送中...", g.value = "";
+      try {
+        const v = 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: m.value.name,
+            email: m.value.email,
+            message: m.value.message
+          })
+        });
+        await v.json(), v.status === 200 ? (g.value = "text-green", o.value = "消息发送成功！我们会尽快回复您。") : (g.value = "text-red", o.value = "发送失败，请检查网络连接后重试。");
+      } catch {
+        g.value = "text-red", o.value = "发送失败，请稍后再试！";
+      } finally {
+        n.reset(), a.value = !1, setTimeout(() => {
+          o.value = "";
+        }, 5e3);
+      }
+    };
+    return (k, n) => (i(), d("form", {
+      id: "form",
+      action: "https://api.web3forms.com/submit",
+      method: "POST",
+      class: P(["contact-form", {
+        "was-validated": a.value
+      }]),
+      novalidate: "",
+      onSubmit: M(l, ["prevent"])
+    }, [e("input", {
+      type: "hidden",
+      name: "access_key",
+      value: t.accessKey
+    }, null, 8, Ie), e("input", {
+      type: "hidden",
+      name: "to",
+      value: t.to
+    }, null, 8, Pe), n[11] || (n[11] = e("input", {
+      type: "checkbox",
+      class: "hidden",
+      style: {
+        display: "none"
+      },
+      name: "botcheck"
+    }, null, -1)), e("div", ze, [n[3] || (n[3] = e("label", {
+      for: "name",
+      class: "form-label"
+    }, [p(" 姓名 "), e("span", {
+      class: "required"
+    }, "*")], -1)), x(e("input", {
+      id: "name",
+      "onUpdate:modelValue": n[0] || (n[0] = (v) => m.value.name = v),
+      type: "text",
+      placeholder: "请输入您的姓名",
+      required: "",
+      class: "form-input",
+      name: "name"
+    }, null, 512), [[w, m.value.name]]), n[4] || (n[4] = e("div", {
+      class: "empty-feedback invalid-feedback form-error"
+    }, " 请输入您的姓名。 ", -1))]), e("div", qe, [n[5] || (n[5] = e("label", {
+      for: "email_address",
+      class: "form-label"
+    }, [p(" 邮箱地址 "), e("span", {
+      class: "required"
+    }, "*")], -1)), x(e("input", {
+      id: "email_address",
+      "onUpdate:modelValue": n[1] || (n[1] = (v) => m.value.email = v),
+      type: "email",
+      placeholder: "请输入您的邮箱地址",
+      name: "email",
+      required: "",
+      class: "form-input"
+    }, null, 512), [[w, m.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", Fe, [n[8] || (n[8] = e("label", {
+      for: "message",
+      class: "form-label"
+    }, [p(" 留言内容 "), e("span", {
+      class: "required"
+    }, "*")], -1)), x(e("textarea", {
+      id: "message",
+      "onUpdate:modelValue": n[2] || (n[2] = (v) => m.value.message = v),
+      name: "message",
+      required: "",
+      placeholder: "请输入您的留言内容",
+      class: "form-textarea",
+      rows: "4"
+    }, null, 512), [[w, m.value.message]]), n[9] || (n[9] = e("div", {
+      class: "empty-feedback invalid-feedback form-error"
+    }, " 请输入您的留言内容。 ", -1))]), e("button", Te, [o.value === "发送中..." ? (i(), d("span", Ve, [...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), p(" 发送中... ", -1)])])) : (i(), d("span", He, "发送信息"))]), o.value && o.value !== "发送中..." ? (i(), d("div", {
+      key: 0,
+      class: P(["form-result", g.value])
+    }, r(o.value), 3)) : L("", !0)], 34));
+  }
+}), St = /* @__PURE__ */ _(Me, [["__scopeId", "data-v-bd2eaefb"]]), Be = {}, Ae = {
+  role: "separator",
+  class: "divider divider-horizontal"
+};
+function De(s, t) {
+  return i(), d("div", Ae);
+}
+const V = /* @__PURE__ */ _(Be, [["render", De], ["__scopeId", "data-v-997fc2a4"]]), Ue = {
+  class: "bottom"
+}, Oe = {
+  class: "socials"
+}, Ze = ["onClick"], je = /* @__PURE__ */ f({
+  __name: "LandingPageFooterContact",
+  props: {
+    beianText: {
+      type: String,
+      required: !0
+    },
+    beianUrl: {
+      type: String,
+      required: !0
+    },
+    links: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(s) {
+    const t = s;
+    function a() {
+      window.open(t.beianUrl);
+    }
+    return (o, g) => (i(), d("div", Ue, [e("span", {
+      onClick: a
+    }, r(t.beianText), 1), e("div", Oe, [(i(!0), d(z, null, q(s.links, (m, l) => (i(), d("div", {
+      key: l,
+      class: "socialItem",
+      onClick: m.select
+    }, [m.type === "text" ? (i(), I($(b), {
+      key: 0,
+      icon: m.icon
+    }, null, 8, ["icon"])) : L("", !0), m.type === "image" ? (i(), I($(b), {
+      key: 1,
+      icon: m.icon
+    }, null, 8, ["icon"])) : L("", !0)], 8, Ze))), 128))])]));
+  }
+}), Ee = /* @__PURE__ */ _(je, [["__scopeId", "data-v-ff6210b9"]]), Ge = {
+  class: "FooterLayout"
+}, Ne = {
+  class: "body"
+}, Ke = {
+  class: "logo"
+}, We = {
+  class: "links"
+}, Re = /* @__PURE__ */ f({
+  __name: "LandingPageFooterLayout",
+  setup(s) {
+    return (t, a) => (i(), d("div", Ge, [c(V), e("div", Ne, [e("div", Ke, [C(t.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), e("div", We, [C(t.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), c(V), C(t.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
+  }
+}), Ye = /* @__PURE__ */ _(Re, [["__scopeId", "data-v-425841c7"]]), Je = {}, Qe = {
+  class: "Description"
+};
+function Xe(s, t) {
+  return i(), d("div", Qe, [C(s.$slots, "default", {}, void 0, !0)]);
+}
+const h = /* @__PURE__ */ _(Je, [["render", Xe], ["__scopeId", "data-v-ea9ec649"]]), et = {
+  class: "list"
+}, tt = {
+  class: "title"
+}, st = {
+  class: "listItemContent"
+}, nt = /* @__PURE__ */ f({
+  __name: "LandingPageLinkGroup",
+  props: {
+    title: {
+      default: ""
+    }
+  },
+  setup(s) {
+    const t = s;
+    return (a, o) => (i(), d("div", et, [e("div", tt, r(t.title), 1), e("div", st, [C(a.$slots, "item", {}, void 0, !0)])]));
+  }
+}), S = /* @__PURE__ */ _(nt, [["__scopeId", "data-v-0809a48c"]]), it = {
+  class: "Footer"
+}, H = "support@huyooo.com", ot = /* @__PURE__ */ f({
+  __name: "LandingPageFooter",
+  setup(s) {
+    const t = y("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), a = y("https://beian.miit.gov.cn/#/Integrated/index");
+    function o() {
+      const n = B(H, "", "");
+      window.location.href = n;
+    }
+    const g = y([{
+      type: "text",
+      icon: "ic:baseline-email",
+      content: H,
+      select: o
+    }, {
+      type: "image",
+      icon: "ic:baseline-wechat",
+      content: "https://beian.miit.gov.cn/#/Integrated/index",
+      select() {
+      }
+    }]);
+    return (m, l) => (i(), d("div", it, [c(Ye, null, {
+      LandingPageBrandInfo: u(() => [c(ge, {
+        icon: "https://ghibliaigenerator.app/logo.png",
+        name: "ONES",
+        description: "几小时内构建和发布AI产品，无需数日。"
+      })]),
+      LandingPageLinkGroup: u(() => [c(S, {
+        title: "产品"
+      }, {
+        item: u(() => [c(h, null, {
+          default: u(() => [...l[0] || (l[0] = [p("功能", -1)])]),
+          _: 1
+        }), c(h, null, {
+          default: u(() => [...l[1] || (l[1] = [p("展示", -1)])]),
+          _: 1
+        }), c(h, null, {
+          default: u(() => [...l[2] || (l[2] = [p("价格", -1)])]),
+          _: 1
+        })]),
+        _: 1
+      }), c(S, {
+        title: "资源"
+      }, {
+        item: u(() => [c(h, null, {
+          default: u(() => [...l[3] || (l[3] = [p("安全性与合规性", -1)])]),
+          _: 1
+        })]),
+        _: 1
+      }), c(S, {
+        title: "公司"
+      }, {
+        item: u(() => [c(h, null, {
+          default: u(() => [...l[4] || (l[4] = [p("博客", -1)])]),
+          _: 1
+        }), c(h, null, {
+          default: u(() => [...l[5] || (l[5] = [p("公司简介", -1)])]),
+          _: 1
+        }), c(h, null, {
+          default: u(() => [...l[6] || (l[6] = [p("个人信息收集清单", -1)])]),
+          _: 1
+        }), c(h, null, {
+          default: u(() => [...l[7] || (l[7] = [p("第三方信息共享清单", -1)])]),
+          _: 1
+        }), c(h, null, {
+          default: u(() => [...l[8] || (l[8] = [p("用户服务协议", -1)])]),
+          _: 1
+        }), c(h, null, {
+          default: u(() => [...l[9] || (l[9] = [p("隐私协议", -1)])]),
+          _: 1
+        })]),
+        _: 1
+      })]),
+      LandingPageFooterContact: u(() => [c(Ee, {
+        "beian-text": t.value,
+        "beian-url": a.value,
+        links: g.value
+      }, null, 8, ["beian-text", "beian-url", "links"])]),
+      _: 1
+    })]));
+  }
+}), It = /* @__PURE__ */ _(ot, [["__scopeId", "data-v-619d1298"]]), at = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='40'%20height='40'%20rx='14'%20fill='url(%23paint0_linear_1212_46228)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17%2011C13.6863%2011%2011%2013.6863%2011%2017V23C11%2026.3137%2013.6863%2029%2017%2029H23C26.3137%2029%2029%2026.3137%2029%2023V17C29%2013.6863%2026.3137%2011%2023%2011H17ZM20.0002%2015.9091C20.4521%2015.9091%2020.8184%2016.2754%2020.8184%2016.7273V19.1818H23.2718C23.7237%2019.1818%2024.09%2019.5481%2024.09%2020C24.09%2020.4519%2023.7237%2020.8182%2023.2718%2020.8182H20.8184V23.2727C20.8184%2023.7246%2020.4521%2024.0909%2020.0002%2024.0909C19.5484%2024.0909%2019.182%2023.7246%2019.182%2023.2727V20.8182H16.7264C16.2745%2020.8182%2015.9082%2020.4519%2015.9082%2020C15.9082%2019.5481%2016.2745%2019.1818%2016.7264%2019.1818H19.182V16.7273C19.182%2016.2754%2019.5484%2015.9091%2020.0002%2015.9091Z'%20fill='white'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_1212_46228'%20x1='20'%20y1='0'%20x2='20'%20y2='40'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%235766F0'/%3e%3cstop%20offset='1'%20stop-color='%23591EFF'%20stop-opacity='0.81'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", lt = "data:image/svg+xml,%3csvg%20width='72'%20height='48'%20viewBox='0%200%2072%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_1212_46227'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='72'%20height='48'%3e%3crect%20width='72'%20height='48'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_1212_46227)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.3789%2010.0001C16.3789%209.10554%2017.1041%208.38037%2017.9986%208.38037C18.8932%208.38037%2019.6183%209.10554%2019.6183%2010.0001C19.6183%2011.0172%2019.6664%2011.9775%2019.7585%2012.8841C19.8489%2013.7741%2019.2007%2014.5688%2018.3107%2014.6592C17.4208%2014.7497%2016.626%2014.1015%2016.5356%2013.2115C16.4317%2012.1889%2016.3789%2011.1191%2016.3789%2010.0001ZM18.0425%2019.547C17.7074%2018.7176%2018.1082%2017.7736%2018.9377%2017.4385C19.7671%2017.1035%2020.7111%2017.5043%2021.0461%2018.3337C21.7781%2020.146%2022.7687%2021.655%2023.9669%2022.9209C24.5819%2023.5705%2024.5537%2024.5957%2023.9041%2025.2106C23.2544%2025.8256%2022.2293%2025.7975%2021.6143%2025.1478C20.1362%2023.5862%2018.9254%2021.7329%2018.0425%2019.547ZM26.9161%2029.0658C26.1211%2028.6558%2025.8089%2027.6789%2026.219%2026.8838C26.629%2026.0888%2027.6059%2025.7767%2028.4009%2026.1867C30.0125%2027.0178%2031.8088%2027.6689%2033.753%2028.1757C34.6186%2028.4013%2035.1374%2029.286%2034.9118%2030.1516C34.6861%2031.0172%2033.8015%2031.536%2032.9359%2031.3104C30.8126%2030.7569%2028.7832%2030.0287%2026.9161%2029.0658ZM39.1207%2032.4579C38.2329%2032.348%2037.6022%2031.5393%2037.7121%2030.6516C37.8219%2029.7638%2038.6306%2029.1331%2039.5183%2029.2429C41.4424%2029.4809%2043.4322%2029.6311%2045.4551%2029.7252C46.3487%2029.7668%2047.0394%2030.5249%2046.9978%2031.4185C46.9562%2032.312%2046.1981%2033.0027%2045.3045%2032.9611C43.2229%2032.8643%2041.1475%2032.7086%2039.1207%2032.4579ZM51.4468%2033.1103C50.5523%2033.1036%2049.8326%2032.373%2049.8393%2031.4785C49.846%2030.584%2050.5766%2029.8643%2051.4711%2029.871C51.8002%2029.8735%2052.129%2029.8753%2052.4574%2029.8767L49.0395%2026.4589C48.4537%2025.8731%2048.4537%2024.9233%2049.0395%2024.3376C49.6253%2023.7518%2050.5751%2023.7518%2051.1608%2024.3376L56.5556%2029.7323C57.5319%2030.7086%2057.5319%2032.2915%2056.5556%2033.2678L51.1608%2038.6626C50.5751%2039.2484%2049.6253%2039.2484%2049.0395%2038.6626C48.4537%2038.0768%2048.4537%2037.1271%2049.0395%2036.5413L52.4646%2033.1162C52.1261%2033.1148%2051.7868%2033.1129%2051.4468%2033.1103Z'%20fill='black'%20fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e", ct = {
+  class: "section-header"
+}, dt = {
+  class: "title-section"
+}, rt = {
+  class: "icon-title"
+}, ut = ["src", "width", "height"], mt = {
+  class: "title"
+}, pt = {
+  class: "subtitle-section"
+}, _t = ["src", "width", "height"], ft = {
+  class: "subtitle"
+}, gt = "图标", ht = "装饰线条", vt = /* @__PURE__ */ f({
+  __name: "LandingPageSectionHeader",
+  props: {
+    title: {},
+    subtitle: {},
+    icon: {
+      default: at
+    },
+    iconWidth: {
+      default: 40
+    },
+    iconHeight: {
+      default: 40
+    },
+    dashline: {
+      default: lt
+    },
+    dashlineWidth: {
+      default: 72
+    },
+    dashlineHeight: {
+      default: 48
+    }
+  },
+  setup(s) {
+    const t = s;
+    return (a, o) => (i(), d("div", ct, [e("div", dt, [e("div", rt, [e("img", {
+      src: t.icon,
+      alt: gt,
+      width: t.iconWidth,
+      height: t.iconHeight,
+      loading: "lazy",
+      decoding: "async",
+      class: "icon"
+    }, null, 8, ut), e("span", mt, r(s.title), 1)]), e("div", pt, [e("img", {
+      src: t.dashline,
+      alt: ht,
+      width: t.dashlineWidth,
+      height: t.dashlineHeight,
+      loading: "lazy",
+      decoding: "async",
+      class: "dashline"
+    }, null, 8, _t), e("span", ft, r(s.subtitle), 1)])])]));
+  }
+}), Pt = /* @__PURE__ */ _(vt, [["__scopeId", "data-v-83ea7b70"]]);
+export {
+  F as D,
+  ge as L,
+  wt as a,
+  St as b,
+  V as c,
+  It as d,
+  Ee as e,
+  Ye as f,
+  h as g,
+  S as h,
+  O as i,
+  pe as j,
+  Lt as k,
+  Pt as l,
+  kt as m,
+  xt as n
+};