@huyooo/ui 1.0.4 → 1.0.5

package/dist/{LandingPageSectionTabs-DhKpOj5F.js → LandingPageSectionTabs-jRjkWlM-.js}

@@ -1,9 +1,9 @@
-import { openBlock as s, createElementBlock as i, renderSlot as h, defineComponent as g, createVNode as u, withCtx as _, Fragment as f, createTextVNode as m, ref as k, createElementVNode as e, renderList as v, toDisplayString as c, normalizeClass as P, normalizeStyle as x, createBlock as I, unref as C, computed as A, createCommentVNode as w, createStaticVNode as D, watch as M, withDirectives as j, vShow as z } from "vue";
+import { openBlock as s, createElementBlock as n, renderSlot as f, defineComponent as g, createVNode as u, withCtx as _, Fragment as m, createTextVNode as h, ref as x, createElementVNode as e, renderList as v, toDisplayString as c, normalizeClass as L, normalizeStyle as C, createBlock as I, unref as S, createCommentVNode as P, computed as A, createStaticVNode as M, watch as j, withDirectives as D, vShow as z } from "vue";
 import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { L as N } from "./LandingPageSectionHeader-CVAqc7bx.js";
-import { j as E, k as G, i as O, e as U, d as W, g as T, f as $, L as R, h as Z } from "./LandingPageLinkGroup-r-t3H1X0.js";
+import { L as E } from "./LandingPageSectionHeader-3hiuw6G0.js";
+import { j as N, k as G, i as O, e as U, d as W, g as T, f as k, L as R, h as Z } from "./LandingPageLinkGroup-BZJ48Yss.js";
 import { Icon as B } from "@iconify/vue";
-import { D as S } from "./LandingPageDescription-BczWZHKy.js";
+import { D as w } from "./LandingPageDescription-BczWZHKy.js";
 import { c as J } from "./index-D56hUMeD.js";
 /* empty css               */
 /* empty css               */
@@ -11,35 +11,35 @@ import { Tag as K } from "@arco-design/web-vue";
 const Q = {}, X = {
   class: "SubTitle"
 };
-function Y(n, t) {
-  return s(), i("div", X, [h(n.$slots, "default", {}, void 0, !0)]);
+function Y(i, t) {
+  return s(), n("div", X, [f(i.$slots, "default", {}, void 0, !0)]);
 }
 const V = /* @__PURE__ */ p(Q, [["render", Y], ["__scopeId", "data-v-961808f9"]]), ee = {}, te = {
   class: "Title"
 };
-function se(n, t) {
-  return s(), i("h2", te, [h(n.$slots, "default", {}, void 0, !0)]);
+function se(i, t) {
+  return s(), n("h2", te, [f(i.$slots, "default", {}, void 0, !0)]);
 }
 const ae = /* @__PURE__ */ p(ee, [["render", se], ["__scopeId", "data-v-3bd32caf"]]), ne = {
   class: "BlockHeader"
 }, ie = /* @__PURE__ */ g({
   __name: "LandingPageBlockHeader",
-  setup(n) {
-    return (t, r) => (s(), i("div", ne, [u(ae, {
+  setup(i) {
+    return (t, l) => (s(), n("div", ne, [u(ae, {
       class: "BlockHeaderTitle"
     }, {
-      default: _(() => [h(t.$slots, "title", {}, void 0, !0)]),
+      default: _(() => [f(t.$slots, "title", {}, void 0, !0)]),
       _: 3
     }), u(V, {
       class: "BlockHeaderSubTitle"
     }, {
-      default: _(() => [h(t.$slots, "subTitle", {}, void 0, !0)]),
+      default: _(() => [f(t.$slots, "subTitle", {}, void 0, !0)]),
       _: 3
     })]));
   }
 }), oe = /* @__PURE__ */ p(ie, [["__scopeId", "data-v-59ccd5cb"]]), ce = /* @__PURE__ */ g({
   __name: "LandingPageAbout",
-  setup(n) {
+  setup(i) {
     const t = [{
       data: {
         name: "Janette Lynch",
@@ -77,13 +77,13 @@ const ae = /* @__PURE__ */ p(ee, [["render", se], ["__scopeId", "data-v-3bd32caf
         }
       }
     }];
-    return (r, o) => (s(), i(f, null, [u(N, null, {
+    return (l, o) => (s(), n(m, null, [u(E, null, {
       BlockHeader: _(() => [u(oe, null, {
-        title: _(() => [...o[0] || (o[0] = [m("核心团队", -1)])]),
-        subTitle: _(() => [...o[1] || (o[1] = [m("我们是一个充满激情的小团队。", -1)])]),
+        title: _(() => [...o[0] || (o[0] = [h("核心团队", -1)])]),
+        subTitle: _(() => [...o[1] || (o[1] = [h("我们是一个充满激情的小团队。", -1)])]),
         _: 1
       })]),
-      BlockBody: _(() => [u(E, {
+      BlockBody: _(() => [u(N, {
         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(G, {
@@ -99,7 +99,7 @@ const ae = /* @__PURE__ */ p(ee, [["render", se], ["__scopeId", "data-v-3bd32caf
       features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
     })], 64));
   }
-}), Us = /* @__PURE__ */ p(ce, [["__scopeId", "data-v-a40e05a5"]]), re = {
+}), oa = /* @__PURE__ */ p(ce, [["__scopeId", "data-v-a40e05a5"]]), re = {
   class: "nav"
 }, le = {
   class: "section"
@@ -107,8 +107,8 @@ const ae = /* @__PURE__ */ p(ee, [["render", se], ["__scopeId", "data-v-3bd32caf
   class: "section"
 }, _e = ["href"], pe = /* @__PURE__ */ g({
   __name: "LandingPageAside",
-  setup(n) {
-    const t = k([{
+  setup(i) {
+    const t = x([{
       text: "Editor",
       href: "/docs/editor/getting-started/overview"
     }, {
@@ -123,7 +123,7 @@ const ae = /* @__PURE__ */ p(ee, [["render", se], ["__scopeId", "data-v-3bd32caf
     }, {
       text: "Documents",
       href: "/docs/collaboration/documents"
-    }]), r = k([{
+    }]), l = x([{
       text: "Guides",
       href: "/docs/guides"
     }, {
@@ -139,7 +139,7 @@ const ae = /* @__PURE__ */ p(ee, [["render", se], ["__scopeId", "data-v-3bd32caf
       text: "Pro license",
       href: "/docs/resources/pro-license"
     }]);
-    return (o, a) => (s(), i("nav", re, [a[2] || (a[2] = e("div", {
+    return (o, a) => (s(), n("nav", re, [a[2] || (a[2] = e("div", {
       class: "section"
     }, [e("div", {
       class: "section-title"
@@ -148,45 +148,45 @@ const ae = /* @__PURE__ */ p(ee, [["render", se], ["__scopeId", "data-v-3bd32caf
       href: "/docs"
     }, "Overview")])], -1)), e("div", le, [a[0] || (a[0] = e("div", {
       class: "section-title"
-    }, "Browse by feature", -1)), e("div", null, [(s(!0), i(f, null, v(t.value, (d) => (s(), i("a", {
-      key: d.text,
+    }, "Browse by feature", -1)), e("div", null, [(s(!0), n(m, null, v(t.value, (r) => (s(), n("a", {
+      key: r.text,
       class: "link",
-      href: d.href
-    }, c(d.text), 9, de))), 128))])]), e("div", ue, [a[1] || (a[1] = e("div", {
+      href: r.href
+    }, c(r.text), 9, de))), 128))])]), e("div", ue, [a[1] || (a[1] = e("div", {
       class: "section-title"
-    }, "Resources", -1)), e("div", null, [(s(!0), i(f, null, v(r.value, (d) => (s(), i("a", {
-      key: d.text,
+    }, "Resources", -1)), e("div", null, [(s(!0), n(m, null, v(l.value, (r) => (s(), n("a", {
+      key: r.text,
       class: "link",
-      href: d.href
-    }, c(d.text), 9, _e))), 128))])])]));
+      href: r.href
+    }, c(r.text), 9, _e))), 128))])])]));
   }
-}), Ws = /* @__PURE__ */ p(pe, [["__scopeId", "data-v-486b0852"]]), ge = /* @__PURE__ */ g({
+}), ca = /* @__PURE__ */ p(pe, [["__scopeId", "data-v-486b0852"]]), ge = /* @__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(i) {
+    return (t, l) => (s(), n("span", {
+      class: L(["heroButton", [i.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
+    }, [f(t.$slots, "default", {}, void 0, !0)], 2));
   }
-}), me = /* @__PURE__ */ p(ge, [["__scopeId", "data-v-6860a5a3"]]), he = {}, fe = {
+}), he = /* @__PURE__ */ p(ge, [["__scopeId", "data-v-7c4d264b"]]), me = {}, fe = {
   class: "Card"
 };
-function ve(n, t) {
-  return s(), i("div", fe, [h(n.$slots, "default", {}, void 0, !0)]);
+function ve(i, t) {
+  return s(), n("div", fe, [f(i.$slots, "default", {}, void 0, !0)]);
 }
-const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"]]), be = "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", $e = {
+const q = /* @__PURE__ */ p(me, [["render", ve], ["__scopeId", "data-v-102e7fdf"]]), be = "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", ye = {
   class: "cta-container"
-}, ye = ["src"], ke = {
+}, $e = ["src"], ke = {
   class: "cta-content"
 }, Pe = {
   class: "cta-title"
-}, Le = {
-  class: "cta-description"
 }, xe = {
+  class: "cta-description"
+}, Le = {
   class: "cta-actions"
-}, Ie = /* @__PURE__ */ g({
+}, Ce = /* @__PURE__ */ g({
   __name: "LandingPageCta",
   props: {
     title: {
@@ -202,23 +202,23 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
       default: "120%"
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", $e, [e("img", {
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", ye, [e("img", {
       src: t.backgroundUrl,
       class: "cta-background",
       alt: "background",
-      style: x({
+      style: C({
         width: t.backgroundSize,
         height: t.backgroundSize
       })
-    }, null, 12, ye), e("div", ke, [e("h1", Pe, c(t.title), 1), e("div", Le, c(t.description), 1), e("div", xe, [h(r.$slots, "actions", {}, void 0, !0)])])]));
+    }, null, 12, $e), e("div", ke, [e("h1", Pe, c(t.title), 1), e("div", xe, c(t.description), 1), e("div", Le, [f(l.$slots, "actions", {}, void 0, !0)])])]));
   }
-}), Rs = /* @__PURE__ */ p(Ie, [["__scopeId", "data-v-caeb8fed"]]), Se = {
+}), ra = /* @__PURE__ */ p(Ce, [["__scopeId", "data-v-caeb8fed"]]), Ie = {
   class: "Features"
 }, we = {
   class: "feature-title"
-}, Ce = /* @__PURE__ */ g({
+}, Se = /* @__PURE__ */ g({
   __name: "LandingPageFeatures",
   props: {
     features: {
@@ -255,28 +255,28 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
       default: "var(--landing-step-number-color)"
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", Se, [(s(!0), i(f, null, v(t.features, (a) => (s(), I(q, {
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", Ie, [(s(!0), n(m, null, v(t.features, (a) => (s(), I(q, {
       key: a.title
     }, {
       default: _(() => [e("div", {
         class: "icon-container",
-        style: x({
+        style: C({
           color: t.iconColor,
           border: `1px solid ${t.iconBorderColor}`
         })
-      }, [u(C(B), {
+      }, [u(S(B), {
         class: "icon",
         icon: a.icon
-      }, null, 8, ["icon"])], 4), e("h3", we, c(a.title), 1), u(S, null, {
-        default: _(() => [m(c(a.description), 1)]),
+      }, null, 8, ["icon"])], 4), e("h3", we, c(a.title), 1), u(w, null, {
+        default: _(() => [h(c(a.description), 1)]),
         _: 2
       }, 1024)]),
       _: 2
     }, 1024))), 128))]));
   }
-}), Zs = /* @__PURE__ */ p(Ce, [["__scopeId", "data-v-e9a40ee8"]]), Te = {
+}), la = /* @__PURE__ */ p(Se, [["__scopeId", "data-v-e9a40ee8"]]), Te = {
   class: "tt-feature-list"
 }, Ae = {
   class: "tt-feature-content"
@@ -292,10 +292,10 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
       required: !0
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", Te, [(s(!0), i(f, null, v(t.list, (a, d) => (s(), i("div", {
-      key: d,
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", Te, [(s(!0), n(m, null, v(t.list, (a, r) => (s(), n("div", {
+      key: r,
       class: "tt-feature-item centered"
     }, [o[1] || (o[1] = e("div", {
       class: "tt-feature-icon"
@@ -303,19 +303,19 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
       src: "https://cdn.prod.website-files.com/645a9acecda2e0594fac6126/66cda872417824f6aabdc2ad_check-highlight-badge.svg",
       loading: "lazy",
       class: "feature-media"
-    })], -1)), e("div", Ae, [e("h3", Be, c(a.title), 1), e("p", Fe, [m(c(a.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
+    })], -1)), e("div", Ae, [e("h3", Be, c(a.title), 1), e("p", Fe, [h(c(a.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
   }
-}), Js = /* @__PURE__ */ p(Ve, [["__scopeId", "data-v-5e0deecb"]]), qe = {
+}), da = /* @__PURE__ */ p(Ve, [["__scopeId", "data-v-5e0deecb"]]), qe = {
   class: "Footer"
 }, F = "support@huyooo.com", He = /* @__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");
+  setup(i) {
+    const t = x("京ICP备2024077422号"), l = x("Copyright © 2024-2025 北京忽柚科技有限公司"), o = x("https://beian.miit.gov.cn/#/Integrated/index");
     function a() {
       const b = J(F, "", "");
       window.location.href = b;
     }
-    const d = k([{
+    const r = x([{
       type: "text",
       icon: "ic:baseline-email",
       content: F,
@@ -327,7 +327,7 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
       select() {
       }
     }]);
-    return (L, l) => (s(), i("div", qe, [u(U, null, {
+    return (y, d) => (s(), n("div", qe, [u(U, null, {
       LandingPageBrandInfo: _(() => [u(R, {
         icon: "https://ghibliaigenerator.app/logo.png",
         name: "ONES",
@@ -336,77 +336,82 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
       LandingPageLinkGroup: _(() => [u(T, {
         title: "产品"
       }, {
-        item: _(() => [u($, null, {
-          default: _(() => [...l[0] || (l[0] = [m("功能", -1)])]),
+        item: _(() => [u(k, null, {
+          default: _(() => [...d[0] || (d[0] = [h("功能", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[1] || (l[1] = [m("展示", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[1] || (d[1] = [h("展示", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[2] || (l[2] = [m("价格", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[2] || (d[2] = [h("价格", -1)])]),
           _: 1
         })]),
         _: 1
       }), u(T, {
         title: "资源"
       }, {
-        item: _(() => [u($, null, {
-          default: _(() => [...l[3] || (l[3] = [m("安全性与合规性", -1)])]),
+        item: _(() => [u(k, null, {
+          default: _(() => [...d[3] || (d[3] = [h("安全性与合规性", -1)])]),
           _: 1
         })]),
         _: 1
       }), u(T, {
         title: "公司"
       }, {
-        item: _(() => [u($, null, {
-          default: _(() => [...l[4] || (l[4] = [m("博客", -1)])]),
+        item: _(() => [u(k, null, {
+          default: _(() => [...d[4] || (d[4] = [h("博客", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[5] || (l[5] = [m("公司简介", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[5] || (d[5] = [h("公司简介", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[6] || (l[6] = [m("个人信息收集清单", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[6] || (d[6] = [h("个人信息收集清单", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[7] || (l[7] = [m("第三方信息共享清单", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[7] || (d[7] = [h("第三方信息共享清单", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[8] || (l[8] = [m("用户服务协议", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[8] || (d[8] = [h("用户服务协议", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[9] || (l[9] = [m("隐私协议", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[9] || (d[9] = [h("隐私协议", -1)])]),
           _: 1
         })]),
         _: 1
       })]),
       LandingPageFooterContact: _(() => [u(W, {
         "beian-number": t.value,
-        "copyright-text": r.value,
+        "copyright-text": l.value,
         "beian-url": o.value,
-        links: d.value
+        links: r.value
       }, null, 8, ["beian-number", "copyright-text", "beian-url", "links"])]),
       _: 1
     })]));
   }
-}), Ks = /* @__PURE__ */ p(He, [["__scopeId", "data-v-e2021589"]]), De = {
+}), ua = /* @__PURE__ */ p(He, [["__scopeId", "data-v-e2021589"]]), Me = {
   class: "hero"
-}, Me = {
-  class: "heroContent"
 }, je = {
+  class: "heroContent"
+}, De = {
   class: "heroHeading"
 }, ze = {
   class: "heroTitle"
-}, Ne = {
-  class: "heroDescription"
 }, Ee = {
+  class: "heroDescription"
+}, Ne = {
   class: "heroActions"
 }, Ge = {
+  key: 0,
+  class: "heroInstall"
+}, Oe = {
+  class: "heroInstall__code"
+}, Ue = {
   key: 0,
   class: "heroImage"
-}, Oe = ["src", "alt"], Ue = {
+}, We = ["src", "alt"], Re = {
   key: 1,
   class: "heroImage"
-}, We = /* @__PURE__ */ g({
+}, Ze = /* @__PURE__ */ g({
   __name: "LandingPageHero",
   props: {
     title: {
@@ -424,20 +429,42 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
     imageAlt: {
       type: String,
       default: () => "Hero Image"
+    },
+    installCommand: {
+      type: String,
+      default: () => ""
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("main", De, [e("div", Me, [e("div", je, [e("h1", ze, [h(r.$slots, "title", {}, () => [m(c(t.title), 1)], !0)])]), e("div", Ne, [e("div", null, c(t.description), 1)]), e("div", Ee, [h(r.$slots, "actions", {}, void 0, !0)])]), t.heroSource ? (s(), i("div", Ge, [e("img", {
+  setup(i) {
+    const t = i, l = x(!1);
+    let o;
+    async function a() {
+      if (t.installCommand) {
+        try {
+          await navigator.clipboard.writeText(t.installCommand);
+        } catch {
+          const r = document.createElement("textarea");
+          r.value = t.installCommand, r.setAttribute("readonly", ""), r.style.position = "fixed", r.style.opacity = "0", document.body.appendChild(r), r.select(), document.execCommand("copy"), document.body.removeChild(r);
+        }
+        l.value = !0, o && clearTimeout(o), o = setTimeout(() => {
+          l.value = !1;
+        }, 1500);
+      }
+    }
+    return (r, y) => (s(), n("main", Me, [e("div", je, [e("div", De, [e("h1", ze, [f(r.$slots, "title", {}, () => [h(c(t.title), 1)], !0)])]), e("div", Ee, [e("div", null, c(t.description), 1)]), e("div", Ne, [f(r.$slots, "actions", {}, void 0, !0)]), t.installCommand ? (s(), n("div", Ge, [e("code", Oe, c(t.installCommand), 1), e("button", {
+      class: "heroInstall__copy",
+      type: "button",
+      onClick: a
+    }, c(l.value ? "已复制" : "复制"), 1)])) : P("", !0)]), t.heroSource ? (s(), n("div", Ue, [e("img", {
       src: t.heroSource,
       alt: t.imageAlt || "Hero Image",
       loading: "eager",
       class: "hero-image"
-    }, null, 8, Oe)])) : (s(), i("div", Ue, [h(r.$slots, "heroSource", {}, void 0, !0)]))]));
+    }, null, 8, We)])) : (s(), n("div", Re, [f(r.$slots, "heroSource", {}, void 0, !0)]))]));
   }
-}), Qs = /* @__PURE__ */ p(We, [["__scopeId", "data-v-5c695f10"]]), Re = {
+}), _a = /* @__PURE__ */ p(Ze, [["__scopeId", "data-v-9070fb47"]]), Je = {
   class: "logos-list"
-}, Ze = /* @__PURE__ */ g({
+}, Ke = /* @__PURE__ */ g({
   __name: "LandingPageLogos",
   props: {
     title: {
@@ -462,15 +489,15 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
       }]
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", Re, [(s(!0), i(f, null, v(t.logos, (a, d) => (s(), I(C(B), {
-      key: d,
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", Je, [(s(!0), n(m, null, v(t.logos, (a, r) => (s(), I(S(B), {
+      key: r,
       icon: a.name,
       class: "logo-icon"
     }, null, 8, ["icon"]))), 128))]));
   }
-}), Xs = /* @__PURE__ */ p(Ze, [["__scopeId", "data-v-1eb19277"]]), Je = /* @__PURE__ */ g({
+}), pa = /* @__PURE__ */ p(Ke, [["__scopeId", "data-v-1eb19277"]]), Qe = /* @__PURE__ */ g({
   __name: "LandingPagePageContent",
   props: {
     maxWidth: {
@@ -490,8 +517,8 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
       default: "column"
     }
   },
-  setup(n) {
-    const t = n, r = A(() => ({
+  setup(i) {
+    const t = i, l = A(() => ({
       maxWidth: t.maxWidth,
       margin: t.center ? "0 auto" : void 0,
       width: "100%",
@@ -500,36 +527,36 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
       flexDirection: t.flexDirection ?? "column",
       gap: t.gap
     }));
-    return (o, a) => (s(), i("div", {
+    return (o, a) => (s(), n("div", {
       class: "PageContent",
-      style: x(r.value)
-    }, [h(o.$slots, "default", {}, void 0, !0)], 4));
+      style: C(l.value)
+    }, [f(o.$slots, "default", {}, void 0, !0)], 4));
   }
-}), Ys = /* @__PURE__ */ p(Je, [["__scopeId", "data-v-00ec8180"]]), Ke = {
+}), ga = /* @__PURE__ */ p(Qe, [["__scopeId", "data-v-00ec8180"]]), Xe = {
   class: "page-content"
-}, Qe = /* @__PURE__ */ g({
+}, Ye = /* @__PURE__ */ g({
   __name: "PageContent",
-  setup(n) {
-    return (t, r) => (s(), i("div", Ke, [h(t.$slots, "default", {}, void 0, !0), h(t.$slots, "footer", {}, void 0, !0)]));
+  setup(i) {
+    return (t, l) => (s(), n("div", Xe, [f(t.$slots, "default", {}, void 0, !0), f(t.$slots, "footer", {}, void 0, !0)]));
   }
-}), ea = /* @__PURE__ */ p(Qe, [["__scopeId", "data-v-b01d54bb"]]), Xe = {
+}), ha = /* @__PURE__ */ p(Ye, [["__scopeId", "data-v-b01d54bb"]]), et = {
   class: "Tabs"
-}, Ye = {
+}, tt = {
   class: "tabs-root"
-}, et = {
+}, st = {
   role: "radiogroup",
   "aria-required": "false",
   dir: "ltr",
   class: "tabs-group",
   tabindex: "0"
-}, tt = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], st = {
+}, at = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], nt = {
   key: 0,
   "data-state": "checked",
   class: "tabs-radio-icon"
-}, at = ["for"], nt = {
+}, it = ["for"], ot = {
   key: 0,
   class: "tabs-badge"
-}, it = /* @__PURE__ */ g({
+}, ct = /* @__PURE__ */ g({
   __name: "LandingPageTabs",
   props: {
     tabs: {
@@ -542,35 +569,35 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
     }
   },
   emits: ["update:modelValue"],
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", Xe, [e("div", Ye, [e("div", et, [(s(!0), i(f, null, v(t.tabs, (a) => (s(), i("div", {
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", et, [e("div", tt, [e("div", st, [(s(!0), n(m, null, v(t.tabs, (a) => (s(), n("div", {
       key: a.value,
-      class: P(["tabs-item", {
-        "tabs-item-active": a.value === n.modelValue
+      class: L(["tabs-item", {
+        "tabs-item-active": a.value === i.modelValue
       }])
     }, [e("button", {
       id: a.value,
       type: "button",
       role: "radio",
-      "aria-checked": a.value === n.modelValue,
-      "data-state": a.value === n.modelValue ? "checked" : "unchecked",
+      "aria-checked": a.value === i.modelValue,
+      "data-state": a.value === i.modelValue ? "checked" : "unchecked",
       value: a.value,
       class: "tabs-radio",
-      tabindex: a.value === n.modelValue ? 0 : -1,
-      onClick: (d) => r.$emit("update:modelValue", a.value)
-    }, [a.value === n.modelValue ? (s(), i("span", st)) : w("", !0)], 8, tt), e("label", {
+      tabindex: a.value === i.modelValue ? 0 : -1,
+      onClick: (r) => l.$emit("update:modelValue", a.value)
+    }, [a.value === i.modelValue ? (s(), n("span", nt)) : P("", !0)], 8, at), e("label", {
       class: "tabs-label",
       for: a.value
-    }, [e("span", null, c(a.label), 1), a.badge ? (s(), i("div", nt, c(a.badge), 1)) : w("", !0)], 8, at)], 2))), 128))])])]));
+    }, [e("span", null, c(a.label), 1), a.badge ? (s(), n("div", ot, c(a.badge), 1)) : P("", !0)], 8, it)], 2))), 128))])])]));
   }
-}), ot = /* @__PURE__ */ p(it, [["__scopeId", "data-v-eae49087"]]), ct = {
+}), rt = /* @__PURE__ */ p(ct, [["__scopeId", "data-v-eae49087"]]), lt = {
   class: "PriceGroup"
-}, rt = /* @__PURE__ */ g({
+}, dt = /* @__PURE__ */ g({
   __name: "LandingPagePriceGroup",
-  setup(n) {
-    const t = k("subscribe-monthly");
-    return (r, o) => (s(), i("div", ct, [u(ot, {
+  setup(i) {
+    const t = x("subscribe-monthly");
+    return (l, o) => (s(), n("div", lt, [u(rt, {
       modelValue: t.value,
       "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
       tabs: [{
@@ -584,35 +611,35 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
         value: "pay-as-you-go",
         label: "按需付费"
       }]
-    }, null, 8, ["modelValue"]), h(r.$slots, "default", {}, void 0, !0)]));
+    }, null, 8, ["modelValue"]), f(l.$slots, "default", {}, void 0, !0)]));
   }
-}), ta = /* @__PURE__ */ p(rt, [["__scopeId", "data-v-43a35f55"]]), lt = {
+}), ma = /* @__PURE__ */ p(dt, [["__scopeId", "data-v-43a35f55"]]), ut = {
   class: "PricingCard"
-}, dt = {
+}, _t = {
   class: "title"
-}, ut = {
+}, pt = {
   class: "titleText"
-}, _t = {
+}, gt = {
   class: "description"
-}, pt = {
+}, ht = {
   class: "priceAndDiscount"
-}, gt = {
-  class: "price"
 }, mt = {
+  class: "price"
+}, ft = {
   class: "discount"
-}, ht = {
+}, vt = {
   style: {
     position: "relative",
     top: "3px"
   }
-}, ft = {
+}, bt = {
   key: 1,
   class: "priceNotDiscount"
-}, vt = {
+}, yt = {
   class: "cycle"
-}, bt = {
+}, $t = {
   class: "features"
-}, $t = /* @__PURE__ */ g({
+}, kt = /* @__PURE__ */ g({
   __name: "LandingPagePricingCard",
   props: {
     loading: {
@@ -671,56 +698,127 @@ const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"
     }
   },
   emits: ["toPay"],
-  setup(n, {
+  setup(i, {
     emit: t
   }) {
-    const r = t, o = n;
+    const l = t, o = i;
     function a() {
-      r("toPay");
+      l("toPay");
     }
-    return (d, L) => (s(), i("div", lt, [e("div", null, [e("div", dt, [e("span", ut, c(o.title), 1), o.badge.label ? (s(), I(C(K), {
+    return (r, y) => (s(), n("div", ut, [e("div", null, [e("div", _t, [e("span", pt, c(o.title), 1), o.badge.label ? (s(), I(S(K), {
       key: 0,
       color: "arcoblue"
     }, {
-      default: _(() => [m(c(o.badge.label), 1)]),
+      default: _(() => [h(c(o.badge.label), 1)]),
       _: 1
-    })) : w("", !0)]), e("div", _t, c(o.description), 1)]), e("div", pt, [o.discount !== null ? (s(), i(f, {
+    })) : P("", !0)]), e("div", gt, c(o.description), 1)]), e("div", ht, [o.discount !== null ? (s(), n(m, {
       key: 0
-    }, [e("span", gt, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)]), e("span", mt, [e("span", ht, c(o.discount), 1), e("span", null, c(o.unit), 1)])], 64)) : (s(), i("span", ft, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)])), e("span", vt, c(o.cycle), 1)]), e("div", bt, [(s(!0), i(f, null, v(o.features, (l, y) => (s(), I(Z, {
-      key: y,
-      description: l.title
-    }, null, 8, ["description"]))), 128))]), u(me, {
+    }, [e("span", mt, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)]), e("span", ft, [e("span", vt, c(o.discount), 1), e("span", null, c(o.unit), 1)])], 64)) : (s(), n("span", bt, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)])), e("span", yt, c(o.cycle), 1)]), e("div", $t, [(s(!0), n(m, null, v(o.features, (d, $) => (s(), I(Z, {
+      key: $,
+      description: d.title
+    }, null, 8, ["description"]))), 128))]), u(he, {
       class: "handle",
       type: "primary",
       loading: o.loading,
       disabled: !(o.discount || o.price),
       onClick: a
     }, {
-      default: _(() => [m(c(o.button.label), 1)]),
+      default: _(() => [h(c(o.button.label), 1)]),
       _: 1
     }, 8, ["loading", "disabled"])]));
   }
-}), sa = /* @__PURE__ */ p($t, [["__scopeId", "data-v-4a99638e"]]), yt = {}, kt = {
+}), fa = /* @__PURE__ */ p(kt, [["__scopeId", "data-v-4a99638e"]]), Pt = {}, xt = {
   class: "PricingGrid"
-}, Pt = {
+}, Lt = {
   class: "content"
 };
-function Lt(n, t) {
-  return s(), i("div", kt, [e("div", Pt, [h(n.$slots, "default", {}, void 0, !0)])]);
+function Ct(i, t) {
+  return s(), n("div", xt, [e("div", Lt, [f(i.$slots, "default", {}, void 0, !0)])]);
 }
-const aa = /* @__PURE__ */ p(yt, [["render", Lt], ["__scopeId", "data-v-1f26d3ee"]]), xt = {
+const va = /* @__PURE__ */ p(Pt, [["render", Ct], ["__scopeId", "data-v-1f26d3ee"]]), It = {
+  class: "feature-panels-section"
+}, wt = {
+  key: 0,
+  class: "feature-panels-section__header"
+}, St = {
+  key: 0,
+  class: "feature-panels-section__title"
+}, Tt = {
+  key: 1,
+  class: "feature-panels-section__subtitle"
+}, At = {
+  class: "feature-panel__body"
+}, Bt = {
+  class: "feature-panel__intro"
+}, Ft = {
+  class: "feature-panel__title"
+}, Vt = {
+  class: "feature-panel__description"
+}, qt = {
+  key: 0,
+  class: "feature-panel__list"
+}, Ht = {
+  key: 0,
+  class: "feature-panel__command"
+}, Mt = /* @__PURE__ */ g({
+  __name: "LandingPageFeaturePanels",
+  props: {
+    title: {
+      default: ""
+    },
+    subTitle: {
+      default: ""
+    },
+    panels: {
+      default: () => []
+    },
+    columns: {
+      default: 3
+    }
+  },
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("section", It, [t.title || t.subTitle ? (s(), n("header", wt, [t.title ? (s(), n("h2", St, c(t.title), 1)) : P("", !0), t.subTitle ? (s(), n("p", Tt, c(t.subTitle), 1)) : P("", !0)])) : P("", !0), e("div", {
+      class: "feature-panels",
+      style: C({
+        "--feature-panel-columns": String(t.columns)
+      })
+    }, [(s(!0), n(m, null, v(t.panels, (a, r) => {
+      var y;
+      return s(), n("article", {
+        key: `${a.title}-${r}`,
+        class: "feature-panel"
+      }, [e("div", At, [e("div", Bt, [e("h3", Ft, c(a.title), 1), e("p", Vt, c(a.description), 1)]), (y = a.highlights) != null && y.length ? (s(), n("ul", qt, [(s(!0), n(m, null, v(a.highlights, (d, $) => (s(), n("li", {
+        key: $
+      }, [o[0] || (o[0] = e("svg", {
+        viewBox: "0 0 16 16",
+        fill: "none",
+        "aria-hidden": "true"
+      }, [e("path", {
+        d: "M3.5 8.25 6.25 11 12.5 4.75",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      })], -1)), e("span", null, c(d), 1)]))), 128))])) : P("", !0)]), a.command ? (s(), n("div", Ht, [e("code", null, c(a.command), 1)])) : P("", !0)]);
+    }), 128))], 4)]));
+  }
+}), ba = /* @__PURE__ */ p(Mt, [["__scopeId", "data-v-6042aced"]]), jt = {
   class: "sections-container"
-}, It = ["src", "alt"], St = {
+}, Dt = ["src", "alt"], zt = {
   class: "header"
-}, wt = {
+}, Et = {
   class: "title"
-}, Ct = {
+}, Nt = {
   class: "features-list"
-}, Tt = {
-  class: "content"
-}, At = {
+}, Gt = {
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, Ot = ["d"], Ut = {
+  class: "feature-copy"
+}, Wt = {
   class: "feature-title"
-}, Bt = /* @__PURE__ */ g({
+}, Rt = /* @__PURE__ */ g({
   __name: "LandingPageSections",
   props: {
     title: {
@@ -758,46 +856,56 @@ const aa = /* @__PURE__ */ p(yt, [["render", Lt], ["__scopeId", "data-v-1f26d3ee
       default: !1
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("section", xt, [e("div", {
-      class: P(["content-wrapper", {
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("section", jt, [e("div", {
+      class: L(["content-wrapper", {
         reverse: t.reverse
       }])
     }, [e("div", {
-      class: P(["image-container", {
+      class: L(["image-container", {
         "order-2": t.reverse,
         "order-1": !t.reverse
       }])
     }, [e("img", {
       src: t.imageUrl,
       alt: t.imageAlt,
-      class: "image"
-    }, null, 8, It)], 2), e("div", {
-      class: P(["text-container", {
+      class: "image",
+      loading: "lazy"
+    }, null, 8, Dt)], 2), e("div", {
+      class: L(["text-container", {
         "order-1": t.reverse,
         "order-2": !t.reverse
       }])
-    }, [e("div", St, [e("div", wt, c(t.title), 1), u(V, null, {
-      default: _(() => [m(c(t.subTitle), 1)]),
+    }, [e("header", zt, [e("h2", Et, c(t.title), 1), u(V, {
+      class: "subtitle"
+    }, {
+      default: _(() => [h(c(t.subTitle), 1)]),
       _: 1
-    })]), e("div", Ct, [(s(!0), i(f, null, v(t.features, (a, d) => (s(), i("div", {
-      key: d,
+    })]), e("ul", Nt, [(s(!0), n(m, null, v(t.features, (a, r) => (s(), n("li", {
+      key: r,
       class: "feature-item"
-    }, [e("div", {
-      class: P(["icon-container", [`icon-${a.color}`]])
-    }, [...o[0] || (o[0] = [e("div", {
-      class: "dot"
-    }, null, -1)])], 2), e("div", Tt, [e("div", At, c(a.title), 1), u(S, null, {
-      default: _(() => [m(c(a.description), 1)]),
+    }, [e("span", {
+      class: L(["feature-icon", `feature-icon--${a.color}`]),
+      "aria-hidden": "true"
+    }, [(s(), n("svg", Gt, [e("path", {
+      d: a.iconPath,
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, 8, Ot)]))], 2), e("div", Ut, [e("h3", Wt, c(a.title), 1), u(w, {
+      class: "feature-description"
+    }, {
+      default: _(() => [h(c(a.description), 1)]),
       _: 2
     }, 1024)])]))), 128))])], 2)], 2)]));
   }
-}), na = /* @__PURE__ */ p(Bt, [["__scopeId", "data-v-ccadd722"]]), Ft = ["onClick"], Vt = ["src", "alt"], qt = {
+}), ya = /* @__PURE__ */ p(Rt, [["__scopeId", "data-v-a5edd8ef"]]), Zt = ["onClick"], Jt = ["src", "alt"], Kt = {
   class: "card-content"
-}, Ht = {
+}, Qt = {
   class: "card-title"
-}, Dt = /* @__PURE__ */ g({
+}, Xt = /* @__PURE__ */ g({
   __name: "LandingPageShowcase",
   props: {
     items: {},
@@ -816,45 +924,45 @@ const aa = /* @__PURE__ */ p(yt, [["render", Lt], ["__scopeId", "data-v-1f26d3ee
     }
   },
   emits: ["cardClick"],
-  setup(n, {
+  setup(i, {
     emit: t
   }) {
-    const r = n, o = t;
-    function a(L) {
-      o("cardClick", L);
+    const l = i, o = t;
+    function a(y) {
+      o("cardClick", y);
     }
-    const d = A(() => ({
-      height: `${r.cardHeight}px`,
-      objectFit: r.objectFit
+    const r = A(() => ({
+      height: `${l.cardHeight}px`,
+      objectFit: l.objectFit
     }));
-    return (L, l) => (s(), i("div", {
+    return (y, d) => (s(), n("div", {
       class: "Showcase",
-      style: x({
-        "--showcase-columns": r.columns
+      style: C({
+        "--showcase-columns": l.columns
       })
-    }, [(s(!0), i(f, null, v(r.items, (y, b) => (s(), i("div", {
+    }, [(s(!0), n(m, null, v(l.items, ($, b) => (s(), n("div", {
       key: b,
       class: "showcase-card",
-      onClick: (H) => a(y)
+      onClick: (H) => a($)
     }, [e("img", {
-      src: y.image,
-      alt: y.alt,
-      style: x(d.value)
-    }, null, 12, Vt), e("div", qt, [e("div", Ht, c(y.title), 1), u(S, null, {
-      default: _(() => [m(c(y.description), 1)]),
+      src: $.image,
+      alt: $.alt,
+      style: C(r.value)
+    }, null, 12, Jt), e("div", Kt, [e("div", Qt, c($.title), 1), u(w, null, {
+      default: _(() => [h(c($.description), 1)]),
       _: 2
-    }, 1024)])], 8, Ft))), 128))], 4));
+    }, 1024)])], 8, Zt))), 128))], 4));
   }
-}), ia = /* @__PURE__ */ p(Dt, [["__scopeId", "data-v-20487899"]]), Mt = {
+}), $a = /* @__PURE__ */ p(Xt, [["__scopeId", "data-v-20487899"]]), Yt = {
   class: "Stats"
-}, jt = {
+}, es = {
   key: 0,
   class: "stats-label"
-}, zt = {
+}, ts = {
   class: "stats-number"
-}, Nt = {
+}, ss = {
   class: "stats-label"
-}, Et = /* @__PURE__ */ g({
+}, as = /* @__PURE__ */ g({
   __name: "LandingPageStats",
   props: {
     title: {
@@ -879,20 +987,20 @@ const aa = /* @__PURE__ */ p(yt, [["render", Lt], ["__scopeId", "data-v-1f26d3ee
       }]
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", Mt, [(s(!0), i(f, null, v(t.stats, (a, d) => (s(), i("div", {
-      key: d,
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", Yt, [(s(!0), n(m, null, v(t.stats, (a, r) => (s(), n("div", {
+      key: r,
       class: "stats-item"
-    }, [a.title ? (s(), i("div", jt, c(a.title), 1)) : w("", !0), e("div", zt, c(a.number), 1), e("div", Nt, c(a.label), 1)]))), 128))]));
+    }, [a.title ? (s(), n("div", es, c(a.title), 1)) : P("", !0), e("div", ts, c(a.number), 1), e("div", ss, c(a.label), 1)]))), 128))]));
   }
-}), oa = /* @__PURE__ */ p(Et, [["__scopeId", "data-v-f16f10aa"]]), Gt = {
+}), ka = /* @__PURE__ */ p(as, [["__scopeId", "data-v-f16f10aa"]]), ns = {
   class: "stepNumber"
-}, Ot = {
+}, is = {
   class: "count"
-}, Ut = {
+}, os = {
   class: "stepTitle"
-}, Wt = /* @__PURE__ */ g({
+}, cs = /* @__PURE__ */ g({
   __name: "LandingPageSteps",
   props: {
     columns: {
@@ -913,54 +1021,54 @@ const aa = /* @__PURE__ */ p(yt, [["render", Lt], ["__scopeId", "data-v-1f26d3ee
       }]
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", {
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", {
       class: "Steps",
-      style: x({
+      style: C({
         "--step-columns": t.columns
       })
-    }, [(s(!0), i(f, null, v(t.steps, (a, d) => (s(), i("div", {
-      key: d,
+    }, [(s(!0), n(m, null, v(t.steps, (a, r) => (s(), n("div", {
+      key: r,
       class: "stepItem"
-    }, [e("div", Gt, [e("span", Ot, c(d + 1), 1)]), e("h3", Ut, c(a.title), 1), u(S, null, {
-      default: _(() => [m(c(a.description), 1)]),
+    }, [e("div", ns, [e("span", is, c(r + 1), 1)]), e("h3", os, c(a.title), 1), u(w, null, {
+      default: _(() => [h(c(a.description), 1)]),
       _: 2
     }, 1024)]))), 128))], 4));
   }
-}), ca = /* @__PURE__ */ p(Wt, [["__scopeId", "data-v-45d806db"]]), Rt = {
+}), Pa = /* @__PURE__ */ p(cs, [["__scopeId", "data-v-45d806db"]]), rs = {
   class: "Testimonial"
-}, Zt = {
+}, ls = {
   class: "user-info"
-}, Jt = {
+}, ds = {
   class: "user-avatar"
-}, Kt = ["src", "alt"], Qt = {
+}, us = ["src", "alt"], _s = {
   class: "user-name"
-}, Xt = {
+}, ps = {
   class: "user-title"
-}, Yt = /* @__PURE__ */ g({
+}, gs = /* @__PURE__ */ g({
   __name: "LandingPageTestimonial",
   props: {
     testimonials: {
       default: () => []
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("div", Rt, [(s(!0), i(f, null, v(t.testimonials, (a, d) => (s(), I(q, {
-      key: d
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", rs, [(s(!0), n(m, null, v(t.testimonials, (a, r) => (s(), I(q, {
+      key: r
     }, {
-      default: _(() => [e("div", null, [u(S, null, {
-        default: _(() => [m(c(`"${a.content}"`), 1)]),
+      default: _(() => [e("div", null, [u(w, null, {
+        default: _(() => [h(c(`"${a.content}"`), 1)]),
         _: 2
-      }, 1024)]), e("div", Zt, [e("span", Jt, [e("img", {
+      }, 1024)]), e("div", ls, [e("span", ds, [e("img", {
         src: a.avatar,
         alt: a.name
-      }, null, 8, Kt)]), e("div", null, [e("div", Qt, c(a.name), 1), e("div", Xt, c(a.title), 1)])])]),
+      }, null, 8, us)]), e("div", null, [e("div", _s, c(a.name), 1), e("div", ps, c(a.title), 1)])])]),
       _: 2
     }, 1024))), 128))]));
   }
-}), ra = /* @__PURE__ */ p(Yt, [["__scopeId", "data-v-5aecfcb2"]]), es = ["href"], ts = /* @__PURE__ */ g({
+}), xa = /* @__PURE__ */ p(gs, [["__scopeId", "data-v-5aecfcb2"]]), hs = ["href"], ms = /* @__PURE__ */ g({
   __name: "LandingPageTips",
   props: {
     href: {
@@ -972,100 +1080,100 @@ const aa = /* @__PURE__ */ p(yt, [["render", Lt], ["__scopeId", "data-v-1f26d3ee
       default: "✨ 免费吉卜力AI艺术！立即注册获得3次免费创作！☝️"
     }
   },
-  setup(n) {
-    const t = n;
-    return (r, o) => (s(), i("a", {
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("a", {
       href: t.href,
       class: "tips-link"
-    }, c(t.text), 9, es));
+    }, c(t.text), 9, hs));
   }
-}), la = /* @__PURE__ */ p(ts, [["__scopeId", "data-v-5f9c6150"]]), ss = {}, as = {
+}), La = /* @__PURE__ */ p(ms, [["__scopeId", "data-v-5f9c6150"]]), fs = {}, vs = {
   class: "sidebar"
 };
-function ns(n, t) {
-  return s(), i("div", as, [...t[0] || (t[0] = [D('<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)])]);
+function bs(i, t) {
+  return s(), n("div", vs, [...t[0] || (t[0] = [M('<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 da = /* @__PURE__ */ p(ss, [["render", ns], ["__scopeId", "data-v-ccf63d30"]]), is = {
+const Ca = /* @__PURE__ */ p(fs, [["render", bs], ["__scopeId", "data-v-ccf63d30"]]), ys = {
   class: "feature-card"
-}, os = {
+}, $s = {
   class: "feature-image"
-}, cs = ["src", "alt"], rs = {
+}, ks = ["src", "alt"], Ps = {
   class: "feature-title"
-}, ls = {
+}, xs = {
   class: "feature-description"
-}, ds = {
+}, Ls = {
   class: "feature-platforms"
-}, us = /* @__PURE__ */ g({
+}, Cs = /* @__PURE__ */ g({
   __name: "LandingPageFeatureCard",
   props: {
     feature: {}
   },
-  setup(n) {
-    return (t, r) => (s(), i("div", is, [e("div", os, [e("img", {
-      src: n.feature.image,
-      alt: n.feature.title,
+  setup(i) {
+    return (t, l) => (s(), n("div", ys, [e("div", $s, [e("img", {
+      src: i.feature.image,
+      alt: i.feature.title,
       loading: "lazy",
       decoding: "async"
-    }, null, 8, cs)]), e("h3", rs, c(n.feature.title), 1), e("p", ls, c(n.feature.description), 1), e("div", ds, [(s(!0), i(f, null, v(n.feature.platforms, (o) => (s(), I(C(B), {
+    }, null, 8, ks)]), e("h3", Ps, c(i.feature.title), 1), e("p", xs, c(i.feature.description), 1), e("div", Ls, [(s(!0), n(m, null, v(i.feature.platforms, (o) => (s(), I(S(B), {
       key: o.name,
       icon: o.icon,
       class: "platform-icon"
     }, null, 8, ["icon"]))), 128))])]));
   }
-}), ua = /* @__PURE__ */ p(us, [["__scopeId", "data-v-16f0f374"]]), _s = {
+}), Ia = /* @__PURE__ */ p(Cs, [["__scopeId", "data-v-16f0f374"]]), Is = {
   class: "feature-section-header"
-}, ps = {
+}, ws = {
   class: "feature-section-title"
-}, gs = ["innerHTML"], ms = /* @__PURE__ */ g({
+}, Ss = ["innerHTML"], Ts = /* @__PURE__ */ g({
   __name: "LandingPageFeatureSectionHeader",
   props: {
     title: {},
     description: {}
   },
-  setup(n) {
-    return (t, r) => (s(), i("div", _s, [e("h2", ps, c(n.title), 1), e("p", {
+  setup(i) {
+    return (t, l) => (s(), n("div", Is, [e("h2", ws, c(i.title), 1), e("p", {
       class: "feature-section-description",
-      innerHTML: n.description
-    }, null, 8, gs)]));
+      innerHTML: i.description
+    }, null, 8, Ss)]));
   }
-}), _a = /* @__PURE__ */ p(ms, [["__scopeId", "data-v-ae275532"]]), hs = {}, fs = {
+}), wa = /* @__PURE__ */ p(Ts, [["__scopeId", "data-v-ae275532"]]), As = {}, Bs = {
   class: "features-grid"
 };
-function vs(n, t) {
-  return s(), i("div", fs, [h(n.$slots, "default", {}, void 0, !0)]);
+function Fs(i, t) {
+  return s(), n("div", Bs, [f(i.$slots, "default", {}, void 0, !0)]);
 }
-const pa = /* @__PURE__ */ p(hs, [["render", vs], ["__scopeId", "data-v-392f636b"]]), bs = {
+const Sa = /* @__PURE__ */ p(As, [["render", Fs], ["__scopeId", "data-v-392f636b"]]), Vs = {
   class: "testimonials-container"
-}, $s = {
+}, qs = {
   class: "testimonial-header"
-}, ys = ["onClick"], ks = {
+}, Hs = ["onClick"], Ms = {
   class: "user-avatar"
-}, Ps = ["src", "alt"], Ls = {
+}, js = ["src", "alt"], Ds = {
   class: "user-info"
-}, xs = {
+}, zs = {
   class: "user-name"
-}, Is = {
+}, Es = {
   class: "user-title"
-}, Ss = {
+}, Ns = {
   class: "testimonial-content"
-}, ws = /* @__PURE__ */ g({
+}, Gs = /* @__PURE__ */ g({
   __name: "LandingPageTestimonialCard",
   props: {
     testimonials: {}
   },
-  setup(n) {
-    function t(r) {
-      r.link && window.open(r.link, "_blank");
+  setup(i) {
+    function t(l) {
+      l.link && window.open(l.link, "_blank");
     }
-    return (r, o) => (s(), i("div", bs, [(s(!0), i(f, null, v(n.testimonials, (a) => (s(), i("div", {
+    return (l, o) => (s(), n("div", Vs, [(s(!0), n(m, null, v(i.testimonials, (a) => (s(), n("div", {
       key: a.name,
       class: "testimonial-card"
-    }, [e("div", $s, [e("div", {
-      class: P(["user-link", {
+    }, [e("div", qs, [e("div", {
+      class: L(["user-link", {
         "no-link": !a.link
       }]),
-      onClick: (d) => t(a)
-    }, [e("div", ks, [e("img", {
+      onClick: (r) => t(a)
+    }, [e("div", Ms, [e("img", {
       src: a.avatar,
       alt: a.name,
       width: "260",
@@ -1073,17 +1181,17 @@ const pa = /* @__PURE__ */ p(hs, [["render", vs], ["__scopeId", "data-v-392f636b
       loading: "lazy",
       decoding: "async",
       class: "avatar-image"
-    }, null, 8, Ps)]), e("div", Ls, [e("span", xs, c(a.name), 1), e("span", Is, c(a.title), 1)])], 10, ys)]), e("p", Ss, c(a.content), 1)]))), 128))]));
+    }, null, 8, js)]), e("div", Ds, [e("span", zs, c(a.name), 1), e("span", Es, c(a.title), 1)])], 10, Hs)]), e("p", Ns, c(a.content), 1)]))), 128))]));
   }
-}), ga = /* @__PURE__ */ p(ws, [["__scopeId", "data-v-ea4dbec8"]]), Cs = {
+}), Ta = /* @__PURE__ */ p(Gs, [["__scopeId", "data-v-6087d90a"]]), Os = {
   class: "tabs"
-}, Ts = {
+}, Us = {
   class: "tabs-header"
-}, As = ["onClick"], Bs = {
+}, Ws = ["onClick"], Rs = {
   class: "tab-label"
-}, Fs = {
+}, Zs = {
   class: "tabs-content"
-}, Vs = /* @__PURE__ */ g({
+}, Js = /* @__PURE__ */ g({
   __name: "LandingPageSectionTabs",
   props: {
     tabs: {},
@@ -1095,65 +1203,66 @@ const pa = /* @__PURE__ */ p(hs, [["render", vs], ["__scopeId", "data-v-392f636b
     }
   },
   emits: ["update:modelValue", "tabChange"],
-  setup(n, {
+  setup(i, {
     emit: t
   }) {
-    const r = n, o = t, a = A(() => {
-      var l;
-      return r.modelValue || r.defaultActiveTab || ((l = r.tabs[0]) == null ? void 0 : l.id) || "";
-    }), d = k(a.value);
-    M(a, (l) => {
-      l && (d.value = l);
+    const l = i, o = t, a = A(() => {
+      var d;
+      return l.modelValue || l.defaultActiveTab || ((d = l.tabs[0]) == null ? void 0 : d.id) || "";
+    }), r = x(a.value);
+    j(a, (d) => {
+      d && (r.value = d);
     });
-    function L(l) {
-      d.value = l, o("update:modelValue", l), o("tabChange", l);
+    function y(d) {
+      r.value = d, o("update:modelValue", d), o("tabChange", d);
     }
-    return (l, y) => (s(), i("div", Cs, [e("div", Ts, [(s(!0), i(f, null, v(n.tabs, (b) => (s(), i("div", {
+    return (d, $) => (s(), n("div", Os, [e("div", Us, [(s(!0), n(m, null, v(i.tabs, (b) => (s(), n("div", {
       key: b.id,
-      class: P(["tab-item", {
-        active: d.value === b.id
+      class: L(["tab-item", {
+        active: r.value === b.id
       }]),
-      onClick: (H) => L(b.id)
-    }, [e("span", Bs, c(b.label), 1)], 10, As))), 128))]), e("div", Fs, [(s(!0), i(f, null, v(n.tabs, (b) => j((s(), i("div", {
+      onClick: (H) => y(b.id)
+    }, [e("span", Rs, c(b.label), 1)], 10, Ws))), 128))]), e("div", Zs, [(s(!0), n(m, null, v(i.tabs, (b) => D((s(), n("div", {
       key: b.id,
       class: "tab-panel"
-    }, [h(l.$slots, b.id, {
+    }, [f(d.$slots, b.id, {
       tab: b
-    }, () => [h(l.$slots, "default", {
+    }, () => [f(d.$slots, "default", {
       tab: b
-    }, void 0, !0)], !0)])), [[z, d.value === b.id]])), 128))])]));
+    }, void 0, !0)], !0)])), [[z, r.value === b.id]])), 128))])]));
   }
-}), ma = /* @__PURE__ */ p(Vs, [["__scopeId", "data-v-0501b054"]]);
+}), Aa = /* @__PURE__ */ p(Js, [["__scopeId", "data-v-0501b054"]]);
 export {
-  me as B,
+  Ca as A,
+  he as B,
   q as C,
-  Us as L,
-  ea as P,
-  ot as T,
-  Ws as a,
+  oa as L,
+  ha as P,
+  rt as T,
+  ca as a,
   oe as b,
-  Rs as c,
-  ua as d,
-  _a as e,
-  Zs as f,
-  Js as g,
-  pa as h,
-  Ks as i,
-  Qs as j,
-  Xs as k,
-  Ys as l,
-  ta as m,
-  sa as n,
-  aa as o,
-  ma as p,
-  na as q,
-  ia as r,
-  oa as s,
-  ca as t,
-  V as u,
-  ra as v,
-  ga as w,
-  la as x,
-  ae as y,
-  da as z
+  ra as c,
+  Ia as d,
+  ba as e,
+  wa as f,
+  la as g,
+  da as h,
+  Sa as i,
+  ua as j,
+  _a as k,
+  pa as l,
+  ga as m,
+  ma as n,
+  fa as o,
+  va as p,
+  Aa as q,
+  ya as r,
+  $a as s,
+  ka as t,
+  Pa as u,
+  V as v,
+  xa as w,
+  Ta as x,
+  La as y,
+  ae as z
 };