@huyooo/ui 0.5.27 → 0.5.30

package/dist/LandingPageSectionTabs-DF0LV5IB.js

@@ -0,0 +1,1233 @@
+import { createElementBlock as i, openBlock as s, renderSlot as v, defineComponent as g, createVNode as d, withCtx as l, createElementVNode as e, normalizeStyle as P, Fragment as h, createTextVNode as f, ref as x, renderList as b, toDisplayString as c, normalizeClass as k, createBlock as L, computed as w, unref as A, createCommentVNode as T, createStaticVNode as E, watch as F, withDirectives as G, vShow as O } from "vue";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { m as U, n as W, k as R, D as C, f as Z, e as J, h as B, g as $, L as K, i as Q } from "./LandingPageSectionHeader-s8hjsGuu.js";
+import { C as X, a as Y } from "./CollapseItem-Cw1vcdLu.js";
+import { Icon as q } from "@iconify/vue";
+import { useWindowSize as D } from "@vueuse/core";
+import { c as ee } from "./index-Bb-d5pBq.js";
+/* empty css               */
+/* empty css               */
+import { Tag as te } from "@arco-design/web-vue";
+const se = {}, ae = {
+  class: "SubTitle"
+};
+function ne(n, t) {
+  return s(), i("div", ae, [v(n.$slots, "default", {}, void 0, !0)]);
+}
+const H = /* @__PURE__ */ _(se, [["render", ne], ["__scopeId", "data-v-3decf2d4"]]), ie = {}, oe = {
+  class: "Title"
+};
+function re(n, t) {
+  return s(), i("h2", oe, [v(n.$slots, "default", {}, void 0, !0)]);
+}
+const M = /* @__PURE__ */ _(ie, [["render", re], ["__scopeId", "data-v-58078aa8"]]), ce = {
+  class: "BlockHeader"
+}, le = /* @__PURE__ */ g({
+  __name: "LandingPageBlockHeader",
+  setup(n) {
+    return (t, r) => (s(), i("div", ce, [d(M, {
+      class: "BlockHeaderTitle"
+    }, {
+      default: l(() => [v(t.$slots, "title", {}, void 0, !0)]),
+      _: 3
+    }), d(H, {
+      class: "BlockHeaderSubTitle"
+    }, {
+      default: l(() => [v(t.$slots, "subTitle", {}, void 0, !0)]),
+      _: 3
+    })]));
+  }
+}), de = /* @__PURE__ */ _(le, [["__scopeId", "data-v-8d51bb3a"]]), ue = {
+  class: "BlockLayout"
+}, _e = /* @__PURE__ */ g({
+  __name: "LandingPageBlockLayout",
+  props: {
+    columns: {
+      type: Number,
+      default: 1
+    },
+    flexDirection: {
+      type: String,
+      default: "column"
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (r, o) => (s(), i("section", ue, [v(r.$slots, "BlockHeader", {}, void 0, !0), e("div", {
+      class: "BlockBody",
+      style: P({
+        gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
+        flexDirection: t.flexDirection
+      })
+    }, [v(r.$slots, "BlockBody", {}, void 0, !0)], 4)]));
+  }
+}), pe = /* @__PURE__ */ _(_e, [["__scopeId", "data-v-84ed1aaa"]]), ge = /* @__PURE__ */ g({
+  __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 (r, o) => (s(), i(h, null, [d(pe, null, {
+      BlockHeader: l(() => [d(de, null, {
+        title: l(() => [...o[0] || (o[0] = [f("核心团队", -1)])]),
+        subTitle: l(() => [...o[1] || (o[1] = [f("我们是一个充满激情的小团队。", -1)])]),
+        _: 1
+      })]),
+      BlockBody: l(() => [d(U, {
+        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."
+      }), d(W, {
+        "published-team-members": t
+      })]),
+      _: 1
+    }), d(R, {
+      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));
+  }
+}), Qs = /* @__PURE__ */ _(ge, [["__scopeId", "data-v-a40e05a5"]]), fe = {
+  class: "nav"
+}, me = {
+  class: "section"
+}, he = ["href"], ve = {
+  class: "section"
+}, be = ["href"], ye = /* @__PURE__ */ g({
+  __name: "LandingPageAside",
+  setup(n) {
+    const t = x([{
+      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"
+    }]), r = x([{
+      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, a) => (s(), i("nav", fe, [a[2] || (a[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", me, [a[0] || (a[0] = e("div", {
+      class: "section-title"
+    }, "Browse by feature", -1)), e("div", null, [(s(!0), i(h, null, b(t.value, (u) => (s(), i("a", {
+      key: u.text,
+      class: "link",
+      href: u.href
+    }, c(u.text), 9, he))), 128))])]), e("div", ve, [a[1] || (a[1] = e("div", {
+      class: "section-title"
+    }, "Resources", -1)), e("div", null, [(s(!0), i(h, null, b(r.value, (u) => (s(), i("a", {
+      key: u.text,
+      class: "link",
+      href: u.href
+    }, c(u.text), 9, be))), 128))])])]));
+  }
+}), Xs = /* @__PURE__ */ _(ye, [["__scopeId", "data-v-b516bb75"]]), $e = /* @__PURE__ */ g({
+  __name: "LandingPageButton",
+  props: {
+    type: {}
+  },
+  setup(n) {
+    return (t, r) => (s(), i("div", {
+      class: k(["heroButton", [n.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
+    }, [v(t.$slots, "default", {}, void 0, !0)], 2));
+  }
+}), ke = /* @__PURE__ */ _($e, [["__scopeId", "data-v-d26fdf8b"]]), Pe = {}, Le = {
+  class: "Card"
+};
+function xe(n, t) {
+  return s(), i("div", Le, [v(n.$slots, "default", {}, void 0, !0)]);
+}
+const z = /* @__PURE__ */ _(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"]]), Ie = "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", we = {
+  class: "cta-container"
+}, Ce = ["src"], Se = {
+  class: "cta-content"
+}, Te = {
+  class: "cta-title"
+}, Ae = {
+  class: "cta-description"
+}, Be = {
+  class: "cta-actions"
+}, qe = /* @__PURE__ */ g({
+  __name: "LandingPageCta",
+  props: {
+    title: {
+      default: "迫不及待想使用翻译？"
+    },
+    description: {
+      default: "立即开始您的翻译之旅"
+    },
+    backgroundUrl: {
+      default: Ie
+    },
+    backgroundSize: {
+      default: "120%"
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (r, o) => (s(), i("div", we, [e("img", {
+      src: t.backgroundUrl,
+      class: "cta-background",
+      alt: "background",
+      style: P({
+        width: t.backgroundSize,
+        height: t.backgroundSize
+      })
+    }, null, 12, Ce), e("div", Se, [e("h1", Te, c(t.title), 1), e("div", Ae, c(t.description), 1), e("div", Be, [v(r.$slots, "actions", {}, void 0, !0)])])]));
+  }
+}), Ys = /* @__PURE__ */ _(qe, [["__scopeId", "data-v-4a709ec3"]]), Fe = /* @__PURE__ */ g({
+  __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 (r, o) => (s(), L(X, {
+      "active-keys": t.activeKeys
+    }, {
+      default: l(() => [(s(!0), i(h, null, b(t.faqItems, (a, u) => (s(), L(Y, {
+        key: u,
+        index: u
+      }, {
+        header: l(() => [f(c(a.question), 1)]),
+        default: l(() => [d(C, null, {
+          default: l(() => [f(c(a.answer), 1)]),
+          _: 2
+        }, 1024)]),
+        _: 2
+      }, 1032, ["index"]))), 128))]),
+      _: 1
+    }, 8, ["active-keys"]));
+  }
+}), ea = /* @__PURE__ */ _(Fe, [["__scopeId", "data-v-581e8f75"]]), Ve = {
+  class: "feature-title"
+}, De = /* @__PURE__ */ g({
+  __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, {
+      width: r
+    } = D(), o = w(() => r.value <= 768 ? 1 : r.value <= 1024 ? 2 : 3), a = w(() => ({
+      gridTemplateColumns: `repeat(${o.value}, 1fr)`
+    }));
+    return (u, p) => (s(), i("div", {
+      class: "Features",
+      style: P(a.value)
+    }, [(s(!0), i(h, null, b(t.features, (m) => (s(), L(z, {
+      key: m.title
+    }, {
+      default: l(() => [e("div", {
+        class: "icon-container",
+        style: P({
+          color: t.iconColor,
+          border: `1px solid ${t.iconBorderColor}`
+        })
+      }, [d(A(q), {
+        class: "icon",
+        icon: m.icon
+      }, null, 8, ["icon"])], 4), e("h3", Ve, c(m.title), 1), d(C, null, {
+        default: l(() => [f(c(m.description), 1)]),
+        _: 2
+      }, 1024)]),
+      _: 2
+    }, 1024))), 128))], 4));
+  }
+}), ta = /* @__PURE__ */ _(De, [["__scopeId", "data-v-6d3228a1"]]), He = {
+  class: "tt-feature-list"
+}, Me = {
+  class: "tt-feature-content"
+}, ze = {
+  class: "heading-small"
+}, je = {
+  class: "text-small"
+}, Ne = /* @__PURE__ */ g({
+  __name: "LandingPageFeatures2",
+  props: {
+    list: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (r, o) => (s(), i("div", He, [(s(!0), i(h, null, b(t.list, (a, u) => (s(), i("div", {
+      key: u,
+      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", Me, [e("h3", ze, c(a.title), 1), e("p", je, [f(c(a.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
+  }
+}), sa = /* @__PURE__ */ _(Ne, [["__scopeId", "data-v-abd3c70a"]]), Ee = {
+  class: "Footer"
+}, V = "support@huyooo.com", Ge = /* @__PURE__ */ g({
+  __name: "LandingPageFooter",
+  setup(n) {
+    const t = x("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), r = x("https://beian.miit.gov.cn/#/Integrated/index");
+    function o() {
+      const I = ee(V, "", "");
+      window.location.href = I;
+    }
+    const a = x([{
+      type: "text",
+      icon: "ic:baseline-email",
+      content: V,
+      select: o
+    }, {
+      type: "image",
+      icon: "ic:baseline-wechat",
+      content: "https://beian.miit.gov.cn/#/Integrated/index",
+      select() {
+      }
+    }]);
+    return (u, p) => (s(), i("div", Ee, [d(Z, null, {
+      LandingPageBrandInfo: l(() => [d(K, {
+        icon: "https://ghibliaigenerator.app/logo.png",
+        name: "ONES",
+        description: "几小时内构建和发布AI产品，无需数日。"
+      })]),
+      LandingPageLinkGroup: l(() => [d(B, {
+        title: "产品"
+      }, {
+        item: l(() => [d($, null, {
+          default: l(() => [...p[0] || (p[0] = [f("功能", -1)])]),
+          _: 1
+        }), d($, null, {
+          default: l(() => [...p[1] || (p[1] = [f("展示", -1)])]),
+          _: 1
+        }), d($, null, {
+          default: l(() => [...p[2] || (p[2] = [f("价格", -1)])]),
+          _: 1
+        })]),
+        _: 1
+      }), d(B, {
+        title: "资源"
+      }, {
+        item: l(() => [d($, null, {
+          default: l(() => [...p[3] || (p[3] = [f("安全性与合规性", -1)])]),
+          _: 1
+        })]),
+        _: 1
+      }), d(B, {
+        title: "公司"
+      }, {
+        item: l(() => [d($, null, {
+          default: l(() => [...p[4] || (p[4] = [f("博客", -1)])]),
+          _: 1
+        }), d($, null, {
+          default: l(() => [...p[5] || (p[5] = [f("公司简介", -1)])]),
+          _: 1
+        }), d($, null, {
+          default: l(() => [...p[6] || (p[6] = [f("个人信息收集清单", -1)])]),
+          _: 1
+        }), d($, null, {
+          default: l(() => [...p[7] || (p[7] = [f("第三方信息共享清单", -1)])]),
+          _: 1
+        }), d($, null, {
+          default: l(() => [...p[8] || (p[8] = [f("用户服务协议", -1)])]),
+          _: 1
+        }), d($, null, {
+          default: l(() => [...p[9] || (p[9] = [f("隐私协议", -1)])]),
+          _: 1
+        })]),
+        _: 1
+      })]),
+      LandingPageFooterContact: l(() => [d(J, {
+        "beian-text": t.value,
+        "beian-url": r.value,
+        links: a.value
+      }, null, 8, ["beian-text", "beian-url", "links"])]),
+      _: 1
+    })]));
+  }
+}), aa = /* @__PURE__ */ _(Ge, [["__scopeId", "data-v-619d1298"]]), Oe = {
+  class: "hero"
+}, Ue = {
+  class: "heroContent"
+}, We = {
+  class: "heroHeading"
+}, Re = {
+  class: "heroTitle"
+}, Ze = {
+  class: "heroDescription"
+}, Je = {
+  class: "heroActions"
+}, Ke = {
+  key: 0,
+  class: "heroImage"
+}, Qe = ["src", "alt"], Xe = {
+  key: 1,
+  class: "heroImage"
+}, Ye = /* @__PURE__ */ g({
+  __name: "LandingPageHero",
+  props: {
+    title: {
+      type: String,
+      default: () => ""
+    },
+    description: {
+      type: String,
+      default: () => ""
+    },
+    heroSource: {
+      type: String,
+      default: () => ""
+    },
+    imageAlt: {
+      type: String,
+      default: () => "Hero Image"
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (r, o) => (s(), i("main", Oe, [e("div", Ue, [e("div", We, [e("h1", Re, [v(r.$slots, "title", {}, () => [f(c(t.title), 1)], !0)])]), e("div", Ze, [e("div", null, c(t.description), 1)]), e("div", Je, [v(r.$slots, "actions", {}, void 0, !0)])]), t.heroSource ? (s(), i("div", Ke, [e("img", {
+      src: t.heroSource,
+      alt: t.imageAlt || "Hero Image",
+      loading: "eager",
+      class: "hero-image"
+    }, null, 8, Qe)])) : (s(), i("div", Xe, [v(r.$slots, "heroSource", {}, void 0, !0)]))]));
+  }
+}), na = /* @__PURE__ */ _(Ye, [["__scopeId", "data-v-3c9b32bf"]]), et = {
+  class: "logos-list"
+}, tt = /* @__PURE__ */ g({
+  __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 (r, o) => (s(), i("div", et, [(s(!0), i(h, null, b(t.logos, (a, u) => (s(), L(A(q), {
+      key: u,
+      icon: a.name,
+      class: "logo-icon"
+    }, null, 8, ["icon"]))), 128))]));
+  }
+}), ia = /* @__PURE__ */ _(tt, [["__scopeId", "data-v-1a08e627"]]), st = /* @__PURE__ */ g({
+  __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, r = w(() => ({
+      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, a) => (s(), i("div", {
+      class: "PageContent",
+      style: P(r.value)
+    }, [v(o.$slots, "default", {}, void 0, !0)], 4));
+  }
+}), oa = /* @__PURE__ */ _(st, [["__scopeId", "data-v-00ec8180"]]), at = {
+  class: "Tabs"
+}, nt = {
+  class: "tabs-root"
+}, it = {
+  role: "radiogroup",
+  "aria-required": "false",
+  dir: "ltr",
+  class: "tabs-group",
+  tabindex: "0"
+}, ot = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], rt = {
+  key: 0,
+  "data-state": "checked",
+  class: "tabs-radio-icon"
+}, ct = ["for"], lt = {
+  key: 0,
+  class: "tabs-badge"
+}, dt = /* @__PURE__ */ g({
+  __name: "LandingPageTabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: !0
+    },
+    modelValue: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(n) {
+    const t = n;
+    return (r, o) => (s(), i("div", at, [e("div", nt, [e("div", it, [(s(!0), i(h, null, b(t.tabs, (a) => (s(), i("div", {
+      key: a.value,
+      class: k(["tabs-item", {
+        "tabs-item-active": a.value === n.modelValue
+      }])
+    }, [e("button", {
+      id: a.value,
+      type: "button",
+      role: "radio",
+      "aria-checked": a.value === n.modelValue,
+      "data-state": a.value === n.modelValue ? "checked" : "unchecked",
+      value: a.value,
+      class: "tabs-radio",
+      tabindex: a.value === n.modelValue ? 0 : -1,
+      onClick: (u) => r.$emit("update:modelValue", a.value)
+    }, [a.value === n.modelValue ? (s(), i("span", rt)) : T("", !0)], 8, ot), e("label", {
+      class: "tabs-label",
+      for: a.value
+    }, [e("span", null, c(a.label), 1), a.badge ? (s(), i("div", lt, c(a.badge), 1)) : T("", !0)], 8, ct)], 2))), 128))])])]));
+  }
+}), ut = /* @__PURE__ */ _(dt, [["__scopeId", "data-v-9eb67a93"]]), _t = {
+  class: "PriceGroup"
+}, pt = /* @__PURE__ */ g({
+  __name: "LandingPagePriceGroup",
+  setup(n) {
+    const t = x("subscribe-monthly");
+    return (r, o) => (s(), i("div", _t, [d(ut, {
+      modelValue: t.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
+      tabs: [{
+        value: "subscribe-monthly",
+        label: "按月订阅"
+      }, {
+        value: "subscribe-yearly",
+        label: "按年订阅",
+        badge: "节省17%"
+      }, {
+        value: "pay-as-you-go",
+        label: "按需付费"
+      }]
+    }, null, 8, ["modelValue"]), v(r.$slots, "default", {}, void 0, !0)]));
+  }
+}), ra = /* @__PURE__ */ _(pt, [["__scopeId", "data-v-43a35f55"]]), gt = {
+  class: "PricingCard"
+}, ft = {
+  class: "title"
+}, mt = {
+  class: "titleText"
+}, ht = {
+  class: "description"
+}, vt = {
+  class: "priceAndDiscount"
+}, bt = {
+  class: "price"
+}, yt = {
+  class: "discount"
+}, $t = {
+  style: {
+    position: "relative",
+    top: "3px"
+  }
+}, kt = {
+  key: 1,
+  class: "priceNotDiscount"
+}, Pt = {
+  class: "cycle"
+}, Lt = {
+  class: "features"
+}, xt = /* @__PURE__ */ g({
+  __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 r = t, o = n;
+    function a() {
+      r("toPay");
+    }
+    return (u, p) => (s(), i("div", gt, [e("div", null, [e("div", ft, [e("span", mt, c(o.title), 1), o.badge.label ? (s(), L(A(te), {
+      key: 0,
+      color: "arcoblue"
+    }, {
+      default: l(() => [f(c(o.badge.label), 1)]),
+      _: 1
+    })) : T("", !0)]), e("div", ht, c(o.description), 1)]), e("div", vt, [o.discount !== null ? (s(), i(h, {
+      key: 0
+    }, [e("span", bt, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)]), e("span", yt, [e("span", $t, c(o.discount), 1), e("span", null, c(o.unit), 1)])], 64)) : (s(), i("span", kt, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)])), e("span", Pt, c(o.cycle), 1)]), e("div", Lt, [(s(!0), i(h, null, b(o.features, (m, I) => (s(), L(Q, {
+      key: I,
+      description: m.title
+    }, null, 8, ["description"]))), 128))]), d(ke, {
+      class: "handle",
+      type: "primary",
+      loading: o.loading,
+      disabled: !(o.discount || o.price),
+      onClick: a
+    }, {
+      default: l(() => [f(c(o.button.label), 1)]),
+      _: 1
+    }, 8, ["loading", "disabled"])]));
+  }
+}), ca = /* @__PURE__ */ _(xt, [["__scopeId", "data-v-0b730439"]]), It = {}, wt = {
+  class: "PricingGrid"
+}, Ct = {
+  class: "content"
+};
+function St(n, t) {
+  return s(), i("div", wt, [e("div", Ct, [v(n.$slots, "default", {}, void 0, !0)])]);
+}
+const la = /* @__PURE__ */ _(It, [["render", St], ["__scopeId", "data-v-1f26d3ee"]]), Tt = {
+  class: "sections-container"
+}, At = {
+  class: "container"
+}, Bt = ["src", "alt"], qt = {
+  class: "header"
+}, Ft = {
+  class: "features-list"
+}, Vt = {
+  class: "content"
+}, Dt = {
+  class: "feature-title"
+}, Ht = /* @__PURE__ */ g({
+  __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 (r, o) => (s(), i("section", Tt, [e("div", At, [e("div", {
+      class: k(["content-wrapper", {
+        reverse: t.reverse
+      }])
+    }, [e("div", {
+      class: k(["image-container", {
+        "order-2": t.reverse,
+        "order-1": !t.reverse
+      }])
+    }, [e("img", {
+      src: t.imageUrl,
+      alt: t.imageAlt,
+      class: "image"
+    }, null, 8, Bt)], 2), e("div", {
+      class: k(["text-container", {
+        "order-1": t.reverse,
+        "order-2": !t.reverse
+      }])
+    }, [e("div", qt, [d(M, null, {
+      default: l(() => [f(c(t.title), 1)]),
+      _: 1
+    }), d(H, null, {
+      default: l(() => [f(c(t.subTitle), 1)]),
+      _: 1
+    })]), e("div", Ft, [(s(!0), i(h, null, b(t.features, (a, u) => (s(), i("div", {
+      key: u,
+      class: "feature-item"
+    }, [e("div", {
+      class: k(["icon-container", [`icon-${a.color}`]])
+    }, [...o[0] || (o[0] = [e("div", {
+      class: "dot"
+    }, null, -1)])], 2), e("div", Vt, [e("div", Dt, c(a.title), 1), d(C, null, {
+      default: l(() => [f(c(a.description), 1)]),
+      _: 2
+    }, 1024)])]))), 128))])], 2)], 2)])]));
+  }
+}), da = /* @__PURE__ */ _(Ht, [["__scopeId", "data-v-f7a4d89a"]]), Mt = ["onClick"], zt = ["src", "alt"], jt = {
+  class: "card-content"
+}, Nt = {
+  class: "card-title"
+}, Et = /* @__PURE__ */ g({
+  __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 r = n, o = t, {
+      width: a
+    } = D();
+    function u(y) {
+      o("cardClick", y);
+    }
+    const p = w(() => a.value <= 768 ? 1 : a.value <= 1024 ? 2 : r.columns || 4), m = w(() => ({
+      gridTemplateColumns: `repeat(${p.value}, 1fr)`
+    })), I = w(() => ({
+      height: `${r.cardHeight}px`,
+      objectFit: r.objectFit
+    }));
+    return (y, j) => (s(), i("div", {
+      class: "Showcase",
+      style: P(m.value)
+    }, [(s(!0), i(h, null, b(r.items, (S, N) => (s(), i("div", {
+      key: N,
+      class: "showcase-card",
+      onClick: (js) => u(S)
+    }, [e("img", {
+      src: S.image,
+      alt: S.alt,
+      style: P(I.value)
+    }, null, 12, zt), e("div", jt, [e("div", Nt, c(S.title), 1), d(C, null, {
+      default: l(() => [f(c(S.description), 1)]),
+      _: 2
+    }, 1024)])], 8, Mt))), 128))], 4));
+  }
+}), ua = /* @__PURE__ */ _(Et, [["__scopeId", "data-v-28446bb3"]]), Gt = {
+  class: "Stats"
+}, Ot = {
+  key: 0,
+  class: "stats-label"
+}, Ut = {
+  class: "stats-number"
+}, Wt = {
+  class: "stats-label"
+}, Rt = /* @__PURE__ */ g({
+  __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 (r, o) => (s(), i("div", Gt, [(s(!0), i(h, null, b(t.stats, (a, u) => (s(), i("div", {
+      key: u,
+      class: "stats-item"
+    }, [a.title ? (s(), i("div", Ot, c(a.title), 1)) : T("", !0), e("div", Ut, c(a.number), 1), e("div", Wt, c(a.label), 1)]))), 128))]));
+  }
+}), _a = /* @__PURE__ */ _(Rt, [["__scopeId", "data-v-7aa9af80"]]), Zt = {
+  class: "stepNumber"
+}, Jt = {
+  class: "count"
+}, Kt = {
+  class: "stepTitle"
+}, Qt = /* @__PURE__ */ g({
+  __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 (r, o) => (s(), i("div", {
+      class: "Steps",
+      style: P({
+        gridTemplateColumns: `repeat(${t.columns}, 1fr)`
+        // flexDirection: props.flexDirection,
+      })
+    }, [(s(!0), i(h, null, b(t.steps, (a, u) => (s(), i("div", {
+      key: u,
+      class: "stepItem"
+    }, [e("div", Zt, [e("span", Jt, c(u + 1), 1)]), e("h3", Kt, c(a.title), 1), d(C, null, {
+      default: l(() => [f(c(a.description), 1)]),
+      _: 2
+    }, 1024)]))), 128))], 4));
+  }
+}), pa = /* @__PURE__ */ _(Qt, [["__scopeId", "data-v-1ecd9597"]]), Xt = {
+  class: "Testimonial"
+}, Yt = {
+  class: "user-info"
+}, es = {
+  class: "user-avatar"
+}, ts = ["src", "alt"], ss = {
+  class: "user-name"
+}, as = {
+  class: "user-title"
+}, ns = /* @__PURE__ */ g({
+  __name: "LandingPageTestimonial",
+  props: {
+    testimonials: {
+      default: () => []
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (r, o) => (s(), i("div", Xt, [(s(!0), i(h, null, b(t.testimonials, (a, u) => (s(), L(z, {
+      key: u
+    }, {
+      default: l(() => [e("div", null, [d(C, null, {
+        default: l(() => [f(c(`"${a.content}"`), 1)]),
+        _: 2
+      }, 1024)]), e("div", Yt, [e("span", es, [e("img", {
+        src: a.avatar,
+        alt: a.name
+      }, null, 8, ts)]), e("div", null, [e("div", ss, c(a.name), 1), e("div", as, c(a.title), 1)])])]),
+      _: 2
+    }, 1024))), 128))]));
+  }
+}), ga = /* @__PURE__ */ _(ns, [["__scopeId", "data-v-bc49d7bc"]]), is = ["href"], os = /* @__PURE__ */ g({
+  __name: "LandingPageTips",
+  props: {
+    href: {
+      type: String,
+      default: "/zh"
+    },
+    text: {
+      type: String,
+      default: "✨ 免费吉卜力AI艺术！立即注册获得3次免费创作！☝️"
+    }
+  },
+  setup(n) {
+    const t = n;
+    return (r, o) => (s(), i("a", {
+      href: t.href,
+      class: "tips-link"
+    }, c(t.text), 9, is));
+  }
+}), fa = /* @__PURE__ */ _(os, [["__scopeId", "data-v-f5784dd1"]]), rs = {}, cs = {
+  class: "sidebar"
+};
+function ls(n, t) {
+  return s(), i("div", cs, [...t[0] || (t[0] = [E('<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 ma = /* @__PURE__ */ _(rs, [["render", ls], ["__scopeId", "data-v-251905ff"]]), ds = {
+  class: "feature-card"
+}, us = {
+  class: "feature-image"
+}, _s = ["src", "alt"], ps = {
+  class: "feature-title"
+}, gs = {
+  class: "feature-description"
+}, fs = {
+  class: "feature-platforms"
+}, ms = /* @__PURE__ */ g({
+  __name: "LandingPageFeatureCard",
+  props: {
+    feature: {}
+  },
+  setup(n) {
+    return (t, r) => (s(), i("div", ds, [e("div", us, [e("img", {
+      src: n.feature.image,
+      alt: n.feature.title,
+      loading: "lazy",
+      decoding: "async"
+    }, null, 8, _s)]), e("h3", ps, c(n.feature.title), 1), e("p", gs, c(n.feature.description), 1), e("div", fs, [(s(!0), i(h, null, b(n.feature.platforms, (o) => (s(), L(A(q), {
+      key: o.name,
+      icon: o.icon,
+      class: "platform-icon"
+    }, null, 8, ["icon"]))), 128))])]));
+  }
+}), ha = /* @__PURE__ */ _(ms, [["__scopeId", "data-v-474acd19"]]), hs = {
+  class: "feature-section-header"
+}, vs = {
+  class: "feature-section-title"
+}, bs = ["innerHTML"], ys = /* @__PURE__ */ g({
+  __name: "LandingPageFeatureSectionHeader",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(n) {
+    return (t, r) => (s(), i("div", hs, [e("h2", vs, c(n.title), 1), e("p", {
+      class: "feature-section-description",
+      innerHTML: n.description
+    }, null, 8, bs)]));
+  }
+}), va = /* @__PURE__ */ _(ys, [["__scopeId", "data-v-8fe145ad"]]), $s = {}, ks = {
+  class: "features-grid"
+};
+function Ps(n, t) {
+  return s(), i("div", ks, [v(n.$slots, "default", {}, void 0, !0)]);
+}
+const ba = /* @__PURE__ */ _($s, [["render", Ps], ["__scopeId", "data-v-392f636b"]]), Ls = {
+  class: "testimonials-container"
+}, xs = {
+  class: "testimonial-header"
+}, Is = ["onClick"], ws = {
+  class: "user-avatar"
+}, Cs = ["src", "alt"], Ss = {
+  class: "user-info"
+}, Ts = {
+  class: "user-name"
+}, As = {
+  class: "user-title"
+}, Bs = {
+  class: "testimonial-content"
+}, qs = /* @__PURE__ */ g({
+  __name: "LandingPageTestimonialCard",
+  props: {
+    testimonials: {}
+  },
+  setup(n) {
+    function t(r) {
+      r.link && window.open(r.link, "_blank");
+    }
+    return (r, o) => (s(), i("div", Ls, [(s(!0), i(h, null, b(n.testimonials, (a) => (s(), i("div", {
+      key: a.name,
+      class: "testimonial-card"
+    }, [e("div", xs, [e("div", {
+      class: k(["user-link", {
+        "no-link": !a.link
+      }]),
+      onClick: (u) => t(a)
+    }, [e("div", ws, [e("img", {
+      src: a.avatar,
+      alt: a.name,
+      width: "260",
+      height: "260",
+      loading: "lazy",
+      decoding: "async",
+      class: "avatar-image"
+    }, null, 8, Cs)]), e("div", Ss, [e("span", Ts, c(a.name), 1), e("span", As, c(a.title), 1)])], 10, Is)]), e("p", Bs, c(a.content), 1)]))), 128))]));
+  }
+}), ya = /* @__PURE__ */ _(qs, [["__scopeId", "data-v-6e10d8a8"]]), Fs = {
+  class: "tabs"
+}, Vs = {
+  class: "tabs-header"
+}, Ds = ["onClick"], Hs = {
+  class: "tab-label"
+}, Ms = {
+  class: "tabs-content"
+}, zs = /* @__PURE__ */ g({
+  __name: "LandingPageSectionTabs",
+  props: {
+    tabs: {},
+    defaultActiveTab: {
+      default: ""
+    },
+    modelValue: {
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "tabChange"],
+  setup(n, {
+    emit: t
+  }) {
+    var p;
+    const r = n, o = t, a = x(r.modelValue || r.defaultActiveTab || ((p = r.tabs[0]) == null ? void 0 : p.id) || "");
+    function u(m) {
+      a.value = m, o("update:modelValue", m), o("tabChange", m);
+    }
+    return F(() => r.modelValue, (m) => {
+      m && (a.value = m);
+    }), F(() => r.defaultActiveTab, (m) => {
+      m && !r.modelValue && (a.value = m);
+    }), (m, I) => (s(), i("div", Fs, [e("div", Vs, [(s(!0), i(h, null, b(n.tabs, (y) => (s(), i("div", {
+      key: y.id,
+      class: k(["tab-item", {
+        active: a.value === y.id
+      }]),
+      onClick: (j) => u(y.id)
+    }, [e("span", Hs, c(y.label), 1)], 10, Ds))), 128))]), e("div", Ms, [(s(!0), i(h, null, b(n.tabs, (y) => G((s(), i("div", {
+      key: y.id,
+      class: "tab-panel"
+    }, [v(m.$slots, y.id, {
+      tab: y
+    }, () => [v(m.$slots, "default", {
+      tab: y
+    }, void 0, !0)], !0)])), [[O, a.value === y.id]])), 128))])]));
+  }
+}), $a = /* @__PURE__ */ _(zs, [["__scopeId", "data-v-22e880ae"]]);
+export {
+  ya as A,
+  ke as B,
+  z as C,
+  $a as D,
+  Qs as L,
+  ut as T,
+  Xs as a,
+  de as b,
+  pe as c,
+  Ys as d,
+  ea as e,
+  ta as f,
+  sa as g,
+  aa as h,
+  na as i,
+  ia as j,
+  oa as k,
+  ra as l,
+  ca as m,
+  la as n,
+  da as o,
+  ua as p,
+  _a as q,
+  pa as r,
+  H as s,
+  ga as t,
+  fa as u,
+  M as v,
+  ma as w,
+  ha as x,
+  va as y,
+  ba as z
+};