@feedmepos/mf-brand-app-builder 0.5.5 → 0.5.7-alpha
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/App-DsB-0siG.js +98 -0
- package/dist/AssetsSettings-Os6FBGQE.js +217 -0
- package/dist/BuilderView-_Q6690Tr.js +5506 -0
- package/dist/ButtonGroup-B3ba45VA.js +25 -0
- package/dist/CircularProgress-h90pbjU3.js +43 -0
- package/dist/ColorPicker-DAysa9fA.js +22 -0
- package/dist/Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js +16 -0
- package/dist/ImageUpload-C6GibYZL.js +72 -0
- package/dist/LinkButton-TTOA4H85.js +169 -0
- package/dist/ListRepeater-CB5mXJm1.js +86 -0
- package/dist/ManagementSettings-CPRLKL7g.js +640 -0
- package/dist/Select-CbQFoAzb.js +25 -0
- package/dist/SettingsView-DFAxZPug.js +33 -0
- package/dist/StepperField-DrHM9EDn.js +29 -0
- package/dist/Switch-8mmNQUDo.js +19 -0
- package/dist/TextAlign-BOC8ekaH.js +51 -0
- package/dist/TextDecorators-BJC4umDR.js +53 -0
- package/dist/TextField-BiVH5rLX.js +24 -0
- package/dist/TextStyleList-CuPE80Py.js +68 -0
- package/dist/_plugin-vue_export-helper-CHgC5LLL.js +9 -0
- package/dist/app-Cm2f09Gv.js +4690 -0
- package/dist/app.js +5 -21236
- package/dist/image-D5Lfw4dr.js +41 -0
- package/dist/index-CK6I60_i.js +188 -0
- package/dist/index-CjpUVE5b.js +66 -0
- package/dist/index-DF2wv5QS.js +1729 -0
- package/dist/main-BUI2Mmvv.js +6726 -0
- package/dist/merchant/src/app.d.ts +1 -1
- package/dist/package.json +1 -1
- package/dist/style.css +1 -1
- package/dist/v4-ANoOI1Qw.js +26 -0
- package/dist/vue-sonner-PX6Req0V.js +746 -0
- package/package.json +1 -1
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { defineComponent as l, resolveComponent as p, openBlock as m, createBlock as r } from "vue";
|
|
2
|
+
const a = /* @__PURE__ */ l({
|
|
3
|
+
__name: "Switch",
|
|
4
|
+
props: {
|
|
5
|
+
context: {}
|
|
6
|
+
},
|
|
7
|
+
setup(c) {
|
|
8
|
+
return (e, o) => {
|
|
9
|
+
const t = p("FmSwitch");
|
|
10
|
+
return m(), r(t, {
|
|
11
|
+
modelValue: e.context._value,
|
|
12
|
+
"onUpdate:modelValue": o[0] || (o[0] = (n) => e.context.node.input(n))
|
|
13
|
+
}, null, 8, ["modelValue"]);
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
export {
|
|
18
|
+
a as default
|
|
19
|
+
};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { defineComponent as c, openBlock as t, createElementBlock as a, Fragment as m, renderList as i, createVNode as d, normalizeClass as p, createBlock as _, unref as f } from "vue";
|
|
2
|
+
import { _ as g } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
|
|
3
|
+
const v = { class: "border border-fm-color-neutral-gray-300 rounded-md flex gap-16 p-4" }, x = ["onClick"], y = /* @__PURE__ */ c({
|
|
4
|
+
__name: "BaButtonGroup",
|
|
5
|
+
props: {
|
|
6
|
+
modelValue: {},
|
|
7
|
+
groupItems: {}
|
|
8
|
+
},
|
|
9
|
+
emits: ["update:modelValue"],
|
|
10
|
+
setup(u, { emit: o }) {
|
|
11
|
+
const n = o;
|
|
12
|
+
function r(e) {
|
|
13
|
+
n("update:modelValue", e);
|
|
14
|
+
}
|
|
15
|
+
return (e, s) => (t(), a("div", v, [
|
|
16
|
+
(t(!0), a(m, null, i(e.groupItems, (l) => (t(), a("button", {
|
|
17
|
+
class: "flex justify-center items-center",
|
|
18
|
+
type: "button",
|
|
19
|
+
onClick: (b) => r(l.value)
|
|
20
|
+
}, [
|
|
21
|
+
d(g, {
|
|
22
|
+
class: p(["text-[28px] rounded-sm hover:bg-fm-color-neutral-gray-100", {
|
|
23
|
+
"bg-fm-color-neutral-gray-200 hover:bg-fm-color-neutral-gray-200": l.value === e.modelValue
|
|
24
|
+
}]),
|
|
25
|
+
name: l.icon
|
|
26
|
+
}, null, 8, ["class", "name"])
|
|
27
|
+
], 8, x))), 256))
|
|
28
|
+
]));
|
|
29
|
+
}
|
|
30
|
+
}), V = /* @__PURE__ */ c({
|
|
31
|
+
__name: "TextAlign",
|
|
32
|
+
props: {
|
|
33
|
+
context: {}
|
|
34
|
+
},
|
|
35
|
+
setup(u) {
|
|
36
|
+
const o = [
|
|
37
|
+
{ icon: "format_align_left", value: "start" },
|
|
38
|
+
{ icon: "format_align_center", value: "center" },
|
|
39
|
+
{ icon: "format_align_right", value: "end" },
|
|
40
|
+
{ icon: "format_align_justify", value: "justify" }
|
|
41
|
+
], n = u;
|
|
42
|
+
return (r, e) => (t(), _(f(y), {
|
|
43
|
+
"model-value": r.context._value,
|
|
44
|
+
"onUpdate:modelValue": e[0] || (e[0] = (s) => n.context.node.input(s)),
|
|
45
|
+
groupItems: o
|
|
46
|
+
}, null, 8, ["model-value"]));
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
export {
|
|
50
|
+
V as default
|
|
51
|
+
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { defineComponent as d, openBlock as l, createElementBlock as c, Fragment as m, renderList as f, createElementVNode as h, createVNode as p, normalizeClass as _ } from "vue";
|
|
2
|
+
import { _ as g } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
|
|
3
|
+
const x = { class: "border border-fm-color-neutral-gray-300 rounded-md flex gap-16 p-4" }, v = ["onClick"], y = /* @__PURE__ */ d({
|
|
4
|
+
__name: "TextDecorators",
|
|
5
|
+
props: {
|
|
6
|
+
context: {}
|
|
7
|
+
},
|
|
8
|
+
setup(a) {
|
|
9
|
+
const i = [
|
|
10
|
+
{ icon: "format_underlined", value: "underline" },
|
|
11
|
+
{ icon: "format_italic", value: "italic" },
|
|
12
|
+
{ icon: "format_strikethrough", value: "line-through" }
|
|
13
|
+
], o = a;
|
|
14
|
+
function u(t) {
|
|
15
|
+
let r = structuredClone(o.context._value.fontStyle), e = structuredClone(o.context._value.textDecorationLine).split(
|
|
16
|
+
" "
|
|
17
|
+
);
|
|
18
|
+
switch (t) {
|
|
19
|
+
case "italic":
|
|
20
|
+
r = r === "normal" ? t : "normal";
|
|
21
|
+
break;
|
|
22
|
+
case "underline":
|
|
23
|
+
e.includes("underline") ? e = e.filter((n) => n !== "underline") : e.push("underline");
|
|
24
|
+
break;
|
|
25
|
+
case "line-through":
|
|
26
|
+
e.includes("line-through") ? e = e.filter((n) => n !== "line-through") : e.push("line-through");
|
|
27
|
+
break;
|
|
28
|
+
}
|
|
29
|
+
e.length === 0 ? e.push("none") : e = e.filter((n) => n !== "none"), o.context.node.input({
|
|
30
|
+
fontStyle: r,
|
|
31
|
+
textDecorationLine: e.join(" ")
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
const s = (t) => o.context._value.fontStyle.includes(t) || o.context._value.textDecorationLine.includes(t);
|
|
35
|
+
return (t, r) => (l(), c("div", x, [
|
|
36
|
+
(l(), c(m, null, f(i, (e) => h("button", {
|
|
37
|
+
class: "flex justify-center items-center",
|
|
38
|
+
type: "button",
|
|
39
|
+
onClick: (n) => u(e.value)
|
|
40
|
+
}, [
|
|
41
|
+
p(g, {
|
|
42
|
+
class: _(["text-[28px] rounded-sm hover:bg-fm-color-neutral-gray-100", {
|
|
43
|
+
"bg-fm-color-neutral-gray-200 hover:bg-fm-color-neutral-gray-200": s(e.value)
|
|
44
|
+
}]),
|
|
45
|
+
name: e.icon
|
|
46
|
+
}, null, 8, ["class", "name"])
|
|
47
|
+
], 8, v)), 64))
|
|
48
|
+
]));
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
export {
|
|
52
|
+
y as default
|
|
53
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { defineComponent as c, resolveComponent as p, openBlock as a, createBlock as u } from "vue";
|
|
2
|
+
const r = /* @__PURE__ */ c({
|
|
3
|
+
__name: "TextField",
|
|
4
|
+
props: {
|
|
5
|
+
context: {}
|
|
6
|
+
},
|
|
7
|
+
setup(o) {
|
|
8
|
+
const n = o;
|
|
9
|
+
function t(e) {
|
|
10
|
+
n.context.node.input(e);
|
|
11
|
+
}
|
|
12
|
+
return (e, m) => {
|
|
13
|
+
const l = p("FmTextField");
|
|
14
|
+
return a(), u(l, {
|
|
15
|
+
class: "w-full",
|
|
16
|
+
"model-value": e.context._value,
|
|
17
|
+
"onUpdate:modelValue": t
|
|
18
|
+
}, null, 8, ["model-value"]);
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
export {
|
|
23
|
+
r as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { defineComponent as p, openBlock as l, createElementBlock as o, Fragment as s, renderList as c, createElementVNode as d, normalizeStyle as f, toDisplayString as x } from "vue";
|
|
2
|
+
const y = { class: "px-12 flex flex-col gap-12 w-full" }, m = ["onClick"], h = /* @__PURE__ */ p({
|
|
3
|
+
__name: "TextStyleList",
|
|
4
|
+
props: {
|
|
5
|
+
context: {}
|
|
6
|
+
},
|
|
7
|
+
setup(i) {
|
|
8
|
+
const e = i, r = [
|
|
9
|
+
{
|
|
10
|
+
title: "Add a display",
|
|
11
|
+
style: {
|
|
12
|
+
fontSize: "22px",
|
|
13
|
+
fontStyle: "normal",
|
|
14
|
+
fontWeight: "800",
|
|
15
|
+
lineHeight: "24px",
|
|
16
|
+
letterSpacing: "-0.33px"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
title: "Add a title",
|
|
21
|
+
style: {
|
|
22
|
+
fontSize: "16px",
|
|
23
|
+
fontStyle: "normal",
|
|
24
|
+
fontWeight: "600",
|
|
25
|
+
lineHeight: "20px",
|
|
26
|
+
letterSpacing: "0.08px"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
title: "Add a body text",
|
|
31
|
+
style: {
|
|
32
|
+
fontSize: "14px",
|
|
33
|
+
fontStyle: "normal",
|
|
34
|
+
fontWeight: "400",
|
|
35
|
+
lineHeight: "18px",
|
|
36
|
+
letterSpacing: "0.14px"
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
title: "Add a disclaimer",
|
|
41
|
+
style: {
|
|
42
|
+
fontSize: "12px",
|
|
43
|
+
fontStyle: "normal",
|
|
44
|
+
fontWeight: "400",
|
|
45
|
+
lineHeight: "16px",
|
|
46
|
+
letterSpacing: "0.24px"
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
];
|
|
50
|
+
async function a(n) {
|
|
51
|
+
await e.context.node.input({
|
|
52
|
+
...e.context._value,
|
|
53
|
+
...n
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
return (n, g) => (l(), o("div", y, [
|
|
57
|
+
(l(), o(s, null, c(r, (t) => d("button", {
|
|
58
|
+
class: "w-full p-8 flex items-center border border-fm-color-neutral-gray-300 rounded-md",
|
|
59
|
+
type: "button",
|
|
60
|
+
style: f(t.style),
|
|
61
|
+
onClick: (u) => a(t.style)
|
|
62
|
+
}, x(t.title), 13, m)), 64))
|
|
63
|
+
]));
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
export {
|
|
67
|
+
h as default
|
|
68
|
+
};
|