@huyooo/ui 0.5.3 → 0.5.5

package/dist/LandingPageSectionHeader-Dlc5rL21.js

@@ -0,0 +1,463 @@
+import { defineComponent as g, createElementBlock as c, openBlock as s, createVNode as o, createElementVNode as i, unref as $, toDisplayString as r, Fragment as x, renderList as b, createBlock as L, renderSlot as f, normalizeClass as F, withCtx as l, createTextVNode as _, createCommentVNode as y, normalizeStyle as w, ref as v } from "vue";
+import { Icon as k } from "@iconify/vue";
+import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { c as q } from "./index-Bb-d5pBq.js";
+const H = {
+  description: "",
+  class: "mission-list-item"
+}, B = {
+  class: "mission-list-text"
+}, T = /* @__PURE__ */ g({
+  __name: "LandingPageListItem",
+  props: {
+    description: {
+      default: ""
+    }
+  },
+  setup(t) {
+    const e = t;
+    return (a, d) => (s(), c("div", H, [o($(k), {
+      icon: "mingcute:check-circle-fill",
+      class: "mission-list-icon"
+    }), i("span", B, r(e.description), 1)]));
+  }
+}), V = /* @__PURE__ */ u(T, [["__scopeId", "data-v-4973c791"]]), D = {
+  class: "mission-container"
+}, M = {
+  class: "mission-image-wrapper"
+}, A = ["src", "alt"], U = {
+  class: "mission-content"
+}, Z = {
+  class: "mission-title"
+}, G = {
+  class: "mission-title-highlight"
+}, N = {
+  class: "mission-desc"
+}, W = {
+  class: "mission-list"
+}, j = {
+  style: {
+    display: "none"
+  }
+}, O = /* @__PURE__ */ g({
+  __name: "LandingPageMission",
+  props: {
+    image: {},
+    imageAlt: {},
+    title: {},
+    highlight: {},
+    description: {},
+    features: {}
+  },
+  setup(t) {
+    return (e, a) => (s(), c("div", D, [i("div", M, [a[0] || (a[0] = i("div", {
+      class: "mission-bg1"
+    }, null, -1)), i("img", {
+      src: t.image,
+      alt: t.imageAlt,
+      loading: "lazy",
+      width: "1270",
+      decoding: "async",
+      class: "mission-img"
+    }, null, 8, A)]), i("div", U, [i("h2", Z, [i("span", G, r(t.highlight), 1), i("strong", null, r(t.title), 1)]), i("p", N, r(t.description), 1), i("div", W, [(s(!0), c(x, null, b(t.features, (d, m) => (s(), L(V, {
+      key: m,
+      description: d
+    }, null, 8, ["description"]))), 128))])]), (s(), c("svg", j, [...a[1] || (a[1] = [i("symbol", {
+      id: "ai:ph:check-circle-fill"
+    }, [i("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)])]))]));
+  }
+}), Y2 = /* @__PURE__ */ u(O, [["__scopeId", "data-v-511c032f"]]), E = {
+  class: "team-info-container"
+}, J = {
+  class: "team-info-title"
+}, K = {
+  class: "team-info-desc"
+}, Q = /* @__PURE__ */ g({
+  __name: "LandingPageTeamInfo",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(t) {
+    const e = t;
+    return (a, d) => (s(), c("div", E, [i("div", J, r(e.title), 1), i("p", K, r(e.description), 1)]));
+  }
+}), tt = /* @__PURE__ */ u(Q, [["__scopeId", "data-v-2074e0d7"]]), R = {}, X = {
+  class: "Description"
+};
+function Y(t, e) {
+  return s(), c("div", X, [f(t.$slots, "default", {}, void 0, !0)]);
+}
+const P = /* @__PURE__ */ u(R, [["render", Y], ["__scopeId", "data-v-501deb41"]]), t2 = {
+  class: "grid-container"
+}, e2 = {
+  class: "square"
+}, i2 = ["src", "alt", "sizes", "width", "height"], n2 = {
+  class: "footer"
+}, s2 = {
+  class: "name"
+}, o2 = /* @__PURE__ */ g({
+  __name: "LandingPageTeamList",
+  props: {
+    publishedTeamMembers: {},
+    sizes: {},
+    width: {},
+    height: {},
+    pictureClass: {}
+  },
+  setup(t) {
+    return (e, a) => (s(), c("div", t2, [(s(!0), c(x, null, b(t.publishedTeamMembers, (d) => (s(), c("div", {
+      key: d.data.name,
+      class: "group"
+    }, [i("div", e2, [i("img", {
+      src: d.data.avatar.src,
+      alt: d.data.avatar.alt,
+      sizes: t.sizes,
+      width: t.width,
+      height: t.height,
+      class: F(t.pictureClass ? `${t.pictureClass} picture-img` : "picture-img")
+    }, null, 10, i2)]), i("div", n2, [i("h2", s2, r(d.data.name), 1), o(P, null, {
+      default: l(() => [_(r(d.data.title), 1)]),
+      _: 2
+    }, 1024)])]))), 128))]));
+  }
+}), et = /* @__PURE__ */ u(o2, [["__scopeId", "data-v-aae1a797"]]), a2 = ["src"], c2 = /* @__PURE__ */ g({
+  __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(t, {
+    emit: e
+  }) {
+    const a = t, d = e;
+    function m() {
+      d("to");
+    }
+    return (h, n) => (s(), c("div", {
+      class: "Logo",
+      onClick: m
+    }, [t.icon ? (s(), c("img", {
+      key: 0,
+      class: "icon",
+      src: t.icon,
+      alt: "logo",
+      style: w({
+        width: a.iconSize,
+        height: a.iconSize
+      })
+    }, null, 12, a2)) : y("", !0), i("div", {
+      class: "text",
+      style: w({
+        color: a.color,
+        fontSize: a.fontSize
+      })
+    }, r(t.name), 5)]));
+  }
+}), l2 = /* @__PURE__ */ u(c2, [["__scopeId", "data-v-f259564c"]]), d2 = {
+  class: "BrandInfo"
+}, r2 = /* @__PURE__ */ g({
+  __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(t) {
+    const e = t;
+    return (a, d) => (s(), c("div", d2, [o(l2, {
+      icon: e.icon,
+      name: e.name,
+      color: e.color,
+      "font-size": e.fontSize,
+      "icon-size": e.iconSize
+    }, null, 8, ["icon", "name", "color", "font-size", "icon-size"]), o(P, null, {
+      default: l(() => [_(r(e.description), 1)]),
+      _: 1
+    })]));
+  }
+}), u2 = /* @__PURE__ */ u(r2, [["__scopeId", "data-v-03121641"]]), _2 = {}, g2 = {
+  role: "separator",
+  class: "divider divider-horizontal"
+};
+function p2(t, e) {
+  return s(), c("div", g2);
+}
+const S = /* @__PURE__ */ u(_2, [["render", p2], ["__scopeId", "data-v-997fc2a4"]]), h2 = {
+  class: "bottom"
+}, m2 = {
+  class: "socials"
+}, f2 = ["onClick"], v2 = /* @__PURE__ */ g({
+  __name: "LandingPageFooterContact",
+  props: {
+    beianText: {
+      type: String,
+      required: !0
+    },
+    beianUrl: {
+      type: String,
+      required: !0
+    },
+    links: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(t) {
+    const e = t;
+    function a() {
+      window.open(e.beianUrl);
+    }
+    return (d, m) => (s(), c("div", h2, [i("span", {
+      onClick: a
+    }, r(e.beianText), 1), i("div", m2, [(s(!0), c(x, null, b(t.links, (h, n) => (s(), c("div", {
+      key: n,
+      class: "socialItem",
+      onClick: h.select
+    }, [h.type === "text" ? (s(), L($(k), {
+      key: 0,
+      icon: h.icon
+    }, null, 8, ["icon"])) : y("", !0), h.type === "image" ? (s(), L($(k), {
+      key: 1,
+      icon: h.icon
+    }, null, 8, ["icon"])) : y("", !0)], 8, f2))), 128))])]));
+  }
+}), C2 = /* @__PURE__ */ u(v2, [["__scopeId", "data-v-ff6210b9"]]), $2 = {
+  class: "FooterLayout"
+}, L2 = {
+  class: "body"
+}, y2 = {
+  class: "logo"
+}, k2 = {
+  class: "links"
+}, x2 = /* @__PURE__ */ g({
+  __name: "LandingPageFooterLayout",
+  setup(t) {
+    return (e, a) => (s(), c("div", $2, [o(S), i("div", L2, [i("div", y2, [f(e.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), i("div", k2, [f(e.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), o(S), f(e.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
+  }
+}), b2 = /* @__PURE__ */ u(x2, [["__scopeId", "data-v-425841c7"]]), w2 = {}, S2 = {
+  class: "Description"
+};
+function I2(t, e) {
+  return s(), c("div", S2, [f(t.$slots, "default", {}, void 0, !0)]);
+}
+const p = /* @__PURE__ */ u(w2, [["render", I2], ["__scopeId", "data-v-ea9ec649"]]), P2 = {
+  class: "list"
+}, z2 = {
+  class: "title"
+}, F2 = {
+  class: "listItemContent"
+}, q2 = /* @__PURE__ */ g({
+  __name: "LandingPageLinkGroup",
+  props: {
+    title: {
+      default: ""
+    }
+  },
+  setup(t) {
+    const e = t;
+    return (a, d) => (s(), c("div", P2, [i("div", z2, r(e.title), 1), i("div", F2, [f(a.$slots, "item", {}, void 0, !0)])]));
+  }
+}), C = /* @__PURE__ */ u(q2, [["__scopeId", "data-v-0809a48c"]]), H2 = {
+  class: "Footer"
+}, I = "support@huyooo.com", B2 = /* @__PURE__ */ g({
+  __name: "LandingPageFooter",
+  setup(t) {
+    const e = v("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), a = v("https://beian.miit.gov.cn/#/Integrated/index");
+    function d() {
+      const z = q(I, "", "");
+      window.location.href = z;
+    }
+    const m = v([{
+      type: "text",
+      icon: "ic:baseline-email",
+      content: I,
+      select: d
+    }, {
+      type: "image",
+      icon: "ic:baseline-wechat",
+      content: "https://beian.miit.gov.cn/#/Integrated/index",
+      select() {
+      }
+    }]);
+    return (h, n) => (s(), c("div", H2, [o(b2, null, {
+      LandingPageBrandInfo: l(() => [o(u2, {
+        icon: "https://ghibliaigenerator.app/logo.png",
+        name: "ONES",
+        description: "几小时内构建和发布AI产品，无需数日。"
+      })]),
+      LandingPageLinkGroup: l(() => [o(C, {
+        title: "产品"
+      }, {
+        item: l(() => [o(p, null, {
+          default: l(() => [...n[0] || (n[0] = [_("功能", -1)])]),
+          _: 1
+        }), o(p, null, {
+          default: l(() => [...n[1] || (n[1] = [_("展示", -1)])]),
+          _: 1
+        }), o(p, null, {
+          default: l(() => [...n[2] || (n[2] = [_("价格", -1)])]),
+          _: 1
+        })]),
+        _: 1
+      }), o(C, {
+        title: "资源"
+      }, {
+        item: l(() => [o(p, null, {
+          default: l(() => [...n[3] || (n[3] = [_("安全性与合规性", -1)])]),
+          _: 1
+        })]),
+        _: 1
+      }), o(C, {
+        title: "公司"
+      }, {
+        item: l(() => [o(p, null, {
+          default: l(() => [...n[4] || (n[4] = [_("博客", -1)])]),
+          _: 1
+        }), o(p, null, {
+          default: l(() => [...n[5] || (n[5] = [_("公司简介", -1)])]),
+          _: 1
+        }), o(p, null, {
+          default: l(() => [...n[6] || (n[6] = [_("个人信息收集清单", -1)])]),
+          _: 1
+        }), o(p, null, {
+          default: l(() => [...n[7] || (n[7] = [_("第三方信息共享清单", -1)])]),
+          _: 1
+        }), o(p, null, {
+          default: l(() => [...n[8] || (n[8] = [_("用户服务协议", -1)])]),
+          _: 1
+        }), o(p, null, {
+          default: l(() => [...n[9] || (n[9] = [_("隐私协议", -1)])]),
+          _: 1
+        })]),
+        _: 1
+      })]),
+      LandingPageFooterContact: l(() => [o(C2, {
+        "beian-text": e.value,
+        "beian-url": a.value,
+        links: m.value
+      }, null, 8, ["beian-text", "beian-url", "links"])]),
+      _: 1
+    })]));
+  }
+}), it = /* @__PURE__ */ u(B2, [["__scopeId", "data-v-619d1298"]]), T2 = "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", V2 = "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", D2 = {
+  class: "section-header"
+}, M2 = {
+  class: "title-section"
+}, A2 = {
+  class: "icon-title"
+}, U2 = ["src", "width", "height"], Z2 = {
+  class: "title"
+}, G2 = {
+  class: "subtitle-section"
+}, N2 = ["src", "width", "height"], W2 = {
+  class: "subtitle"
+}, j2 = "图标", O2 = "装饰线条", E2 = /* @__PURE__ */ g({
+  __name: "LandingPageSectionHeader",
+  props: {
+    title: {},
+    subtitle: {},
+    icon: {
+      default: T2
+    },
+    iconWidth: {
+      default: 40
+    },
+    iconHeight: {
+      default: 40
+    },
+    dashline: {
+      default: V2
+    },
+    dashlineWidth: {
+      default: 72
+    },
+    dashlineHeight: {
+      default: 48
+    }
+  },
+  setup(t) {
+    const e = t;
+    return (a, d) => (s(), c("div", D2, [i("div", M2, [i("div", A2, [i("img", {
+      src: e.icon,
+      alt: j2,
+      width: e.iconWidth,
+      height: e.iconHeight,
+      loading: "lazy",
+      decoding: "async",
+      class: "icon"
+    }, null, 8, U2), i("span", Z2, r(t.title), 1)]), i("div", G2, [i("img", {
+      src: e.dashline,
+      alt: O2,
+      width: e.dashlineWidth,
+      height: e.dashlineHeight,
+      loading: "lazy",
+      decoding: "async",
+      class: "dashline"
+    }, null, 8, N2), i("span", W2, r(t.subtitle), 1)])])]));
+  }
+}), nt = /* @__PURE__ */ u(E2, [["__scopeId", "data-v-83ea7b70"]]);
+export {
+  P as D,
+  u2 as L,
+  S as a,
+  it as b,
+  C2 as c,
+  b2 as d,
+  p as e,
+  C as f,
+  V as g,
+  l2 as h,
+  Y2 as i,
+  nt as j,
+  tt as k,
+  et as l
+};