@huyooo/ui 0.9.8 → 0.10.0

package/dist/{LandingPageSectionTabs-BPG1U38v.js → LandingPageSectionTabs-BRTZaLEe.js}

@@ -1,9 +1,9 @@
-import { openBlock as s, createElementBlock as i, renderSlot as h, defineComponent as g, createVNode as _, withCtx as d, createElementVNode as e, normalizeStyle as L, Fragment as m, createTextVNode as f, ref as k, renderList as v, toDisplayString as c, normalizeClass as P, createBlock as x, computed as I, unref as A, createCommentVNode as T, createStaticVNode as j, watch as F, withDirectives as E, vShow as G } from "vue";
+import { openBlock as s, createElementBlock as i, renderSlot as f, defineComponent as g, createVNode as _, withCtx as u, createElementVNode as e, normalizeStyle as P, Fragment as h, createTextVNode as m, ref as $, renderList as v, toDisplayString as r, normalizeClass as k, createBlock as L, computed as w, unref as A, createCommentVNode as T, createStaticVNode as z, watch as N, withDirectives as E, vShow as G } from "vue";
 import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { m as O, n as U, k as W, D as w, f as R, e as Z, h as B, g as y, L as J, i as K } from "./LandingPageSectionHeader-AfrKhRQg.js";
+import { l as O, m as U, j as W, D as I, f as R, e as Z, h as B, g as y, L as J, i as K } from "./LandingPageSectionHeader-1h01zdKJ.js";
 import { C as Q, a as X } from "./CollapseItem-DN-GUAQA.js";
 import { Icon as q } from "@iconify/vue";
-import { useWindowSize as D } from "@vueuse/core";
+import { useWindowSize as V } from "@vueuse/core";
 import { c as Y } from "./index-D56hUMeD.js";
 /* empty css               */
 /* empty css               */
@@ -11,33 +11,33 @@ import { Tag as ee } from "@arco-design/web-vue";
 const te = {}, se = {
   class: "SubTitle"
 };
-function ae(n, t) {
-  return s(), i("div", se, [h(n.$slots, "default", {}, void 0, !0)]);
+function ae(a, t) {
+  return s(), i("div", se, [f(a.$slots, "default", {}, void 0, !0)]);
 }
-const H = /* @__PURE__ */ p(te, [["render", ae], ["__scopeId", "data-v-3decf2d4"]]), ne = {}, ie = {
+const D = /* @__PURE__ */ p(te, [["render", ae], ["__scopeId", "data-v-961808f9"]]), ne = {}, ie = {
   class: "Title"
 };
-function oe(n, t) {
-  return s(), i("h2", ie, [h(n.$slots, "default", {}, void 0, !0)]);
+function oe(a, t) {
+  return s(), i("h2", ie, [f(a.$slots, "default", {}, void 0, !0)]);
 }
-const re = /* @__PURE__ */ p(ne, [["render", oe], ["__scopeId", "data-v-58078aa8"]]), ce = {
+const ce = /* @__PURE__ */ p(ne, [["render", oe], ["__scopeId", "data-v-3bd32caf"]]), re = {
   class: "BlockHeader"
 }, le = /* @__PURE__ */ g({
   __name: "LandingPageBlockHeader",
-  setup(n) {
-    return (t, r) => (s(), i("div", ce, [_(re, {
+  setup(a) {
+    return (t, c) => (s(), i("div", re, [_(ce, {
       class: "BlockHeaderTitle"
     }, {
-      default: d(() => [h(t.$slots, "title", {}, void 0, !0)]),
+      default: u(() => [f(t.$slots, "title", {}, void 0, !0)]),
       _: 3
-    }), _(H, {
+    }), _(D, {
       class: "BlockHeaderSubTitle"
     }, {
-      default: d(() => [h(t.$slots, "subTitle", {}, void 0, !0)]),
+      default: u(() => [f(t.$slots, "subTitle", {}, void 0, !0)]),
       _: 3
     })]));
   }
-}), de = /* @__PURE__ */ p(le, [["__scopeId", "data-v-8d51bb3a"]]), ue = {
+}), de = /* @__PURE__ */ p(le, [["__scopeId", "data-v-59ccd5cb"]]), ue = {
   class: "BlockLayout"
 }, _e = /* @__PURE__ */ g({
   __name: "LandingPageBlockLayout",
@@ -51,19 +51,19 @@ const re = /* @__PURE__ */ p(ne, [["render", oe], ["__scopeId", "data-v-58078aa8
       default: "column"
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("section", ue, [h(r.$slots, "BlockHeader", {}, void 0, !0), e("div", {
+  setup(a) {
+    const t = a;
+    return (c, o) => (s(), i("section", ue, [f(c.$slots, "BlockHeader", {}, void 0, !0), e("div", {
       class: "BlockBody",
-      style: L({
+      style: P({
         gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
         flexDirection: t.flexDirection
       })
-    }, [h(r.$slots, "BlockBody", {}, void 0, !0)], 4)]));
+    }, [f(c.$slots, "BlockBody", {}, void 0, !0)], 4)]));
   }
 }), pe = /* @__PURE__ */ p(_e, [["__scopeId", "data-v-84ed1aaa"]]), ge = /* @__PURE__ */ g({
   __name: "LandingPageAbout",
-  setup(n) {
+  setup(a) {
     const t = [{
       data: {
         name: "Janette Lynch",
@@ -101,13 +101,13 @@ const re = /* @__PURE__ */ p(ne, [["render", oe], ["__scopeId", "data-v-58078aa8
         }
       }
     }];
-    return (r, o) => (s(), i(m, null, [_(pe, null, {
-      BlockHeader: d(() => [_(de, null, {
-        title: d(() => [...o[0] || (o[0] = [f("核心团队", -1)])]),
-        subTitle: d(() => [...o[1] || (o[1] = [f("我们是一个充满激情的小团队。", -1)])]),
+    return (c, o) => (s(), i(h, null, [_(pe, null, {
+      BlockHeader: u(() => [_(de, null, {
+        title: u(() => [...o[0] || (o[0] = [m("核心团队", -1)])]),
+        subTitle: u(() => [...o[1] || (o[1] = [m("我们是一个充满激情的小团队。", -1)])]),
         _: 1
       })]),
-      BlockBody: d(() => [_(O, {
+      BlockBody: u(() => [_(O, {
         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."
       }), _(U, {
@@ -123,16 +123,16 @@ const re = /* @__PURE__ */ p(ne, [["render", oe], ["__scopeId", "data-v-58078aa8
       features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
     })], 64));
   }
-}), Qs = /* @__PURE__ */ p(ge, [["__scopeId", "data-v-a40e05a5"]]), fe = {
+}), Ys = /* @__PURE__ */ p(ge, [["__scopeId", "data-v-a40e05a5"]]), me = {
   class: "nav"
-}, me = {
+}, fe = {
   class: "section"
 }, he = ["href"], ve = {
   class: "section"
 }, be = ["href"], ye = /* @__PURE__ */ g({
   __name: "LandingPageAside",
-  setup(n) {
-    const t = k([{
+  setup(a) {
+    const t = $([{
       text: "Editor",
       href: "/docs/editor/getting-started/overview"
     }, {
@@ -147,7 +147,7 @@ const re = /* @__PURE__ */ p(ne, [["render", oe], ["__scopeId", "data-v-58078aa8
     }, {
       text: "Documents",
       href: "/docs/collaboration/documents"
-    }]), r = k([{
+    }]), c = $([{
       text: "Guides",
       href: "/docs/guides"
     }, {
@@ -163,44 +163,44 @@ const re = /* @__PURE__ */ p(ne, [["render", oe], ["__scopeId", "data-v-58078aa8
       text: "Pro license",
       href: "/docs/resources/pro-license"
     }]);
-    return (o, a) => (s(), i("nav", fe, [a[2] || (a[2] = e("div", {
+    return (o, n) => (s(), i("nav", me, [n[2] || (n[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", {
+    }, "Overview")])], -1)), e("div", fe, [n[0] || (n[0] = e("div", {
       class: "section-title"
-    }, "Browse by feature", -1)), e("div", null, [(s(!0), i(m, null, v(t.value, (u) => (s(), i("a", {
-      key: u.text,
+    }, "Browse by feature", -1)), e("div", null, [(s(!0), i(h, null, v(t.value, (d) => (s(), i("a", {
+      key: d.text,
       class: "link",
-      href: u.href
-    }, c(u.text), 9, he))), 128))])]), e("div", ve, [a[1] || (a[1] = e("div", {
+      href: d.href
+    }, r(d.text), 9, he))), 128))])]), e("div", ve, [n[1] || (n[1] = e("div", {
       class: "section-title"
-    }, "Resources", -1)), e("div", null, [(s(!0), i(m, null, v(r.value, (u) => (s(), i("a", {
-      key: u.text,
+    }, "Resources", -1)), e("div", null, [(s(!0), i(h, null, v(c.value, (d) => (s(), i("a", {
+      key: d.text,
       class: "link",
-      href: u.href
-    }, c(u.text), 9, be))), 128))])])]));
+      href: d.href
+    }, r(d.text), 9, be))), 128))])])]));
   }
-}), Xs = /* @__PURE__ */ p(ye, [["__scopeId", "data-v-b516bb75"]]), $e = /* @__PURE__ */ g({
+}), ea = /* @__PURE__ */ p(ye, [["__scopeId", "data-v-486b0852"]]), $e = /* @__PURE__ */ g({
   __name: "LandingPageButton",
   props: {
     type: {}
   },
-  setup(n) {
-    return (t, r) => (s(), i("div", {
-      class: P(["heroButton", [n.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
-    }, [h(t.$slots, "default", {}, void 0, !0)], 2));
+  setup(a) {
+    return (t, c) => (s(), i("div", {
+      class: k(["heroButton", [a.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
+    }, [f(t.$slots, "default", {}, void 0, !0)], 2));
   }
-}), ke = /* @__PURE__ */ p($e, [["__scopeId", "data-v-d26fdf8b"]]), Pe = {}, Le = {
+}), ke = /* @__PURE__ */ p($e, [["__scopeId", "data-v-dc9858f8"]]), Pe = {}, Le = {
   class: "Card"
 };
-function xe(n, t) {
-  return s(), i("div", Le, [h(n.$slots, "default", {}, void 0, !0)]);
+function xe(a, t) {
+  return s(), i("div", Le, [f(a.$slots, "default", {}, void 0, !0)]);
 }
-const M = /* @__PURE__ */ p(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 = {
+const H = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-102e7fdf"]]), we = "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", Ie = {
   class: "cta-container"
 }, Ce = ["src"], Se = {
   class: "cta-content"
@@ -220,25 +220,25 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
       default: "立即开始您的翻译之旅"
     },
     backgroundUrl: {
-      default: Ie
+      default: we
     },
     backgroundSize: {
       default: "120%"
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", we, [e("img", {
+  setup(a) {
+    const t = a;
+    return (c, o) => (s(), i("div", Ie, [e("img", {
       src: t.backgroundUrl,
       class: "cta-background",
       alt: "background",
-      style: L({
+      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, [h(r.$slots, "actions", {}, void 0, !0)])])]));
+    }, null, 12, Ce), e("div", Se, [e("h1", Te, r(t.title), 1), e("div", Ae, r(t.description), 1), e("div", Be, [f(c.$slots, "actions", {}, void 0, !0)])])]));
   }
-}), Ys = /* @__PURE__ */ p(qe, [["__scopeId", "data-v-bf0734ca"]]), Fe = /* @__PURE__ */ g({
+}), ta = /* @__PURE__ */ p(qe, [["__scopeId", "data-v-7db09713"]]), Fe = /* @__PURE__ */ g({
   __name: "LandingPageFAQ",
   props: {
     activeKeys: {
@@ -266,18 +266,18 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
       }]
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), x(Q, {
+  setup(a) {
+    const t = a;
+    return (c, o) => (s(), L(Q, {
       "active-keys": t.activeKeys
     }, {
-      default: d(() => [(s(!0), i(m, null, v(t.faqItems, (a, u) => (s(), x(X, {
-        key: u,
-        index: u
+      default: u(() => [(s(!0), i(h, null, v(t.faqItems, (n, d) => (s(), L(X, {
+        key: d,
+        index: d
       }, {
-        header: d(() => [f(c(a.question), 1)]),
-        default: d(() => [_(w, null, {
-          default: d(() => [f(c(a.answer), 1)]),
+        header: u(() => [m(r(n.question), 1)]),
+        default: u(() => [_(I, null, {
+          default: u(() => [m(r(n.answer), 1)]),
           _: 2
         }, 1024)]),
         _: 2
@@ -285,7 +285,7 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
       _: 1
     }, 8, ["active-keys"]));
   }
-}), ea = /* @__PURE__ */ p(Fe, [["__scopeId", "data-v-581e8f75"]]), Ve = {
+}), sa = /* @__PURE__ */ p(Fe, [["__scopeId", "data-v-581e8f75"]]), Ve = {
   class: "feature-title"
 }, De = /* @__PURE__ */ g({
   __name: "LandingPageFeatures",
@@ -318,49 +318,49 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
       }]
     },
     iconColor: {
-      default: "rgb(184, 154, 120)"
+      default: "var(--landing-step-number-color)"
     },
     iconBorderColor: {
-      default: "rgb(184, 154, 120)"
+      default: "var(--landing-step-number-color)"
     }
   },
-  setup(n) {
-    const t = n, {
-      width: r
-    } = D(), o = I(() => r.value <= 768 ? 1 : r.value <= 1024 ? 2 : 3), a = I(() => ({
+  setup(a) {
+    const t = a, {
+      width: c
+    } = V(), o = w(() => c.value <= 768 ? 1 : c.value <= 1024 ? 2 : 3), n = w(() => ({
       gridTemplateColumns: `repeat(${o.value}, 1fr)`
     }));
-    return (u, $) => (s(), i("div", {
+    return (d, x) => (s(), i("div", {
       class: "Features",
-      style: L(a.value)
-    }, [(s(!0), i(m, null, v(t.features, (l) => (s(), x(M, {
+      style: P(n.value)
+    }, [(s(!0), i(h, null, v(t.features, (l) => (s(), L(H, {
       key: l.title
     }, {
-      default: d(() => [e("div", {
+      default: u(() => [e("div", {
         class: "icon-container",
-        style: L({
+        style: P({
           color: t.iconColor,
           border: `1px solid ${t.iconBorderColor}`
         })
       }, [_(A(q), {
         class: "icon",
         icon: l.icon
-      }, null, 8, ["icon"])], 4), e("h3", Ve, c(l.title), 1), _(w, null, {
-        default: d(() => [f(c(l.description), 1)]),
+      }, null, 8, ["icon"])], 4), e("h3", Ve, r(l.title), 1), _(I, null, {
+        default: u(() => [m(r(l.description), 1)]),
         _: 2
       }, 1024)]),
       _: 2
     }, 1024))), 128))], 4));
   }
-}), ta = /* @__PURE__ */ p(De, [["__scopeId", "data-v-6d3228a1"]]), He = {
+}), aa = /* @__PURE__ */ p(De, [["__scopeId", "data-v-57e3584b"]]), He = {
   class: "tt-feature-list"
 }, Me = {
   class: "tt-feature-content"
-}, ze = {
+}, je = {
   class: "heading-small"
-}, Ne = {
+}, ze = {
   class: "text-small"
-}, je = /* @__PURE__ */ g({
+}, Ne = /* @__PURE__ */ g({
   __name: "LandingPageFeatures2",
   props: {
     list: {
@@ -368,10 +368,10 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
       required: !0
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", He, [(s(!0), i(m, null, v(t.list, (a, u) => (s(), i("div", {
-      key: u,
+  setup(a) {
+    const t = a;
+    return (c, o) => (s(), i("div", He, [(s(!0), i(h, null, v(t.list, (n, d) => (s(), i("div", {
+      key: d,
       class: "tt-feature-item centered"
     }, [o[1] || (o[1] = e("div", {
       class: "tt-feature-icon"
@@ -379,23 +379,23 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
       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", Ne, [f(c(a.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
+    })], -1)), e("div", Me, [e("h3", je, r(n.title), 1), e("p", ze, [m(r(n.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
   }
-}), sa = /* @__PURE__ */ p(je, [["__scopeId", "data-v-abd3c70a"]]), Ee = {
+}), na = /* @__PURE__ */ p(Ne, [["__scopeId", "data-v-5e0deecb"]]), Ee = {
   class: "Footer"
-}, V = "support@huyooo.com", Ge = /* @__PURE__ */ g({
+}, F = "support@huyooo.com", Ge = /* @__PURE__ */ g({
   __name: "LandingPageFooter",
-  setup(n) {
-    const t = k("京ICP备2024077422号"), r = k("Copyright © 2024-2025 北京忽柚科技有限公司"), o = k("https://beian.miit.gov.cn/#/Integrated/index");
-    function a() {
-      const b = Y(V, "", "");
+  setup(a) {
+    const t = $("京ICP备2024077422号"), c = $("Copyright © 2024-2025 北京忽柚科技有限公司"), o = $("https://beian.miit.gov.cn/#/Integrated/index");
+    function n() {
+      const b = Y(F, "", "");
       window.location.href = b;
     }
-    const u = k([{
+    const d = $([{
       type: "text",
       icon: "ic:baseline-email",
-      content: V,
-      select: a
+      content: F,
+      select: n
     }, {
       type: "image",
       icon: "ic:baseline-wechat",
@@ -403,68 +403,68 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
       select() {
       }
     }]);
-    return ($, l) => (s(), i("div", Ee, [_(R, null, {
-      LandingPageBrandInfo: d(() => [_(J, {
+    return (x, l) => (s(), i("div", Ee, [_(R, null, {
+      LandingPageBrandInfo: u(() => [_(J, {
         icon: "https://ghibliaigenerator.app/logo.png",
         name: "ONES",
         description: "几小时内构建和发布AI产品，无需数日。"
       })]),
-      LandingPageLinkGroup: d(() => [_(B, {
+      LandingPageLinkGroup: u(() => [_(B, {
         title: "产品"
       }, {
-        item: d(() => [_(y, null, {
-          default: d(() => [...l[0] || (l[0] = [f("功能", -1)])]),
+        item: u(() => [_(y, null, {
+          default: u(() => [...l[0] || (l[0] = [m("功能", -1)])]),
           _: 1
         }), _(y, null, {
-          default: d(() => [...l[1] || (l[1] = [f("展示", -1)])]),
+          default: u(() => [...l[1] || (l[1] = [m("展示", -1)])]),
           _: 1
         }), _(y, null, {
-          default: d(() => [...l[2] || (l[2] = [f("价格", -1)])]),
+          default: u(() => [...l[2] || (l[2] = [m("价格", -1)])]),
           _: 1
         })]),
         _: 1
       }), _(B, {
         title: "资源"
       }, {
-        item: d(() => [_(y, null, {
-          default: d(() => [...l[3] || (l[3] = [f("安全性与合规性", -1)])]),
+        item: u(() => [_(y, null, {
+          default: u(() => [...l[3] || (l[3] = [m("安全性与合规性", -1)])]),
           _: 1
         })]),
         _: 1
       }), _(B, {
         title: "公司"
       }, {
-        item: d(() => [_(y, null, {
-          default: d(() => [...l[4] || (l[4] = [f("博客", -1)])]),
+        item: u(() => [_(y, null, {
+          default: u(() => [...l[4] || (l[4] = [m("博客", -1)])]),
           _: 1
         }), _(y, null, {
-          default: d(() => [...l[5] || (l[5] = [f("公司简介", -1)])]),
+          default: u(() => [...l[5] || (l[5] = [m("公司简介", -1)])]),
           _: 1
         }), _(y, null, {
-          default: d(() => [...l[6] || (l[6] = [f("个人信息收集清单", -1)])]),
+          default: u(() => [...l[6] || (l[6] = [m("个人信息收集清单", -1)])]),
           _: 1
         }), _(y, null, {
-          default: d(() => [...l[7] || (l[7] = [f("第三方信息共享清单", -1)])]),
+          default: u(() => [...l[7] || (l[7] = [m("第三方信息共享清单", -1)])]),
           _: 1
         }), _(y, null, {
-          default: d(() => [...l[8] || (l[8] = [f("用户服务协议", -1)])]),
+          default: u(() => [...l[8] || (l[8] = [m("用户服务协议", -1)])]),
           _: 1
         }), _(y, null, {
-          default: d(() => [...l[9] || (l[9] = [f("隐私协议", -1)])]),
+          default: u(() => [...l[9] || (l[9] = [m("隐私协议", -1)])]),
           _: 1
         })]),
         _: 1
       })]),
-      LandingPageFooterContact: d(() => [_(Z, {
+      LandingPageFooterContact: u(() => [_(Z, {
         "beian-number": t.value,
-        "copyright-text": r.value,
+        "copyright-text": c.value,
         "beian-url": o.value,
-        links: u.value
+        links: d.value
       }, null, 8, ["beian-number", "copyright-text", "beian-url", "links"])]),
       _: 1
     })]));
   }
-}), aa = /* @__PURE__ */ p(Ge, [["__scopeId", "data-v-e2021589"]]), Oe = {
+}), ia = /* @__PURE__ */ p(Ge, [["__scopeId", "data-v-e2021589"]]), Oe = {
   class: "hero"
 }, Ue = {
   class: "heroContent"
@@ -502,16 +502,16 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
       default: () => "Hero Image"
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("main", Oe, [e("div", Ue, [e("div", We, [e("h1", Re, [h(r.$slots, "title", {}, () => [f(c(t.title), 1)], !0)])]), e("div", Ze, [e("div", null, c(t.description), 1)]), e("div", Je, [h(r.$slots, "actions", {}, void 0, !0)])]), t.heroSource ? (s(), i("div", Ke, [e("img", {
+  setup(a) {
+    const t = a;
+    return (c, o) => (s(), i("main", Oe, [e("div", Ue, [e("div", We, [e("h1", Re, [f(c.$slots, "title", {}, () => [m(r(t.title), 1)], !0)])]), e("div", Ze, [e("div", null, r(t.description), 1)]), e("div", Je, [f(c.$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, [h(r.$slots, "heroSource", {}, void 0, !0)]))]));
+    }, null, 8, Qe)])) : (s(), i("div", Xe, [f(c.$slots, "heroSource", {}, void 0, !0)]))]));
   }
-}), na = /* @__PURE__ */ p(Ye, [["__scopeId", "data-v-ee8c48da"]]), et = {
+}), oa = /* @__PURE__ */ p(Ye, [["__scopeId", "data-v-f5b54bf8"]]), et = {
   class: "logos-list"
 }, tt = /* @__PURE__ */ g({
   __name: "LandingPageLogos",
@@ -538,15 +538,15 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
       }]
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", et, [(s(!0), i(m, null, v(t.logos, (a, u) => (s(), x(A(q), {
-      key: u,
-      icon: a.name,
+  setup(a) {
+    const t = a;
+    return (c, o) => (s(), i("div", et, [(s(!0), i(h, null, v(t.logos, (n, d) => (s(), L(A(q), {
+      key: d,
+      icon: n.name,
       class: "logo-icon"
     }, null, 8, ["icon"]))), 128))]));
   }
-}), ia = /* @__PURE__ */ p(tt, [["__scopeId", "data-v-1a08e627"]]), st = /* @__PURE__ */ g({
+}), ca = /* @__PURE__ */ p(tt, [["__scopeId", "data-v-1eb19277"]]), st = /* @__PURE__ */ g({
   __name: "LandingPagePageContent",
   props: {
     maxWidth: {
@@ -566,8 +566,8 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
       default: "column"
     }
   },
-  setup(n) {
-    const t = n, r = I(() => ({
+  setup(a) {
+    const t = a, c = w(() => ({
       maxWidth: t.maxWidth,
       margin: t.center ? "0 auto" : void 0,
       width: "100%",
@@ -576,29 +576,36 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
       flexDirection: t.flexDirection ?? "column",
       gap: t.gap
     }));
-    return (o, a) => (s(), i("div", {
+    return (o, n) => (s(), i("div", {
       class: "PageContent",
-      style: L(r.value)
-    }, [h(o.$slots, "default", {}, void 0, !0)], 4));
+      style: P(c.value)
+    }, [f(o.$slots, "default", {}, void 0, !0)], 4));
   }
-}), oa = /* @__PURE__ */ p(st, [["__scopeId", "data-v-00ec8180"]]), at = {
+}), ra = /* @__PURE__ */ p(st, [["__scopeId", "data-v-00ec8180"]]), at = {
+  class: "page-content"
+}, nt = /* @__PURE__ */ g({
+  __name: "PageContent",
+  setup(a) {
+    return (t, c) => (s(), i("div", at, [f(t.$slots, "default", {}, void 0, !0), f(t.$slots, "footer", {}, void 0, !0)]));
+  }
+}), la = /* @__PURE__ */ p(nt, [["__scopeId", "data-v-b01d54bb"]]), it = {
   class: "Tabs"
-}, nt = {
+}, ot = {
   class: "tabs-root"
-}, it = {
+}, ct = {
   role: "radiogroup",
   "aria-required": "false",
   dir: "ltr",
   class: "tabs-group",
   tabindex: "0"
-}, ot = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], rt = {
+}, rt = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], lt = {
   key: 0,
   "data-state": "checked",
   class: "tabs-radio-icon"
-}, ct = ["for"], lt = {
+}, dt = ["for"], ut = {
   key: 0,
   class: "tabs-badge"
-}, dt = /* @__PURE__ */ g({
+}, _t = /* @__PURE__ */ g({
   __name: "LandingPageTabs",
   props: {
     tabs: {
@@ -611,37 +618,37 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
     }
   },
   emits: ["update:modelValue"],
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", at, [e("div", nt, [e("div", it, [(s(!0), i(m, null, v(t.tabs, (a) => (s(), i("div", {
-      key: a.value,
-      class: P(["tabs-item", {
-        "tabs-item-active": a.value === n.modelValue
+  setup(a) {
+    const t = a;
+    return (c, o) => (s(), i("div", it, [e("div", ot, [e("div", ct, [(s(!0), i(h, null, v(t.tabs, (n) => (s(), i("div", {
+      key: n.value,
+      class: k(["tabs-item", {
+        "tabs-item-active": n.value === a.modelValue
       }])
     }, [e("button", {
-      id: a.value,
+      id: n.value,
       type: "button",
       role: "radio",
-      "aria-checked": a.value === n.modelValue,
-      "data-state": a.value === n.modelValue ? "checked" : "unchecked",
-      value: a.value,
+      "aria-checked": n.value === a.modelValue,
+      "data-state": n.value === a.modelValue ? "checked" : "unchecked",
+      value: n.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", {
+      tabindex: n.value === a.modelValue ? 0 : -1,
+      onClick: (d) => c.$emit("update:modelValue", n.value)
+    }, [n.value === a.modelValue ? (s(), i("span", lt)) : T("", !0)], 8, rt), 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))])])]));
+      for: n.value
+    }, [e("span", null, r(n.label), 1), n.badge ? (s(), i("div", ut, r(n.badge), 1)) : T("", !0)], 8, dt)], 2))), 128))])])]));
   }
-}), ut = /* @__PURE__ */ p(dt, [["__scopeId", "data-v-9eb67a93"]]), _t = {
+}), pt = /* @__PURE__ */ p(_t, [["__scopeId", "data-v-eae49087"]]), gt = {
   class: "PriceGroup"
-}, pt = /* @__PURE__ */ g({
+}, mt = /* @__PURE__ */ g({
   __name: "LandingPagePriceGroup",
-  setup(n) {
-    const t = k("subscribe-monthly");
-    return (r, o) => (s(), i("div", _t, [_(ut, {
+  setup(a) {
+    const t = $("subscribe-monthly");
+    return (c, o) => (s(), i("div", gt, [_(pt, {
       modelValue: t.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
+      "onUpdate:modelValue": o[0] || (o[0] = (n) => t.value = n),
       tabs: [{
         value: "subscribe-monthly",
         label: "按月订阅"
@@ -653,35 +660,35 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
         value: "pay-as-you-go",
         label: "按需付费"
       }]
-    }, null, 8, ["modelValue"]), h(r.$slots, "default", {}, void 0, !0)]));
+    }, null, 8, ["modelValue"]), f(c.$slots, "default", {}, void 0, !0)]));
   }
-}), ra = /* @__PURE__ */ p(pt, [["__scopeId", "data-v-43a35f55"]]), gt = {
+}), da = /* @__PURE__ */ p(mt, [["__scopeId", "data-v-43a35f55"]]), ft = {
   class: "PricingCard"
-}, ft = {
+}, ht = {
   class: "title"
-}, mt = {
+}, vt = {
   class: "titleText"
-}, ht = {
+}, bt = {
   class: "description"
-}, vt = {
+}, yt = {
   class: "priceAndDiscount"
-}, bt = {
+}, $t = {
   class: "price"
-}, yt = {
+}, kt = {
   class: "discount"
-}, $t = {
+}, Pt = {
   style: {
     position: "relative",
     top: "3px"
   }
-}, kt = {
+}, Lt = {
   key: 1,
   class: "priceNotDiscount"
-}, Pt = {
+}, xt = {
   class: "cycle"
-}, Lt = {
+}, wt = {
   class: "features"
-}, xt = /* @__PURE__ */ g({
+}, It = /* @__PURE__ */ g({
   __name: "LandingPagePricingCard",
   props: {
     loading: {
@@ -740,22 +747,22 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
     }
   },
   emits: ["toPay"],
-  setup(n, {
+  setup(a, {
     emit: t
   }) {
-    const r = t, o = n;
-    function a() {
-      r("toPay");
+    const c = t, o = a;
+    function n() {
+      c("toPay");
     }
-    return (u, $) => (s(), i("div", gt, [e("div", null, [e("div", ft, [e("span", mt, c(o.title), 1), o.badge.label ? (s(), x(A(ee), {
+    return (d, x) => (s(), i("div", ft, [e("div", null, [e("div", ht, [e("span", vt, r(o.title), 1), o.badge.label ? (s(), L(A(ee), {
       key: 0,
       color: "arcoblue"
     }, {
-      default: d(() => [f(c(o.badge.label), 1)]),
+      default: u(() => [m(r(o.badge.label), 1)]),
       _: 1
-    })) : T("", !0)]), e("div", ht, c(o.description), 1)]), e("div", vt, [o.discount !== null ? (s(), i(m, {
+    })) : T("", !0)]), e("div", bt, r(o.description), 1)]), e("div", yt, [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(m, null, v(o.features, (l, C) => (s(), x(K, {
+    }, [e("span", $t, [e("span", null, r(o.price), 1), e("span", null, r(o.unit), 1)]), e("span", kt, [e("span", Pt, r(o.discount), 1), e("span", null, r(o.unit), 1)])], 64)) : (s(), i("span", Lt, [e("span", null, r(o.price), 1), e("span", null, r(o.unit), 1)])), e("span", xt, r(o.cycle), 1)]), e("div", wt, [(s(!0), i(h, null, v(o.features, (l, C) => (s(), L(K, {
       key: C,
       description: l.title
     }, null, 8, ["description"]))), 128))]), _(ke, {
@@ -763,33 +770,33 @@ const M = /* @__PURE__ */ p(Pe, [["render", xe], ["__scopeId", "data-v-cdb3f77d"
       type: "primary",
       loading: o.loading,
       disabled: !(o.discount || o.price),
-      onClick: a
+      onClick: n
     }, {
-      default: d(() => [f(c(o.button.label), 1)]),
+      default: u(() => [m(r(o.button.label), 1)]),
       _: 1
     }, 8, ["loading", "disabled"])]));
   }
-}), ca = /* @__PURE__ */ p(xt, [["__scopeId", "data-v-0b730439"]]), It = {}, wt = {
+}), ua = /* @__PURE__ */ p(It, [["__scopeId", "data-v-46d7c265"]]), Ct = {}, St = {
   class: "PricingGrid"
-}, Ct = {
+}, Tt = {
   class: "content"
 };
-function St(n, t) {
-  return s(), i("div", wt, [e("div", Ct, [h(n.$slots, "default", {}, void 0, !0)])]);
+function At(a, t) {
+  return s(), i("div", St, [e("div", Tt, [f(a.$slots, "default", {}, void 0, !0)])]);
 }
-const la = /* @__PURE__ */ p(It, [["render", St], ["__scopeId", "data-v-1f26d3ee"]]), Tt = {
+const _a = /* @__PURE__ */ p(Ct, [["render", At], ["__scopeId", "data-v-1f26d3ee"]]), Bt = {
   class: "sections-container"
-}, At = ["src", "alt"], Bt = {
+}, qt = ["src", "alt"], Ft = {
   class: "header"
-}, qt = {
+}, Vt = {
   class: "title"
-}, Ft = {
+}, Dt = {
   class: "features-list"
-}, Vt = {
+}, Ht = {
   class: "content"
-}, Dt = {
+}, Mt = {
   class: "feature-title"
-}, Ht = /* @__PURE__ */ g({
+}, jt = /* @__PURE__ */ g({
   __name: "LandingPageSections",
   props: {
     title: {
@@ -827,14 +834,14 @@ const la = /* @__PURE__ */ p(It, [["render", St], ["__scopeId", "data-v-1f26d3ee
       default: !1
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("section", Tt, [e("div", {
-      class: P(["content-wrapper", {
+  setup(a) {
+    const t = a;
+    return (c, o) => (s(), i("section", Bt, [e("div", {
+      class: k(["content-wrapper", {
         reverse: t.reverse
       }])
     }, [e("div", {
-      class: P(["image-container", {
+      class: k(["image-container", {
         "order-2": t.reverse,
         "order-1": !t.reverse
       }])
@@ -842,31 +849,31 @@ const la = /* @__PURE__ */ p(It, [["render", St], ["__scopeId", "data-v-1f26d3ee
       src: t.imageUrl,
       alt: t.imageAlt,
       class: "image"
-    }, null, 8, At)], 2), e("div", {
-      class: P(["text-container", {
+    }, null, 8, qt)], 2), e("div", {
+      class: k(["text-container", {
         "order-1": t.reverse,
         "order-2": !t.reverse
       }])
-    }, [e("div", Bt, [e("div", qt, c(t.title), 1), _(H, null, {
-      default: d(() => [f(c(t.subTitle), 1)]),
+    }, [e("div", Ft, [e("div", Vt, r(t.title), 1), _(D, null, {
+      default: u(() => [m(r(t.subTitle), 1)]),
       _: 1
-    })]), e("div", Ft, [(s(!0), i(m, null, v(t.features, (a, u) => (s(), i("div", {
-      key: u,
+    })]), e("div", Dt, [(s(!0), i(h, null, v(t.features, (n, d) => (s(), i("div", {
+      key: d,
       class: "feature-item"
     }, [e("div", {
-      class: P(["icon-container", [`icon-${a.color}`]])
+      class: k(["icon-container", [`icon-${n.color}`]])
     }, [...o[0] || (o[0] = [e("div", {
       class: "dot"
-    }, null, -1)])], 2), e("div", Vt, [e("div", Dt, c(a.title), 1), _(w, null, {
-      default: d(() => [f(c(a.description), 1)]),
+    }, null, -1)])], 2), e("div", Ht, [e("div", Mt, r(n.title), 1), _(I, null, {
+      default: u(() => [m(r(n.description), 1)]),
       _: 2
     }, 1024)])]))), 128))])], 2)], 2)]));
   }
-}), da = /* @__PURE__ */ p(Ht, [["__scopeId", "data-v-5e47cab8"]]), Mt = ["onClick"], zt = ["src", "alt"], Nt = {
+}), pa = /* @__PURE__ */ p(jt, [["__scopeId", "data-v-ccadd722"]]), zt = ["onClick"], Nt = ["src", "alt"], Et = {
   class: "card-content"
-}, jt = {
+}, Gt = {
   class: "card-title"
-}, Et = /* @__PURE__ */ g({
+}, Ot = /* @__PURE__ */ g({
   __name: "LandingPageShowcase",
   props: {
     items: {},
@@ -885,47 +892,47 @@ const la = /* @__PURE__ */ p(It, [["render", St], ["__scopeId", "data-v-1f26d3ee
     }
   },
   emits: ["cardClick"],
-  setup(n, {
+  setup(a, {
     emit: t
   }) {
-    const r = n, o = t, {
-      width: a
-    } = D();
-    function u(b) {
+    const c = a, o = t, {
+      width: n
+    } = V();
+    function d(b) {
       o("cardClick", b);
     }
-    const $ = I(() => a.value <= 768 ? 1 : a.value <= 1024 ? 2 : r.columns || 4), l = I(() => ({
-      gridTemplateColumns: `repeat(${$.value}, 1fr)`
-    })), C = I(() => ({
-      height: `${r.cardHeight}px`,
-      objectFit: r.objectFit
+    const x = w(() => n.value <= 768 ? 1 : n.value <= 1024 ? 2 : c.columns || 4), l = w(() => ({
+      gridTemplateColumns: `repeat(${x.value}, 1fr)`
+    })), C = w(() => ({
+      height: `${c.cardHeight}px`,
+      objectFit: c.objectFit
     }));
-    return (b, z) => (s(), i("div", {
+    return (b, M) => (s(), i("div", {
       class: "Showcase",
-      style: L(l.value)
-    }, [(s(!0), i(m, null, v(r.items, (S, N) => (s(), i("div", {
-      key: N,
+      style: P(l.value)
+    }, [(s(!0), i(h, null, v(c.items, (S, j) => (s(), i("div", {
+      key: j,
       class: "showcase-card",
-      onClick: (Ns) => u(S)
+      onClick: (Es) => d(S)
     }, [e("img", {
       src: S.image,
       alt: S.alt,
-      style: L(C.value)
-    }, null, 12, zt), e("div", Nt, [e("div", jt, c(S.title), 1), _(w, null, {
-      default: d(() => [f(c(S.description), 1)]),
+      style: P(C.value)
+    }, null, 12, Nt), e("div", Et, [e("div", Gt, r(S.title), 1), _(I, null, {
+      default: u(() => [m(r(S.description), 1)]),
       _: 2
-    }, 1024)])], 8, Mt))), 128))], 4));
+    }, 1024)])], 8, zt))), 128))], 4));
   }
-}), ua = /* @__PURE__ */ p(Et, [["__scopeId", "data-v-28446bb3"]]), Gt = {
+}), ga = /* @__PURE__ */ p(Ot, [["__scopeId", "data-v-28446bb3"]]), Ut = {
   class: "Stats"
-}, Ot = {
+}, Wt = {
   key: 0,
   class: "stats-label"
-}, Ut = {
+}, Rt = {
   class: "stats-number"
-}, Wt = {
+}, Zt = {
   class: "stats-label"
-}, Rt = /* @__PURE__ */ g({
+}, Jt = /* @__PURE__ */ g({
   __name: "LandingPageStats",
   props: {
     title: {
@@ -950,20 +957,20 @@ const la = /* @__PURE__ */ p(It, [["render", St], ["__scopeId", "data-v-1f26d3ee
       }]
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", Gt, [(s(!0), i(m, null, v(t.stats, (a, u) => (s(), i("div", {
-      key: u,
+  setup(a) {
+    const t = a;
+    return (c, o) => (s(), i("div", Ut, [(s(!0), i(h, null, v(t.stats, (n, d) => (s(), i("div", {
+      key: d,
       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))]));
+    }, [n.title ? (s(), i("div", Wt, r(n.title), 1)) : T("", !0), e("div", Rt, r(n.number), 1), e("div", Zt, r(n.label), 1)]))), 128))]));
   }
-}), _a = /* @__PURE__ */ p(Rt, [["__scopeId", "data-v-7aa9af80"]]), Zt = {
+}), ma = /* @__PURE__ */ p(Jt, [["__scopeId", "data-v-f16f10aa"]]), Kt = {
   class: "stepNumber"
-}, Jt = {
+}, Qt = {
   class: "count"
-}, Kt = {
+}, Xt = {
   class: "stepTitle"
-}, Qt = /* @__PURE__ */ g({
+}, Yt = /* @__PURE__ */ g({
   __name: "LandingPageSteps",
   props: {
     columns: {
@@ -984,55 +991,55 @@ const la = /* @__PURE__ */ p(It, [["render", St], ["__scopeId", "data-v-1f26d3ee
       }]
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", {
+  setup(a) {
+    const t = a;
+    return (c, o) => (s(), i("div", {
       class: "Steps",
-      style: L({
+      style: P({
         gridTemplateColumns: `repeat(${t.columns}, 1fr)`
         // flexDirection: props.flexDirection,
       })
-    }, [(s(!0), i(m, null, v(t.steps, (a, u) => (s(), i("div", {
-      key: u,
+    }, [(s(!0), i(h, null, v(t.steps, (n, d) => (s(), i("div", {
+      key: d,
       class: "stepItem"
-    }, [e("div", Zt, [e("span", Jt, c(u + 1), 1)]), e("h3", Kt, c(a.title), 1), _(w, null, {
-      default: d(() => [f(c(a.description), 1)]),
+    }, [e("div", Kt, [e("span", Qt, r(d + 1), 1)]), e("h3", Xt, r(n.title), 1), _(I, null, {
+      default: u(() => [m(r(n.description), 1)]),
       _: 2
     }, 1024)]))), 128))], 4));
   }
-}), pa = /* @__PURE__ */ p(Qt, [["__scopeId", "data-v-1ecd9597"]]), Xt = {
+}), fa = /* @__PURE__ */ p(Yt, [["__scopeId", "data-v-4da30741"]]), es = {
   class: "Testimonial"
-}, Yt = {
+}, ts = {
   class: "user-info"
-}, es = {
+}, ss = {
   class: "user-avatar"
-}, ts = ["src", "alt"], ss = {
+}, as = ["src", "alt"], ns = {
   class: "user-name"
-}, as = {
+}, is = {
   class: "user-title"
-}, ns = /* @__PURE__ */ g({
+}, os = /* @__PURE__ */ g({
   __name: "LandingPageTestimonial",
   props: {
     testimonials: {
       default: () => []
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", Xt, [(s(!0), i(m, null, v(t.testimonials, (a, u) => (s(), x(M, {
-      key: u
+  setup(a) {
+    const t = a;
+    return (c, o) => (s(), i("div", es, [(s(!0), i(h, null, v(t.testimonials, (n, d) => (s(), L(H, {
+      key: d
     }, {
-      default: d(() => [e("div", null, [_(w, null, {
-        default: d(() => [f(c(`"${a.content}"`), 1)]),
+      default: u(() => [e("div", null, [_(I, null, {
+        default: u(() => [m(r(`"${n.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)])])]),
+      }, 1024)]), e("div", ts, [e("span", ss, [e("img", {
+        src: n.avatar,
+        alt: n.name
+      }, null, 8, as)]), e("div", null, [e("div", ns, r(n.name), 1), e("div", is, r(n.title), 1)])])]),
       _: 2
     }, 1024))), 128))]));
   }
-}), ga = /* @__PURE__ */ p(ns, [["__scopeId", "data-v-bc49d7bc"]]), is = ["href"], os = /* @__PURE__ */ g({
+}), ha = /* @__PURE__ */ p(os, [["__scopeId", "data-v-5aecfcb2"]]), cs = ["href"], rs = /* @__PURE__ */ g({
   __name: "LandingPageTips",
   props: {
     href: {
@@ -1044,118 +1051,118 @@ const la = /* @__PURE__ */ p(It, [["render", St], ["__scopeId", "data-v-1f26d3ee
       default: "✨ 免费吉卜力AI艺术！立即注册获得3次免费创作！☝️"
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("a", {
+  setup(a) {
+    const t = a;
+    return (c, o) => (s(), i("a", {
       href: t.href,
       class: "tips-link"
-    }, c(t.text), 9, is));
+    }, r(t.text), 9, cs));
   }
-}), fa = /* @__PURE__ */ p(os, [["__scopeId", "data-v-f5784dd1"]]), rs = {}, cs = {
+}), va = /* @__PURE__ */ p(rs, [["__scopeId", "data-v-5f9c6150"]]), ls = {}, ds = {
   class: "sidebar"
 };
-function ls(n, t) {
-  return s(), i("div", cs, [...t[0] || (t[0] = [j('<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)])]);
+function us(a, t) {
+  return s(), i("div", ds, [...t[0] || (t[0] = [z('<div data-v-ccf63d30><div class="sidebar-title" data-v-ccf63d30>On this page</div><a class="sidebar-link active" href="#page-title" data-v-ccf63d30>Introduction</a><a class="sidebar-link" href="#browse-by-feature" data-v-ccf63d30>Browse by feature</a><a class="sidebar-link" href="#implement-a-template" data-v-ccf63d30>Implement a template</a><a class="sidebar-link" href="#integrate-or-deploy-tiptap" data-v-ccf63d30>Integrate or deploy Tiptap</a><a class="sidebar-link" href="#manage-your-documents" data-v-ccf63d30>Manage your documents</a><a class="sidebar-link" href="#examples" data-v-ccf63d30>Examples</a><a class="sidebar-link" href="#guides" data-v-ccf63d30>Guides</a><a class="sidebar-link" href="#community" data-v-ccf63d30>Community</a></div>', 1)])]);
 }
-const ma = /* @__PURE__ */ p(rs, [["render", ls], ["__scopeId", "data-v-251905ff"]]), ds = {
+const ba = /* @__PURE__ */ p(ls, [["render", us], ["__scopeId", "data-v-ccf63d30"]]), _s = {
   class: "feature-card"
-}, us = {
+}, ps = {
   class: "feature-image"
-}, _s = ["src", "alt"], ps = {
+}, gs = ["src", "alt"], ms = {
   class: "feature-title"
-}, gs = {
-  class: "feature-description"
 }, fs = {
+  class: "feature-description"
+}, hs = {
   class: "feature-platforms"
-}, ms = /* @__PURE__ */ g({
+}, vs = /* @__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,
+  setup(a) {
+    return (t, c) => (s(), i("div", _s, [e("div", ps, [e("img", {
+      src: a.feature.image,
+      alt: a.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(m, null, v(n.feature.platforms, (o) => (s(), x(A(q), {
+    }, null, 8, gs)]), e("h3", ms, r(a.feature.title), 1), e("p", fs, r(a.feature.description), 1), e("div", hs, [(s(!0), i(h, null, v(a.feature.platforms, (o) => (s(), L(A(q), {
       key: o.name,
       icon: o.icon,
       class: "platform-icon"
     }, null, 8, ["icon"]))), 128))])]));
   }
-}), ha = /* @__PURE__ */ p(ms, [["__scopeId", "data-v-474acd19"]]), hs = {
+}), ya = /* @__PURE__ */ p(vs, [["__scopeId", "data-v-3925d029"]]), bs = {
   class: "feature-section-header"
-}, vs = {
+}, ys = {
   class: "feature-section-title"
-}, bs = ["innerHTML"], ys = /* @__PURE__ */ g({
+}, $s = ["innerHTML"], ks = /* @__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", {
+  setup(a) {
+    return (t, c) => (s(), i("div", bs, [e("h2", ys, r(a.title), 1), e("p", {
       class: "feature-section-description",
-      innerHTML: n.description
-    }, null, 8, bs)]));
+      innerHTML: a.description
+    }, null, 8, $s)]));
   }
-}), va = /* @__PURE__ */ p(ys, [["__scopeId", "data-v-8fe145ad"]]), $s = {}, ks = {
+}), $a = /* @__PURE__ */ p(ks, [["__scopeId", "data-v-ae275532"]]), Ps = {}, Ls = {
   class: "features-grid"
 };
-function Ps(n, t) {
-  return s(), i("div", ks, [h(n.$slots, "default", {}, void 0, !0)]);
+function xs(a, t) {
+  return s(), i("div", Ls, [f(a.$slots, "default", {}, void 0, !0)]);
 }
-const ba = /* @__PURE__ */ p($s, [["render", Ps], ["__scopeId", "data-v-392f636b"]]), Ls = {
+const ka = /* @__PURE__ */ p(Ps, [["render", xs], ["__scopeId", "data-v-392f636b"]]), ws = {
   class: "testimonials-container"
-}, xs = {
+}, Is = {
   class: "testimonial-header"
-}, Is = ["onClick"], ws = {
+}, Cs = ["onClick"], Ss = {
   class: "user-avatar"
-}, Cs = ["src", "alt"], Ss = {
+}, Ts = ["src", "alt"], As = {
   class: "user-info"
-}, Ts = {
+}, Bs = {
   class: "user-name"
-}, As = {
+}, qs = {
   class: "user-title"
-}, Bs = {
+}, Fs = {
   class: "testimonial-content"
-}, qs = /* @__PURE__ */ g({
+}, Vs = /* @__PURE__ */ g({
   __name: "LandingPageTestimonialCard",
   props: {
     testimonials: {}
   },
-  setup(n) {
-    function t(r) {
-      r.link && window.open(r.link, "_blank");
+  setup(a) {
+    function t(c) {
+      c.link && window.open(c.link, "_blank");
     }
-    return (r, o) => (s(), i("div", Ls, [(s(!0), i(m, null, v(n.testimonials, (a) => (s(), i("div", {
-      key: a.name,
+    return (c, o) => (s(), i("div", ws, [(s(!0), i(h, null, v(a.testimonials, (n) => (s(), i("div", {
+      key: n.name,
       class: "testimonial-card"
-    }, [e("div", xs, [e("div", {
-      class: P(["user-link", {
-        "no-link": !a.link
+    }, [e("div", Is, [e("div", {
+      class: k(["user-link", {
+        "no-link": !n.link
       }]),
-      onClick: (u) => t(a)
-    }, [e("div", ws, [e("img", {
-      src: a.avatar,
-      alt: a.name,
+      onClick: (d) => t(n)
+    }, [e("div", Ss, [e("img", {
+      src: n.avatar,
+      alt: n.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))]));
+    }, null, 8, Ts)]), e("div", As, [e("span", Bs, r(n.name), 1), e("span", qs, r(n.title), 1)])], 10, Cs)]), e("p", Fs, r(n.content), 1)]))), 128))]));
   }
-}), ya = /* @__PURE__ */ p(qs, [["__scopeId", "data-v-ac3a5410"]]), Fs = {
+}), Pa = /* @__PURE__ */ p(Vs, [["__scopeId", "data-v-fe586043"]]), Ds = {
   class: "tabs"
-}, Vs = {
+}, Hs = {
   class: "tabs-header"
-}, Ds = ["onClick"], Hs = {
+}, Ms = ["onClick"], js = {
   class: "tab-label"
-}, Ms = {
+}, zs = {
   class: "tabs-content"
-}, zs = /* @__PURE__ */ g({
+}, Ns = /* @__PURE__ */ g({
   __name: "LandingPageSectionTabs",
   props: {
     tabs: {},
@@ -1167,65 +1174,67 @@ const ba = /* @__PURE__ */ p($s, [["render", Ps], ["__scopeId", "data-v-392f636b
     }
   },
   emits: ["update:modelValue", "tabChange"],
-  setup(n, {
+  setup(a, {
     emit: t
   }) {
-    var $;
-    const r = n, o = t, a = k(r.modelValue || r.defaultActiveTab || (($ = r.tabs[0]) == null ? void 0 : $.id) || "");
-    function u(l) {
-      a.value = l, o("update:modelValue", l), o("tabChange", l);
+    const c = a, o = t, n = w(() => {
+      var l;
+      return c.modelValue || c.defaultActiveTab || ((l = c.tabs[0]) == null ? void 0 : l.id) || "";
+    }), d = $(n.value);
+    N(n, (l) => {
+      l && (d.value = l);
+    });
+    function x(l) {
+      d.value = l, o("update:modelValue", l), o("tabChange", l);
     }
-    return F(() => r.modelValue, (l) => {
-      l && (a.value = l);
-    }), F(() => r.defaultActiveTab, (l) => {
-      l && !r.modelValue && (a.value = l);
-    }), (l, C) => (s(), i("div", Fs, [e("div", Vs, [(s(!0), i(m, null, v(n.tabs, (b) => (s(), i("div", {
+    return (l, C) => (s(), i("div", Ds, [e("div", Hs, [(s(!0), i(h, null, v(a.tabs, (b) => (s(), i("div", {
       key: b.id,
-      class: P(["tab-item", {
-        active: a.value === b.id
+      class: k(["tab-item", {
+        active: d.value === b.id
       }]),
-      onClick: (z) => u(b.id)
-    }, [e("span", Hs, c(b.label), 1)], 10, Ds))), 128))]), e("div", Ms, [(s(!0), i(m, null, v(n.tabs, (b) => E((s(), i("div", {
+      onClick: (M) => x(b.id)
+    }, [e("span", js, r(b.label), 1)], 10, Ms))), 128))]), e("div", zs, [(s(!0), i(h, null, v(a.tabs, (b) => E((s(), i("div", {
       key: b.id,
       class: "tab-panel"
-    }, [h(l.$slots, b.id, {
+    }, [f(l.$slots, b.id, {
       tab: b
-    }, () => [h(l.$slots, "default", {
+    }, () => [f(l.$slots, "default", {
       tab: b
-    }, void 0, !0)], !0)])), [[G, a.value === b.id]])), 128))])]));
+    }, void 0, !0)], !0)])), [[G, d.value === b.id]])), 128))])]));
   }
-}), $a = /* @__PURE__ */ p(zs, [["__scopeId", "data-v-22e880ae"]]);
+}), La = /* @__PURE__ */ p(Ns, [["__scopeId", "data-v-0501b054"]]);
 export {
-  re as A,
+  ce as A,
   ke as B,
-  M as C,
-  ma as D,
-  Qs as L,
-  ut as T,
-  Xs as a,
+  H as C,
+  ba as D,
+  Ys as L,
+  la as P,
+  pt as T,
+  ea as a,
   de as b,
   pe as c,
-  Ys as d,
-  ea as e,
-  ha as f,
-  va as g,
-  ta as h,
-  sa as i,
-  ba as j,
-  aa as k,
-  na as l,
-  ia as m,
-  oa as n,
-  ra as o,
-  ca as p,
-  la as q,
-  $a as r,
-  da as s,
-  ua as t,
-  _a as u,
-  pa as v,
-  H as w,
-  ga as x,
-  ya as y,
-  fa as z
+  ta as d,
+  sa as e,
+  ya as f,
+  $a as g,
+  aa as h,
+  na as i,
+  ka as j,
+  ia as k,
+  oa as l,
+  ca as m,
+  ra as n,
+  da as o,
+  ua as p,
+  _a as q,
+  La as r,
+  pa as s,
+  ga as t,
+  ma as u,
+  fa as v,
+  D as w,
+  ha as x,
+  Pa as y,
+  va as z
 };