@huyooo/ui 0.4.50 → 0.4.51
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.
- package/dist/{LandingPageToc-DG0TbUd7.js → LandingPageToc-_YOKzx0Z.js} +509 -496
- package/dist/components/LandingPage/LandingPageContact.vue.d.ts +16 -1
- package/dist/components/LandingPage/LandingPageContactForm.vue.d.ts +8 -1
- package/dist/index.js +1 -1
- package/dist/landingPage.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
2
|
-
import { _ as
|
|
1
|
+
import { createElementBlock as o, openBlock as s, renderSlot as h, defineComponent as m, createVNode as d, withCtx as _, createElementVNode as e, normalizeStyle as x, unref as P, toDisplayString as r, Fragment as v, renderList as $, createBlock as L, normalizeClass as w, createTextVNode as f, ref as k, createCommentVNode as C, withModifiers as N, withDirectives as q, vModelText as B, computed as F, createStaticVNode as E } from "vue";
|
|
2
|
+
import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
3
|
import { Icon as S } from "@iconify/vue";
|
|
4
|
-
import { C as
|
|
4
|
+
import { C as G, a as O } from "./CollapseItem-Cw1vcdLu.js";
|
|
5
5
|
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
|
-
import { Tag as
|
|
8
|
-
const
|
|
7
|
+
import { Tag as R } from "@arco-design/web-vue";
|
|
8
|
+
const K = {}, W = {
|
|
9
9
|
class: "SubTitle"
|
|
10
10
|
};
|
|
11
|
-
function
|
|
12
|
-
return s(),
|
|
11
|
+
function J(a, t) {
|
|
12
|
+
return s(), o("div", W, [h(a.$slots, "default", {}, void 0, !0)]);
|
|
13
13
|
}
|
|
14
|
-
const
|
|
14
|
+
const j = /* @__PURE__ */ u(K, [["render", J], ["__scopeId", "data-v-3decf2d4"]]), Z = {}, Q = {
|
|
15
15
|
class: "Title"
|
|
16
16
|
};
|
|
17
|
-
function
|
|
18
|
-
return s(),
|
|
17
|
+
function Y(a, t) {
|
|
18
|
+
return s(), o("h2", Q, [h(a.$slots, "default", {}, void 0, !0)]);
|
|
19
19
|
}
|
|
20
|
-
const
|
|
20
|
+
const M = /* @__PURE__ */ u(Z, [["render", Y], ["__scopeId", "data-v-58078aa8"]]), X = {
|
|
21
21
|
class: "BlockHeader"
|
|
22
|
-
},
|
|
22
|
+
}, ee = /* @__PURE__ */ m({
|
|
23
23
|
__name: "LandingPageBlockHeader",
|
|
24
24
|
setup(a) {
|
|
25
|
-
return (t, l) => (s(),
|
|
25
|
+
return (t, l) => (s(), o("div", X, [d(M, {
|
|
26
26
|
class: "BlockHeaderTitle"
|
|
27
27
|
}, {
|
|
28
|
-
default:
|
|
28
|
+
default: _(() => [h(t.$slots, "title", {}, void 0, !0)]),
|
|
29
29
|
_: 3
|
|
30
|
-
}),
|
|
30
|
+
}), d(j, {
|
|
31
31
|
class: "BlockHeaderSubTitle"
|
|
32
32
|
}, {
|
|
33
|
-
default:
|
|
33
|
+
default: _(() => [h(t.$slots, "subTitle", {}, void 0, !0)]),
|
|
34
34
|
_: 3
|
|
35
35
|
})]));
|
|
36
36
|
}
|
|
37
|
-
}),
|
|
37
|
+
}), te = /* @__PURE__ */ u(ee, [["__scopeId", "data-v-8d51bb3a"]]), se = {
|
|
38
38
|
class: "BlockLayout"
|
|
39
|
-
},
|
|
39
|
+
}, ae = /* @__PURE__ */ m({
|
|
40
40
|
__name: "LandingPageBlockLayout",
|
|
41
41
|
props: {
|
|
42
42
|
columns: {
|
|
@@ -50,7 +50,7 @@ const j = /* @__PURE__ */ d(J, [["render", Z], ["__scopeId", "data-v-58078aa8"]]
|
|
|
50
50
|
},
|
|
51
51
|
setup(a) {
|
|
52
52
|
const t = a;
|
|
53
|
-
return (l,
|
|
53
|
+
return (l, n) => (s(), o("section", se, [h(l.$slots, "BlockHeader", {}, void 0, !0), e("div", {
|
|
54
54
|
class: "BlockBody",
|
|
55
55
|
style: x({
|
|
56
56
|
gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
|
|
@@ -58,12 +58,12 @@ const j = /* @__PURE__ */ d(J, [["render", Z], ["__scopeId", "data-v-58078aa8"]]
|
|
|
58
58
|
})
|
|
59
59
|
}, [h(l.$slots, "BlockBody", {}, void 0, !0)], 4)]));
|
|
60
60
|
}
|
|
61
|
-
}),
|
|
61
|
+
}), ne = /* @__PURE__ */ u(ae, [["__scopeId", "data-v-84ed1aaa"]]), oe = {
|
|
62
62
|
description: "",
|
|
63
63
|
class: "mission-list-item"
|
|
64
|
-
},
|
|
64
|
+
}, ie = {
|
|
65
65
|
class: "mission-list-text"
|
|
66
|
-
},
|
|
66
|
+
}, le = /* @__PURE__ */ m({
|
|
67
67
|
__name: "LandingPageListItem",
|
|
68
68
|
props: {
|
|
69
69
|
description: {
|
|
@@ -72,30 +72,30 @@ const j = /* @__PURE__ */ d(J, [["render", Z], ["__scopeId", "data-v-58078aa8"]]
|
|
|
72
72
|
},
|
|
73
73
|
setup(a) {
|
|
74
74
|
const t = a;
|
|
75
|
-
return (l,
|
|
75
|
+
return (l, n) => (s(), o("div", oe, [d(P(S), {
|
|
76
76
|
icon: "mingcute:check-circle-fill",
|
|
77
77
|
class: "mission-list-icon"
|
|
78
|
-
}), e("span",
|
|
78
|
+
}), e("span", ie, r(t.description), 1)]));
|
|
79
79
|
}
|
|
80
|
-
}),
|
|
80
|
+
}), H = /* @__PURE__ */ u(le, [["__scopeId", "data-v-4973c791"]]), re = {
|
|
81
81
|
class: "mission-container"
|
|
82
|
-
},
|
|
82
|
+
}, ce = {
|
|
83
83
|
class: "mission-image-wrapper"
|
|
84
|
-
},
|
|
84
|
+
}, de = ["src", "alt"], ue = {
|
|
85
85
|
class: "mission-content"
|
|
86
|
-
}, ue = {
|
|
87
|
-
class: "mission-title"
|
|
88
86
|
}, _e = {
|
|
89
|
-
class: "mission-title
|
|
87
|
+
class: "mission-title"
|
|
90
88
|
}, pe = {
|
|
91
|
-
class: "mission-
|
|
89
|
+
class: "mission-title-highlight"
|
|
92
90
|
}, me = {
|
|
93
|
-
class: "mission-
|
|
91
|
+
class: "mission-desc"
|
|
94
92
|
}, fe = {
|
|
93
|
+
class: "mission-list"
|
|
94
|
+
}, ge = {
|
|
95
95
|
style: {
|
|
96
96
|
display: "none"
|
|
97
97
|
}
|
|
98
|
-
},
|
|
98
|
+
}, he = /* @__PURE__ */ m({
|
|
99
99
|
__name: "LandingPageMission",
|
|
100
100
|
props: {
|
|
101
101
|
image: {},
|
|
@@ -106,7 +106,7 @@ const j = /* @__PURE__ */ d(J, [["render", Z], ["__scopeId", "data-v-58078aa8"]]
|
|
|
106
106
|
features: {}
|
|
107
107
|
},
|
|
108
108
|
setup(a) {
|
|
109
|
-
return (t, l) => (s(),
|
|
109
|
+
return (t, l) => (s(), o("div", re, [e("div", ce, [l[0] || (l[0] = e("div", {
|
|
110
110
|
class: "mission-bg1"
|
|
111
111
|
}, null, -1)), e("img", {
|
|
112
112
|
src: t.image,
|
|
@@ -115,23 +115,23 @@ const j = /* @__PURE__ */ d(J, [["render", Z], ["__scopeId", "data-v-58078aa8"]]
|
|
|
115
115
|
width: "1270",
|
|
116
116
|
decoding: "async",
|
|
117
117
|
class: "mission-img"
|
|
118
|
-
}, null, 8,
|
|
119
|
-
key:
|
|
120
|
-
description:
|
|
121
|
-
}, null, 8, ["description"]))), 128))])]), (s(),
|
|
118
|
+
}, null, 8, de)]), e("div", ue, [e("h2", _e, [e("span", pe, r(t.highlight), 1), e("strong", null, r(t.title), 1)]), e("p", me, r(t.description), 1), e("div", fe, [(s(!0), o(v, null, $(t.features, (n, i) => (s(), L(H, {
|
|
119
|
+
key: i,
|
|
120
|
+
description: n
|
|
121
|
+
}, null, 8, ["description"]))), 128))])]), (s(), o("svg", ge, l[1] || (l[1] = [e("symbol", {
|
|
122
122
|
id: "ai:ph:check-circle-fill"
|
|
123
123
|
}, [e("path", {
|
|
124
124
|
fill: "currentColor",
|
|
125
125
|
d: "M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m45.66 85.66l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32"
|
|
126
126
|
})], -1)])))]));
|
|
127
127
|
}
|
|
128
|
-
}),
|
|
128
|
+
}), ve = /* @__PURE__ */ u(he, [["__scopeId", "data-v-511c032f"]]), $e = {
|
|
129
129
|
class: "team-info-container"
|
|
130
|
-
}, $e = {
|
|
131
|
-
class: "team-info-title"
|
|
132
130
|
}, be = {
|
|
131
|
+
class: "team-info-title"
|
|
132
|
+
}, ye = {
|
|
133
133
|
class: "team-info-desc"
|
|
134
|
-
},
|
|
134
|
+
}, ke = /* @__PURE__ */ m({
|
|
135
135
|
__name: "LandingPageTeamInfo",
|
|
136
136
|
props: {
|
|
137
137
|
title: {},
|
|
@@ -139,23 +139,23 @@ const j = /* @__PURE__ */ d(J, [["render", Z], ["__scopeId", "data-v-58078aa8"]]
|
|
|
139
139
|
},
|
|
140
140
|
setup(a) {
|
|
141
141
|
const t = a;
|
|
142
|
-
return (l,
|
|
142
|
+
return (l, n) => (s(), o("div", $e, [e("div", be, r(t.title), 1), e("p", ye, r(t.description), 1)]));
|
|
143
143
|
}
|
|
144
|
-
}),
|
|
144
|
+
}), Le = /* @__PURE__ */ u(ke, [["__scopeId", "data-v-2074e0d7"]]), Pe = {}, Ie = {
|
|
145
145
|
class: "Description"
|
|
146
146
|
};
|
|
147
|
-
function
|
|
148
|
-
return s(),
|
|
147
|
+
function Se(a, t) {
|
|
148
|
+
return s(), o("div", Ie, [h(a.$slots, "default", {}, void 0, !0)]);
|
|
149
149
|
}
|
|
150
|
-
const I = /* @__PURE__ */
|
|
150
|
+
const I = /* @__PURE__ */ u(Pe, [["render", Se], ["__scopeId", "data-v-501deb41"]]), xe = {
|
|
151
151
|
class: "grid-container"
|
|
152
|
-
},
|
|
152
|
+
}, Ce = {
|
|
153
153
|
class: "square"
|
|
154
|
-
},
|
|
154
|
+
}, we = ["src", "alt", "sizes", "width", "height"], Ae = {
|
|
155
155
|
class: "footer"
|
|
156
|
-
},
|
|
156
|
+
}, Te = {
|
|
157
157
|
class: "name"
|
|
158
|
-
},
|
|
158
|
+
}, qe = /* @__PURE__ */ m({
|
|
159
159
|
__name: "LandingPageTeamList",
|
|
160
160
|
props: {
|
|
161
161
|
publishedTeamMembers: {},
|
|
@@ -165,22 +165,22 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
|
|
|
165
165
|
pictureClass: {}
|
|
166
166
|
},
|
|
167
167
|
setup(a) {
|
|
168
|
-
return (t, l) => (s(),
|
|
169
|
-
key:
|
|
168
|
+
return (t, l) => (s(), o("div", xe, [(s(!0), o(v, null, $(t.publishedTeamMembers, (n) => (s(), o("div", {
|
|
169
|
+
key: n.data.name,
|
|
170
170
|
class: "group"
|
|
171
|
-
}, [e("div",
|
|
172
|
-
src:
|
|
173
|
-
alt:
|
|
171
|
+
}, [e("div", Ce, [e("img", {
|
|
172
|
+
src: n.data.avatar.src,
|
|
173
|
+
alt: n.data.avatar.alt,
|
|
174
174
|
sizes: t.sizes,
|
|
175
175
|
width: t.width,
|
|
176
176
|
height: t.height,
|
|
177
177
|
class: w(t.pictureClass ? `${t.pictureClass} picture-img` : "picture-img")
|
|
178
|
-
}, null, 10,
|
|
179
|
-
default:
|
|
178
|
+
}, null, 10, we)]), e("div", Ae, [e("h2", Te, r(n.data.name), 1), d(I, null, {
|
|
179
|
+
default: _(() => [f(r(n.data.title), 1)]),
|
|
180
180
|
_: 2
|
|
181
181
|
}, 1024)])]))), 128))]));
|
|
182
182
|
}
|
|
183
|
-
}),
|
|
183
|
+
}), Be = /* @__PURE__ */ u(qe, [["__scopeId", "data-v-aae1a797"]]), ze = /* @__PURE__ */ m({
|
|
184
184
|
__name: "LandingPageAbout",
|
|
185
185
|
setup(a) {
|
|
186
186
|
const t = [{
|
|
@@ -220,20 +220,20 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
|
|
|
220
220
|
}
|
|
221
221
|
}
|
|
222
222
|
}];
|
|
223
|
-
return (l,
|
|
224
|
-
BlockHeader:
|
|
225
|
-
title:
|
|
226
|
-
subTitle:
|
|
223
|
+
return (l, n) => (s(), o(v, null, [d(ne, null, {
|
|
224
|
+
BlockHeader: _(() => [d(te, null, {
|
|
225
|
+
title: _(() => n[0] || (n[0] = [f("核心团队")])),
|
|
226
|
+
subTitle: _(() => n[1] || (n[1] = [f("我们是一个充满激情的小团队。")])),
|
|
227
227
|
_: 1
|
|
228
228
|
})]),
|
|
229
|
-
BlockBody:
|
|
229
|
+
BlockBody: _(() => [d(Le, {
|
|
230
230
|
title: "Empowering the world with Astro.",
|
|
231
231
|
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."
|
|
232
|
-
}),
|
|
232
|
+
}), d(Be, {
|
|
233
233
|
"published-team-members": t
|
|
234
234
|
})]),
|
|
235
235
|
_: 1
|
|
236
|
-
}),
|
|
236
|
+
}), d(ve, {
|
|
237
237
|
image: "https://astroship-pro.web3templates.com/_astro/employee.DPridi10_Z23eRat.avif",
|
|
238
238
|
"image-alt": "Happy Team",
|
|
239
239
|
title: "Mission",
|
|
@@ -242,13 +242,13 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
|
|
|
242
242
|
features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
|
|
243
243
|
})], 64));
|
|
244
244
|
}
|
|
245
|
-
}),
|
|
245
|
+
}), qa = /* @__PURE__ */ u(ze, [["__scopeId", "data-v-a40e05a5"]]), Fe = {
|
|
246
246
|
class: "nav"
|
|
247
|
-
},
|
|
247
|
+
}, De = {
|
|
248
248
|
class: "section"
|
|
249
|
-
},
|
|
249
|
+
}, Ve = ["href"], je = {
|
|
250
250
|
class: "section"
|
|
251
|
-
},
|
|
251
|
+
}, Me = ["href"], He = /* @__PURE__ */ m({
|
|
252
252
|
__name: "LandingPageAside",
|
|
253
253
|
setup(a) {
|
|
254
254
|
const t = k([{
|
|
@@ -282,28 +282,28 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
|
|
|
282
282
|
text: "Pro license",
|
|
283
283
|
href: "/docs/resources/pro-license"
|
|
284
284
|
}]);
|
|
285
|
-
return (
|
|
285
|
+
return (n, i) => (s(), o("nav", Fe, [i[2] || (i[2] = e("div", {
|
|
286
286
|
class: "section"
|
|
287
287
|
}, [e("div", {
|
|
288
288
|
class: "section-title"
|
|
289
289
|
}, "Getting started"), e("div", null, [e("a", {
|
|
290
290
|
class: "link active",
|
|
291
291
|
href: "/docs"
|
|
292
|
-
}, "Overview")])], -1)), e("div",
|
|
292
|
+
}, "Overview")])], -1)), e("div", De, [i[0] || (i[0] = e("div", {
|
|
293
293
|
class: "section-title"
|
|
294
|
-
}, "Browse by feature", -1)), e("div", null, [(s(!0),
|
|
295
|
-
key:
|
|
294
|
+
}, "Browse by feature", -1)), e("div", null, [(s(!0), o(v, null, $(t.value, (c) => (s(), o("a", {
|
|
295
|
+
key: c.text,
|
|
296
296
|
class: "link",
|
|
297
|
-
href:
|
|
298
|
-
}, r(
|
|
297
|
+
href: c.href
|
|
298
|
+
}, r(c.text), 9, Ve))), 128))])]), e("div", je, [i[1] || (i[1] = e("div", {
|
|
299
299
|
class: "section-title"
|
|
300
|
-
}, "Resources", -1)), e("div", null, [(s(!0),
|
|
301
|
-
key:
|
|
300
|
+
}, "Resources", -1)), e("div", null, [(s(!0), o(v, null, $(l.value, (c) => (s(), o("a", {
|
|
301
|
+
key: c.text,
|
|
302
302
|
class: "link",
|
|
303
|
-
href:
|
|
304
|
-
}, r(
|
|
303
|
+
href: c.href
|
|
304
|
+
}, r(c.text), 9, Me))), 128))])])]));
|
|
305
305
|
}
|
|
306
|
-
}),
|
|
306
|
+
}), Ba = /* @__PURE__ */ u(He, [["__scopeId", "data-v-b516bb75"]]), Ue = ["src"], Ne = /* @__PURE__ */ m({
|
|
307
307
|
__name: "LandingPageLogo",
|
|
308
308
|
props: {
|
|
309
309
|
name: {
|
|
@@ -336,14 +336,14 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
|
|
|
336
336
|
setup(a, {
|
|
337
337
|
emit: t
|
|
338
338
|
}) {
|
|
339
|
-
const l = a,
|
|
340
|
-
function
|
|
341
|
-
|
|
339
|
+
const l = a, n = t;
|
|
340
|
+
function i() {
|
|
341
|
+
n("to");
|
|
342
342
|
}
|
|
343
|
-
return (
|
|
343
|
+
return (c, g) => (s(), o("div", {
|
|
344
344
|
class: "Logo",
|
|
345
|
-
onClick:
|
|
346
|
-
}, [a.icon ? (s(),
|
|
345
|
+
onClick: i
|
|
346
|
+
}, [a.icon ? (s(), o("img", {
|
|
347
347
|
key: 0,
|
|
348
348
|
class: "icon",
|
|
349
349
|
src: a.icon,
|
|
@@ -352,7 +352,7 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
|
|
|
352
352
|
width: l.iconSize,
|
|
353
353
|
height: l.iconSize
|
|
354
354
|
})
|
|
355
|
-
}, null, 12,
|
|
355
|
+
}, null, 12, Ue)) : C("", !0), e("div", {
|
|
356
356
|
class: "text",
|
|
357
357
|
style: x({
|
|
358
358
|
color: l.color,
|
|
@@ -360,9 +360,9 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
|
|
|
360
360
|
})
|
|
361
361
|
}, r(a.name), 5)]));
|
|
362
362
|
}
|
|
363
|
-
}),
|
|
363
|
+
}), Ee = /* @__PURE__ */ u(Ne, [["__scopeId", "data-v-f259564c"]]), Ge = {
|
|
364
364
|
class: "BrandInfo"
|
|
365
|
-
},
|
|
365
|
+
}, Oe = /* @__PURE__ */ m({
|
|
366
366
|
__name: "LandingPageBrandInfo",
|
|
367
367
|
props: {
|
|
368
368
|
icon: {
|
|
@@ -392,153 +392,236 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
|
|
|
392
392
|
},
|
|
393
393
|
setup(a) {
|
|
394
394
|
const t = a;
|
|
395
|
-
return (l,
|
|
395
|
+
return (l, n) => (s(), o("div", Ge, [d(Ee, {
|
|
396
396
|
icon: t.icon,
|
|
397
397
|
name: t.name,
|
|
398
398
|
color: t.color,
|
|
399
399
|
"font-size": t.fontSize,
|
|
400
400
|
"icon-size": t.iconSize
|
|
401
|
-
}, null, 8, ["icon", "name", "color", "font-size", "icon-size"]),
|
|
402
|
-
default:
|
|
401
|
+
}, null, 8, ["icon", "name", "color", "font-size", "icon-size"]), d(I, null, {
|
|
402
|
+
default: _(() => [f(r(t.description), 1)]),
|
|
403
403
|
_: 1
|
|
404
404
|
})]));
|
|
405
405
|
}
|
|
406
|
-
}),
|
|
406
|
+
}), Re = /* @__PURE__ */ u(Oe, [["__scopeId", "data-v-03121641"]]), Ke = /* @__PURE__ */ m({
|
|
407
407
|
__name: "LandingPageButton",
|
|
408
408
|
props: {
|
|
409
409
|
type: {}
|
|
410
410
|
},
|
|
411
411
|
setup(a) {
|
|
412
|
-
return (t, l) => (s(),
|
|
412
|
+
return (t, l) => (s(), o("div", {
|
|
413
413
|
class: w(["heroButton", [t.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
|
|
414
414
|
}, [h(t.$slots, "default", {}, void 0, !0)], 2));
|
|
415
415
|
}
|
|
416
|
-
}), We = /* @__PURE__ */
|
|
416
|
+
}), We = /* @__PURE__ */ u(Ke, [["__scopeId", "data-v-d26fdf8b"]]), Je = {}, Ze = {
|
|
417
417
|
class: "Card"
|
|
418
418
|
};
|
|
419
|
-
function
|
|
420
|
-
return s(),
|
|
419
|
+
function Qe(a, t) {
|
|
420
|
+
return s(), o("div", Ze, [h(a.$slots, "default", {}, void 0, !0)]);
|
|
421
421
|
}
|
|
422
|
-
const
|
|
422
|
+
const U = /* @__PURE__ */ u(Je, [["render", Qe], ["__scopeId", "data-v-cdb3f77d"]]), Ye = {
|
|
423
|
+
class: "contact-container"
|
|
424
|
+
}, Xe = {
|
|
425
|
+
class: "contact-info-section"
|
|
426
|
+
}, et = {
|
|
427
|
+
class: "contact-title"
|
|
428
|
+
}, tt = {
|
|
429
|
+
class: "contact-info"
|
|
430
|
+
}, st = {
|
|
431
|
+
class: "contact-info-item"
|
|
432
|
+
}, at = {
|
|
433
|
+
class: "contact-info-item"
|
|
434
|
+
}, nt = ["href"], ot = {
|
|
435
|
+
class: "contact-info-item"
|
|
436
|
+
}, it = ["href"], lt = {
|
|
437
|
+
class: "contact-form-section"
|
|
438
|
+
}, rt = /* @__PURE__ */ m({
|
|
439
|
+
__name: "LandingPageContact",
|
|
440
|
+
props: {
|
|
441
|
+
title: {
|
|
442
|
+
default: ""
|
|
443
|
+
},
|
|
444
|
+
subTitle: {
|
|
445
|
+
default: ""
|
|
446
|
+
},
|
|
447
|
+
contact: {
|
|
448
|
+
default: () => ({
|
|
449
|
+
title: "联系我们",
|
|
450
|
+
description: "有什么想说的吗?我们随时为您提供帮助。请填写表单或发送邮件或拨打电话。"
|
|
451
|
+
})
|
|
452
|
+
},
|
|
453
|
+
address: {
|
|
454
|
+
default: "北京市朝阳区建国门外大街1号"
|
|
455
|
+
},
|
|
456
|
+
email: {
|
|
457
|
+
default: "hello@example.com"
|
|
458
|
+
},
|
|
459
|
+
phone: {
|
|
460
|
+
default: "+86 138 0000 0000"
|
|
461
|
+
},
|
|
462
|
+
mapIcon: {
|
|
463
|
+
default: "uil:map-marker"
|
|
464
|
+
},
|
|
465
|
+
emailIcon: {
|
|
466
|
+
default: "uil:envelope"
|
|
467
|
+
},
|
|
468
|
+
phoneIcon: {
|
|
469
|
+
default: "uil:phone"
|
|
470
|
+
}
|
|
471
|
+
},
|
|
472
|
+
setup(a) {
|
|
473
|
+
const t = a;
|
|
474
|
+
return (l, n) => (s(), o("div", Ye, [e("div", Xe, [e("h2", et, r(t.contact.title), 1), d(I, null, {
|
|
475
|
+
default: _(() => [f(r(t.contact.description), 1)]),
|
|
476
|
+
_: 1
|
|
477
|
+
}), e("div", tt, [e("div", st, [d(P(S), {
|
|
478
|
+
class: "contact-info-icon",
|
|
479
|
+
icon: l.mapIcon
|
|
480
|
+
}, null, 8, ["icon"]), e("span", null, r(t.address), 1)]), e("div", at, [d(P(S), {
|
|
481
|
+
class: "contact-info-icon",
|
|
482
|
+
icon: t.emailIcon
|
|
483
|
+
}, null, 8, ["icon"]), e("a", {
|
|
484
|
+
href: `mailto:${l.email}`
|
|
485
|
+
}, r(t.email), 9, nt)]), e("div", ot, [d(P(S), {
|
|
486
|
+
class: "contact-info-icon",
|
|
487
|
+
icon: t.phoneIcon
|
|
488
|
+
}, null, 8, ["icon"]), e("a", {
|
|
489
|
+
href: `tel:${l.phone}`
|
|
490
|
+
}, r(t.phone), 9, it)])])]), e("div", lt, [h(l.$slots, "contact-form", {}, void 0, !0)])]));
|
|
491
|
+
}
|
|
492
|
+
}), za = /* @__PURE__ */ u(rt, [["__scopeId", "data-v-50d64cb9"]]), ct = ["value"], dt = ["value"], ut = {
|
|
423
493
|
class: "form-group"
|
|
424
|
-
},
|
|
494
|
+
}, _t = {
|
|
425
495
|
class: "form-group"
|
|
426
|
-
},
|
|
496
|
+
}, pt = {
|
|
427
497
|
class: "form-group"
|
|
428
|
-
},
|
|
498
|
+
}, mt = {
|
|
429
499
|
type: "submit",
|
|
430
500
|
class: "form-button"
|
|
431
|
-
},
|
|
501
|
+
}, ft = {
|
|
432
502
|
key: 0,
|
|
433
503
|
class: "button-content"
|
|
434
|
-
},
|
|
504
|
+
}, gt = {
|
|
435
505
|
key: 1
|
|
436
|
-
},
|
|
506
|
+
}, ht = /* @__PURE__ */ m({
|
|
437
507
|
__name: "LandingPageContactForm",
|
|
508
|
+
props: {
|
|
509
|
+
accessKey: {
|
|
510
|
+
default: "YOUR_ACCESS_KEY_HERE"
|
|
511
|
+
},
|
|
512
|
+
to: {
|
|
513
|
+
default: "support@huyooo.com"
|
|
514
|
+
}
|
|
515
|
+
},
|
|
438
516
|
setup(a) {
|
|
439
|
-
const t = k(!1),
|
|
517
|
+
const t = a, l = k(!1), n = k(""), i = k(""), c = k({
|
|
440
518
|
name: "",
|
|
441
519
|
email: "",
|
|
442
520
|
message: ""
|
|
443
|
-
}),
|
|
444
|
-
|
|
445
|
-
const p =
|
|
521
|
+
}), g = async (A) => {
|
|
522
|
+
l.value = !0;
|
|
523
|
+
const p = A.target;
|
|
446
524
|
if (!p.checkValidity()) {
|
|
447
525
|
p.querySelectorAll(":invalid")[0].focus();
|
|
448
526
|
return;
|
|
449
527
|
}
|
|
450
|
-
|
|
528
|
+
n.value = "发送中...", i.value = "";
|
|
451
529
|
try {
|
|
452
|
-
const
|
|
530
|
+
const b = await fetch("https://api.web3forms.com/submit", {
|
|
453
531
|
method: "POST",
|
|
454
532
|
headers: {
|
|
455
533
|
"Content-Type": "application/json",
|
|
456
534
|
Accept: "application/json"
|
|
457
535
|
},
|
|
458
536
|
body: JSON.stringify({
|
|
459
|
-
access_key:
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
537
|
+
access_key: t.accessKey,
|
|
538
|
+
to: t.to,
|
|
539
|
+
name: c.value.name,
|
|
540
|
+
email: c.value.email,
|
|
541
|
+
message: c.value.message
|
|
463
542
|
})
|
|
464
|
-
}),
|
|
465
|
-
|
|
543
|
+
}), T = await b.json();
|
|
544
|
+
b.status === 200 ? (i.value = "text-green", n.value = T.message) : (i.value = "text-red", n.value = T.message);
|
|
466
545
|
} catch {
|
|
467
|
-
i.value = "text-red",
|
|
546
|
+
i.value = "text-red", n.value = "发送失败,请稍后再试!";
|
|
468
547
|
} finally {
|
|
469
|
-
p.reset(),
|
|
470
|
-
|
|
548
|
+
p.reset(), l.value = !1, setTimeout(() => {
|
|
549
|
+
n.value = "";
|
|
471
550
|
}, 5e3);
|
|
472
551
|
}
|
|
473
552
|
};
|
|
474
|
-
return (
|
|
553
|
+
return (A, p) => (s(), o("form", {
|
|
475
554
|
id: "form",
|
|
476
555
|
action: "https://api.web3forms.com/submit",
|
|
477
556
|
method: "POST",
|
|
478
557
|
class: w(["contact-form", {
|
|
479
|
-
"was-validated":
|
|
558
|
+
"was-validated": l.value
|
|
480
559
|
}]),
|
|
481
560
|
novalidate: "",
|
|
482
|
-
onSubmit:
|
|
483
|
-
}, [
|
|
561
|
+
onSubmit: N(g, ["prevent"])
|
|
562
|
+
}, [e("input", {
|
|
484
563
|
type: "hidden",
|
|
485
564
|
name: "access_key",
|
|
486
|
-
value:
|
|
487
|
-
}, null,
|
|
565
|
+
value: t.accessKey
|
|
566
|
+
}, null, 8, ct), e("input", {
|
|
567
|
+
type: "hidden",
|
|
568
|
+
name: "to",
|
|
569
|
+
value: t.to
|
|
570
|
+
}, null, 8, dt), p[11] || (p[11] = e("input", {
|
|
488
571
|
type: "checkbox",
|
|
489
572
|
class: "hidden",
|
|
490
573
|
style: {
|
|
491
574
|
display: "none"
|
|
492
575
|
},
|
|
493
576
|
name: "botcheck"
|
|
494
|
-
}, null, -1)), e("div",
|
|
577
|
+
}, null, -1)), e("div", ut, [p[3] || (p[3] = e("label", {
|
|
495
578
|
for: "name",
|
|
496
579
|
class: "form-label"
|
|
497
580
|
}, [f(" 姓名 "), e("span", {
|
|
498
581
|
class: "required"
|
|
499
|
-
}, "*")], -1)),
|
|
582
|
+
}, "*")], -1)), q(e("input", {
|
|
500
583
|
id: "name",
|
|
501
|
-
"onUpdate:modelValue": p[0] || (p[0] = (
|
|
584
|
+
"onUpdate:modelValue": p[0] || (p[0] = (b) => c.value.name = b),
|
|
502
585
|
type: "text",
|
|
503
586
|
placeholder: "请输入您的姓名",
|
|
504
587
|
required: "",
|
|
505
588
|
class: "form-input",
|
|
506
589
|
name: "name"
|
|
507
|
-
}, null, 512), [[
|
|
590
|
+
}, null, 512), [[B, c.value.name]]), p[4] || (p[4] = e("div", {
|
|
508
591
|
class: "empty-feedback invalid-feedback form-error"
|
|
509
|
-
}, " 请输入您的姓名。 ", -1))]), e("div",
|
|
592
|
+
}, " 请输入您的姓名。 ", -1))]), e("div", _t, [p[5] || (p[5] = e("label", {
|
|
510
593
|
for: "email_address",
|
|
511
594
|
class: "form-label"
|
|
512
595
|
}, [f(" 邮箱地址 "), e("span", {
|
|
513
596
|
class: "required"
|
|
514
|
-
}, "*")], -1)),
|
|
597
|
+
}, "*")], -1)), q(e("input", {
|
|
515
598
|
id: "email_address",
|
|
516
|
-
"onUpdate:modelValue": p[1] || (p[1] = (
|
|
599
|
+
"onUpdate:modelValue": p[1] || (p[1] = (b) => c.value.email = b),
|
|
517
600
|
type: "email",
|
|
518
601
|
placeholder: "请输入您的邮箱地址",
|
|
519
602
|
name: "email",
|
|
520
603
|
required: "",
|
|
521
604
|
class: "form-input"
|
|
522
|
-
}, null, 512), [[
|
|
605
|
+
}, null, 512), [[B, c.value.email]]), p[6] || (p[6] = e("div", {
|
|
523
606
|
class: "empty-feedback form-error"
|
|
524
607
|
}, " 请输入您的邮箱地址。 ", -1)), p[7] || (p[7] = e("div", {
|
|
525
608
|
class: "invalid-feedback form-error"
|
|
526
|
-
}, " 请输入有效的邮箱地址。 ", -1))]), e("div",
|
|
609
|
+
}, " 请输入有效的邮箱地址。 ", -1))]), e("div", pt, [p[8] || (p[8] = e("label", {
|
|
527
610
|
for: "message",
|
|
528
611
|
class: "form-label"
|
|
529
612
|
}, [f(" 留言内容 "), e("span", {
|
|
530
613
|
class: "required"
|
|
531
|
-
}, "*")], -1)),
|
|
614
|
+
}, "*")], -1)), q(e("textarea", {
|
|
532
615
|
id: "message",
|
|
533
|
-
"onUpdate:modelValue": p[2] || (p[2] = (
|
|
616
|
+
"onUpdate:modelValue": p[2] || (p[2] = (b) => c.value.message = b),
|
|
534
617
|
name: "message",
|
|
535
618
|
required: "",
|
|
536
619
|
placeholder: "请输入您的留言内容",
|
|
537
620
|
class: "form-textarea",
|
|
538
621
|
rows: "4"
|
|
539
|
-
}, null, 512), [[
|
|
622
|
+
}, null, 512), [[B, c.value.message]]), p[9] || (p[9] = e("div", {
|
|
540
623
|
class: "empty-feedback invalid-feedback form-error"
|
|
541
|
-
}, " 请输入您的留言内容。 ", -1))]), e("button",
|
|
624
|
+
}, " 请输入您的留言内容。 ", -1))]), e("button", mt, [n.value === "发送中..." ? (s(), o("span", ft, p[10] || (p[10] = [e("svg", {
|
|
542
625
|
class: "spinner",
|
|
543
626
|
xmlns: "http://www.w3.org/2000/svg",
|
|
544
627
|
fill: "none",
|
|
@@ -554,94 +637,24 @@ const E = /* @__PURE__ */ d(Ke, [["render", Ye], ["__scopeId", "data-v-cdb3f77d"
|
|
|
554
637
|
class: "spinner-path",
|
|
555
638
|
fill: "currentColor",
|
|
556
639
|
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
|
557
|
-
})], -1), f(" 发送中... ")]))) : (s(),
|
|
640
|
+
})], -1), f(" 发送中... ")]))) : (s(), o("span", gt, "发送信息"))]), n.value && n.value !== "发送中..." ? (s(), o("div", {
|
|
558
641
|
key: 0,
|
|
559
642
|
class: w(["form-result", i.value])
|
|
560
|
-
}, r(
|
|
561
|
-
}
|
|
562
|
-
}), nt = /* @__PURE__ */ d(at, [["__scopeId", "data-v-3d04b427"]]), ot = {
|
|
563
|
-
class: "contact-container"
|
|
564
|
-
}, it = {
|
|
565
|
-
class: "contact-info-section"
|
|
566
|
-
}, lt = {
|
|
567
|
-
class: "contact-title"
|
|
568
|
-
}, rt = {
|
|
569
|
-
class: "contact-info"
|
|
570
|
-
}, ct = {
|
|
571
|
-
class: "contact-info-item"
|
|
572
|
-
}, dt = {
|
|
573
|
-
class: "contact-info-item"
|
|
574
|
-
}, ut = ["href"], _t = {
|
|
575
|
-
class: "contact-info-item"
|
|
576
|
-
}, pt = ["href"], mt = {
|
|
577
|
-
class: "contact-form-section"
|
|
578
|
-
}, ft = /* @__PURE__ */ m({
|
|
579
|
-
__name: "LandingPageContact",
|
|
580
|
-
props: {
|
|
581
|
-
title: {
|
|
582
|
-
default: ""
|
|
583
|
-
},
|
|
584
|
-
subTitle: {
|
|
585
|
-
default: ""
|
|
586
|
-
},
|
|
587
|
-
contact: {
|
|
588
|
-
default: () => ({
|
|
589
|
-
title: "联系我们",
|
|
590
|
-
description: "有什么想说的吗?我们随时为您提供帮助。请填写表单或发送邮件或拨打电话。"
|
|
591
|
-
})
|
|
592
|
-
},
|
|
593
|
-
address: {
|
|
594
|
-
default: "北京市朝阳区建国门外大街1号"
|
|
595
|
-
},
|
|
596
|
-
email: {
|
|
597
|
-
default: "hello@example.com"
|
|
598
|
-
},
|
|
599
|
-
phone: {
|
|
600
|
-
default: "+86 138 0000 0000"
|
|
601
|
-
},
|
|
602
|
-
mapIcon: {
|
|
603
|
-
default: "uil:map-marker"
|
|
604
|
-
},
|
|
605
|
-
emailIcon: {
|
|
606
|
-
default: "uil:envelope"
|
|
607
|
-
},
|
|
608
|
-
phoneIcon: {
|
|
609
|
-
default: "uil:phone"
|
|
610
|
-
}
|
|
611
|
-
},
|
|
612
|
-
setup(a) {
|
|
613
|
-
const t = a;
|
|
614
|
-
return (l, i) => (s(), n("div", ot, [e("div", it, [e("h2", lt, r(t.contact.title), 1), c(I, null, {
|
|
615
|
-
default: u(() => [f(r(t.contact.description), 1)]),
|
|
616
|
-
_: 1
|
|
617
|
-
}), e("div", rt, [e("div", ct, [c(P(S), {
|
|
618
|
-
class: "contact-info-icon",
|
|
619
|
-
icon: l.mapIcon
|
|
620
|
-
}, null, 8, ["icon"]), e("span", null, r(t.address), 1)]), e("div", dt, [c(P(S), {
|
|
621
|
-
class: "contact-info-icon",
|
|
622
|
-
icon: t.emailIcon
|
|
623
|
-
}, null, 8, ["icon"]), e("a", {
|
|
624
|
-
href: `mailto:${l.email}`
|
|
625
|
-
}, r(t.email), 9, ut)]), e("div", _t, [c(P(S), {
|
|
626
|
-
class: "contact-info-icon",
|
|
627
|
-
icon: t.phoneIcon
|
|
628
|
-
}, null, 8, ["icon"]), e("a", {
|
|
629
|
-
href: `tel:${l.phone}`
|
|
630
|
-
}, r(t.phone), 9, pt)])])]), e("div", mt, [c(nt)])]));
|
|
643
|
+
}, r(n.value), 3)) : C("", !0)], 34));
|
|
631
644
|
}
|
|
632
|
-
}),
|
|
645
|
+
}), Fa = /* @__PURE__ */ u(ht, [["__scopeId", "data-v-82edff71"]]), vt = {}, $t = {
|
|
633
646
|
class: "custom-container"
|
|
634
647
|
};
|
|
635
|
-
function
|
|
636
|
-
return s(),
|
|
648
|
+
function bt(a, t) {
|
|
649
|
+
return s(), o("div", $t, [h(a.$slots, "default", {}, void 0, !0)]);
|
|
637
650
|
}
|
|
638
|
-
const
|
|
651
|
+
const Da = /* @__PURE__ */ u(vt, [["render", bt], ["__scopeId", "data-v-57594f09"]]), yt = {
|
|
639
652
|
class: "cta-title"
|
|
640
|
-
},
|
|
653
|
+
}, kt = {
|
|
641
654
|
class: "cta-description"
|
|
642
|
-
},
|
|
655
|
+
}, Lt = {
|
|
643
656
|
class: "cta-actions"
|
|
644
|
-
},
|
|
657
|
+
}, Pt = /* @__PURE__ */ m({
|
|
645
658
|
__name: "LandingPageCta",
|
|
646
659
|
props: {
|
|
647
660
|
title: {
|
|
@@ -653,25 +666,25 @@ const za = /* @__PURE__ */ d(gt, [["render", vt], ["__scopeId", "data-v-57594f09
|
|
|
653
666
|
backgroundUrl: {}
|
|
654
667
|
},
|
|
655
668
|
setup(a) {
|
|
656
|
-
const t = a, l =
|
|
669
|
+
const t = a, l = F(() => ({
|
|
657
670
|
backgroundImage: t.backgroundUrl ? `url(${t.backgroundUrl})` : void 0,
|
|
658
671
|
backgroundRepeat: "no-repeat",
|
|
659
672
|
backgroundSize: "200% 200%",
|
|
660
673
|
backgroundPosition: "center"
|
|
661
674
|
}));
|
|
662
|
-
return (
|
|
675
|
+
return (n, i) => (s(), o("div", {
|
|
663
676
|
class: "cta-container",
|
|
664
677
|
style: x(l.value)
|
|
665
|
-
}, [e("h1",
|
|
678
|
+
}, [e("h1", yt, r(t.title), 1), e("div", kt, r(t.description), 1), e("div", Lt, [h(n.$slots, "actions", {}, void 0, !0)])], 4));
|
|
666
679
|
}
|
|
667
|
-
}),
|
|
680
|
+
}), Va = /* @__PURE__ */ u(Pt, [["__scopeId", "data-v-b3eb87df"]]), It = {}, St = {
|
|
668
681
|
role: "separator",
|
|
669
682
|
class: "divider divider-horizontal"
|
|
670
683
|
};
|
|
671
|
-
function
|
|
672
|
-
return s(),
|
|
684
|
+
function xt(a, t) {
|
|
685
|
+
return s(), o("div", St);
|
|
673
686
|
}
|
|
674
|
-
const
|
|
687
|
+
const D = /* @__PURE__ */ u(It, [["render", xt], ["__scopeId", "data-v-997fc2a4"]]), Ct = /* @__PURE__ */ m({
|
|
675
688
|
__name: "LandingPageFAQ",
|
|
676
689
|
props: {
|
|
677
690
|
activeKeys: {
|
|
@@ -701,16 +714,16 @@ const F = /* @__PURE__ */ d(Lt, [["render", It], ["__scopeId", "data-v-997fc2a4"
|
|
|
701
714
|
},
|
|
702
715
|
setup(a) {
|
|
703
716
|
const t = a;
|
|
704
|
-
return (l,
|
|
717
|
+
return (l, n) => (s(), L(G, {
|
|
705
718
|
"active-keys": t.activeKeys
|
|
706
719
|
}, {
|
|
707
|
-
default:
|
|
708
|
-
key:
|
|
709
|
-
index:
|
|
720
|
+
default: _(() => [(s(!0), o(v, null, $(t.faqItems, (i, c) => (s(), L(O, {
|
|
721
|
+
key: c,
|
|
722
|
+
index: c
|
|
710
723
|
}, {
|
|
711
|
-
header:
|
|
712
|
-
default:
|
|
713
|
-
default:
|
|
724
|
+
header: _(() => [f(r(i.question), 1)]),
|
|
725
|
+
default: _(() => [d(I, null, {
|
|
726
|
+
default: _(() => [f(r(i.answer), 1)]),
|
|
714
727
|
_: 2
|
|
715
728
|
}, 1024)]),
|
|
716
729
|
_: 2
|
|
@@ -718,11 +731,11 @@ const F = /* @__PURE__ */ d(Lt, [["render", It], ["__scopeId", "data-v-997fc2a4"
|
|
|
718
731
|
_: 1
|
|
719
732
|
}, 8, ["active-keys"]));
|
|
720
733
|
}
|
|
721
|
-
}),
|
|
734
|
+
}), ja = /* @__PURE__ */ u(Ct, [["__scopeId", "data-v-581e8f75"]]), wt = {
|
|
722
735
|
class: "Features"
|
|
723
|
-
},
|
|
736
|
+
}, At = {
|
|
724
737
|
class: "feature-title"
|
|
725
|
-
},
|
|
738
|
+
}, Tt = /* @__PURE__ */ m({
|
|
726
739
|
__name: "LandingPageFeatures",
|
|
727
740
|
props: {
|
|
728
741
|
features: {
|
|
@@ -761,34 +774,34 @@ const F = /* @__PURE__ */ d(Lt, [["render", It], ["__scopeId", "data-v-997fc2a4"
|
|
|
761
774
|
},
|
|
762
775
|
setup(a) {
|
|
763
776
|
const t = a;
|
|
764
|
-
return (l,
|
|
765
|
-
key:
|
|
777
|
+
return (l, n) => (s(), o("div", wt, [(s(!0), o(v, null, $(t.features, (i) => (s(), L(U, {
|
|
778
|
+
key: i.title
|
|
766
779
|
}, {
|
|
767
|
-
default:
|
|
780
|
+
default: _(() => [e("div", {
|
|
768
781
|
class: "icon-container",
|
|
769
782
|
style: x({
|
|
770
783
|
color: t.iconColor,
|
|
771
784
|
border: `1px solid ${t.iconBorderColor}`
|
|
772
785
|
})
|
|
773
|
-
}, [
|
|
786
|
+
}, [d(P(S), {
|
|
774
787
|
class: "icon",
|
|
775
|
-
icon:
|
|
776
|
-
}, null, 8, ["icon"])], 4), e("h3",
|
|
777
|
-
default:
|
|
788
|
+
icon: i.icon
|
|
789
|
+
}, null, 8, ["icon"])], 4), e("h3", At, r(i.title), 1), d(I, null, {
|
|
790
|
+
default: _(() => [f(r(i.description), 1)]),
|
|
778
791
|
_: 2
|
|
779
792
|
}, 1024)]),
|
|
780
793
|
_: 2
|
|
781
794
|
}, 1024))), 128))]));
|
|
782
795
|
}
|
|
783
|
-
}),
|
|
796
|
+
}), Ma = /* @__PURE__ */ u(Tt, [["__scopeId", "data-v-1ee2db18"]]), qt = {
|
|
784
797
|
class: "tt-feature-list"
|
|
785
|
-
},
|
|
798
|
+
}, Bt = {
|
|
786
799
|
class: "tt-feature-content"
|
|
787
|
-
},
|
|
800
|
+
}, zt = {
|
|
788
801
|
class: "heading-small"
|
|
789
|
-
},
|
|
802
|
+
}, Ft = {
|
|
790
803
|
class: "text-small"
|
|
791
|
-
},
|
|
804
|
+
}, Dt = /* @__PURE__ */ m({
|
|
792
805
|
__name: "LandingPageFeatures2",
|
|
793
806
|
props: {
|
|
794
807
|
list: {
|
|
@@ -798,26 +811,26 @@ const F = /* @__PURE__ */ d(Lt, [["render", It], ["__scopeId", "data-v-997fc2a4"
|
|
|
798
811
|
},
|
|
799
812
|
setup(a) {
|
|
800
813
|
const t = a;
|
|
801
|
-
return (l,
|
|
802
|
-
key:
|
|
814
|
+
return (l, n) => (s(), o("div", qt, [(s(!0), o(v, null, $(t.list, (i, c) => (s(), o("div", {
|
|
815
|
+
key: c,
|
|
803
816
|
class: "tt-feature-item centered"
|
|
804
|
-
}, [
|
|
817
|
+
}, [n[1] || (n[1] = e("div", {
|
|
805
818
|
class: "tt-feature-icon"
|
|
806
819
|
}, [e("img", {
|
|
807
820
|
src: "https://cdn.prod.website-files.com/645a9acecda2e0594fac6126/66cda872417824f6aabdc2ad_check-highlight-badge.svg",
|
|
808
821
|
loading: "lazy",
|
|
809
822
|
class: "feature-media"
|
|
810
|
-
})], -1)), e("div",
|
|
823
|
+
})], -1)), e("div", Bt, [e("h3", zt, r(i.title), 1), e("p", Ft, [f(r(i.descriptions) + " ", 1), n[0] || (n[0] = e("br", null, null, -1))])])]))), 128))]));
|
|
811
824
|
}
|
|
812
|
-
}),
|
|
813
|
-
function
|
|
825
|
+
}), Ha = /* @__PURE__ */ u(Dt, [["__scopeId", "data-v-abd3c70a"]]);
|
|
826
|
+
function Vt(a, t, l) {
|
|
814
827
|
return `mailto:${a}?subject=${encodeURIComponent(t)}&body=${encodeURIComponent(l)}`;
|
|
815
828
|
}
|
|
816
|
-
const
|
|
829
|
+
const jt = {
|
|
817
830
|
class: "bottom"
|
|
818
|
-
},
|
|
831
|
+
}, Mt = {
|
|
819
832
|
class: "socials"
|
|
820
|
-
},
|
|
833
|
+
}, Ht = ["onClick"], Ut = /* @__PURE__ */ m({
|
|
821
834
|
__name: "LandingPageFooterContact",
|
|
822
835
|
props: {
|
|
823
836
|
beianText: {
|
|
@@ -838,46 +851,46 @@ const Dt = {
|
|
|
838
851
|
function l() {
|
|
839
852
|
window.open(t.beianUrl);
|
|
840
853
|
}
|
|
841
|
-
return (
|
|
854
|
+
return (n, i) => (s(), o("div", jt, [e("span", {
|
|
842
855
|
onClick: l
|
|
843
|
-
}, r(t.beianText), 1), e("div",
|
|
856
|
+
}, r(t.beianText), 1), e("div", Mt, [(s(!0), o(v, null, $(a.links, (c, g) => (s(), o("div", {
|
|
844
857
|
key: g,
|
|
845
858
|
class: "socialItem",
|
|
846
|
-
onClick:
|
|
847
|
-
}, [
|
|
859
|
+
onClick: c.select
|
|
860
|
+
}, [c.type === "text" ? (s(), L(P(S), {
|
|
848
861
|
key: 0,
|
|
849
|
-
icon:
|
|
850
|
-
}, null, 8, ["icon"])) : C("", !0),
|
|
862
|
+
icon: c.icon
|
|
863
|
+
}, null, 8, ["icon"])) : C("", !0), c.type === "image" ? (s(), L(P(S), {
|
|
851
864
|
key: 1,
|
|
852
|
-
icon:
|
|
853
|
-
}, null, 8, ["icon"])) : C("", !0)], 8,
|
|
865
|
+
icon: c.icon
|
|
866
|
+
}, null, 8, ["icon"])) : C("", !0)], 8, Ht))), 128))])]));
|
|
854
867
|
}
|
|
855
|
-
}),
|
|
868
|
+
}), Nt = /* @__PURE__ */ u(Ut, [["__scopeId", "data-v-ff6210b9"]]), Et = {
|
|
856
869
|
class: "FooterLayout"
|
|
857
|
-
},
|
|
870
|
+
}, Gt = {
|
|
858
871
|
class: "body"
|
|
859
|
-
},
|
|
872
|
+
}, Ot = {
|
|
860
873
|
class: "logo"
|
|
861
|
-
},
|
|
874
|
+
}, Rt = {
|
|
862
875
|
class: "links"
|
|
863
|
-
},
|
|
876
|
+
}, Kt = /* @__PURE__ */ m({
|
|
864
877
|
__name: "LandingPageFooterLayout",
|
|
865
878
|
setup(a) {
|
|
866
|
-
return (t, l) => (s(),
|
|
879
|
+
return (t, l) => (s(), o("div", Et, [d(D), e("div", Gt, [e("div", Ot, [h(t.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), e("div", Rt, [h(t.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), d(D), h(t.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
|
|
867
880
|
}
|
|
868
|
-
}),
|
|
881
|
+
}), Wt = /* @__PURE__ */ u(Kt, [["__scopeId", "data-v-425841c7"]]), Jt = {}, Zt = {
|
|
869
882
|
class: "Description"
|
|
870
883
|
};
|
|
871
|
-
function
|
|
872
|
-
return s(),
|
|
884
|
+
function Qt(a, t) {
|
|
885
|
+
return s(), o("div", Zt, [h(a.$slots, "default", {}, void 0, !0)]);
|
|
873
886
|
}
|
|
874
|
-
const y = /* @__PURE__ */
|
|
887
|
+
const y = /* @__PURE__ */ u(Jt, [["render", Qt], ["__scopeId", "data-v-ea9ec649"]]), Yt = {
|
|
875
888
|
class: "list"
|
|
876
|
-
},
|
|
889
|
+
}, Xt = {
|
|
877
890
|
class: "title"
|
|
878
|
-
},
|
|
891
|
+
}, es = {
|
|
879
892
|
class: "listItemContent"
|
|
880
|
-
},
|
|
893
|
+
}, ts = /* @__PURE__ */ m({
|
|
881
894
|
__name: "LandingPageLinkGroup",
|
|
882
895
|
props: {
|
|
883
896
|
title: {
|
|
@@ -886,23 +899,23 @@ const y = /* @__PURE__ */ d(Wt, [["render", Jt], ["__scopeId", "data-v-ea9ec649"
|
|
|
886
899
|
},
|
|
887
900
|
setup(a) {
|
|
888
901
|
const t = a;
|
|
889
|
-
return (l,
|
|
902
|
+
return (l, n) => (s(), o("div", Yt, [e("div", Xt, r(t.title), 1), e("div", es, [h(l.$slots, "item", {}, void 0, !0)])]));
|
|
890
903
|
}
|
|
891
|
-
}),
|
|
904
|
+
}), z = /* @__PURE__ */ u(ts, [["__scopeId", "data-v-0809a48c"]]), ss = {
|
|
892
905
|
class: "Footer"
|
|
893
|
-
},
|
|
906
|
+
}, V = "support@huyooo.com", as = /* @__PURE__ */ m({
|
|
894
907
|
__name: "LandingPageFooter",
|
|
895
908
|
setup(a) {
|
|
896
909
|
const t = k("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), l = k("https://beian.miit.gov.cn/#/Integrated/index");
|
|
897
|
-
function
|
|
898
|
-
const
|
|
899
|
-
window.location.href =
|
|
910
|
+
function n() {
|
|
911
|
+
const p = Vt(V, "", "");
|
|
912
|
+
window.location.href = p;
|
|
900
913
|
}
|
|
901
|
-
const
|
|
914
|
+
const i = k([{
|
|
902
915
|
type: "text",
|
|
903
916
|
icon: "ic:baseline-email",
|
|
904
|
-
content:
|
|
905
|
-
select:
|
|
917
|
+
content: V,
|
|
918
|
+
select: n
|
|
906
919
|
}, {
|
|
907
920
|
type: "image",
|
|
908
921
|
icon: "ic:baseline-wechat",
|
|
@@ -910,91 +923,91 @@ const y = /* @__PURE__ */ d(Wt, [["render", Jt], ["__scopeId", "data-v-ea9ec649"
|
|
|
910
923
|
select() {
|
|
911
924
|
}
|
|
912
925
|
}]);
|
|
913
|
-
return (
|
|
914
|
-
LandingPageBrandInfo:
|
|
926
|
+
return (c, g) => (s(), o("div", ss, [d(Wt, null, {
|
|
927
|
+
LandingPageBrandInfo: _(() => [d(Re, {
|
|
915
928
|
icon: "https://ghibliaigenerator.app/logo.png",
|
|
916
929
|
name: "ONES",
|
|
917
930
|
description: "几小时内构建和发布AI产品,无需数日。"
|
|
918
931
|
})]),
|
|
919
|
-
LandingPageLinkGroup:
|
|
932
|
+
LandingPageLinkGroup: _(() => [d(z, {
|
|
920
933
|
title: "产品"
|
|
921
934
|
}, {
|
|
922
|
-
item:
|
|
923
|
-
default:
|
|
935
|
+
item: _(() => [d(y, null, {
|
|
936
|
+
default: _(() => g[0] || (g[0] = [f("功能")])),
|
|
924
937
|
_: 1,
|
|
925
938
|
__: [0]
|
|
926
|
-
}),
|
|
927
|
-
default:
|
|
939
|
+
}), d(y, null, {
|
|
940
|
+
default: _(() => g[1] || (g[1] = [f("展示")])),
|
|
928
941
|
_: 1,
|
|
929
942
|
__: [1]
|
|
930
|
-
}),
|
|
931
|
-
default:
|
|
943
|
+
}), d(y, null, {
|
|
944
|
+
default: _(() => g[2] || (g[2] = [f("价格")])),
|
|
932
945
|
_: 1,
|
|
933
946
|
__: [2]
|
|
934
947
|
})]),
|
|
935
948
|
_: 1
|
|
936
|
-
}),
|
|
949
|
+
}), d(z, {
|
|
937
950
|
title: "资源"
|
|
938
951
|
}, {
|
|
939
|
-
item:
|
|
940
|
-
default:
|
|
952
|
+
item: _(() => [d(y, null, {
|
|
953
|
+
default: _(() => g[3] || (g[3] = [f("安全性与合规性")])),
|
|
941
954
|
_: 1,
|
|
942
955
|
__: [3]
|
|
943
956
|
})]),
|
|
944
957
|
_: 1
|
|
945
|
-
}),
|
|
958
|
+
}), d(z, {
|
|
946
959
|
title: "公司"
|
|
947
960
|
}, {
|
|
948
|
-
item:
|
|
949
|
-
default:
|
|
961
|
+
item: _(() => [d(y, null, {
|
|
962
|
+
default: _(() => g[4] || (g[4] = [f("博客")])),
|
|
950
963
|
_: 1,
|
|
951
964
|
__: [4]
|
|
952
|
-
}),
|
|
953
|
-
default:
|
|
965
|
+
}), d(y, null, {
|
|
966
|
+
default: _(() => g[5] || (g[5] = [f("公司简介")])),
|
|
954
967
|
_: 1,
|
|
955
968
|
__: [5]
|
|
956
|
-
}),
|
|
957
|
-
default:
|
|
969
|
+
}), d(y, null, {
|
|
970
|
+
default: _(() => g[6] || (g[6] = [f("个人信息收集清单")])),
|
|
958
971
|
_: 1,
|
|
959
972
|
__: [6]
|
|
960
|
-
}),
|
|
961
|
-
default:
|
|
973
|
+
}), d(y, null, {
|
|
974
|
+
default: _(() => g[7] || (g[7] = [f("第三方信息共享清单")])),
|
|
962
975
|
_: 1,
|
|
963
976
|
__: [7]
|
|
964
|
-
}),
|
|
965
|
-
default:
|
|
977
|
+
}), d(y, null, {
|
|
978
|
+
default: _(() => g[8] || (g[8] = [f("用户服务协议")])),
|
|
966
979
|
_: 1,
|
|
967
980
|
__: [8]
|
|
968
|
-
}),
|
|
969
|
-
default:
|
|
981
|
+
}), d(y, null, {
|
|
982
|
+
default: _(() => g[9] || (g[9] = [f("隐私协议")])),
|
|
970
983
|
_: 1,
|
|
971
984
|
__: [9]
|
|
972
985
|
})]),
|
|
973
986
|
_: 1
|
|
974
987
|
})]),
|
|
975
|
-
LandingPageFooterContact:
|
|
988
|
+
LandingPageFooterContact: _(() => [d(Nt, {
|
|
976
989
|
"beian-text": t.value,
|
|
977
990
|
"beian-url": l.value,
|
|
978
|
-
links:
|
|
991
|
+
links: i.value
|
|
979
992
|
}, null, 8, ["beian-text", "beian-url", "links"])]),
|
|
980
993
|
_: 1
|
|
981
994
|
})]));
|
|
982
995
|
}
|
|
983
|
-
}),
|
|
996
|
+
}), Ua = /* @__PURE__ */ u(as, [["__scopeId", "data-v-ee74e088"]]), ns = {
|
|
984
997
|
class: "hero"
|
|
985
|
-
},
|
|
998
|
+
}, os = {
|
|
986
999
|
class: "heroContent"
|
|
987
|
-
},
|
|
1000
|
+
}, is = {
|
|
988
1001
|
class: "heroHeading"
|
|
989
|
-
},
|
|
1002
|
+
}, ls = {
|
|
990
1003
|
class: "heroTitle"
|
|
991
|
-
},
|
|
1004
|
+
}, rs = {
|
|
992
1005
|
class: "heroDescription"
|
|
993
|
-
},
|
|
1006
|
+
}, cs = {
|
|
994
1007
|
class: "heroActions"
|
|
995
|
-
},
|
|
1008
|
+
}, ds = {
|
|
996
1009
|
class: "heroImage"
|
|
997
|
-
},
|
|
1010
|
+
}, us = /* @__PURE__ */ m({
|
|
998
1011
|
__name: "LandingPageHero",
|
|
999
1012
|
props: {
|
|
1000
1013
|
title: {
|
|
@@ -1012,11 +1025,11 @@ const y = /* @__PURE__ */ d(Wt, [["render", Jt], ["__scopeId", "data-v-ea9ec649"
|
|
|
1012
1025
|
},
|
|
1013
1026
|
setup(a) {
|
|
1014
1027
|
const t = a;
|
|
1015
|
-
return (l,
|
|
1028
|
+
return (l, n) => (s(), o("main", ns, [e("div", os, [e("div", is, [e("h1", ls, [h(l.$slots, "title", {}, () => [f(r(t.title), 1)], !0)])]), e("div", rs, [e("div", null, r(t.description), 1)]), e("div", cs, [h(l.$slots, "actions", {}, void 0, !0)])]), e("div", ds, [h(l.$slots, "heroSource", {}, void 0, !0)])]));
|
|
1016
1029
|
}
|
|
1017
|
-
}),
|
|
1030
|
+
}), Na = /* @__PURE__ */ u(us, [["__scopeId", "data-v-38f97a3c"]]), _s = {
|
|
1018
1031
|
class: "logos-list"
|
|
1019
|
-
},
|
|
1032
|
+
}, ps = /* @__PURE__ */ m({
|
|
1020
1033
|
__name: "LandingPageLogos",
|
|
1021
1034
|
props: {
|
|
1022
1035
|
title: {
|
|
@@ -1043,13 +1056,13 @@ const y = /* @__PURE__ */ d(Wt, [["render", Jt], ["__scopeId", "data-v-ea9ec649"
|
|
|
1043
1056
|
},
|
|
1044
1057
|
setup(a) {
|
|
1045
1058
|
const t = a;
|
|
1046
|
-
return (l,
|
|
1047
|
-
key:
|
|
1048
|
-
icon:
|
|
1059
|
+
return (l, n) => (s(), o("div", _s, [(s(!0), o(v, null, $(t.logos, (i, c) => (s(), L(P(S), {
|
|
1060
|
+
key: c,
|
|
1061
|
+
icon: i.name,
|
|
1049
1062
|
class: "logo-icon"
|
|
1050
1063
|
}, null, 8, ["icon"]))), 128))]));
|
|
1051
1064
|
}
|
|
1052
|
-
}),
|
|
1065
|
+
}), Ea = /* @__PURE__ */ u(ps, [["__scopeId", "data-v-1a08e627"]]), ms = /* @__PURE__ */ m({
|
|
1053
1066
|
__name: "LandingPagePageContent",
|
|
1054
1067
|
props: {
|
|
1055
1068
|
maxWidth: {
|
|
@@ -1070,7 +1083,7 @@ const y = /* @__PURE__ */ d(Wt, [["render", Jt], ["__scopeId", "data-v-ea9ec649"
|
|
|
1070
1083
|
}
|
|
1071
1084
|
},
|
|
1072
1085
|
setup(a) {
|
|
1073
|
-
const t = a, l =
|
|
1086
|
+
const t = a, l = F(() => ({
|
|
1074
1087
|
maxWidth: t.maxWidth,
|
|
1075
1088
|
margin: t.center ? "0 auto" : void 0,
|
|
1076
1089
|
width: "100%",
|
|
@@ -1079,29 +1092,29 @@ const y = /* @__PURE__ */ d(Wt, [["render", Jt], ["__scopeId", "data-v-ea9ec649"
|
|
|
1079
1092
|
flexDirection: t.flexDirection ?? "column",
|
|
1080
1093
|
gap: t.gap
|
|
1081
1094
|
}));
|
|
1082
|
-
return (
|
|
1095
|
+
return (n, i) => (s(), o("div", {
|
|
1083
1096
|
class: "PageContent",
|
|
1084
1097
|
style: x(l.value)
|
|
1085
|
-
}, [h(
|
|
1098
|
+
}, [h(n.$slots, "default", {}, void 0, !0)], 4));
|
|
1086
1099
|
}
|
|
1087
|
-
}),
|
|
1100
|
+
}), Ga = /* @__PURE__ */ u(ms, [["__scopeId", "data-v-00ec8180"]]), fs = {
|
|
1088
1101
|
class: "Tabs"
|
|
1089
|
-
},
|
|
1102
|
+
}, gs = {
|
|
1090
1103
|
class: "tabs-root"
|
|
1091
|
-
},
|
|
1104
|
+
}, hs = {
|
|
1092
1105
|
role: "radiogroup",
|
|
1093
1106
|
"aria-required": "false",
|
|
1094
1107
|
dir: "ltr",
|
|
1095
1108
|
class: "tabs-group",
|
|
1096
1109
|
tabindex: "0"
|
|
1097
|
-
},
|
|
1110
|
+
}, vs = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], $s = {
|
|
1098
1111
|
key: 0,
|
|
1099
1112
|
"data-state": "checked",
|
|
1100
1113
|
class: "tabs-radio-icon"
|
|
1101
|
-
},
|
|
1114
|
+
}, bs = ["for"], ys = {
|
|
1102
1115
|
key: 0,
|
|
1103
1116
|
class: "tabs-badge"
|
|
1104
|
-
},
|
|
1117
|
+
}, ks = /* @__PURE__ */ m({
|
|
1105
1118
|
__name: "LandingPageTabs",
|
|
1106
1119
|
props: {
|
|
1107
1120
|
tabs: {
|
|
@@ -1116,35 +1129,35 @@ const y = /* @__PURE__ */ d(Wt, [["render", Jt], ["__scopeId", "data-v-ea9ec649"
|
|
|
1116
1129
|
emits: ["update:modelValue"],
|
|
1117
1130
|
setup(a) {
|
|
1118
1131
|
const t = a;
|
|
1119
|
-
return (l,
|
|
1120
|
-
key:
|
|
1132
|
+
return (l, n) => (s(), o("div", fs, [e("div", gs, [e("div", hs, [(s(!0), o(v, null, $(t.tabs, (i) => (s(), o("div", {
|
|
1133
|
+
key: i.value,
|
|
1121
1134
|
class: w(["tabs-item", {
|
|
1122
|
-
"tabs-item-active":
|
|
1135
|
+
"tabs-item-active": i.value === a.modelValue
|
|
1123
1136
|
}])
|
|
1124
1137
|
}, [e("button", {
|
|
1125
|
-
id:
|
|
1138
|
+
id: i.value,
|
|
1126
1139
|
type: "button",
|
|
1127
1140
|
role: "radio",
|
|
1128
|
-
"aria-checked":
|
|
1129
|
-
"data-state":
|
|
1130
|
-
value:
|
|
1141
|
+
"aria-checked": i.value === a.modelValue,
|
|
1142
|
+
"data-state": i.value === a.modelValue ? "checked" : "unchecked",
|
|
1143
|
+
value: i.value,
|
|
1131
1144
|
class: "tabs-radio",
|
|
1132
|
-
tabindex:
|
|
1133
|
-
onClick: (
|
|
1134
|
-
}, [
|
|
1145
|
+
tabindex: i.value === a.modelValue ? 0 : -1,
|
|
1146
|
+
onClick: (c) => l.$emit("update:modelValue", i.value)
|
|
1147
|
+
}, [i.value === a.modelValue ? (s(), o("span", $s)) : C("", !0)], 8, vs), e("label", {
|
|
1135
1148
|
class: "tabs-label",
|
|
1136
|
-
for:
|
|
1137
|
-
}, [e("span", null, r(
|
|
1149
|
+
for: i.value
|
|
1150
|
+
}, [e("span", null, r(i.label), 1), i.badge ? (s(), o("div", ys, r(i.badge), 1)) : C("", !0)], 8, bs)], 2))), 128))])])]));
|
|
1138
1151
|
}
|
|
1139
|
-
}),
|
|
1152
|
+
}), Ls = /* @__PURE__ */ u(ks, [["__scopeId", "data-v-9eb67a93"]]), Ps = {
|
|
1140
1153
|
class: "PriceGroup"
|
|
1141
|
-
},
|
|
1154
|
+
}, Is = /* @__PURE__ */ m({
|
|
1142
1155
|
__name: "LandingPagePriceGroup",
|
|
1143
1156
|
setup(a) {
|
|
1144
1157
|
const t = k("subscribe-monthly");
|
|
1145
|
-
return (l,
|
|
1158
|
+
return (l, n) => (s(), o("div", Ps, [d(Ls, {
|
|
1146
1159
|
modelValue: t.value,
|
|
1147
|
-
"onUpdate:modelValue":
|
|
1160
|
+
"onUpdate:modelValue": n[0] || (n[0] = (i) => t.value = i),
|
|
1148
1161
|
tabs: [{
|
|
1149
1162
|
value: "subscribe-monthly",
|
|
1150
1163
|
label: "按月订阅"
|
|
@@ -1158,33 +1171,33 @@ const y = /* @__PURE__ */ d(Wt, [["render", Jt], ["__scopeId", "data-v-ea9ec649"
|
|
|
1158
1171
|
}]
|
|
1159
1172
|
}, null, 8, ["modelValue"]), h(l.$slots, "default", {}, void 0, !0)]));
|
|
1160
1173
|
}
|
|
1161
|
-
}),
|
|
1174
|
+
}), Oa = /* @__PURE__ */ u(Is, [["__scopeId", "data-v-43a35f55"]]), Ss = {
|
|
1162
1175
|
class: "PricingCard"
|
|
1163
|
-
},
|
|
1176
|
+
}, xs = {
|
|
1164
1177
|
class: "title"
|
|
1165
|
-
},
|
|
1178
|
+
}, Cs = {
|
|
1166
1179
|
class: "titleText"
|
|
1167
|
-
},
|
|
1180
|
+
}, ws = {
|
|
1168
1181
|
class: "description"
|
|
1169
|
-
},
|
|
1182
|
+
}, As = {
|
|
1170
1183
|
class: "priceAndDiscount"
|
|
1171
|
-
},
|
|
1184
|
+
}, Ts = {
|
|
1172
1185
|
class: "price"
|
|
1173
|
-
},
|
|
1186
|
+
}, qs = {
|
|
1174
1187
|
class: "discount"
|
|
1175
|
-
},
|
|
1188
|
+
}, Bs = {
|
|
1176
1189
|
style: {
|
|
1177
1190
|
position: "relative",
|
|
1178
1191
|
top: "3px"
|
|
1179
1192
|
}
|
|
1180
|
-
},
|
|
1193
|
+
}, zs = {
|
|
1181
1194
|
key: 1,
|
|
1182
1195
|
class: "priceNotDiscount"
|
|
1183
|
-
},
|
|
1196
|
+
}, Fs = {
|
|
1184
1197
|
class: "cycle"
|
|
1185
|
-
},
|
|
1198
|
+
}, Ds = {
|
|
1186
1199
|
class: "features"
|
|
1187
|
-
},
|
|
1200
|
+
}, Vs = /* @__PURE__ */ m({
|
|
1188
1201
|
__name: "LandingPagePricingCard",
|
|
1189
1202
|
props: {
|
|
1190
1203
|
loading: {
|
|
@@ -1246,57 +1259,57 @@ const y = /* @__PURE__ */ d(Wt, [["render", Jt], ["__scopeId", "data-v-ea9ec649"
|
|
|
1246
1259
|
setup(a, {
|
|
1247
1260
|
emit: t
|
|
1248
1261
|
}) {
|
|
1249
|
-
const l = t,
|
|
1250
|
-
function
|
|
1262
|
+
const l = t, n = a;
|
|
1263
|
+
function i() {
|
|
1251
1264
|
l("toPay");
|
|
1252
1265
|
}
|
|
1253
|
-
return (
|
|
1266
|
+
return (c, g) => (s(), o("div", Ss, [e("div", null, [e("div", xs, [e("span", Cs, r(n.title), 1), n.badge.label ? (s(), L(P(R), {
|
|
1254
1267
|
key: 0,
|
|
1255
1268
|
color: "arcoblue"
|
|
1256
1269
|
}, {
|
|
1257
|
-
default:
|
|
1270
|
+
default: _(() => [f(r(n.badge.label), 1)]),
|
|
1258
1271
|
_: 1
|
|
1259
|
-
})) : C("", !0)]), e("div",
|
|
1272
|
+
})) : C("", !0)]), e("div", ws, r(n.description), 1)]), e("div", As, [n.discount !== null ? (s(), o(v, {
|
|
1260
1273
|
key: 0
|
|
1261
|
-
}, [e("span",
|
|
1262
|
-
key:
|
|
1263
|
-
description:
|
|
1264
|
-
}, null, 8, ["description"]))), 128))]),
|
|
1274
|
+
}, [e("span", Ts, [e("span", null, r(n.price), 1), e("span", null, r(n.unit), 1)]), e("span", qs, [e("span", Bs, r(n.discount), 1), e("span", null, r(n.unit), 1)])], 64)) : (s(), o("span", zs, [e("span", null, r(n.price), 1), e("span", null, r(n.unit), 1)])), e("span", Fs, r(n.cycle), 1)]), e("div", Ds, [(s(!0), o(v, null, $(n.features, (A, p) => (s(), L(H, {
|
|
1275
|
+
key: p,
|
|
1276
|
+
description: A.title
|
|
1277
|
+
}, null, 8, ["description"]))), 128))]), d(We, {
|
|
1265
1278
|
class: "handle",
|
|
1266
1279
|
type: "primary",
|
|
1267
|
-
loading:
|
|
1268
|
-
disabled: !(
|
|
1269
|
-
onClick:
|
|
1280
|
+
loading: n.loading,
|
|
1281
|
+
disabled: !(n.discount || n.price),
|
|
1282
|
+
onClick: i
|
|
1270
1283
|
}, {
|
|
1271
|
-
default:
|
|
1284
|
+
default: _(() => [f(r(n.button.label), 1)]),
|
|
1272
1285
|
_: 1
|
|
1273
1286
|
}, 8, ["loading", "disabled"])]));
|
|
1274
1287
|
}
|
|
1275
|
-
}),
|
|
1288
|
+
}), Ra = /* @__PURE__ */ u(Vs, [["__scopeId", "data-v-0b730439"]]), js = {}, Ms = {
|
|
1276
1289
|
class: "PricingGrid"
|
|
1277
|
-
},
|
|
1290
|
+
}, Hs = {
|
|
1278
1291
|
class: "content"
|
|
1279
1292
|
};
|
|
1280
|
-
function
|
|
1281
|
-
return s(),
|
|
1293
|
+
function Us(a, t) {
|
|
1294
|
+
return s(), o("div", Ms, [e("div", Hs, [h(a.$slots, "default", {}, void 0, !0)])]);
|
|
1282
1295
|
}
|
|
1283
|
-
const
|
|
1296
|
+
const Ka = /* @__PURE__ */ u(js, [["render", Us], ["__scopeId", "data-v-1f26d3ee"]]), Ns = {
|
|
1284
1297
|
class: "sections-container"
|
|
1285
|
-
},
|
|
1298
|
+
}, Es = {
|
|
1286
1299
|
class: "container"
|
|
1287
|
-
},
|
|
1300
|
+
}, Gs = {
|
|
1288
1301
|
class: "image-container"
|
|
1289
|
-
},
|
|
1302
|
+
}, Os = ["src", "alt"], Rs = {
|
|
1290
1303
|
class: "text-container"
|
|
1291
|
-
},
|
|
1304
|
+
}, Ks = {
|
|
1292
1305
|
class: "header"
|
|
1293
|
-
}, Rs = {
|
|
1294
|
-
class: "features-list"
|
|
1295
1306
|
}, Ws = {
|
|
1307
|
+
class: "features-list"
|
|
1308
|
+
}, Js = {
|
|
1296
1309
|
class: "content"
|
|
1297
|
-
},
|
|
1310
|
+
}, Zs = {
|
|
1298
1311
|
class: "feature-title"
|
|
1299
|
-
},
|
|
1312
|
+
}, Qs = /* @__PURE__ */ m({
|
|
1300
1313
|
__name: "LandingPageSections",
|
|
1301
1314
|
props: {
|
|
1302
1315
|
title: {
|
|
@@ -1336,39 +1349,39 @@ const Oa = /* @__PURE__ */ d(Ds, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
|
|
|
1336
1349
|
},
|
|
1337
1350
|
setup(a) {
|
|
1338
1351
|
const t = a;
|
|
1339
|
-
return (l,
|
|
1352
|
+
return (l, n) => (s(), o("section", Ns, [e("div", Es, [e("div", {
|
|
1340
1353
|
class: w(["content-wrapper", {
|
|
1341
1354
|
reverse: t.reverse
|
|
1342
1355
|
}])
|
|
1343
|
-
}, [e("div",
|
|
1356
|
+
}, [e("div", Gs, [e("img", {
|
|
1344
1357
|
src: t.imageUrl,
|
|
1345
1358
|
alt: t.imageAlt,
|
|
1346
1359
|
class: "image"
|
|
1347
|
-
}, null, 8,
|
|
1348
|
-
default:
|
|
1360
|
+
}, null, 8, Os)]), e("div", Rs, [e("div", Ks, [d(M, null, {
|
|
1361
|
+
default: _(() => [f(r(t.title), 1)]),
|
|
1349
1362
|
_: 1
|
|
1350
|
-
}),
|
|
1351
|
-
default:
|
|
1363
|
+
}), d(j, null, {
|
|
1364
|
+
default: _(() => [f(r(t.subTitle), 1)]),
|
|
1352
1365
|
_: 1
|
|
1353
|
-
})]), e("div",
|
|
1354
|
-
key:
|
|
1366
|
+
})]), e("div", Ws, [(s(!0), o(v, null, $(t.features, (i, c) => (s(), o("div", {
|
|
1367
|
+
key: c,
|
|
1355
1368
|
class: "feature-item"
|
|
1356
1369
|
}, [e("div", {
|
|
1357
|
-
class: w(["icon-container", [`icon-${
|
|
1358
|
-
},
|
|
1370
|
+
class: w(["icon-container", [`icon-${i.color}`]])
|
|
1371
|
+
}, n[0] || (n[0] = [e("div", {
|
|
1359
1372
|
class: "dot"
|
|
1360
|
-
}, null, -1)]), 2), e("div",
|
|
1361
|
-
default:
|
|
1373
|
+
}, null, -1)]), 2), e("div", Js, [e("div", Zs, r(i.title), 1), d(I, null, {
|
|
1374
|
+
default: _(() => [f(r(i.description), 1)]),
|
|
1362
1375
|
_: 2
|
|
1363
1376
|
}, 1024)])]))), 128))])])], 2)])]));
|
|
1364
1377
|
}
|
|
1365
|
-
}),
|
|
1378
|
+
}), Wa = /* @__PURE__ */ u(Qs, [["__scopeId", "data-v-ac2b71bb"]]), Ys = {
|
|
1366
1379
|
class: "Showcase"
|
|
1367
|
-
},
|
|
1380
|
+
}, Xs = ["onClick"], ea = ["src", "alt"], ta = {
|
|
1368
1381
|
class: "card-content"
|
|
1369
|
-
},
|
|
1382
|
+
}, sa = {
|
|
1370
1383
|
class: "card-title"
|
|
1371
|
-
},
|
|
1384
|
+
}, aa = /* @__PURE__ */ m({
|
|
1372
1385
|
__name: "LandingPageShowcase",
|
|
1373
1386
|
props: {
|
|
1374
1387
|
items: {},
|
|
@@ -1390,37 +1403,37 @@ const Oa = /* @__PURE__ */ d(Ds, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
|
|
|
1390
1403
|
setup(a, {
|
|
1391
1404
|
emit: t
|
|
1392
1405
|
}) {
|
|
1393
|
-
const l = a,
|
|
1394
|
-
function
|
|
1395
|
-
|
|
1406
|
+
const l = a, n = t;
|
|
1407
|
+
function i(g) {
|
|
1408
|
+
n("cardClick", g);
|
|
1396
1409
|
}
|
|
1397
|
-
const
|
|
1410
|
+
const c = F(() => ({
|
|
1398
1411
|
height: `${l.cardHeight}px`,
|
|
1399
1412
|
objectFit: l.objectFit
|
|
1400
1413
|
}));
|
|
1401
|
-
return (g,
|
|
1402
|
-
key:
|
|
1414
|
+
return (g, A) => (s(), o("div", Ys, [(s(!0), o(v, null, $(l.items, (p, b) => (s(), o("div", {
|
|
1415
|
+
key: b,
|
|
1403
1416
|
class: "showcase-card",
|
|
1404
|
-
onClick: (
|
|
1417
|
+
onClick: (T) => i(p)
|
|
1405
1418
|
}, [e("img", {
|
|
1406
|
-
src:
|
|
1407
|
-
alt:
|
|
1408
|
-
style: x(
|
|
1409
|
-
}, null, 12,
|
|
1410
|
-
default:
|
|
1419
|
+
src: p.image,
|
|
1420
|
+
alt: p.alt,
|
|
1421
|
+
style: x(c.value)
|
|
1422
|
+
}, null, 12, ea), e("div", ta, [e("div", sa, r(p.title), 1), d(I, null, {
|
|
1423
|
+
default: _(() => [f(r(p.description), 1)]),
|
|
1411
1424
|
_: 2
|
|
1412
|
-
}, 1024)])], 8,
|
|
1425
|
+
}, 1024)])], 8, Xs))), 128))]));
|
|
1413
1426
|
}
|
|
1414
|
-
}),
|
|
1427
|
+
}), Ja = /* @__PURE__ */ u(aa, [["__scopeId", "data-v-381ed6a6"]]), na = {
|
|
1415
1428
|
class: "Stats"
|
|
1416
|
-
},
|
|
1429
|
+
}, oa = {
|
|
1417
1430
|
key: 0,
|
|
1418
1431
|
class: "stats-label"
|
|
1419
|
-
},
|
|
1432
|
+
}, ia = {
|
|
1420
1433
|
class: "stats-number"
|
|
1421
|
-
},
|
|
1434
|
+
}, la = {
|
|
1422
1435
|
class: "stats-label"
|
|
1423
|
-
},
|
|
1436
|
+
}, ra = /* @__PURE__ */ m({
|
|
1424
1437
|
__name: "LandingPageStats",
|
|
1425
1438
|
props: {
|
|
1426
1439
|
title: {
|
|
@@ -1447,18 +1460,18 @@ const Oa = /* @__PURE__ */ d(Ds, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
|
|
|
1447
1460
|
},
|
|
1448
1461
|
setup(a) {
|
|
1449
1462
|
const t = a;
|
|
1450
|
-
return (l,
|
|
1451
|
-
key:
|
|
1463
|
+
return (l, n) => (s(), o("div", na, [(s(!0), o(v, null, $(t.stats, (i, c) => (s(), o("div", {
|
|
1464
|
+
key: c,
|
|
1452
1465
|
class: "stats-item"
|
|
1453
|
-
}, [
|
|
1466
|
+
}, [i.title ? (s(), o("div", oa, r(i.title), 1)) : C("", !0), e("div", ia, r(i.number), 1), e("div", la, r(i.label), 1)]))), 128))]));
|
|
1454
1467
|
}
|
|
1455
|
-
}),
|
|
1468
|
+
}), Za = /* @__PURE__ */ u(ra, [["__scopeId", "data-v-7aa9af80"]]), ca = {
|
|
1456
1469
|
class: "stepNumber"
|
|
1457
|
-
},
|
|
1470
|
+
}, da = {
|
|
1458
1471
|
class: "count"
|
|
1459
|
-
},
|
|
1472
|
+
}, ua = {
|
|
1460
1473
|
class: "stepTitle"
|
|
1461
|
-
},
|
|
1474
|
+
}, _a = /* @__PURE__ */ m({
|
|
1462
1475
|
__name: "LandingPageSteps",
|
|
1463
1476
|
props: {
|
|
1464
1477
|
columns: {
|
|
@@ -1481,31 +1494,31 @@ const Oa = /* @__PURE__ */ d(Ds, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
|
|
|
1481
1494
|
},
|
|
1482
1495
|
setup(a) {
|
|
1483
1496
|
const t = a;
|
|
1484
|
-
return (l,
|
|
1497
|
+
return (l, n) => (s(), o("div", {
|
|
1485
1498
|
class: "Steps",
|
|
1486
1499
|
style: x({
|
|
1487
1500
|
gridTemplateColumns: `repeat(${t.columns}, 1fr)`
|
|
1488
1501
|
// flexDirection: props.flexDirection,
|
|
1489
1502
|
})
|
|
1490
|
-
}, [(s(!0),
|
|
1491
|
-
key:
|
|
1503
|
+
}, [(s(!0), o(v, null, $(t.steps, (i, c) => (s(), o("div", {
|
|
1504
|
+
key: c,
|
|
1492
1505
|
class: "stepItem"
|
|
1493
|
-
}, [e("div",
|
|
1494
|
-
default:
|
|
1506
|
+
}, [e("div", ca, [e("span", da, r(c + 1), 1)]), e("h3", ua, r(i.title), 1), d(I, null, {
|
|
1507
|
+
default: _(() => [f(r(i.description), 1)]),
|
|
1495
1508
|
_: 2
|
|
1496
1509
|
}, 1024)]))), 128))], 4));
|
|
1497
1510
|
}
|
|
1498
|
-
}),
|
|
1511
|
+
}), Qa = /* @__PURE__ */ u(_a, [["__scopeId", "data-v-1ecd9597"]]), pa = {
|
|
1499
1512
|
class: "Testimonial"
|
|
1500
|
-
},
|
|
1513
|
+
}, ma = {
|
|
1501
1514
|
class: "user-info"
|
|
1502
|
-
},
|
|
1515
|
+
}, fa = {
|
|
1503
1516
|
class: "user-avatar"
|
|
1504
|
-
},
|
|
1517
|
+
}, ga = ["src", "alt"], ha = {
|
|
1505
1518
|
class: "user-name"
|
|
1506
|
-
},
|
|
1519
|
+
}, va = {
|
|
1507
1520
|
class: "user-title"
|
|
1508
|
-
},
|
|
1521
|
+
}, $a = /* @__PURE__ */ m({
|
|
1509
1522
|
__name: "LandingPageTestimonial",
|
|
1510
1523
|
props: {
|
|
1511
1524
|
testimonials: {
|
|
@@ -1514,20 +1527,20 @@ const Oa = /* @__PURE__ */ d(Ds, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
|
|
|
1514
1527
|
},
|
|
1515
1528
|
setup(a) {
|
|
1516
1529
|
const t = a;
|
|
1517
|
-
return (l,
|
|
1518
|
-
key:
|
|
1530
|
+
return (l, n) => (s(), o("div", pa, [(s(!0), o(v, null, $(t.testimonials, (i, c) => (s(), L(U, {
|
|
1531
|
+
key: c
|
|
1519
1532
|
}, {
|
|
1520
|
-
default:
|
|
1521
|
-
default:
|
|
1533
|
+
default: _(() => [e("div", null, [d(I, null, {
|
|
1534
|
+
default: _(() => [f(r(`"${i.content}"`), 1)]),
|
|
1522
1535
|
_: 2
|
|
1523
|
-
}, 1024)]), e("div",
|
|
1524
|
-
src:
|
|
1525
|
-
alt:
|
|
1526
|
-
}, null, 8,
|
|
1536
|
+
}, 1024)]), e("div", ma, [e("span", fa, [e("img", {
|
|
1537
|
+
src: i.avatar,
|
|
1538
|
+
alt: i.name
|
|
1539
|
+
}, null, 8, ga)]), e("div", null, [e("div", ha, r(i.name), 1), e("div", va, r(i.title), 1)])])]),
|
|
1527
1540
|
_: 2
|
|
1528
1541
|
}, 1024))), 128))]));
|
|
1529
1542
|
}
|
|
1530
|
-
}), Ya = /* @__PURE__ */
|
|
1543
|
+
}), Ya = /* @__PURE__ */ u($a, [["__scopeId", "data-v-bc49d7bc"]]), ba = ["href"], ya = /* @__PURE__ */ m({
|
|
1531
1544
|
__name: "LandingPageTips",
|
|
1532
1545
|
props: {
|
|
1533
1546
|
href: {
|
|
@@ -1541,59 +1554,59 @@ const Oa = /* @__PURE__ */ d(Ds, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
|
|
|
1541
1554
|
},
|
|
1542
1555
|
setup(a) {
|
|
1543
1556
|
const t = a;
|
|
1544
|
-
return (l,
|
|
1557
|
+
return (l, n) => (s(), o("a", {
|
|
1545
1558
|
href: t.href,
|
|
1546
1559
|
class: "tips-link"
|
|
1547
|
-
}, r(t.text), 9,
|
|
1560
|
+
}, r(t.text), 9, ba));
|
|
1548
1561
|
}
|
|
1549
|
-
}),
|
|
1562
|
+
}), Xa = /* @__PURE__ */ u(ya, [["__scopeId", "data-v-f5784dd1"]]), ka = {}, La = {
|
|
1550
1563
|
class: "sidebar"
|
|
1551
1564
|
};
|
|
1552
|
-
function
|
|
1553
|
-
return s(),
|
|
1565
|
+
function Pa(a, t) {
|
|
1566
|
+
return s(), o("div", La, t[0] || (t[0] = [E('<div data-v-251905ff><div class="sidebar-title" data-v-251905ff>On this page</div><a class="sidebar-link active" href="#page-title" data-v-251905ff>Introduction</a><a class="sidebar-link" href="#browse-by-feature" data-v-251905ff>Browse by feature</a><a class="sidebar-link" href="#implement-a-template" data-v-251905ff>Implement a template</a><a class="sidebar-link" href="#integrate-or-deploy-tiptap" data-v-251905ff>Integrate or deploy Tiptap</a><a class="sidebar-link" href="#manage-your-documents" data-v-251905ff>Manage your documents</a><a class="sidebar-link" href="#examples" data-v-251905ff>Examples</a><a class="sidebar-link" href="#guides" data-v-251905ff>Guides</a><a class="sidebar-link" href="#community" data-v-251905ff>Community</a></div>', 1)]));
|
|
1554
1567
|
}
|
|
1555
|
-
const
|
|
1568
|
+
const en = /* @__PURE__ */ u(ka, [["render", Pa], ["__scopeId", "data-v-251905ff"]]);
|
|
1556
1569
|
export {
|
|
1557
|
-
|
|
1570
|
+
Wa as A,
|
|
1558
1571
|
We as B,
|
|
1559
|
-
|
|
1572
|
+
U as C,
|
|
1560
1573
|
I as D,
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1574
|
+
Ja as E,
|
|
1575
|
+
Za as F,
|
|
1576
|
+
Qa as G,
|
|
1577
|
+
Le as H,
|
|
1578
|
+
Be as I,
|
|
1566
1579
|
Ya as J,
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1580
|
+
Xa as K,
|
|
1581
|
+
qa as L,
|
|
1582
|
+
M,
|
|
1583
|
+
en as N,
|
|
1584
|
+
j as S,
|
|
1585
|
+
Ls as T,
|
|
1586
|
+
Ba as a,
|
|
1587
|
+
te as b,
|
|
1588
|
+
ne as c,
|
|
1589
|
+
Re as d,
|
|
1590
|
+
za as e,
|
|
1591
|
+
Fa as f,
|
|
1592
|
+
Da as g,
|
|
1593
|
+
Va as h,
|
|
1594
|
+
D as i,
|
|
1595
|
+
ja as j,
|
|
1596
|
+
Ma as k,
|
|
1597
|
+
Ha as l,
|
|
1598
|
+
Ua as m,
|
|
1599
|
+
Nt as n,
|
|
1600
|
+
Wt as o,
|
|
1601
|
+
Na as p,
|
|
1589
1602
|
y as q,
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1603
|
+
z as r,
|
|
1604
|
+
H as s,
|
|
1605
|
+
Ee as t,
|
|
1606
|
+
Ea as u,
|
|
1607
|
+
ve as v,
|
|
1608
|
+
Ga as w,
|
|
1609
|
+
Oa as x,
|
|
1610
|
+
Ra as y,
|
|
1611
|
+
Ka as z
|
|
1599
1612
|
};
|