@huyooo/ui 0.5.4 → 0.5.6

package/dist/LandingPageSectionTabs-6Rrgvwqs.js

@@ -0,0 +1,1144 @@
+import { createElementBlock as i, openBlock as a, renderSlot as p, defineComponent as u, createVNode as h, withCtx as _, createElementVNode as e, normalizeStyle as k, Fragment as f, createTextVNode as v, ref as w, renderList as g, toDisplayString as r, normalizeClass as x, createBlock as y, unref as C, computed as A, createCommentVNode as I, createStaticVNode as H, watch as T, withDirectives as F, vShow as M } from "vue";
+import { _ as l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { m as z, n as N, k as j, D as L, i as G } from "./LandingPageSectionHeader-CSOwusSK.js";
+import { C as E, a as O } from "./CollapseItem-Cw1vcdLu.js";
+import { Icon as S } from "@iconify/vue";
+/* empty css               */
+/* empty css               */
+import { Tag as U } from "@arco-design/web-vue";
+const W = {}, R = {
+  class: "SubTitle"
+};
+function Z(n, t) {
+  return a(), i("div", R, [p(n.$slots, "default", {}, void 0, !0)]);
+}
+const B = /* @__PURE__ */ l(W, [["render", Z], ["__scopeId", "data-v-3decf2d4"]]), J = {}, K = {
+  class: "Title"
+};
+function Q(n, t) {
+  return a(), i("h2", K, [p(n.$slots, "default", {}, void 0, !0)]);
+}
+const q = /* @__PURE__ */ l(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]), X = {
+  class: "BlockHeader"
+}, Y = /* @__PURE__ */ u({
+  __name: "LandingPageBlockHeader",
+  setup(n) {
+    return (t, c) => (a(), i("div", X, [h(q, {
+      class: "BlockHeaderTitle"
+    }, {
+      default: _(() => [p(t.$slots, "title", {}, void 0, !0)]),
+      _: 3
+    }), h(B, {
+      class: "BlockHeaderSubTitle"
+    }, {
+      default: _(() => [p(t.$slots, "subTitle", {}, void 0, !0)]),
+      _: 3
+    })]));
+  }
+}), ee = /* @__PURE__ */ l(Y, [["__scopeId", "data-v-8d51bb3a"]]), te = {
+  class: "BlockLayout"
+}, se = /* @__PURE__ */ u({
+  __name: "LandingPageBlockLayout",
+  props: {
+    columns: {
+      type: Number,
+      default: 1
+    },
+    flexDirection: {
+      type: String,
+      default: "column"
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("section", te, [p(c.$slots, "BlockHeader", {}, void 0, !0), e("div", {
+      class: "BlockBody",
+      style: k({
+        gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
+        flexDirection: t.flexDirection
+      })
+    }, [p(c.$slots, "BlockBody", {}, void 0, !0)], 4)]));
+  }
+}), ae = /* @__PURE__ */ l(se, [["__scopeId", "data-v-84ed1aaa"]]), ne = /* @__PURE__ */ u({
+  __name: "LandingPageAbout",
+  setup(n) {
+    const t = [{
+      data: {
+        name: "Janette Lynch",
+        title: "Senior Director",
+        avatar: {
+          src: "https://images.unsplash.com/photo-1580489944761-15a19d654956?&fit=crop&w=280",
+          alt: "Janette Lynch"
+        }
+      }
+    }, {
+      data: {
+        name: "Marcell Ziemann",
+        title: "Principal Strategist",
+        avatar: {
+          src: "https://images.unsplash.com/photo-1633332755192-727a05c4013d?&fit=crop&w=280",
+          alt: "Marcell Ziemann"
+        }
+      }
+    }, {
+      data: {
+        name: "Robert Palmer",
+        title: "Marketing Engineer",
+        avatar: {
+          src: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?&fit=crop&w=280",
+          alt: "Robert Palmer"
+        }
+      }
+    }, {
+      data: {
+        name: "Daniel Collins",
+        title: "Chief Sales Officer",
+        avatar: {
+          src: "https://astroship-pro.web3templates.com/_astro/photo-1487309078313-fad80c3ec1e5_6PMfa.avif",
+          alt: "Robert Palmer"
+        }
+      }
+    }];
+    return (c, o) => (a(), i(f, null, [h(ae, null, {
+      BlockHeader: _(() => [h(ee, null, {
+        title: _(() => [...o[0] || (o[0] = [v("核心团队", -1)])]),
+        subTitle: _(() => [...o[1] || (o[1] = [v("我们是一个充满激情的小团队。", -1)])]),
+        _: 1
+      })]),
+      BlockBody: _(() => [h(z, {
+        title: "Empowering the world with Astro.",
+        description: "We're a multi-cultural team from around the world! We come from diverse backgrounds, bringing different personalities, experiences and skills to the job. This is what makes our team so special."
+      }), h(N, {
+        "published-team-members": t
+      })]),
+      _: 1
+    }), h(j, {
+      image: "https://astroship-pro.web3templates.com/_astro/employee.DPridi10_Z23eRat.avif",
+      "image-alt": "Happy Team",
+      title: "Mission",
+      highlight: "Our ",
+      description: "We're a multi-cultural team from around the world! ...",
+      features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
+    })], 64));
+  }
+}), zs = /* @__PURE__ */ l(ne, [["__scopeId", "data-v-a40e05a5"]]), ie = {
+  class: "nav"
+}, oe = {
+  class: "section"
+}, ce = ["href"], re = {
+  class: "section"
+}, le = ["href"], de = /* @__PURE__ */ u({
+  __name: "LandingPageAside",
+  setup(n) {
+    const t = w([{
+      text: "Editor",
+      href: "/docs/editor/getting-started/overview"
+    }, {
+      text: "Collaboration",
+      href: "/docs/collaboration/getting-started/overview"
+    }, {
+      text: "Content AI",
+      href: "/docs/content-ai/getting-started/overview"
+    }, {
+      text: "Comments",
+      href: "/docs/comments/getting-started/overview"
+    }, {
+      text: "Documents",
+      href: "/docs/collaboration/documents"
+    }]), c = w([{
+      text: "Guides",
+      href: "/docs/guides"
+    }, {
+      text: "Examples",
+      href: "/docs/examples"
+    }, {
+      text: "Contributing",
+      href: "/docs/resources/contributing"
+    }, {
+      text: "Editor changelog",
+      href: "/docs/resources/changelog"
+    }, {
+      text: "Pro license",
+      href: "/docs/resources/pro-license"
+    }]);
+    return (o, s) => (a(), i("nav", ie, [s[2] || (s[2] = e("div", {
+      class: "section"
+    }, [e("div", {
+      class: "section-title"
+    }, "Getting started"), e("div", null, [e("a", {
+      class: "link active",
+      href: "/docs"
+    }, "Overview")])], -1)), e("div", oe, [s[0] || (s[0] = e("div", {
+      class: "section-title"
+    }, "Browse by feature", -1)), e("div", null, [(a(!0), i(f, null, g(t.value, (d) => (a(), i("a", {
+      key: d.text,
+      class: "link",
+      href: d.href
+    }, r(d.text), 9, ce))), 128))])]), e("div", re, [s[1] || (s[1] = e("div", {
+      class: "section-title"
+    }, "Resources", -1)), e("div", null, [(a(!0), i(f, null, g(c.value, (d) => (a(), i("a", {
+      key: d.text,
+      class: "link",
+      href: d.href
+    }, r(d.text), 9, le))), 128))])])]));
+  }
+}), Ns = /* @__PURE__ */ l(de, [["__scopeId", "data-v-b516bb75"]]), ue = /* @__PURE__ */ u({
+  __name: "LandingPageButton",
+  props: {
+    type: {}
+  },
+  setup(n) {
+    return (t, c) => (a(), i("div", {
+      class: x(["heroButton", [n.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
+    }, [p(t.$slots, "default", {}, void 0, !0)], 2));
+  }
+}), _e = /* @__PURE__ */ l(ue, [["__scopeId", "data-v-d26fdf8b"]]), pe = {}, fe = {
+  class: "Card"
+};
+function he(n, t) {
+  return a(), i("div", fe, [p(n.$slots, "default", {}, void 0, !0)]);
+}
+const D = /* @__PURE__ */ l(pe, [["render", he], ["__scopeId", "data-v-cdb3f77d"]]), ge = /* @__PURE__ */ u({
+  __name: "LandingPageContainer",
+  props: {
+    flexDirection: {
+      default: "column"
+    },
+    gap: {
+      default: "80px"
+    },
+    padding: {
+      default: "0px"
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("div", {
+      class: "landing-page-container",
+      style: k({
+        flexDirection: t.flexDirection,
+        gap: t.gap,
+        padding: t.padding
+      })
+    }, [p(c.$slots, "default", {}, void 0, !0)], 4));
+  }
+}), js = /* @__PURE__ */ l(ge, [["__scopeId", "data-v-4566ee86"]]), me = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1744'%20height='480'%20viewBox='0%200%201744%20480'%20fill='none'%3e%3cg%20style='mix-blend-mode:luminosity'%20opacity='0.5'%3e%3ccircle%20opacity='0.7'%20cx='861.225'%20cy='247.836'%20r='322.59'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.6'%20cx='861.225'%20cy='247.836'%20r='387.237'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.5'%20cx='861.226'%20cy='247.836'%20r='451.884'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.4'%20cx='861.225'%20cy='247.835'%20r='516.532'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.3'%20cx='861.225'%20cy='247.836'%20r='581.179'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.2'%20cx='861.225'%20cy='247.836'%20r='645.826'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.15'%20cx='861.225'%20cy='247.836'%20r='710.473'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='861.225'%20cy='247.836'%20r='775.12'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='862.695'%20cy='238.041'%20r='842.161'%20stroke='%2300000050'%20stroke-width='1.40477'%20/%3e%3ccircle%20opacity='0.1'%20cx='872'%20cy='240'%20r='907.243'%20stroke='%2300000050'%20stroke-width='1.51333'%20/%3e%3c/g%3e%3c/svg%3e", ve = {
+  class: "cta-container"
+}, $e = ["src"], be = {
+  class: "cta-content"
+}, ye = {
+  class: "cta-title"
+}, ke = {
+  class: "cta-description"
+}, Pe = {
+  class: "cta-actions"
+}, xe = /* @__PURE__ */ u({
+  __name: "LandingPageCta",
+  props: {
+    title: {
+      default: "迫不及待想使用翻译？"
+    },
+    description: {
+      default: "立即开始您的翻译之旅"
+    },
+    backgroundUrl: {
+      default: me
+    },
+    backgroundSize: {
+      default: "120%"
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("div", ve, [e("img", {
+      src: t.backgroundUrl,
+      class: "cta-background",
+      alt: "background",
+      style: k({
+        width: t.backgroundSize,
+        height: t.backgroundSize
+      })
+    }, null, 12, $e), e("div", be, [e("h1", ye, r(t.title), 1), e("div", ke, r(t.description), 1), e("div", Pe, [p(c.$slots, "actions", {}, void 0, !0)])])]));
+  }
+}), Gs = /* @__PURE__ */ l(xe, [["__scopeId", "data-v-4a709ec3"]]), Le = /* @__PURE__ */ u({
+  __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(n) {
+    const t = n;
+    return (c, o) => (a(), y(E, {
+      "active-keys": t.activeKeys
+    }, {
+      default: _(() => [(a(!0), i(f, null, g(t.faqItems, (s, d) => (a(), y(O, {
+        key: d,
+        index: d
+      }, {
+        header: _(() => [v(r(s.question), 1)]),
+        default: _(() => [h(L, null, {
+          default: _(() => [v(r(s.answer), 1)]),
+          _: 2
+        }, 1024)]),
+        _: 2
+      }, 1032, ["index"]))), 128))]),
+      _: 1
+    }, 8, ["active-keys"]));
+  }
+}), Es = /* @__PURE__ */ l(Le, [["__scopeId", "data-v-581e8f75"]]), we = {
+  class: "Features"
+}, Ie = {
+  class: "feature-title"
+}, Ce = /* @__PURE__ */ u({
+  __name: "LandingPageFeatures",
+  props: {
+    features: {
+      default: () => [{
+        title: "什么是ShipAny？",
+        description: "ShipAny是一个无代码平台，帮助您在几小时内而不是几天内构建和发布AI产品。",
+        icon: ""
+      }, {
+        title: "认证与支付",
+        description: "内置认证和Stripe支付处理，开箱即用。",
+        icon: ""
+      }, {
+        title: "数据基础设施",
+        description: "为您的AI模型和用户数据提供安全且可扩展的数据库基础设施。",
+        icon: ""
+      }, {
+        title: "实时部署",
+        description: "持续部署工作流，确保您的AI创业公司始终保持最新状态。",
+        icon: ""
+      }, {
+        title: "业务分析",
+        description: "跟踪用户行为和业务指标，做出明智决策。",
+        icon: ""
+      }, {
+        title: "AI模型集成",
+        description: "轻松集成来自OpenAI、Anthropic等的最新AI模型。",
+        icon: ""
+      }]
+    },
+    iconColor: {
+      default: "rgb(184, 154, 120)"
+    },
+    iconBorderColor: {
+      default: "rgb(184, 154, 120)"
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("div", we, [(a(!0), i(f, null, g(t.features, (s) => (a(), y(D, {
+      key: s.title
+    }, {
+      default: _(() => [e("div", {
+        class: "icon-container",
+        style: k({
+          color: t.iconColor,
+          border: `1px solid ${t.iconBorderColor}`
+        })
+      }, [h(C(S), {
+        class: "icon",
+        icon: s.icon
+      }, null, 8, ["icon"])], 4), e("h3", Ie, r(s.title), 1), h(L, null, {
+        default: _(() => [v(r(s.description), 1)]),
+        _: 2
+      }, 1024)]),
+      _: 2
+    }, 1024))), 128))]));
+  }
+}), Os = /* @__PURE__ */ l(Ce, [["__scopeId", "data-v-1ee2db18"]]), Se = {
+  class: "tt-feature-list"
+}, Te = {
+  class: "tt-feature-content"
+}, Ae = {
+  class: "heading-small"
+}, Be = {
+  class: "text-small"
+}, qe = /* @__PURE__ */ u({
+  __name: "LandingPageFeatures2",
+  props: {
+    list: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("div", Se, [(a(!0), i(f, null, g(t.list, (s, d) => (a(), i("div", {
+      key: d,
+      class: "tt-feature-item centered"
+    }, [o[1] || (o[1] = e("div", {
+      class: "tt-feature-icon"
+    }, [e("img", {
+      src: "https://cdn.prod.website-files.com/645a9acecda2e0594fac6126/66cda872417824f6aabdc2ad_check-highlight-badge.svg",
+      loading: "lazy",
+      class: "feature-media"
+    })], -1)), e("div", Te, [e("h3", Ae, r(s.title), 1), e("p", Be, [v(r(s.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
+  }
+}), Us = /* @__PURE__ */ l(qe, [["__scopeId", "data-v-abd3c70a"]]), De = {
+  class: "hero"
+}, Ve = {
+  class: "heroContent"
+}, He = {
+  class: "heroHeading"
+}, Fe = {
+  class: "heroTitle"
+}, Me = {
+  class: "heroDescription"
+}, ze = {
+  class: "heroActions"
+}, Ne = {
+  class: "heroImage"
+}, je = /* @__PURE__ */ u({
+  __name: "LandingPageHero",
+  props: {
+    title: {
+      type: String,
+      default: () => ""
+    },
+    description: {
+      type: String,
+      default: () => ""
+    },
+    heroSource: {
+      type: String,
+      default: () => ""
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("main", De, [e("div", Ve, [e("div", He, [e("h1", Fe, [p(c.$slots, "title", {}, () => [v(r(t.title), 1)], !0)])]), e("div", Me, [e("div", null, r(t.description), 1)]), e("div", ze, [p(c.$slots, "actions", {}, void 0, !0)])]), e("div", Ne, [p(c.$slots, "heroSource", {}, void 0, !0)])]));
+  }
+}), Ws = /* @__PURE__ */ l(je, [["__scopeId", "data-v-38f97a3c"]]), Ge = {
+  class: "logos-list"
+}, Ee = /* @__PURE__ */ u({
+  __name: "LandingPageLogos",
+  props: {
+    title: {
+      default: "Works with your technologies"
+    },
+    subTitle: {
+      default: ""
+    },
+    logos: {
+      default: () => [{
+        name: "simple-icons:react"
+      }, {
+        name: "simple-icons:svelte"
+      }, {
+        name: "simple-icons:astro"
+      }, {
+        name: "simple-icons:css3"
+      }, {
+        name: "simple-icons:alpinedotjs"
+      }, {
+        name: "simple-icons:vercel"
+      }]
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("div", Ge, [(a(!0), i(f, null, g(t.logos, (s, d) => (a(), y(C(S), {
+      key: d,
+      icon: s.name,
+      class: "logo-icon"
+    }, null, 8, ["icon"]))), 128))]));
+  }
+}), Rs = /* @__PURE__ */ l(Ee, [["__scopeId", "data-v-1a08e627"]]), Oe = /* @__PURE__ */ u({
+  __name: "LandingPagePageContent",
+  props: {
+    maxWidth: {
+      default: "1380px"
+    },
+    center: {
+      type: Boolean,
+      default: !0
+    },
+    padding: {
+      default: "0px 0px 40px 0px "
+    },
+    gap: {
+      default: "90px"
+    },
+    flexDirection: {
+      default: "column"
+    }
+  },
+  setup(n) {
+    const t = n, c = A(() => ({
+      maxWidth: t.maxWidth,
+      margin: t.center ? "0 auto" : void 0,
+      width: "100%",
+      padding: t.padding,
+      display: "flex",
+      flexDirection: t.flexDirection ?? "column",
+      gap: t.gap
+    }));
+    return (o, s) => (a(), i("div", {
+      class: "PageContent",
+      style: k(c.value)
+    }, [p(o.$slots, "default", {}, void 0, !0)], 4));
+  }
+}), Zs = /* @__PURE__ */ l(Oe, [["__scopeId", "data-v-00ec8180"]]), Ue = {
+  class: "Tabs"
+}, We = {
+  class: "tabs-root"
+}, Re = {
+  role: "radiogroup",
+  "aria-required": "false",
+  dir: "ltr",
+  class: "tabs-group",
+  tabindex: "0"
+}, Ze = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], Je = {
+  key: 0,
+  "data-state": "checked",
+  class: "tabs-radio-icon"
+}, Ke = ["for"], Qe = {
+  key: 0,
+  class: "tabs-badge"
+}, Xe = /* @__PURE__ */ u({
+  __name: "LandingPageTabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: !0
+    },
+    modelValue: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("div", Ue, [e("div", We, [e("div", Re, [(a(!0), i(f, null, g(t.tabs, (s) => (a(), i("div", {
+      key: s.value,
+      class: x(["tabs-item", {
+        "tabs-item-active": s.value === n.modelValue
+      }])
+    }, [e("button", {
+      id: s.value,
+      type: "button",
+      role: "radio",
+      "aria-checked": s.value === n.modelValue,
+      "data-state": s.value === n.modelValue ? "checked" : "unchecked",
+      value: s.value,
+      class: "tabs-radio",
+      tabindex: s.value === n.modelValue ? 0 : -1,
+      onClick: (d) => c.$emit("update:modelValue", s.value)
+    }, [s.value === n.modelValue ? (a(), i("span", Je)) : I("", !0)], 8, Ze), e("label", {
+      class: "tabs-label",
+      for: s.value
+    }, [e("span", null, r(s.label), 1), s.badge ? (a(), i("div", Qe, r(s.badge), 1)) : I("", !0)], 8, Ke)], 2))), 128))])])]));
+  }
+}), Ye = /* @__PURE__ */ l(Xe, [["__scopeId", "data-v-9eb67a93"]]), et = {
+  class: "PriceGroup"
+}, tt = /* @__PURE__ */ u({
+  __name: "LandingPagePriceGroup",
+  setup(n) {
+    const t = w("subscribe-monthly");
+    return (c, o) => (a(), i("div", et, [h(Ye, {
+      modelValue: t.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
+      tabs: [{
+        value: "subscribe-monthly",
+        label: "按月订阅"
+      }, {
+        value: "subscribe-yearly",
+        label: "按年订阅",
+        badge: "节省17%"
+      }, {
+        value: "pay-as-you-go",
+        label: "按需付费"
+      }]
+    }, null, 8, ["modelValue"]), p(c.$slots, "default", {}, void 0, !0)]));
+  }
+}), Js = /* @__PURE__ */ l(tt, [["__scopeId", "data-v-43a35f55"]]), st = {
+  class: "PricingCard"
+}, at = {
+  class: "title"
+}, nt = {
+  class: "titleText"
+}, it = {
+  class: "description"
+}, ot = {
+  class: "priceAndDiscount"
+}, ct = {
+  class: "price"
+}, rt = {
+  class: "discount"
+}, lt = {
+  style: {
+    position: "relative",
+    top: "3px"
+  }
+}, dt = {
+  key: 1,
+  class: "priceNotDiscount"
+}, ut = {
+  class: "cycle"
+}, _t = {
+  class: "features"
+}, pt = /* @__PURE__ */ u({
+  __name: "LandingPagePricingCard",
+  props: {
+    loading: {
+      type: Boolean,
+      required: !1,
+      default: () => !1
+    },
+    title: {
+      type: String,
+      required: !0
+    },
+    description: {
+      type: String,
+      required: !0
+    },
+    price: {
+      type: Number,
+      required: !0
+    },
+    discount: {
+      type: Number,
+      required: !1,
+      default: () => 99
+    },
+    unit: {
+      type: String,
+      required: !0
+    },
+    cycle: {
+      type: String,
+      required: !0
+    },
+    highlight: {
+      type: Boolean,
+      required: !0
+    },
+    badge: {
+      type: Object,
+      required: !0
+    },
+    button: {
+      type: Object,
+      required: !0
+    },
+    orientation: {
+      type: String,
+      required: !0
+    },
+    align: {
+      type: String,
+      required: !0
+    },
+    features: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["toPay"],
+  setup(n, {
+    emit: t
+  }) {
+    const c = t, o = n;
+    function s() {
+      c("toPay");
+    }
+    return (d, P) => (a(), i("div", st, [e("div", null, [e("div", at, [e("span", nt, r(o.title), 1), o.badge.label ? (a(), y(C(U), {
+      key: 0,
+      color: "arcoblue"
+    }, {
+      default: _(() => [v(r(o.badge.label), 1)]),
+      _: 1
+    })) : I("", !0)]), e("div", it, r(o.description), 1)]), e("div", ot, [o.discount !== null ? (a(), i(f, {
+      key: 0
+    }, [e("span", ct, [e("span", null, r(o.price), 1), e("span", null, r(o.unit), 1)]), e("span", rt, [e("span", lt, r(o.discount), 1), e("span", null, r(o.unit), 1)])], 64)) : (a(), i("span", dt, [e("span", null, r(o.price), 1), e("span", null, r(o.unit), 1)])), e("span", ut, r(o.cycle), 1)]), e("div", _t, [(a(!0), i(f, null, g(o.features, (m, b) => (a(), y(G, {
+      key: b,
+      description: m.title
+    }, null, 8, ["description"]))), 128))]), h(_e, {
+      class: "handle",
+      type: "primary",
+      loading: o.loading,
+      disabled: !(o.discount || o.price),
+      onClick: s
+    }, {
+      default: _(() => [v(r(o.button.label), 1)]),
+      _: 1
+    }, 8, ["loading", "disabled"])]));
+  }
+}), Ks = /* @__PURE__ */ l(pt, [["__scopeId", "data-v-0b730439"]]), ft = {}, ht = {
+  class: "PricingGrid"
+}, gt = {
+  class: "content"
+};
+function mt(n, t) {
+  return a(), i("div", ht, [e("div", gt, [p(n.$slots, "default", {}, void 0, !0)])]);
+}
+const Qs = /* @__PURE__ */ l(ft, [["render", mt], ["__scopeId", "data-v-1f26d3ee"]]), vt = {
+  class: "sections-container"
+}, $t = {
+  class: "container"
+}, bt = {
+  class: "image-container"
+}, yt = ["src", "alt"], kt = {
+  class: "text-container"
+}, Pt = {
+  class: "header"
+}, xt = {
+  class: "features-list"
+}, Lt = {
+  class: "content"
+}, wt = {
+  class: "feature-title"
+}, It = /* @__PURE__ */ u({
+  __name: "LandingPageSections",
+  props: {
+    title: {
+      default: "什么是ShipAny"
+    },
+    subTitle: {
+      default: "ShipAny是一个用于构建AI优先创业公司的无代码框架。在几分钟内构建美观、生产就绪的AI应用程序。"
+    },
+    imageUrl: {
+      default: "https://picsum.photos/600/400?random=6"
+    },
+    imageAlt: {
+      default: "ShipAny平台截图"
+    },
+    features: {
+      default: () => [{
+        title: "即用型模板",
+        description: "从数十个生产就绪的AI模板中选择，快速开始。",
+        color: "green",
+        iconPath: "M5 13l4 4L19 7"
+      }, {
+        title: "专业设计",
+        description: "由专业人士精心打造的UI组件，遵循最佳实践。",
+        color: "blue",
+        iconPath: "M13 10V3L4 14h7v7l9-11h-7z"
+      }, {
+        title: "内置部署",
+        description: "几分钟内将您的AI应用程序部署到生产环境。",
+        color: "purple",
+        iconPath: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
+      }]
+    },
+    reverse: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("section", vt, [e("div", $t, [e("div", {
+      class: x(["content-wrapper", {
+        reverse: t.reverse
+      }])
+    }, [e("div", bt, [e("img", {
+      src: t.imageUrl,
+      alt: t.imageAlt,
+      class: "image"
+    }, null, 8, yt)]), e("div", kt, [e("div", Pt, [h(q, null, {
+      default: _(() => [v(r(t.title), 1)]),
+      _: 1
+    }), h(B, null, {
+      default: _(() => [v(r(t.subTitle), 1)]),
+      _: 1
+    })]), e("div", xt, [(a(!0), i(f, null, g(t.features, (s, d) => (a(), i("div", {
+      key: d,
+      class: "feature-item"
+    }, [e("div", {
+      class: x(["icon-container", [`icon-${s.color}`]])
+    }, [...o[0] || (o[0] = [e("div", {
+      class: "dot"
+    }, null, -1)])], 2), e("div", Lt, [e("div", wt, r(s.title), 1), h(L, null, {
+      default: _(() => [v(r(s.description), 1)]),
+      _: 2
+    }, 1024)])]))), 128))])])], 2)])]));
+  }
+}), Xs = /* @__PURE__ */ l(It, [["__scopeId", "data-v-ac2b71bb"]]), Ct = {
+  class: "Showcase"
+}, St = ["onClick"], Tt = ["src", "alt"], At = {
+  class: "card-content"
+}, Bt = {
+  class: "card-title"
+}, qt = /* @__PURE__ */ u({
+  __name: "LandingPageShowcase",
+  props: {
+    items: {},
+    showControls: {
+      type: Boolean,
+      default: !0
+    },
+    columns: {
+      default: 4
+    },
+    cardHeight: {
+      default: 160
+    },
+    objectFit: {
+      default: "cover"
+    }
+  },
+  emits: ["cardClick"],
+  setup(n, {
+    emit: t
+  }) {
+    const c = n, o = t;
+    function s(P) {
+      o("cardClick", P);
+    }
+    const d = A(() => ({
+      height: `${c.cardHeight}px`,
+      objectFit: c.objectFit
+    }));
+    return (P, m) => (a(), i("div", Ct, [(a(!0), i(f, null, g(c.items, (b, $) => (a(), i("div", {
+      key: $,
+      class: "showcase-card",
+      onClick: (V) => s(b)
+    }, [e("img", {
+      src: b.image,
+      alt: b.alt,
+      style: k(d.value)
+    }, null, 12, Tt), e("div", At, [e("div", Bt, r(b.title), 1), h(L, null, {
+      default: _(() => [v(r(b.description), 1)]),
+      _: 2
+    }, 1024)])], 8, St))), 128))]));
+  }
+}), Ys = /* @__PURE__ */ l(qt, [["__scopeId", "data-v-381ed6a6"]]), Dt = {
+  class: "Stats"
+}, Vt = {
+  key: 0,
+  class: "stats-label"
+}, Ht = {
+  class: "stats-number"
+}, Ft = {
+  class: "stats-label"
+}, Mt = /* @__PURE__ */ u({
+  __name: "LandingPageStats",
+  props: {
+    title: {
+      default: "用户喜爱ShipAny"
+    },
+    subTitle: {
+      default: "看看我们的客户怎么说"
+    },
+    stats: {
+      default: () => [{
+        title: "",
+        number: "250+",
+        label: "已启动的创业公司"
+      }, {
+        title: "",
+        number: "30+",
+        label: "AI模板"
+      }, {
+        title: "",
+        number: "5",
+        label: "星级评分"
+      }]
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("div", Dt, [(a(!0), i(f, null, g(t.stats, (s, d) => (a(), i("div", {
+      key: d,
+      class: "stats-item"
+    }, [s.title ? (a(), i("div", Vt, r(s.title), 1)) : I("", !0), e("div", Ht, r(s.number), 1), e("div", Ft, r(s.label), 1)]))), 128))]));
+  }
+}), ea = /* @__PURE__ */ l(Mt, [["__scopeId", "data-v-7aa9af80"]]), zt = {
+  class: "stepNumber"
+}, Nt = {
+  class: "count"
+}, jt = {
+  class: "stepTitle"
+}, Gt = /* @__PURE__ */ u({
+  __name: "LandingPageSteps",
+  props: {
+    columns: {
+      type: Number,
+      default: 3
+    },
+    steps: {
+      type: Array,
+      default: () => [{
+        title: "选择您的项目",
+        description: "从我们的AI模板库中选择或使用我们的拖放构建器从头开始。"
+      }, {
+        title: "构建您的项目",
+        description: "使用我们的直观编辑器自定义您的项目。添加您的品牌、内容并配置AI模型。"
+      }, {
+        title: "部署到生产环境",
+        description: "一键将您的AI应用程序部署到我们的全球基础设施并开始服务客户。"
+      }]
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("div", {
+      class: "Steps",
+      style: k({
+        gridTemplateColumns: `repeat(${t.columns}, 1fr)`
+        // flexDirection: props.flexDirection,
+      })
+    }, [(a(!0), i(f, null, g(t.steps, (s, d) => (a(), i("div", {
+      key: d,
+      class: "stepItem"
+    }, [e("div", zt, [e("span", Nt, r(d + 1), 1)]), e("h3", jt, r(s.title), 1), h(L, null, {
+      default: _(() => [v(r(s.description), 1)]),
+      _: 2
+    }, 1024)]))), 128))], 4));
+  }
+}), ta = /* @__PURE__ */ l(Gt, [["__scopeId", "data-v-1ecd9597"]]), Et = {
+  class: "Testimonial"
+}, Ot = {
+  class: "user-info"
+}, Ut = {
+  class: "user-avatar"
+}, Wt = ["src", "alt"], Rt = {
+  class: "user-name"
+}, Zt = {
+  class: "user-title"
+}, Jt = /* @__PURE__ */ u({
+  __name: "LandingPageTestimonial",
+  props: {
+    testimonials: {
+      default: () => []
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("div", Et, [(a(!0), i(f, null, g(t.testimonials, (s, d) => (a(), y(D, {
+      key: d
+    }, {
+      default: _(() => [e("div", null, [h(L, null, {
+        default: _(() => [v(r(`"${s.content}"`), 1)]),
+        _: 2
+      }, 1024)]), e("div", Ot, [e("span", Ut, [e("img", {
+        src: s.avatar,
+        alt: s.name
+      }, null, 8, Wt)]), e("div", null, [e("div", Rt, r(s.name), 1), e("div", Zt, r(s.title), 1)])])]),
+      _: 2
+    }, 1024))), 128))]));
+  }
+}), sa = /* @__PURE__ */ l(Jt, [["__scopeId", "data-v-bc49d7bc"]]), Kt = ["href"], Qt = /* @__PURE__ */ u({
+  __name: "LandingPageTips",
+  props: {
+    href: {
+      type: String,
+      default: "/zh"
+    },
+    text: {
+      type: String,
+      default: "✨ 免费吉卜力AI艺术！立即注册获得3次免费创作！☝️"
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (c, o) => (a(), i("a", {
+      href: t.href,
+      class: "tips-link"
+    }, r(t.text), 9, Kt));
+  }
+}), aa = /* @__PURE__ */ l(Qt, [["__scopeId", "data-v-f5784dd1"]]), Xt = {}, Yt = {
+  class: "sidebar"
+};
+function es(n, t) {
+  return a(), i("div", Yt, [...t[0] || (t[0] = [H('<div data-v-251905ff><div class="sidebar-title" data-v-251905ff>On this page</div><a class="sidebar-link active" href="#page-title" data-v-251905ff>Introduction</a><a class="sidebar-link" href="#browse-by-feature" data-v-251905ff>Browse by feature</a><a class="sidebar-link" href="#implement-a-template" data-v-251905ff>Implement a template</a><a class="sidebar-link" href="#integrate-or-deploy-tiptap" data-v-251905ff>Integrate or deploy Tiptap</a><a class="sidebar-link" href="#manage-your-documents" data-v-251905ff>Manage your documents</a><a class="sidebar-link" href="#examples" data-v-251905ff>Examples</a><a class="sidebar-link" href="#guides" data-v-251905ff>Guides</a><a class="sidebar-link" href="#community" data-v-251905ff>Community</a></div>', 1)])]);
+}
+const na = /* @__PURE__ */ l(Xt, [["render", es], ["__scopeId", "data-v-251905ff"]]), ts = {
+  class: "feature-card"
+}, ss = {
+  class: "feature-image"
+}, as = ["src", "alt"], ns = {
+  class: "feature-title"
+}, is = {
+  class: "feature-description"
+}, os = {
+  class: "feature-platforms"
+}, cs = /* @__PURE__ */ u({
+  __name: "LandingPageFeatureCard",
+  props: {
+    feature: {}
+  },
+  setup(n) {
+    return (t, c) => (a(), i("div", ts, [e("div", ss, [e("img", {
+      src: n.feature.image,
+      alt: n.feature.title,
+      loading: "lazy",
+      decoding: "async"
+    }, null, 8, as)]), e("h3", ns, r(n.feature.title), 1), e("p", is, r(n.feature.description), 1), e("div", os, [(a(!0), i(f, null, g(n.feature.platforms, (o) => (a(), y(C(S), {
+      key: o.name,
+      icon: o.icon,
+      class: "platform-icon"
+    }, null, 8, ["icon"]))), 128))])]));
+  }
+}), ia = /* @__PURE__ */ l(cs, [["__scopeId", "data-v-474acd19"]]), rs = {
+  class: "feature-section-header"
+}, ls = {
+  class: "feature-section-title"
+}, ds = ["innerHTML"], us = /* @__PURE__ */ u({
+  __name: "LandingPageFeatureSectionHeader",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(n) {
+    return (t, c) => (a(), i("div", rs, [e("h2", ls, r(n.title), 1), e("p", {
+      class: "feature-section-description",
+      innerHTML: n.description
+    }, null, 8, ds)]));
+  }
+}), oa = /* @__PURE__ */ l(us, [["__scopeId", "data-v-8fe145ad"]]), _s = {}, ps = {
+  class: "features-grid"
+};
+function fs(n, t) {
+  return a(), i("div", ps, [p(n.$slots, "default", {}, void 0, !0)]);
+}
+const ca = /* @__PURE__ */ l(_s, [["render", fs], ["__scopeId", "data-v-392f636b"]]), hs = {
+  class: "testimonials-container"
+}, gs = {
+  class: "testimonial-header"
+}, ms = ["onClick"], vs = {
+  class: "user-avatar"
+}, $s = ["src", "alt"], bs = {
+  class: "user-info"
+}, ys = {
+  class: "user-name"
+}, ks = {
+  class: "user-title"
+}, Ps = {
+  class: "testimonial-content"
+}, xs = /* @__PURE__ */ u({
+  __name: "LandingPageTestimonialCard",
+  props: {
+    testimonials: {}
+  },
+  setup(n) {
+    function t(c) {
+      c.link && window.open(c.link, "_blank");
+    }
+    return (c, o) => (a(), i("div", hs, [(a(!0), i(f, null, g(n.testimonials, (s) => (a(), i("div", {
+      key: s.name,
+      class: "testimonial-card"
+    }, [e("div", gs, [e("div", {
+      class: x(["user-link", {
+        "no-link": !s.link
+      }]),
+      onClick: (d) => t(s)
+    }, [e("div", vs, [e("img", {
+      src: s.avatar,
+      alt: s.name,
+      width: "260",
+      height: "260",
+      loading: "lazy",
+      decoding: "async",
+      class: "avatar-image"
+    }, null, 8, $s)]), e("div", bs, [e("span", ys, r(s.name), 1), e("span", ks, r(s.title), 1)])], 10, ms)]), e("p", Ps, r(s.content), 1)]))), 128))]));
+  }
+}), ra = /* @__PURE__ */ l(xs, [["__scopeId", "data-v-6e10d8a8"]]), Ls = {
+  class: "tabs"
+}, ws = {
+  class: "tabs-header"
+}, Is = ["onClick"], Cs = {
+  class: "tab-label"
+}, Ss = {
+  class: "tabs-content"
+}, Ts = /* @__PURE__ */ u({
+  __name: "LandingPageSectionTabs",
+  props: {
+    tabs: {},
+    defaultActiveTab: {
+      default: ""
+    },
+    modelValue: {
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "tabChange"],
+  setup(n, {
+    emit: t
+  }) {
+    var P;
+    const c = n, o = t, s = w(c.modelValue || c.defaultActiveTab || ((P = c.tabs[0]) == null ? void 0 : P.id) || "");
+    function d(m) {
+      s.value = m, o("update:modelValue", m), o("tabChange", m);
+    }
+    return T(() => c.modelValue, (m) => {
+      m && (s.value = m);
+    }), T(() => c.defaultActiveTab, (m) => {
+      m && !c.modelValue && (s.value = m);
+    }), (m, b) => (a(), i("div", Ls, [e("div", ws, [(a(!0), i(f, null, g(n.tabs, ($) => (a(), i("div", {
+      key: $.id,
+      class: x(["tab-item", {
+        active: s.value === $.id
+      }]),
+      onClick: (V) => d($.id)
+    }, [e("span", Cs, r($.label), 1)], 10, Is))), 128))]), e("div", Ss, [(a(!0), i(f, null, g(n.tabs, ($) => F((a(), i("div", {
+      key: $.id,
+      class: "tab-panel"
+    }, [p(m.$slots, $.id, {
+      tab: $
+    }, () => [p(m.$slots, "default", {
+      tab: $
+    }, void 0, !0)], !0)])), [[M, s.value === $.id]])), 128))])]));
+  }
+}), la = /* @__PURE__ */ l(Ts, [["__scopeId", "data-v-22e880ae"]]);
+export {
+  la as A,
+  _e as B,
+  D as C,
+  zs as L,
+  B as S,
+  Ye as T,
+  Ns as a,
+  ee as b,
+  ae as c,
+  js as d,
+  Gs as e,
+  Es as f,
+  Os as g,
+  Us as h,
+  Ws as i,
+  Rs as j,
+  Zs as k,
+  Js as l,
+  Ks as m,
+  Qs as n,
+  Xs as o,
+  Ys as p,
+  ea as q,
+  ta as r,
+  sa as s,
+  aa as t,
+  q as u,
+  na as v,
+  ia as w,
+  oa as x,
+  ca as y,
+  ra as z
+};