@huyooo/ui 0.5.21 → 0.5.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,1223 +0,0 @@
1
- import { createElementBlock as i, openBlock as a, renderSlot as h, defineComponent as g, createVNode as d, withCtx as l, createElementVNode as e, normalizeStyle as I, Fragment as m, createTextVNode as f, ref as x, renderList as v, toDisplayString as r, normalizeClass as P, createBlock as L, unref as S, computed as F, createCommentVNode as C, createStaticVNode as j, watch as B, withDirectives as z, vShow as N } from "vue";
2
- import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
3
- import { m as E, n as G, k as O, D as w, f as U, e as W, h as T, g as k, L as R, i as Z } from "./LandingPageSectionHeader-s8hjsGuu.js";
4
- import { C as J, a as K } from "./CollapseItem-Cw1vcdLu.js";
5
- import { Icon as A } from "@iconify/vue";
6
- import { c as Q } from "./index-Bb-d5pBq.js";
7
- /* empty css */
8
- /* empty css */
9
- import { Tag as X } from "@arco-design/web-vue";
10
- const Y = {}, ee = {
11
- class: "SubTitle"
12
- };
13
- function te(n, t) {
14
- return a(), i("div", ee, [h(n.$slots, "default", {}, void 0, !0)]);
15
- }
16
- const V = /* @__PURE__ */ _(Y, [["render", te], ["__scopeId", "data-v-3decf2d4"]]), se = {}, ae = {
17
- class: "Title"
18
- };
19
- function ne(n, t) {
20
- return a(), i("h2", ae, [h(n.$slots, "default", {}, void 0, !0)]);
21
- }
22
- const D = /* @__PURE__ */ _(se, [["render", ne], ["__scopeId", "data-v-58078aa8"]]), ie = {
23
- class: "BlockHeader"
24
- }, oe = /* @__PURE__ */ g({
25
- __name: "LandingPageBlockHeader",
26
- setup(n) {
27
- return (t, c) => (a(), i("div", ie, [d(D, {
28
- class: "BlockHeaderTitle"
29
- }, {
30
- default: l(() => [h(t.$slots, "title", {}, void 0, !0)]),
31
- _: 3
32
- }), d(V, {
33
- class: "BlockHeaderSubTitle"
34
- }, {
35
- default: l(() => [h(t.$slots, "subTitle", {}, void 0, !0)]),
36
- _: 3
37
- })]));
38
- }
39
- }), ce = /* @__PURE__ */ _(oe, [["__scopeId", "data-v-8d51bb3a"]]), re = {
40
- class: "BlockLayout"
41
- }, le = /* @__PURE__ */ g({
42
- __name: "LandingPageBlockLayout",
43
- props: {
44
- columns: {
45
- type: Number,
46
- default: 1
47
- },
48
- flexDirection: {
49
- type: String,
50
- default: "column"
51
- }
52
- },
53
- setup(n) {
54
- const t = n;
55
- return (c, o) => (a(), i("section", re, [h(c.$slots, "BlockHeader", {}, void 0, !0), e("div", {
56
- class: "BlockBody",
57
- style: I({
58
- gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
59
- flexDirection: t.flexDirection
60
- })
61
- }, [h(c.$slots, "BlockBody", {}, void 0, !0)], 4)]));
62
- }
63
- }), de = /* @__PURE__ */ _(le, [["__scopeId", "data-v-84ed1aaa"]]), ue = /* @__PURE__ */ g({
64
- __name: "LandingPageAbout",
65
- setup(n) {
66
- const t = [{
67
- data: {
68
- name: "Janette Lynch",
69
- title: "Senior Director",
70
- avatar: {
71
- src: "https://images.unsplash.com/photo-1580489944761-15a19d654956?&fit=crop&w=280",
72
- alt: "Janette Lynch"
73
- }
74
- }
75
- }, {
76
- data: {
77
- name: "Marcell Ziemann",
78
- title: "Principal Strategist",
79
- avatar: {
80
- src: "https://images.unsplash.com/photo-1633332755192-727a05c4013d?&fit=crop&w=280",
81
- alt: "Marcell Ziemann"
82
- }
83
- }
84
- }, {
85
- data: {
86
- name: "Robert Palmer",
87
- title: "Marketing Engineer",
88
- avatar: {
89
- src: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?&fit=crop&w=280",
90
- alt: "Robert Palmer"
91
- }
92
- }
93
- }, {
94
- data: {
95
- name: "Daniel Collins",
96
- title: "Chief Sales Officer",
97
- avatar: {
98
- src: "https://astroship-pro.web3templates.com/_astro/photo-1487309078313-fad80c3ec1e5_6PMfa.avif",
99
- alt: "Robert Palmer"
100
- }
101
- }
102
- }];
103
- return (c, o) => (a(), i(m, null, [d(de, null, {
104
- BlockHeader: l(() => [d(ce, null, {
105
- title: l(() => [...o[0] || (o[0] = [f("核心团队", -1)])]),
106
- subTitle: l(() => [...o[1] || (o[1] = [f("我们是一个充满激情的小团队。", -1)])]),
107
- _: 1
108
- })]),
109
- BlockBody: l(() => [d(E, {
110
- title: "Empowering the world with Astro.",
111
- 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."
112
- }), d(G, {
113
- "published-team-members": t
114
- })]),
115
- _: 1
116
- }), d(O, {
117
- image: "https://astroship-pro.web3templates.com/_astro/employee.DPridi10_Z23eRat.avif",
118
- "image-alt": "Happy Team",
119
- title: "Mission",
120
- highlight: "Our ",
121
- description: "We're a multi-cultural team from around the world! ...",
122
- features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
123
- })], 64));
124
- }
125
- }), Zs = /* @__PURE__ */ _(ue, [["__scopeId", "data-v-a40e05a5"]]), _e = {
126
- class: "nav"
127
- }, pe = {
128
- class: "section"
129
- }, ge = ["href"], fe = {
130
- class: "section"
131
- }, me = ["href"], he = /* @__PURE__ */ g({
132
- __name: "LandingPageAside",
133
- setup(n) {
134
- const t = x([{
135
- text: "Editor",
136
- href: "/docs/editor/getting-started/overview"
137
- }, {
138
- text: "Collaboration",
139
- href: "/docs/collaboration/getting-started/overview"
140
- }, {
141
- text: "Content AI",
142
- href: "/docs/content-ai/getting-started/overview"
143
- }, {
144
- text: "Comments",
145
- href: "/docs/comments/getting-started/overview"
146
- }, {
147
- text: "Documents",
148
- href: "/docs/collaboration/documents"
149
- }]), c = x([{
150
- text: "Guides",
151
- href: "/docs/guides"
152
- }, {
153
- text: "Examples",
154
- href: "/docs/examples"
155
- }, {
156
- text: "Contributing",
157
- href: "/docs/resources/contributing"
158
- }, {
159
- text: "Editor changelog",
160
- href: "/docs/resources/changelog"
161
- }, {
162
- text: "Pro license",
163
- href: "/docs/resources/pro-license"
164
- }]);
165
- return (o, s) => (a(), i("nav", _e, [s[2] || (s[2] = e("div", {
166
- class: "section"
167
- }, [e("div", {
168
- class: "section-title"
169
- }, "Getting started"), e("div", null, [e("a", {
170
- class: "link active",
171
- href: "/docs"
172
- }, "Overview")])], -1)), e("div", pe, [s[0] || (s[0] = e("div", {
173
- class: "section-title"
174
- }, "Browse by feature", -1)), e("div", null, [(a(!0), i(m, null, v(t.value, (u) => (a(), i("a", {
175
- key: u.text,
176
- class: "link",
177
- href: u.href
178
- }, r(u.text), 9, ge))), 128))])]), e("div", fe, [s[1] || (s[1] = e("div", {
179
- class: "section-title"
180
- }, "Resources", -1)), e("div", null, [(a(!0), i(m, null, v(c.value, (u) => (a(), i("a", {
181
- key: u.text,
182
- class: "link",
183
- href: u.href
184
- }, r(u.text), 9, me))), 128))])])]));
185
- }
186
- }), Js = /* @__PURE__ */ _(he, [["__scopeId", "data-v-b516bb75"]]), ve = /* @__PURE__ */ g({
187
- __name: "LandingPageButton",
188
- props: {
189
- type: {}
190
- },
191
- setup(n) {
192
- return (t, c) => (a(), i("div", {
193
- class: P(["heroButton", [n.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
194
- }, [h(t.$slots, "default", {}, void 0, !0)], 2));
195
- }
196
- }), be = /* @__PURE__ */ _(ve, [["__scopeId", "data-v-d26fdf8b"]]), $e = {}, ye = {
197
- class: "Card"
198
- };
199
- function ke(n, t) {
200
- return a(), i("div", ye, [h(n.$slots, "default", {}, void 0, !0)]);
201
- }
202
- const H = /* @__PURE__ */ _($e, [["render", ke], ["__scopeId", "data-v-cdb3f77d"]]), Pe = "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", Le = {
203
- class: "cta-container"
204
- }, xe = ["src"], Ie = {
205
- class: "cta-content"
206
- }, we = {
207
- class: "cta-title"
208
- }, Ce = {
209
- class: "cta-description"
210
- }, Se = {
211
- class: "cta-actions"
212
- }, Te = /* @__PURE__ */ g({
213
- __name: "LandingPageCta",
214
- props: {
215
- title: {
216
- default: "迫不及待想使用翻译?"
217
- },
218
- description: {
219
- default: "立即开始您的翻译之旅"
220
- },
221
- backgroundUrl: {
222
- default: Pe
223
- },
224
- backgroundSize: {
225
- default: "120%"
226
- }
227
- },
228
- setup(n) {
229
- const t = n;
230
- return (c, o) => (a(), i("div", Le, [e("img", {
231
- src: t.backgroundUrl,
232
- class: "cta-background",
233
- alt: "background",
234
- style: I({
235
- width: t.backgroundSize,
236
- height: t.backgroundSize
237
- })
238
- }, null, 12, xe), e("div", Ie, [e("h1", we, r(t.title), 1), e("div", Ce, r(t.description), 1), e("div", Se, [h(c.$slots, "actions", {}, void 0, !0)])])]));
239
- }
240
- }), Ks = /* @__PURE__ */ _(Te, [["__scopeId", "data-v-4a709ec3"]]), Ae = /* @__PURE__ */ g({
241
- __name: "LandingPageFAQ",
242
- props: {
243
- activeKeys: {
244
- default: () => []
245
- },
246
- faqItems: {
247
- default: () => [{
248
- question: "你们有免费试用吗?",
249
- answer: "我们提供1个月的免费试用"
250
- }, {
251
- question: "我可以申请退款吗?",
252
- answer: "不支持退款,但您可以随时取消订阅。取消订阅后将于下一个结算日的次日生效,在此之前您可以使用服务。为了避免被收取下一计费期的费用,请在下一个计费日期前至少 24 小时取消。"
253
- }, {
254
- question: "付费会员的配额什么时候会重置?会在月初吗?",
255
- answer: "配额重置发生在您订阅后一个月,并非基于日历月。例如,如果您在4月15日订阅,您的配额将在5月15日重置。"
256
- }, {
257
- question: "从月付费订阅升级至年付费订阅,费用和有效期是如何计算的?",
258
- answer: "从月度付费升级至年度付费时,会基于您剩余的月度付费价值计算差额。服务期从升级日起至次年同日。"
259
- }, {
260
- question: "你们提供技术支持吗?",
261
- answer: "是的,在付费期间我们提供全天候的技术支持,可以通过电子邮箱和微信联系我们。"
262
- }, {
263
- question: "使用期间有什么限制吗?",
264
- answer: "在使用期间如果发现开发者违反法律法规或在恶意应用程序中使用等任何不当使用行为,包括但不限于共享或出售订阅,都是被禁止的,可能会导致您的账户被终止且不予退款。我们有权终止服务,详情请参阅《付费服务协议》"
265
- }]
266
- }
267
- },
268
- setup(n) {
269
- const t = n;
270
- return (c, o) => (a(), L(J, {
271
- "active-keys": t.activeKeys
272
- }, {
273
- default: l(() => [(a(!0), i(m, null, v(t.faqItems, (s, u) => (a(), L(K, {
274
- key: u,
275
- index: u
276
- }, {
277
- header: l(() => [f(r(s.question), 1)]),
278
- default: l(() => [d(w, null, {
279
- default: l(() => [f(r(s.answer), 1)]),
280
- _: 2
281
- }, 1024)]),
282
- _: 2
283
- }, 1032, ["index"]))), 128))]),
284
- _: 1
285
- }, 8, ["active-keys"]));
286
- }
287
- }), Qs = /* @__PURE__ */ _(Ae, [["__scopeId", "data-v-581e8f75"]]), Be = {
288
- class: "Features"
289
- }, qe = {
290
- class: "feature-title"
291
- }, Fe = /* @__PURE__ */ g({
292
- __name: "LandingPageFeatures",
293
- props: {
294
- features: {
295
- default: () => [{
296
- title: "什么是ShipAny?",
297
- description: "ShipAny是一个无代码平台,帮助您在几小时内而不是几天内构建和发布AI产品。",
298
- icon: ""
299
- }, {
300
- title: "认证与支付",
301
- description: "内置认证和Stripe支付处理,开箱即用。",
302
- icon: ""
303
- }, {
304
- title: "数据基础设施",
305
- description: "为您的AI模型和用户数据提供安全且可扩展的数据库基础设施。",
306
- icon: ""
307
- }, {
308
- title: "实时部署",
309
- description: "持续部署工作流,确保您的AI创业公司始终保持最新状态。",
310
- icon: ""
311
- }, {
312
- title: "业务分析",
313
- description: "跟踪用户行为和业务指标,做出明智决策。",
314
- icon: ""
315
- }, {
316
- title: "AI模型集成",
317
- description: "轻松集成来自OpenAI、Anthropic等的最新AI模型。",
318
- icon: ""
319
- }]
320
- },
321
- iconColor: {
322
- default: "rgb(184, 154, 120)"
323
- },
324
- iconBorderColor: {
325
- default: "rgb(184, 154, 120)"
326
- }
327
- },
328
- setup(n) {
329
- const t = n;
330
- return (c, o) => (a(), i("div", Be, [(a(!0), i(m, null, v(t.features, (s) => (a(), L(H, {
331
- key: s.title
332
- }, {
333
- default: l(() => [e("div", {
334
- class: "icon-container",
335
- style: I({
336
- color: t.iconColor,
337
- border: `1px solid ${t.iconBorderColor}`
338
- })
339
- }, [d(S(A), {
340
- class: "icon",
341
- icon: s.icon
342
- }, null, 8, ["icon"])], 4), e("h3", qe, r(s.title), 1), d(w, null, {
343
- default: l(() => [f(r(s.description), 1)]),
344
- _: 2
345
- }, 1024)]),
346
- _: 2
347
- }, 1024))), 128))]));
348
- }
349
- }), Xs = /* @__PURE__ */ _(Fe, [["__scopeId", "data-v-1ee2db18"]]), Ve = {
350
- class: "tt-feature-list"
351
- }, De = {
352
- class: "tt-feature-content"
353
- }, He = {
354
- class: "heading-small"
355
- }, Me = {
356
- class: "text-small"
357
- }, je = /* @__PURE__ */ g({
358
- __name: "LandingPageFeatures2",
359
- props: {
360
- list: {
361
- type: Array,
362
- required: !0
363
- }
364
- },
365
- setup(n) {
366
- const t = n;
367
- return (c, o) => (a(), i("div", Ve, [(a(!0), i(m, null, v(t.list, (s, u) => (a(), i("div", {
368
- key: u,
369
- class: "tt-feature-item centered"
370
- }, [o[1] || (o[1] = e("div", {
371
- class: "tt-feature-icon"
372
- }, [e("img", {
373
- src: "https://cdn.prod.website-files.com/645a9acecda2e0594fac6126/66cda872417824f6aabdc2ad_check-highlight-badge.svg",
374
- loading: "lazy",
375
- class: "feature-media"
376
- })], -1)), e("div", De, [e("h3", He, r(s.title), 1), e("p", Me, [f(r(s.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
377
- }
378
- }), Ys = /* @__PURE__ */ _(je, [["__scopeId", "data-v-abd3c70a"]]), ze = {
379
- class: "Footer"
380
- }, q = "support@huyooo.com", Ne = /* @__PURE__ */ g({
381
- __name: "LandingPageFooter",
382
- setup(n) {
383
- const t = x("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), c = x("https://beian.miit.gov.cn/#/Integrated/index");
384
- function o() {
385
- const y = Q(q, "", "");
386
- window.location.href = y;
387
- }
388
- const s = x([{
389
- type: "text",
390
- icon: "ic:baseline-email",
391
- content: q,
392
- select: o
393
- }, {
394
- type: "image",
395
- icon: "ic:baseline-wechat",
396
- content: "https://beian.miit.gov.cn/#/Integrated/index",
397
- select() {
398
- }
399
- }]);
400
- return (u, p) => (a(), i("div", ze, [d(U, null, {
401
- LandingPageBrandInfo: l(() => [d(R, {
402
- icon: "https://ghibliaigenerator.app/logo.png",
403
- name: "ONES",
404
- description: "几小时内构建和发布AI产品,无需数日。"
405
- })]),
406
- LandingPageLinkGroup: l(() => [d(T, {
407
- title: "产品"
408
- }, {
409
- item: l(() => [d(k, null, {
410
- default: l(() => [...p[0] || (p[0] = [f("功能", -1)])]),
411
- _: 1
412
- }), d(k, null, {
413
- default: l(() => [...p[1] || (p[1] = [f("展示", -1)])]),
414
- _: 1
415
- }), d(k, null, {
416
- default: l(() => [...p[2] || (p[2] = [f("价格", -1)])]),
417
- _: 1
418
- })]),
419
- _: 1
420
- }), d(T, {
421
- title: "资源"
422
- }, {
423
- item: l(() => [d(k, null, {
424
- default: l(() => [...p[3] || (p[3] = [f("安全性与合规性", -1)])]),
425
- _: 1
426
- })]),
427
- _: 1
428
- }), d(T, {
429
- title: "公司"
430
- }, {
431
- item: l(() => [d(k, null, {
432
- default: l(() => [...p[4] || (p[4] = [f("博客", -1)])]),
433
- _: 1
434
- }), d(k, null, {
435
- default: l(() => [...p[5] || (p[5] = [f("公司简介", -1)])]),
436
- _: 1
437
- }), d(k, null, {
438
- default: l(() => [...p[6] || (p[6] = [f("个人信息收集清单", -1)])]),
439
- _: 1
440
- }), d(k, null, {
441
- default: l(() => [...p[7] || (p[7] = [f("第三方信息共享清单", -1)])]),
442
- _: 1
443
- }), d(k, null, {
444
- default: l(() => [...p[8] || (p[8] = [f("用户服务协议", -1)])]),
445
- _: 1
446
- }), d(k, null, {
447
- default: l(() => [...p[9] || (p[9] = [f("隐私协议", -1)])]),
448
- _: 1
449
- })]),
450
- _: 1
451
- })]),
452
- LandingPageFooterContact: l(() => [d(W, {
453
- "beian-text": t.value,
454
- "beian-url": c.value,
455
- links: s.value
456
- }, null, 8, ["beian-text", "beian-url", "links"])]),
457
- _: 1
458
- })]));
459
- }
460
- }), ea = /* @__PURE__ */ _(Ne, [["__scopeId", "data-v-619d1298"]]), Ee = {
461
- class: "hero"
462
- }, Ge = {
463
- class: "heroContent"
464
- }, Oe = {
465
- class: "heroHeading"
466
- }, Ue = {
467
- class: "heroTitle"
468
- }, We = {
469
- class: "heroDescription"
470
- }, Re = {
471
- class: "heroActions"
472
- }, Ze = {
473
- key: 0,
474
- class: "heroImage"
475
- }, Je = ["src", "alt"], Ke = {
476
- key: 1,
477
- class: "heroImage"
478
- }, Qe = /* @__PURE__ */ g({
479
- __name: "LandingPageHero",
480
- props: {
481
- title: {
482
- type: String,
483
- default: () => ""
484
- },
485
- description: {
486
- type: String,
487
- default: () => ""
488
- },
489
- heroSource: {
490
- type: String,
491
- default: () => ""
492
- },
493
- imageAlt: {
494
- type: String,
495
- default: () => "Hero Image"
496
- }
497
- },
498
- setup(n) {
499
- const t = n;
500
- return (c, o) => (a(), i("main", Ee, [e("div", Ge, [e("div", Oe, [e("h1", Ue, [h(c.$slots, "title", {}, () => [f(r(t.title), 1)], !0)])]), e("div", We, [e("div", null, r(t.description), 1)]), e("div", Re, [h(c.$slots, "actions", {}, void 0, !0)])]), t.heroSource ? (a(), i("div", Ze, [e("img", {
501
- src: t.heroSource,
502
- alt: t.imageAlt || "Hero Image",
503
- loading: "eager",
504
- class: "hero-image"
505
- }, null, 8, Je)])) : (a(), i("div", Ke, [h(c.$slots, "heroSource", {}, void 0, !0)]))]));
506
- }
507
- }), ta = /* @__PURE__ */ _(Qe, [["__scopeId", "data-v-3c9b32bf"]]), Xe = {
508
- class: "logos-list"
509
- }, Ye = /* @__PURE__ */ g({
510
- __name: "LandingPageLogos",
511
- props: {
512
- title: {
513
- default: "Works with your technologies"
514
- },
515
- subTitle: {
516
- default: ""
517
- },
518
- logos: {
519
- default: () => [{
520
- name: "simple-icons:react"
521
- }, {
522
- name: "simple-icons:svelte"
523
- }, {
524
- name: "simple-icons:astro"
525
- }, {
526
- name: "simple-icons:css3"
527
- }, {
528
- name: "simple-icons:alpinedotjs"
529
- }, {
530
- name: "simple-icons:vercel"
531
- }]
532
- }
533
- },
534
- setup(n) {
535
- const t = n;
536
- return (c, o) => (a(), i("div", Xe, [(a(!0), i(m, null, v(t.logos, (s, u) => (a(), L(S(A), {
537
- key: u,
538
- icon: s.name,
539
- class: "logo-icon"
540
- }, null, 8, ["icon"]))), 128))]));
541
- }
542
- }), sa = /* @__PURE__ */ _(Ye, [["__scopeId", "data-v-1a08e627"]]), et = /* @__PURE__ */ g({
543
- __name: "LandingPagePageContent",
544
- props: {
545
- maxWidth: {
546
- default: "1380px"
547
- },
548
- center: {
549
- type: Boolean,
550
- default: !0
551
- },
552
- padding: {
553
- default: "0px 0px 40px 0px "
554
- },
555
- gap: {
556
- default: "90px"
557
- },
558
- flexDirection: {
559
- default: "column"
560
- }
561
- },
562
- setup(n) {
563
- const t = n, c = F(() => ({
564
- maxWidth: t.maxWidth,
565
- margin: t.center ? "0 auto" : void 0,
566
- width: "100%",
567
- padding: t.padding,
568
- display: "flex",
569
- flexDirection: t.flexDirection ?? "column",
570
- gap: t.gap
571
- }));
572
- return (o, s) => (a(), i("div", {
573
- class: "PageContent",
574
- style: I(c.value)
575
- }, [h(o.$slots, "default", {}, void 0, !0)], 4));
576
- }
577
- }), aa = /* @__PURE__ */ _(et, [["__scopeId", "data-v-00ec8180"]]), tt = {
578
- class: "Tabs"
579
- }, st = {
580
- class: "tabs-root"
581
- }, at = {
582
- role: "radiogroup",
583
- "aria-required": "false",
584
- dir: "ltr",
585
- class: "tabs-group",
586
- tabindex: "0"
587
- }, nt = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], it = {
588
- key: 0,
589
- "data-state": "checked",
590
- class: "tabs-radio-icon"
591
- }, ot = ["for"], ct = {
592
- key: 0,
593
- class: "tabs-badge"
594
- }, rt = /* @__PURE__ */ g({
595
- __name: "LandingPageTabs",
596
- props: {
597
- tabs: {
598
- type: Array,
599
- required: !0
600
- },
601
- modelValue: {
602
- type: String,
603
- required: !0
604
- }
605
- },
606
- emits: ["update:modelValue"],
607
- setup(n) {
608
- const t = n;
609
- return (c, o) => (a(), i("div", tt, [e("div", st, [e("div", at, [(a(!0), i(m, null, v(t.tabs, (s) => (a(), i("div", {
610
- key: s.value,
611
- class: P(["tabs-item", {
612
- "tabs-item-active": s.value === n.modelValue
613
- }])
614
- }, [e("button", {
615
- id: s.value,
616
- type: "button",
617
- role: "radio",
618
- "aria-checked": s.value === n.modelValue,
619
- "data-state": s.value === n.modelValue ? "checked" : "unchecked",
620
- value: s.value,
621
- class: "tabs-radio",
622
- tabindex: s.value === n.modelValue ? 0 : -1,
623
- onClick: (u) => c.$emit("update:modelValue", s.value)
624
- }, [s.value === n.modelValue ? (a(), i("span", it)) : C("", !0)], 8, nt), e("label", {
625
- class: "tabs-label",
626
- for: s.value
627
- }, [e("span", null, r(s.label), 1), s.badge ? (a(), i("div", ct, r(s.badge), 1)) : C("", !0)], 8, ot)], 2))), 128))])])]));
628
- }
629
- }), lt = /* @__PURE__ */ _(rt, [["__scopeId", "data-v-9eb67a93"]]), dt = {
630
- class: "PriceGroup"
631
- }, ut = /* @__PURE__ */ g({
632
- __name: "LandingPagePriceGroup",
633
- setup(n) {
634
- const t = x("subscribe-monthly");
635
- return (c, o) => (a(), i("div", dt, [d(lt, {
636
- modelValue: t.value,
637
- "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
638
- tabs: [{
639
- value: "subscribe-monthly",
640
- label: "按月订阅"
641
- }, {
642
- value: "subscribe-yearly",
643
- label: "按年订阅",
644
- badge: "节省17%"
645
- }, {
646
- value: "pay-as-you-go",
647
- label: "按需付费"
648
- }]
649
- }, null, 8, ["modelValue"]), h(c.$slots, "default", {}, void 0, !0)]));
650
- }
651
- }), na = /* @__PURE__ */ _(ut, [["__scopeId", "data-v-43a35f55"]]), _t = {
652
- class: "PricingCard"
653
- }, pt = {
654
- class: "title"
655
- }, gt = {
656
- class: "titleText"
657
- }, ft = {
658
- class: "description"
659
- }, mt = {
660
- class: "priceAndDiscount"
661
- }, ht = {
662
- class: "price"
663
- }, vt = {
664
- class: "discount"
665
- }, bt = {
666
- style: {
667
- position: "relative",
668
- top: "3px"
669
- }
670
- }, $t = {
671
- key: 1,
672
- class: "priceNotDiscount"
673
- }, yt = {
674
- class: "cycle"
675
- }, kt = {
676
- class: "features"
677
- }, Pt = /* @__PURE__ */ g({
678
- __name: "LandingPagePricingCard",
679
- props: {
680
- loading: {
681
- type: Boolean,
682
- required: !1,
683
- default: () => !1
684
- },
685
- title: {
686
- type: String,
687
- required: !0
688
- },
689
- description: {
690
- type: String,
691
- required: !0
692
- },
693
- price: {
694
- type: Number,
695
- required: !0
696
- },
697
- discount: {
698
- type: Number,
699
- required: !1,
700
- default: () => 99
701
- },
702
- unit: {
703
- type: String,
704
- required: !0
705
- },
706
- cycle: {
707
- type: String,
708
- required: !0
709
- },
710
- highlight: {
711
- type: Boolean,
712
- required: !0
713
- },
714
- badge: {
715
- type: Object,
716
- required: !0
717
- },
718
- button: {
719
- type: Object,
720
- required: !0
721
- },
722
- orientation: {
723
- type: String,
724
- required: !0
725
- },
726
- align: {
727
- type: String,
728
- required: !0
729
- },
730
- features: {
731
- type: Array,
732
- required: !0
733
- }
734
- },
735
- emits: ["toPay"],
736
- setup(n, {
737
- emit: t
738
- }) {
739
- const c = t, o = n;
740
- function s() {
741
- c("toPay");
742
- }
743
- return (u, p) => (a(), i("div", _t, [e("div", null, [e("div", pt, [e("span", gt, r(o.title), 1), o.badge.label ? (a(), L(S(X), {
744
- key: 0,
745
- color: "arcoblue"
746
- }, {
747
- default: l(() => [f(r(o.badge.label), 1)]),
748
- _: 1
749
- })) : C("", !0)]), e("div", ft, r(o.description), 1)]), e("div", mt, [o.discount !== null ? (a(), i(m, {
750
- key: 0
751
- }, [e("span", ht, [e("span", null, r(o.price), 1), e("span", null, r(o.unit), 1)]), e("span", vt, [e("span", bt, r(o.discount), 1), e("span", null, r(o.unit), 1)])], 64)) : (a(), i("span", $t, [e("span", null, r(o.price), 1), e("span", null, r(o.unit), 1)])), e("span", yt, r(o.cycle), 1)]), e("div", kt, [(a(!0), i(m, null, v(o.features, (b, y) => (a(), L(Z, {
752
- key: y,
753
- description: b.title
754
- }, null, 8, ["description"]))), 128))]), d(be, {
755
- class: "handle",
756
- type: "primary",
757
- loading: o.loading,
758
- disabled: !(o.discount || o.price),
759
- onClick: s
760
- }, {
761
- default: l(() => [f(r(o.button.label), 1)]),
762
- _: 1
763
- }, 8, ["loading", "disabled"])]));
764
- }
765
- }), ia = /* @__PURE__ */ _(Pt, [["__scopeId", "data-v-0b730439"]]), Lt = {}, xt = {
766
- class: "PricingGrid"
767
- }, It = {
768
- class: "content"
769
- };
770
- function wt(n, t) {
771
- return a(), i("div", xt, [e("div", It, [h(n.$slots, "default", {}, void 0, !0)])]);
772
- }
773
- const oa = /* @__PURE__ */ _(Lt, [["render", wt], ["__scopeId", "data-v-1f26d3ee"]]), Ct = {
774
- class: "Showcase"
775
- }, St = ["onClick"], Tt = ["src", "alt"], At = {
776
- class: "card-content"
777
- }, Bt = {
778
- class: "card-title"
779
- }, qt = /* @__PURE__ */ g({
780
- __name: "LandingPageSections",
781
- props: {
782
- items: {},
783
- showControls: {
784
- type: Boolean,
785
- default: !0
786
- },
787
- columns: {
788
- default: 4
789
- },
790
- cardHeight: {
791
- default: 160
792
- },
793
- objectFit: {
794
- default: "cover"
795
- }
796
- },
797
- emits: ["cardClick"],
798
- setup(n, {
799
- emit: t
800
- }) {
801
- const c = n, o = t;
802
- function s(p) {
803
- o("cardClick", p);
804
- }
805
- const u = F(() => ({
806
- height: `${c.cardHeight}px`,
807
- objectFit: c.objectFit
808
- }));
809
- return (p, b) => (a(), i("div", Ct, [(a(!0), i(m, null, v(c.items, (y, $) => (a(), i("div", {
810
- key: $,
811
- class: "showcase-card",
812
- onClick: (M) => s(y)
813
- }, [e("img", {
814
- src: y.image,
815
- alt: y.alt,
816
- style: I(u.value),
817
- class: "showcase-image"
818
- }, null, 12, Tt), e("div", At, [e("div", Bt, r(y.title), 1), d(w, null, {
819
- default: l(() => [f(r(y.description), 1)]),
820
- _: 2
821
- }, 1024)])], 8, St))), 128))]));
822
- }
823
- }), ca = /* @__PURE__ */ _(qt, [["__scopeId", "data-v-cf300e52"]]), Ft = {
824
- class: "sections-container"
825
- }, Vt = {
826
- class: "container"
827
- }, Dt = ["src", "alt"], Ht = {
828
- class: "header"
829
- }, Mt = {
830
- class: "features-list"
831
- }, jt = {
832
- class: "content"
833
- }, zt = {
834
- class: "feature-title"
835
- }, Nt = /* @__PURE__ */ g({
836
- __name: "LandingPageShowcase",
837
- props: {
838
- title: {
839
- default: ""
840
- },
841
- subTitle: {
842
- default: ""
843
- },
844
- imageUrl: {
845
- default: "https://picsum.photos/600/400?random=6"
846
- },
847
- imageAlt: {
848
- default: ""
849
- },
850
- features: {
851
- default: () => [{
852
- title: "即用型模板",
853
- description: "从数十个生产就绪的AI模板中选择,快速开始。",
854
- color: "green",
855
- iconPath: "M5 13l4 4L19 7"
856
- }, {
857
- title: "专业设计",
858
- description: "由专业人士精心打造的UI组件,遵循最佳实践。",
859
- color: "blue",
860
- iconPath: "M13 10V3L4 14h7v7l9-11h-7z"
861
- }, {
862
- title: "内置部署",
863
- description: "几分钟内将您的AI应用程序部署到生产环境。",
864
- color: "purple",
865
- iconPath: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
866
- }]
867
- },
868
- reverse: {
869
- type: Boolean,
870
- default: !1
871
- }
872
- },
873
- setup(n) {
874
- const t = n;
875
- return (c, o) => (a(), i("section", Ft, [e("div", Vt, [e("div", {
876
- class: P(["content-wrapper", {
877
- reverse: t.reverse
878
- }])
879
- }, [e("div", {
880
- class: P(["image-container", {
881
- "order-2": t.reverse,
882
- "order-1": !t.reverse
883
- }])
884
- }, [e("img", {
885
- src: t.imageUrl,
886
- alt: t.imageAlt,
887
- class: "image"
888
- }, null, 8, Dt)], 2), e("div", {
889
- class: P(["text-container", {
890
- "order-1": t.reverse,
891
- "order-2": !t.reverse
892
- }])
893
- }, [e("div", Ht, [d(D, null, {
894
- default: l(() => [f(r(t.title), 1)]),
895
- _: 1
896
- }), d(V, null, {
897
- default: l(() => [f(r(t.subTitle), 1)]),
898
- _: 1
899
- })]), e("div", Mt, [(a(!0), i(m, null, v(t.features, (s, u) => (a(), i("div", {
900
- key: u,
901
- class: "feature-item"
902
- }, [e("div", {
903
- class: P(["icon-container", [`icon-${s.color}`]])
904
- }, [...o[0] || (o[0] = [e("div", {
905
- class: "dot"
906
- }, null, -1)])], 2), e("div", jt, [e("div", zt, r(s.title), 1), d(w, null, {
907
- default: l(() => [f(r(s.description), 1)]),
908
- _: 2
909
- }, 1024)])]))), 128))])], 2)], 2)])]));
910
- }
911
- }), ra = /* @__PURE__ */ _(Nt, [["__scopeId", "data-v-638da280"]]), Et = {
912
- class: "Stats"
913
- }, Gt = {
914
- key: 0,
915
- class: "stats-label"
916
- }, Ot = {
917
- class: "stats-number"
918
- }, Ut = {
919
- class: "stats-label"
920
- }, Wt = /* @__PURE__ */ g({
921
- __name: "LandingPageStats",
922
- props: {
923
- title: {
924
- default: "用户喜爱ShipAny"
925
- },
926
- subTitle: {
927
- default: "看看我们的客户怎么说"
928
- },
929
- stats: {
930
- default: () => [{
931
- title: "",
932
- number: "250+",
933
- label: "已启动的创业公司"
934
- }, {
935
- title: "",
936
- number: "30+",
937
- label: "AI模板"
938
- }, {
939
- title: "",
940
- number: "5",
941
- label: "星级评分"
942
- }]
943
- }
944
- },
945
- setup(n) {
946
- const t = n;
947
- return (c, o) => (a(), i("div", Et, [(a(!0), i(m, null, v(t.stats, (s, u) => (a(), i("div", {
948
- key: u,
949
- class: "stats-item"
950
- }, [s.title ? (a(), i("div", Gt, r(s.title), 1)) : C("", !0), e("div", Ot, r(s.number), 1), e("div", Ut, r(s.label), 1)]))), 128))]));
951
- }
952
- }), la = /* @__PURE__ */ _(Wt, [["__scopeId", "data-v-7aa9af80"]]), Rt = {
953
- class: "stepNumber"
954
- }, Zt = {
955
- class: "count"
956
- }, Jt = {
957
- class: "stepTitle"
958
- }, Kt = /* @__PURE__ */ g({
959
- __name: "LandingPageSteps",
960
- props: {
961
- columns: {
962
- type: Number,
963
- default: 3
964
- },
965
- steps: {
966
- type: Array,
967
- default: () => [{
968
- title: "选择您的项目",
969
- description: "从我们的AI模板库中选择或使用我们的拖放构建器从头开始。"
970
- }, {
971
- title: "构建您的项目",
972
- description: "使用我们的直观编辑器自定义您的项目。添加您的品牌、内容并配置AI模型。"
973
- }, {
974
- title: "部署到生产环境",
975
- description: "一键将您的AI应用程序部署到我们的全球基础设施并开始服务客户。"
976
- }]
977
- }
978
- },
979
- setup(n) {
980
- const t = n;
981
- return (c, o) => (a(), i("div", {
982
- class: "Steps",
983
- style: I({
984
- gridTemplateColumns: `repeat(${t.columns}, 1fr)`
985
- // flexDirection: props.flexDirection,
986
- })
987
- }, [(a(!0), i(m, null, v(t.steps, (s, u) => (a(), i("div", {
988
- key: u,
989
- class: "stepItem"
990
- }, [e("div", Rt, [e("span", Zt, r(u + 1), 1)]), e("h3", Jt, r(s.title), 1), d(w, null, {
991
- default: l(() => [f(r(s.description), 1)]),
992
- _: 2
993
- }, 1024)]))), 128))], 4));
994
- }
995
- }), da = /* @__PURE__ */ _(Kt, [["__scopeId", "data-v-1ecd9597"]]), Qt = {
996
- class: "Testimonial"
997
- }, Xt = {
998
- class: "user-info"
999
- }, Yt = {
1000
- class: "user-avatar"
1001
- }, es = ["src", "alt"], ts = {
1002
- class: "user-name"
1003
- }, ss = {
1004
- class: "user-title"
1005
- }, as = /* @__PURE__ */ g({
1006
- __name: "LandingPageTestimonial",
1007
- props: {
1008
- testimonials: {
1009
- default: () => []
1010
- }
1011
- },
1012
- setup(n) {
1013
- const t = n;
1014
- return (c, o) => (a(), i("div", Qt, [(a(!0), i(m, null, v(t.testimonials, (s, u) => (a(), L(H, {
1015
- key: u
1016
- }, {
1017
- default: l(() => [e("div", null, [d(w, null, {
1018
- default: l(() => [f(r(`"${s.content}"`), 1)]),
1019
- _: 2
1020
- }, 1024)]), e("div", Xt, [e("span", Yt, [e("img", {
1021
- src: s.avatar,
1022
- alt: s.name
1023
- }, null, 8, es)]), e("div", null, [e("div", ts, r(s.name), 1), e("div", ss, r(s.title), 1)])])]),
1024
- _: 2
1025
- }, 1024))), 128))]));
1026
- }
1027
- }), ua = /* @__PURE__ */ _(as, [["__scopeId", "data-v-bc49d7bc"]]), ns = ["href"], is = /* @__PURE__ */ g({
1028
- __name: "LandingPageTips",
1029
- props: {
1030
- href: {
1031
- type: String,
1032
- default: "/zh"
1033
- },
1034
- text: {
1035
- type: String,
1036
- default: "✨ 免费吉卜力AI艺术!立即注册获得3次免费创作!☝️"
1037
- }
1038
- },
1039
- setup(n) {
1040
- const t = n;
1041
- return (c, o) => (a(), i("a", {
1042
- href: t.href,
1043
- class: "tips-link"
1044
- }, r(t.text), 9, ns));
1045
- }
1046
- }), _a = /* @__PURE__ */ _(is, [["__scopeId", "data-v-f5784dd1"]]), os = {}, cs = {
1047
- class: "sidebar"
1048
- };
1049
- function rs(n, t) {
1050
- return a(), 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)])]);
1051
- }
1052
- const pa = /* @__PURE__ */ _(os, [["render", rs], ["__scopeId", "data-v-251905ff"]]), ls = {
1053
- class: "feature-card"
1054
- }, ds = {
1055
- class: "feature-image"
1056
- }, us = ["src", "alt"], _s = {
1057
- class: "feature-title"
1058
- }, ps = {
1059
- class: "feature-description"
1060
- }, gs = {
1061
- class: "feature-platforms"
1062
- }, fs = /* @__PURE__ */ g({
1063
- __name: "LandingPageFeatureCard",
1064
- props: {
1065
- feature: {}
1066
- },
1067
- setup(n) {
1068
- return (t, c) => (a(), i("div", ls, [e("div", ds, [e("img", {
1069
- src: n.feature.image,
1070
- alt: n.feature.title,
1071
- loading: "lazy",
1072
- decoding: "async"
1073
- }, null, 8, us)]), e("h3", _s, r(n.feature.title), 1), e("p", ps, r(n.feature.description), 1), e("div", gs, [(a(!0), i(m, null, v(n.feature.platforms, (o) => (a(), L(S(A), {
1074
- key: o.name,
1075
- icon: o.icon,
1076
- class: "platform-icon"
1077
- }, null, 8, ["icon"]))), 128))])]));
1078
- }
1079
- }), ga = /* @__PURE__ */ _(fs, [["__scopeId", "data-v-474acd19"]]), ms = {
1080
- class: "feature-section-header"
1081
- }, hs = {
1082
- class: "feature-section-title"
1083
- }, vs = ["innerHTML"], bs = /* @__PURE__ */ g({
1084
- __name: "LandingPageFeatureSectionHeader",
1085
- props: {
1086
- title: {},
1087
- description: {}
1088
- },
1089
- setup(n) {
1090
- return (t, c) => (a(), i("div", ms, [e("h2", hs, r(n.title), 1), e("p", {
1091
- class: "feature-section-description",
1092
- innerHTML: n.description
1093
- }, null, 8, vs)]));
1094
- }
1095
- }), fa = /* @__PURE__ */ _(bs, [["__scopeId", "data-v-8fe145ad"]]), $s = {}, ys = {
1096
- class: "features-grid"
1097
- };
1098
- function ks(n, t) {
1099
- return a(), i("div", ys, [h(n.$slots, "default", {}, void 0, !0)]);
1100
- }
1101
- const ma = /* @__PURE__ */ _($s, [["render", ks], ["__scopeId", "data-v-392f636b"]]), Ps = {
1102
- class: "testimonials-container"
1103
- }, Ls = {
1104
- class: "testimonial-header"
1105
- }, xs = ["onClick"], Is = {
1106
- class: "user-avatar"
1107
- }, ws = ["src", "alt"], Cs = {
1108
- class: "user-info"
1109
- }, Ss = {
1110
- class: "user-name"
1111
- }, Ts = {
1112
- class: "user-title"
1113
- }, As = {
1114
- class: "testimonial-content"
1115
- }, Bs = /* @__PURE__ */ g({
1116
- __name: "LandingPageTestimonialCard",
1117
- props: {
1118
- testimonials: {}
1119
- },
1120
- setup(n) {
1121
- function t(c) {
1122
- c.link && window.open(c.link, "_blank");
1123
- }
1124
- return (c, o) => (a(), i("div", Ps, [(a(!0), i(m, null, v(n.testimonials, (s) => (a(), i("div", {
1125
- key: s.name,
1126
- class: "testimonial-card"
1127
- }, [e("div", Ls, [e("div", {
1128
- class: P(["user-link", {
1129
- "no-link": !s.link
1130
- }]),
1131
- onClick: (u) => t(s)
1132
- }, [e("div", Is, [e("img", {
1133
- src: s.avatar,
1134
- alt: s.name,
1135
- width: "260",
1136
- height: "260",
1137
- loading: "lazy",
1138
- decoding: "async",
1139
- class: "avatar-image"
1140
- }, null, 8, ws)]), e("div", Cs, [e("span", Ss, r(s.name), 1), e("span", Ts, r(s.title), 1)])], 10, xs)]), e("p", As, r(s.content), 1)]))), 128))]));
1141
- }
1142
- }), ha = /* @__PURE__ */ _(Bs, [["__scopeId", "data-v-6e10d8a8"]]), qs = {
1143
- class: "tabs"
1144
- }, Fs = {
1145
- class: "tabs-header"
1146
- }, Vs = ["onClick"], Ds = {
1147
- class: "tab-label"
1148
- }, Hs = {
1149
- class: "tabs-content"
1150
- }, Ms = /* @__PURE__ */ g({
1151
- __name: "LandingPageSectionTabs",
1152
- props: {
1153
- tabs: {},
1154
- defaultActiveTab: {
1155
- default: ""
1156
- },
1157
- modelValue: {
1158
- default: ""
1159
- }
1160
- },
1161
- emits: ["update:modelValue", "tabChange"],
1162
- setup(n, {
1163
- emit: t
1164
- }) {
1165
- var p;
1166
- const c = n, o = t, s = x(c.modelValue || c.defaultActiveTab || ((p = c.tabs[0]) == null ? void 0 : p.id) || "");
1167
- function u(b) {
1168
- s.value = b, o("update:modelValue", b), o("tabChange", b);
1169
- }
1170
- return B(() => c.modelValue, (b) => {
1171
- b && (s.value = b);
1172
- }), B(() => c.defaultActiveTab, (b) => {
1173
- b && !c.modelValue && (s.value = b);
1174
- }), (b, y) => (a(), i("div", qs, [e("div", Fs, [(a(!0), i(m, null, v(n.tabs, ($) => (a(), i("div", {
1175
- key: $.id,
1176
- class: P(["tab-item", {
1177
- active: s.value === $.id
1178
- }]),
1179
- onClick: (M) => u($.id)
1180
- }, [e("span", Ds, r($.label), 1)], 10, Vs))), 128))]), e("div", Hs, [(a(!0), i(m, null, v(n.tabs, ($) => z((a(), i("div", {
1181
- key: $.id,
1182
- class: "tab-panel"
1183
- }, [h(b.$slots, $.id, {
1184
- tab: $
1185
- }, () => [h(b.$slots, "default", {
1186
- tab: $
1187
- }, void 0, !0)], !0)])), [[N, s.value === $.id]])), 128))])]));
1188
- }
1189
- }), va = /* @__PURE__ */ _(Ms, [["__scopeId", "data-v-22e880ae"]]);
1190
- export {
1191
- ha as A,
1192
- be as B,
1193
- H as C,
1194
- va as D,
1195
- Zs as L,
1196
- lt as T,
1197
- Js as a,
1198
- ce as b,
1199
- de as c,
1200
- Ks as d,
1201
- Qs as e,
1202
- Xs as f,
1203
- Ys as g,
1204
- ea as h,
1205
- ta as i,
1206
- sa as j,
1207
- aa as k,
1208
- na as l,
1209
- ia as m,
1210
- oa as n,
1211
- ca as o,
1212
- ra as p,
1213
- la as q,
1214
- da as r,
1215
- V as s,
1216
- ua as t,
1217
- _a as u,
1218
- D as v,
1219
- pa as w,
1220
- ga as x,
1221
- fa as y,
1222
- ma as z
1223
- };