@huyooo/ui 0.11.2 → 0.11.5

package/dist/LandingPageFAQ-CZJXvor9.js

@@ -0,0 +1,80 @@
+import { defineComponent as d, openBlock as o, createElementBlock as p, renderSlot as c, createElementVNode as _, normalizeStyle as y, createBlock as l, withCtx as t, Fragment as g, renderList as k, createVNode as B, createTextVNode as i, toDisplayString as u } from "vue";
+import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { C as q, a as v } from "./CollapseItem-DUzZA6tx.js";
+import { D as L } from "./LandingPageSectionHeader-D_74W4My.js";
+const w = {
+  class: "BlockLayout"
+}, x = /* @__PURE__ */ d({
+  __name: "LandingPageBlockLayout",
+  props: {
+    columns: {
+      type: Number,
+      default: 1
+    },
+    flexDirection: {
+      type: String,
+      default: "column"
+    }
+  },
+  setup(a) {
+    const e = a;
+    return (s, f) => (o(), p("section", w, [c(s.$slots, "BlockHeader", {}, void 0, !0), _("div", {
+      class: "BlockBody",
+      style: y({
+        gridTemplateColumns: `repeat(${e.columns}, 1fr)`,
+        flexDirection: e.flexDirection
+      })
+    }, [c(s.$slots, "BlockBody", {}, void 0, !0)], 4)]));
+  }
+}), P = /* @__PURE__ */ m(x, [["__scopeId", "data-v-84ed1aaa"]]), C = /* @__PURE__ */ d({
+  __name: "LandingPageFAQ",
+  props: {
+    activeKeys: {
+      default: () => []
+    },
+    faqItems: {
+      default: () => [{
+        question: "你们有免费试用吗？",
+        answer: "我们提供1个月的免费试用"
+      }, {
+        question: "我可以申请退款吗？",
+        answer: "不支持退款，但您可以随时取消订阅。取消订阅后将于下一个结算日的次日生效，在此之前您可以使用服务。为了避免被收取下一计费期的费用，请在下一个计费日期前至少 24 小时取消。"
+      }, {
+        question: "付费会员的配额什么时候会重置？会在月初吗？",
+        answer: "配额重置发生在您订阅后一个月，并非基于日历月。例如，如果您在4月15日订阅，您的配额将在5月15日重置。"
+      }, {
+        question: "从月付费订阅升级至年付费订阅，费用和有效期是如何计算的？",
+        answer: "从月度付费升级至年度付费时，会基于您剩余的月度付费价值计算差额。服务期从升级日起至次年同日。"
+      }, {
+        question: "你们提供技术支持吗？",
+        answer: "是的，在付费期间我们提供全天候的技术支持，可以通过电子邮箱和微信联系我们。"
+      }, {
+        question: "使用期间有什么限制吗？",
+        answer: "在使用期间如果发现开发者违反法律法规或在恶意应用程序中使用等任何不当使用行为，包括但不限于共享或出售订阅，都是被禁止的，可能会导致您的账户被终止且不予退款。我们有权终止服务，详情请参阅《付费服务协议》"
+      }]
+    }
+  },
+  setup(a) {
+    const e = a;
+    return (s, f) => (o(), l(q, {
+      "active-keys": e.activeKeys
+    }, {
+      default: t(() => [(o(!0), p(g, null, k(e.faqItems, (n, r) => (o(), l(v, {
+        key: r,
+        index: r
+      }, {
+        header: t(() => [i(u(n.question), 1)]),
+        default: t(() => [B(L, null, {
+          default: t(() => [i(u(n.answer), 1)]),
+          _: 2
+        }, 1024)]),
+        _: 2
+      }, 1032, ["index"]))), 128))]),
+      _: 1
+    }, 8, ["active-keys"]));
+  }
+}), S = /* @__PURE__ */ m(C, [["__scopeId", "data-v-581e8f75"]]);
+export {
+  P as L,
+  S as a
+};

package/dist/LandingPageLinkGroup-DDNRivMt.js

@@ -0,0 +1,521 @@
+import { defineComponent as u, openBlock as a, createElementBlock as o, createVNode as m, unref as h, createElementVNode as e, toDisplayString as l, Fragment as C, renderList as P, createBlock as k, normalizeClass as x, withCtx as w, createTextVNode as f, renderSlot as g, ref as $, withModifiers as T, withDirectives as b, vModelText as L, createCommentVNode as I, 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 S } from "./LandingPageSectionHeader-D_74W4My.js";
+import { L as V } from "./Logo-D7fyXyB-.js";
+const B = {
+  description: "",
+  class: "mission-list-item"
+}, F = {
+  class: "mission-list-text"
+}, A = /* @__PURE__ */ u({
+  __name: "LandingPageListItem",
+  props: {
+    description: {
+      default: ""
+    }
+  },
+  setup(s) {
+    const t = s;
+    return (c, i) => (a(), o("div", B, [m(h(v), {
+      icon: "mingcute:check-circle-fill",
+      class: "mission-list-icon"
+    }), e("span", F, l(t.description), 1)]));
+  }
+}), N = /* @__PURE__ */ d(A, [["__scopeId", "data-v-8659cb17"]]), U = {
+  class: "mission-container"
+}, M = {
+  class: "mission-image-wrapper"
+}, j = ["src", "alt"], K = {
+  class: "mission-content"
+}, O = {
+  class: "mission-title"
+}, G = {
+  class: "mission-title-highlight"
+}, E = {
+  class: "mission-desc"
+}, H = {
+  class: "mission-list"
+}, R = {
+  style: {
+    display: "none"
+  }
+}, Y = /* @__PURE__ */ u({
+  __name: "LandingPageMission",
+  props: {
+    image: {},
+    imageAlt: {},
+    title: {},
+    highlight: {},
+    description: {},
+    features: {}
+  },
+  setup(s) {
+    return (t, c) => (a(), o("div", U, [e("div", M, [c[0] || (c[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", G, l(s.highlight), 1), e("strong", null, l(s.title), 1)]), e("p", E, l(s.description), 1), e("div", H, [(a(!0), o(C, null, P(s.features, (i, p) => (a(), k(N, {
+      key: p,
+      description: i
+    }, null, 8, ["description"]))), 128))])]), (a(), o("svg", R, [...c[1] || (c[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(Y, [["__scopeId", "data-v-8d215ca2"]]), J = {
+  class: "team-info-container"
+}, Q = {
+  class: "team-info-title"
+}, W = {
+  class: "team-info-desc"
+}, X = /* @__PURE__ */ u({
+  __name: "LandingPageTeamInfo",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(s) {
+    const t = s;
+    return (c, i) => (a(), o("div", J, [e("div", Q, l(t.title), 1), e("p", W, l(t.description), 1)]));
+  }
+}), tt = /* @__PURE__ */ d(X, [["__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__ */ u({
+  __name: "LandingPageTeamList",
+  props: {
+    publishedTeamMembers: {},
+    sizes: {},
+    width: {},
+    height: {},
+    pictureClass: {}
+  },
+  setup(s) {
+    return (t, c) => (a(), o("div", Z, [(a(!0), o(C, null, P(s.publishedTeamMembers, (i) => (a(), o("div", {
+      key: i.data.name,
+      class: "group"
+    }, [e("div", ee, [e("img", {
+      src: i.data.avatar.src,
+      alt: i.data.avatar.alt,
+      sizes: s.sizes,
+      width: s.width,
+      height: s.height,
+      class: x(s.pictureClass ? `${s.pictureClass} picture-img` : "picture-img")
+    }, null, 10, te)]), e("div", se, [e("h2", ne, l(i.data.name), 1), m(S, null, {
+      default: w(() => [f(l(i.data.title), 1)]),
+      _: 2
+    }, 1024)])]))), 128))]));
+  }
+}), st = /* @__PURE__ */ d(ae, [["__scopeId", "data-v-89ca8f8c"]]), ie = {
+  class: "BrandInfo"
+}, oe = /* @__PURE__ */ u({
+  __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 (c, i) => (a(), o("div", ie, [m(V, {
+      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"]), m(S, null, {
+      default: w(() => [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__ */ u({
+  __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 (c, i) => (a(), o("div", ce, [e("div", le, [e("h2", re, l(t.contact.title), 1), m(S, null, {
+      default: w(() => [f(l(t.contact.description), 1)]),
+      _: 1
+    }), e("div", de, [e("div", ue, [m(h(v), {
+      class: "contact-info-icon",
+      icon: s.mapIcon
+    }, null, 8, ["icon"]), e("span", null, l(t.address), 1)]), e("div", me, [m(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, [m(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(c.$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__ */ u({
+  __name: "LandingPageContactForm",
+  props: {
+    accessKey: {
+      default: "YOUR_ACCESS_KEY_HERE"
+    },
+    to: {
+      default: "support@huyooo.com"
+    }
+  },
+  setup(s) {
+    const t = s, c = $(!1), i = $(""), p = $(""), r = $({
+      name: "",
+      email: "",
+      message: ""
+    }), y = async (z) => {
+      c.value = !0;
+      const n = z.target;
+      if (!n.checkValidity()) {
+        n.querySelectorAll(":invalid")[0].focus();
+        return;
+      }
+      i.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", i.value = "消息发送成功！我们会尽快回复您。") : (p.value = "text-red", i.value = "发送失败，请检查网络连接后重试。");
+      } catch {
+        p.value = "text-red", i.value = "发送失败，请稍后再试！";
+      } finally {
+        n.reset(), c.value = !1, setTimeout(() => {
+          i.value = "";
+        }, 5e3);
+      }
+    };
+    return (z, n) => (a(), o("form", {
+      id: "form",
+      action: "https://api.web3forms.com/submit",
+      method: "POST",
+      class: x(["contact-form", {
+        "was-validated": c.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, [i.value === "发送中..." ? (a(), o("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)])])) : (a(), o("span", Ie, "发送信息"))]), i.value && i.value !== "发送中..." ? (a(), o("div", {
+      key: 0,
+      class: x(["form-result", p.value])
+    }, l(i.value), 3)) : I("", !0)], 34));
+  }
+}), it = /* @__PURE__ */ d(Ce, [["__scopeId", "data-v-ea3b8237"]]), Pe = /* @__PURE__ */ u({
+  __name: "LandingPageContainer",
+  props: {
+    flexDirection: {
+      default: "column"
+    },
+    gap: {
+      default: "120px"
+    },
+    padding: {
+      default: ""
+    }
+  },
+  setup(s) {
+    const t = s;
+    return (c, i) => (a(), o("div", {
+      class: "landing-page-container",
+      style: D({
+        flexDirection: t.flexDirection,
+        gap: t.gap,
+        ...t.padding ? {
+          padding: t.padding
+        } : {}
+      })
+    }, [g(c.$slots, "default", {}, void 0, !0)], 4));
+  }
+}), ot = /* @__PURE__ */ d(Pe, [["__scopeId", "data-v-213b19a2"]]), we = {}, Se = {
+  role: "separator",
+  class: "divider divider-horizontal"
+};
+function ze(s, t) {
+  return a(), o("div", Se);
+}
+const q = /* @__PURE__ */ d(we, [["render", ze], ["__scopeId", "data-v-fc6caeb0"]]), qe = {
+  class: "bottom"
+}, Te = {
+  class: "beian-number"
+}, De = {
+  class: "copyright-text"
+}, Ve = {
+  class: "socials"
+}, Be = ["onClick"], Fe = /* @__PURE__ */ u({
+  __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 c() {
+      window.open(t.beianUrl);
+    }
+    return (i, p) => (a(), o("div", qe, [e("div", {
+      class: "beian-text-wrapper",
+      onClick: c
+    }, [e("span", Te, l(t.beianNumber), 1), e("span", De, l(t.copyrightText), 1)]), e("div", Ve, [(a(!0), o(C, null, P(s.links, (r, y) => (a(), o("div", {
+      key: y,
+      class: "socialItem",
+      onClick: r.select
+    }, [r.type === "text" ? (a(), k(h(v), {
+      key: 0,
+      icon: r.icon
+    }, null, 8, ["icon"])) : I("", !0), r.type === "image" ? (a(), k(h(v), {
+      key: 1,
+      icon: r.icon
+    }, null, 8, ["icon"])) : I("", !0)], 8, Be))), 128))])]));
+  }
+}), ct = /* @__PURE__ */ d(Fe, [["__scopeId", "data-v-56c85ce5"]]), Ae = {
+  class: "FooterLayout"
+}, Ne = {
+  class: "body"
+}, Ue = {
+  class: "logo"
+}, Me = {
+  class: "links"
+}, je = /* @__PURE__ */ u({
+  __name: "LandingPageFooterLayout",
+  setup(s) {
+    return (t, c) => (a(), o("div", Ae, [m(q), e("div", Ne, [e("div", Ue, [g(t.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), e("div", Me, [g(t.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), m(q), g(t.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
+  }
+}), lt = /* @__PURE__ */ d(je, [["__scopeId", "data-v-425841c7"]]), Ke = {}, Oe = {
+  class: "Description"
+};
+function Ge(s, t) {
+  return a(), o("div", Oe, [g(s.$slots, "default", {}, void 0, !0)]);
+}
+const rt = /* @__PURE__ */ d(Ke, [["render", Ge], ["__scopeId", "data-v-302e1437"]]), Ee = {
+  class: "list"
+}, He = {
+  class: "title"
+}, Re = {
+  class: "listItemContent"
+}, Ye = /* @__PURE__ */ u({
+  __name: "LandingPageLinkGroup",
+  props: {
+    title: {
+      default: ""
+    }
+  },
+  setup(s) {
+    const t = s;
+    return (c, i) => (a(), o("div", Ee, [e("div", He, l(t.title), 1), e("div", Re, [g(c.$slots, "item", {}, void 0, !0)])]));
+  }
+}), dt = /* @__PURE__ */ d(Ye, [["__scopeId", "data-v-4f6d9dca"]]);
+export {
+  q as D,
+  nt as L,
+  at as a,
+  it as b,
+  ot as c,
+  ct as d,
+  lt as e,
+  rt as f,
+  dt as g,
+  N as h,
+  et as i,
+  tt as j,
+  st as k
+};

package/dist/LandingPageSectionHeader-D_74W4My.js

@@ -0,0 +1,69 @@
+import { openBlock as n, createElementBlock as c, renderSlot as a, defineComponent as o, createElementVNode as t, toDisplayString as s } from "vue";
+import { _ as l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const d = {}, h = {
+  class: "Description"
+};
+function r(i, e) {
+  return n(), c("div", h, [a(i.$slots, "default", {}, void 0, !0)]);
+}
+const M = /* @__PURE__ */ l(d, [["render", r], ["__scopeId", "data-v-8b3dab7a"]]), C = "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", _ = "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", g = {
+  class: "section-header"
+}, p = {
+  class: "title-section"
+}, f = {
+  class: "icon-title"
+}, u = ["src", "width", "height"], m = {
+  class: "title"
+}, v = {
+  class: "subtitle-section"
+}, w = ["src", "width", "height"], x = {
+  class: "subtitle"
+}, y = "图标", H = "装饰线条", k = /* @__PURE__ */ o({
+  __name: "LandingPageSectionHeader",
+  props: {
+    title: {},
+    subtitle: {},
+    icon: {
+      default: C
+    },
+    iconWidth: {
+      default: 40
+    },
+    iconHeight: {
+      default: 40
+    },
+    dashline: {
+      default: _
+    },
+    dashlineWidth: {
+      default: 72
+    },
+    dashlineHeight: {
+      default: 48
+    }
+  },
+  setup(i) {
+    const e = i;
+    return (S, b) => (n(), c("div", g, [t("div", p, [t("div", f, [t("img", {
+      src: e.icon,
+      alt: y,
+      width: e.iconWidth,
+      height: e.iconHeight,
+      loading: "lazy",
+      decoding: "async",
+      class: "icon"
+    }, null, 8, u), t("span", m, s(i.title), 1)]), t("div", v, [t("img", {
+      src: e.dashline,
+      alt: H,
+      width: e.dashlineWidth,
+      height: e.dashlineHeight,
+      loading: "lazy",
+      decoding: "async",
+      class: "dashline"
+    }, null, 8, w), t("span", x, s(i.subtitle), 1)])])]));
+  }
+}), V = /* @__PURE__ */ l(k, [["__scopeId", "data-v-e1681a62"]]);
+export {
+  M as D,
+  V as L
+};