asiaint-lowcode 2.0.0 → 2.0.2
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/README.md +0 -73
- package/dist/asiaint-lowcode.js +12 -0
- package/dist/asiaint-lowcode.umd.cjs +1579 -0
- package/dist/index.d.ts +528 -0
- package/dist/lazy/Card-op6i_z8G.js +46 -0
- package/dist/lazy/Cascader-cy25S0M_.js +41 -0
- package/dist/lazy/Checkbox-CQ56BycM.js +75 -0
- package/dist/lazy/Collapse-DXETETv8.js +54 -0
- package/dist/lazy/ColorInput-Ox5qD0YJ.js +28 -0
- package/dist/lazy/Component-BEqoz5jH.js +321 -0
- package/dist/lazy/Component-BLahI--2.js +117 -0
- package/dist/lazy/Component-C69_b7D6.js +97 -0
- package/dist/lazy/Component-CcwERaPj.js +27 -0
- package/dist/lazy/Component-DO63yabq.js +66 -0
- package/dist/lazy/Component-DhFx0wp3.js +13 -0
- package/dist/lazy/Component-IxyabXCT.js +24 -0
- package/dist/lazy/Custom-D7E3J-kY.js +26 -0
- package/dist/lazy/DatePicker-B565iRox.js +11 -0
- package/dist/lazy/Divider-2PVfgKTw.js +21 -0
- package/dist/lazy/FormList-BAk7pGQ5.js +199 -0
- package/dist/lazy/Grid-CQ3I3JJA.js +30 -0
- package/dist/lazy/Inline-DqNMJ75M.js +30 -0
- package/dist/lazy/JsonEdit-j4lAk68A.js +16385 -0
- package/dist/lazy/ObjGroup-CKy7PIXn.js +32 -0
- package/dist/lazy/Radio-Cv3X53D3.js +77 -0
- package/dist/lazy/SearchSelect-BkYukJim.js +86 -0
- package/dist/lazy/Select-MM2rUOPj.js +67 -0
- package/dist/lazy/Tabs-BVFfJAUT.js +47 -0
- package/dist/lazy/Tag-YpWlcGOi.js +22 -0
- package/dist/lazy/TextArea-KNtWavU4.js +25 -0
- package/dist/lazy/Title-32bZDihB.js +4 -0
- package/dist/lazy/Title.vue_vue_type_script_setup_true_lang-Ceco_9-w.js +23 -0
- package/dist/lazy/index-DoIvJXpY.js +22488 -0
- package/dist/lazy/useSelect-DkY4BS54.js +50 -0
- package/dist/style.css +6 -0
- package/package.json +1 -1
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { defineComponent as f, mergeModels as V, useModel as _, ref as b, computed as w, watch as g, onMounted as h, resolveComponent as n, openBlock as s, createBlock as p, mergeProps as k, withCtx as m, createVNode as y, normalizeStyle as C, createElementBlock as M, Fragment as B, renderList as I } from "vue";
|
|
2
|
+
const A = /* @__PURE__ */ f({
|
|
3
|
+
__name: "Component",
|
|
4
|
+
props: /* @__PURE__ */ V({
|
|
5
|
+
selectPosition: { default: "append" },
|
|
6
|
+
selectWidth: { default: 70 },
|
|
7
|
+
selectInitialValue: {},
|
|
8
|
+
options: { default: () => [] },
|
|
9
|
+
parse: {}
|
|
10
|
+
}, {
|
|
11
|
+
modelValue: {
|
|
12
|
+
default: ""
|
|
13
|
+
},
|
|
14
|
+
modelModifiers: {}
|
|
15
|
+
}),
|
|
16
|
+
emits: ["update:modelValue"],
|
|
17
|
+
setup(d) {
|
|
18
|
+
const i = d, t = _(d, "modelValue"), o = b(""), r = w({
|
|
19
|
+
get() {
|
|
20
|
+
var e;
|
|
21
|
+
return (e = t.value) == null ? void 0 : e.replaceAll(o.value, "");
|
|
22
|
+
},
|
|
23
|
+
set(e) {
|
|
24
|
+
e ? t.value = e + o.value : t.value = e;
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
return g(o, (e, a) => {
|
|
28
|
+
var u;
|
|
29
|
+
t.value && (t.value = ((u = t.value) == null ? void 0 : u.replaceAll(a, "")) + e);
|
|
30
|
+
}), h(() => {
|
|
31
|
+
i.selectInitialValue && (o.value = i.selectInitialValue);
|
|
32
|
+
}), (e, a) => {
|
|
33
|
+
const u = n("el-option"), c = n("el-select"), v = n("el-input");
|
|
34
|
+
return s(), p(v, k({
|
|
35
|
+
"show-word-limit": "",
|
|
36
|
+
autocomplete: "off"
|
|
37
|
+
}, e.$attrs, {
|
|
38
|
+
modelValue: r.value,
|
|
39
|
+
"onUpdate:modelValue": a[1] || (a[1] = (l) => r.value = l)
|
|
40
|
+
}), {
|
|
41
|
+
[e.selectPosition]: m(() => [
|
|
42
|
+
y(c, {
|
|
43
|
+
modelValue: o.value,
|
|
44
|
+
"onUpdate:modelValue": a[0] || (a[0] = (l) => o.value = l),
|
|
45
|
+
style: C({ width: e.selectWidth + "px" }),
|
|
46
|
+
placeholder: " "
|
|
47
|
+
}, {
|
|
48
|
+
default: m(() => [
|
|
49
|
+
(s(!0), M(B, null, I(e.options, (l) => (s(), p(u, {
|
|
50
|
+
label: l.label,
|
|
51
|
+
value: l.value,
|
|
52
|
+
disabled: l.disabled,
|
|
53
|
+
key: l.value
|
|
54
|
+
}, null, 8, ["label", "value", "disabled"]))), 128))
|
|
55
|
+
]),
|
|
56
|
+
_: 1
|
|
57
|
+
}, 8, ["modelValue", "style"])
|
|
58
|
+
]),
|
|
59
|
+
_: 2
|
|
60
|
+
}, 1040, ["modelValue"]);
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
export {
|
|
65
|
+
A as default
|
|
66
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { defineComponent as t, openBlock as o, createElementBlock as r, normalizeProps as n, guardReactiveProps as p, toDisplayString as a } from "vue";
|
|
2
|
+
const c = /* @__PURE__ */ t({
|
|
3
|
+
__name: "Component",
|
|
4
|
+
props: {
|
|
5
|
+
text: {}
|
|
6
|
+
},
|
|
7
|
+
setup(s) {
|
|
8
|
+
return (e, i) => (o(), r("div", n(p(e.$attrs)), a(e.text), 17));
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
export {
|
|
12
|
+
c as default
|
|
13
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { defineComponent as a, useModel as s, resolveComponent as p, unref as d, openBlock as n, createElementBlock as i, toDisplayString as c, createBlock as _, mergeProps as f } from "vue";
|
|
2
|
+
import { u as v } from "./index-DoIvJXpY.js";
|
|
3
|
+
import "element-plus";
|
|
4
|
+
const V = { key: 0 }, C = /* @__PURE__ */ a({
|
|
5
|
+
__name: "Component",
|
|
6
|
+
props: {
|
|
7
|
+
modelValue: {},
|
|
8
|
+
modelModifiers: {}
|
|
9
|
+
},
|
|
10
|
+
emits: ["update:modelValue"],
|
|
11
|
+
setup(t) {
|
|
12
|
+
const e = s(t, "modelValue"), l = v();
|
|
13
|
+
return (m, o) => {
|
|
14
|
+
const r = p("el-input-number");
|
|
15
|
+
return d(l).read ? (n(), i("div", V, c(e.value), 1)) : (n(), _(r, f({ key: 1 }, m.$attrs, {
|
|
16
|
+
modelValue: e.value,
|
|
17
|
+
"onUpdate:modelValue": o[0] || (o[0] = (u) => e.value = u)
|
|
18
|
+
}), null, 16, ["modelValue"]));
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
export {
|
|
23
|
+
C as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { defineComponent as n, mergeModels as s, useModel as p, openBlock as t, createElementBlock as r, createBlock as d, resolveDynamicComponent as u, mergeProps as c } from "vue";
|
|
2
|
+
import { b as i } from "./index-DoIvJXpY.js";
|
|
3
|
+
const f = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "empty"
|
|
6
|
+
}, _ = /* @__PURE__ */ n({
|
|
7
|
+
__name: "Custom",
|
|
8
|
+
props: /* @__PURE__ */ s({
|
|
9
|
+
componentName: {}
|
|
10
|
+
}, {
|
|
11
|
+
modelValue: {},
|
|
12
|
+
modelModifiers: {}
|
|
13
|
+
}),
|
|
14
|
+
emits: ["update:modelValue"],
|
|
15
|
+
setup(l) {
|
|
16
|
+
const o = p(l, "modelValue");
|
|
17
|
+
return (e, m) => e.componentName ? (t(), d(u(e.componentName), c({
|
|
18
|
+
key: 1,
|
|
19
|
+
modelValue: o.value,
|
|
20
|
+
"onUpdate:modelValue": m[0] || (m[0] = (a) => o.value = a)
|
|
21
|
+
}, e.$attrs), null, 16, ["modelValue"])) : (t(), r("span", f, "请输入全局注册得组件名"));
|
|
22
|
+
}
|
|
23
|
+
}), v = /* @__PURE__ */ i(_, [["__scopeId", "data-v-2250b7d1"]]);
|
|
24
|
+
export {
|
|
25
|
+
v as default
|
|
26
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { resolveComponent as t, openBlock as o, createBlock as c, mergeProps as n } from "vue";
|
|
2
|
+
import { b as s } from "./index-DoIvJXpY.js";
|
|
3
|
+
const _ = {};
|
|
4
|
+
function a(e, p) {
|
|
5
|
+
const r = t("el-date-picker");
|
|
6
|
+
return o(), c(r, n(e.$attrs, { style: { width: "100%" } }), null, 16);
|
|
7
|
+
}
|
|
8
|
+
const m = /* @__PURE__ */ s(_, [["render", a]]);
|
|
9
|
+
export {
|
|
10
|
+
m as default
|
|
11
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { defineComponent as o, resolveComponent as r, openBlock as i, createBlock as n, normalizeProps as p, guardReactiveProps as a, withCtx as s, createTextVNode as l, toDisplayString as c } from "vue";
|
|
2
|
+
const u = /* @__PURE__ */ o({
|
|
3
|
+
__name: "Divider",
|
|
4
|
+
props: {
|
|
5
|
+
title: {}
|
|
6
|
+
},
|
|
7
|
+
setup(_) {
|
|
8
|
+
return (e, d) => {
|
|
9
|
+
const t = r("ElDivider");
|
|
10
|
+
return i(), n(t, p(a(e.$attrs)), {
|
|
11
|
+
default: s(() => [
|
|
12
|
+
l(c(e.title), 1)
|
|
13
|
+
]),
|
|
14
|
+
_: 1
|
|
15
|
+
}, 16);
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
export {
|
|
20
|
+
u as default
|
|
21
|
+
};
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
import { defineComponent as S, mergeModels as j, useModel as G, ref as T, computed as M, watch as H, onMounted as J, provide as K, resolveComponent as b, openBlock as l, createElementBlock as _, unref as m, createBlock as s, Fragment as $, renderList as g, withCtx as r, createElementVNode as C, createVNode as v, mergeProps as R, createCommentVNode as y, toDisplayString as F, createTextVNode as O, h as Q } from "vue";
|
|
2
|
+
import { u as U, l as w, d as W, e as V, _ as L, f as X } from "./index-DoIvJXpY.js";
|
|
3
|
+
import "element-plus";
|
|
4
|
+
const Y = { class: "vfc-formList" }, Z = { key: 1 }, x = { class: "list-item-content" }, ee = { class: "card-header" }, le = { style: { "margin-top": "5px" } }, oe = /* @__PURE__ */ S({
|
|
5
|
+
__name: "FormList",
|
|
6
|
+
props: /* @__PURE__ */ j({
|
|
7
|
+
children: { default: () => [] },
|
|
8
|
+
allowAdd: { type: Boolean, default: !0 },
|
|
9
|
+
allowReduce: { type: Boolean, default: !0 },
|
|
10
|
+
minLines: { default: 0 },
|
|
11
|
+
maxLines: { default: 999 },
|
|
12
|
+
mode: { default: "table" },
|
|
13
|
+
title: { default: "" },
|
|
14
|
+
name: { default: "" },
|
|
15
|
+
disabled: { type: Boolean }
|
|
16
|
+
}, {
|
|
17
|
+
modelValue: { default: [] },
|
|
18
|
+
modelModifiers: {}
|
|
19
|
+
}),
|
|
20
|
+
emits: ["update:modelValue"],
|
|
21
|
+
setup(z) {
|
|
22
|
+
const f = z, a = G(z, "modelValue"), A = T(0), N = U(), B = (e) => X(f.children, { $item: a.value[e], $index: e }), D = M(() => a.value.length >= f.maxLines), E = M(() => a.value.length <= f.minLines), q = () => {
|
|
23
|
+
D.value || (a.value = [...a.value, {}]);
|
|
24
|
+
}, I = (e) => {
|
|
25
|
+
const p = a.value.filter((i, o) => o !== e);
|
|
26
|
+
a.value = p;
|
|
27
|
+
}, P = (e, p, i, o) => {
|
|
28
|
+
const k = p.no, h = B(o)[k];
|
|
29
|
+
return Q(V, {
|
|
30
|
+
...h,
|
|
31
|
+
hideLabel: !0,
|
|
32
|
+
style: { marginBottom: 0 },
|
|
33
|
+
name: `${f.name}.${o}.${h.name}`
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
return H(a, (e, p) => {
|
|
37
|
+
const i = e.reduce((t, d, n) => (w.isEqual(d, p[n]) || (t = n), t), 0);
|
|
38
|
+
if (A.value = i, !f.children.some((t) => t.change)) return;
|
|
39
|
+
const o = B(i), k = e[i] || {}, h = p[i] || {};
|
|
40
|
+
o.forEach((t) => {
|
|
41
|
+
t.change && h && !w.isEqual(k[t.name], h[t.name]) && t.change.forEach((d) => {
|
|
42
|
+
if (d.condition !== !1) {
|
|
43
|
+
if (w.isString(d.condition) && /^{{\s*(.*?)\s*}}$/.test(d.condition)) return;
|
|
44
|
+
const n = d.target.split(".").pop();
|
|
45
|
+
a.value[i][n] = d.value;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
}), J(() => {
|
|
50
|
+
var e;
|
|
51
|
+
f.minLines && !((e = a.value) != null && e.length) && (a.value = Array.from({ length: f.minLines }, () => ({})));
|
|
52
|
+
}), K(
|
|
53
|
+
"$objGroupBase",
|
|
54
|
+
M(() => `${f.name}.${A.value}`)
|
|
55
|
+
), (e, p) => {
|
|
56
|
+
const i = b("el-space"), o = b("el-button"), k = b("el-form-item"), h = b("el-card"), t = b("el-table-column"), d = b("el-table");
|
|
57
|
+
return l(), _("div", Y, [
|
|
58
|
+
m(N).design ? (l(), s(m(W), {
|
|
59
|
+
key: 0,
|
|
60
|
+
list: e.children,
|
|
61
|
+
class: "layoutRender"
|
|
62
|
+
}, null, 8, ["list"])) : (l(), _("div", Z, [
|
|
63
|
+
e.mode === "inline" ? (l(!0), _($, { key: 0 }, g(a.value, (n, u) => (l(), s(k, {
|
|
64
|
+
key: n.key,
|
|
65
|
+
class: "list-item"
|
|
66
|
+
}, {
|
|
67
|
+
default: r(() => [
|
|
68
|
+
C("div", x, [
|
|
69
|
+
v(i, null, {
|
|
70
|
+
default: r(() => [
|
|
71
|
+
(l(!0), _($, null, g(B(u), (c) => (l(), s(m(V), R({ ref_for: !0 }, c, {
|
|
72
|
+
key: c.label,
|
|
73
|
+
name: `${e.name}.${u}.${c.name}`,
|
|
74
|
+
hideLabel: ""
|
|
75
|
+
}), null, 16, ["name"]))), 128))
|
|
76
|
+
]),
|
|
77
|
+
_: 2
|
|
78
|
+
}, 1024),
|
|
79
|
+
e.allowReduce && !E.value ? (l(), s(o, {
|
|
80
|
+
key: 0,
|
|
81
|
+
onClick: (c) => I(u),
|
|
82
|
+
circle: "",
|
|
83
|
+
type: "primary",
|
|
84
|
+
class: "list-btn reduceBtn",
|
|
85
|
+
disabled: e.disabled,
|
|
86
|
+
size: "small"
|
|
87
|
+
}, {
|
|
88
|
+
icon: r(() => [
|
|
89
|
+
v(m(L), {
|
|
90
|
+
name: "reduce",
|
|
91
|
+
color: "#fff"
|
|
92
|
+
})
|
|
93
|
+
]),
|
|
94
|
+
_: 2
|
|
95
|
+
}, 1032, ["onClick", "disabled"])) : y("", !0)
|
|
96
|
+
])
|
|
97
|
+
]),
|
|
98
|
+
_: 2
|
|
99
|
+
}, 1024))), 128)) : y("", !0),
|
|
100
|
+
e.mode === "card" ? (l(!0), _($, { key: 1 }, g(a.value, (n, u) => (l(), s(h, {
|
|
101
|
+
key: n.key,
|
|
102
|
+
class: "list-card"
|
|
103
|
+
}, {
|
|
104
|
+
header: r(() => [
|
|
105
|
+
C("div", ee, [
|
|
106
|
+
C("span", null, F(e.title + (u + 1)), 1),
|
|
107
|
+
e.allowReduce && !E.value ? (l(), s(o, {
|
|
108
|
+
key: 0,
|
|
109
|
+
onClick: (c) => I(u),
|
|
110
|
+
circle: "",
|
|
111
|
+
type: "primary",
|
|
112
|
+
class: "list-btn reduceBtn",
|
|
113
|
+
disabled: e.disabled,
|
|
114
|
+
size: "small"
|
|
115
|
+
}, {
|
|
116
|
+
icon: r(() => [
|
|
117
|
+
v(m(L), {
|
|
118
|
+
name: "reduce",
|
|
119
|
+
color: "#fff"
|
|
120
|
+
})
|
|
121
|
+
]),
|
|
122
|
+
_: 2
|
|
123
|
+
}, 1032, ["onClick", "disabled"])) : y("", !0)
|
|
124
|
+
])
|
|
125
|
+
]),
|
|
126
|
+
default: r(() => [
|
|
127
|
+
(l(!0), _($, null, g(B(u), (c) => (l(), s(m(V), R({ ref_for: !0 }, c, {
|
|
128
|
+
key: c.label,
|
|
129
|
+
class: "list-card-item",
|
|
130
|
+
name: `${e.name}.${u}.${c.name}`
|
|
131
|
+
}), null, 16, ["name"]))), 128))
|
|
132
|
+
]),
|
|
133
|
+
_: 2
|
|
134
|
+
}, 1024))), 128)) : y("", !0),
|
|
135
|
+
e.mode === "table" && a.value.length ? (l(), s(d, {
|
|
136
|
+
key: 2,
|
|
137
|
+
data: a.value,
|
|
138
|
+
style: { width: "100%" }
|
|
139
|
+
}, {
|
|
140
|
+
default: r(() => [
|
|
141
|
+
(l(!0), _($, null, g(e.children, (n) => (l(), s(t, R({
|
|
142
|
+
prop: n.name,
|
|
143
|
+
label: n.label,
|
|
144
|
+
key: n.name,
|
|
145
|
+
ref_for: !0
|
|
146
|
+
}, m(w.pickBy)(n, Boolean), { formatter: P }), null, 16, ["prop", "label"]))), 128)),
|
|
147
|
+
v(t, {
|
|
148
|
+
fixed: "right",
|
|
149
|
+
"min-width": "60"
|
|
150
|
+
}, {
|
|
151
|
+
default: r((n) => [
|
|
152
|
+
e.allowReduce && !E.value ? (l(), s(o, {
|
|
153
|
+
key: 0,
|
|
154
|
+
onClick: (u) => I(n.$index),
|
|
155
|
+
circle: "",
|
|
156
|
+
type: "primary",
|
|
157
|
+
class: "list-btn reduceBtn",
|
|
158
|
+
disabled: e.disabled,
|
|
159
|
+
size: "small",
|
|
160
|
+
plain: ""
|
|
161
|
+
}, {
|
|
162
|
+
icon: r(() => [
|
|
163
|
+
v(m(L), { name: "reduce" })
|
|
164
|
+
]),
|
|
165
|
+
_: 2
|
|
166
|
+
}, 1032, ["onClick", "disabled"])) : y("", !0)
|
|
167
|
+
]),
|
|
168
|
+
_: 1
|
|
169
|
+
})
|
|
170
|
+
]),
|
|
171
|
+
_: 1
|
|
172
|
+
}, 8, ["data"])) : y("", !0),
|
|
173
|
+
C("div", le, [
|
|
174
|
+
e.allowAdd && !D.value ? (l(), s(o, {
|
|
175
|
+
key: 0,
|
|
176
|
+
onClick: q,
|
|
177
|
+
type: "primary",
|
|
178
|
+
class: "list-btn addBtn",
|
|
179
|
+
disabled: e.disabled,
|
|
180
|
+
size: "small",
|
|
181
|
+
plain: ""
|
|
182
|
+
}, {
|
|
183
|
+
icon: r(() => [
|
|
184
|
+
v(m(L), { name: "add" })
|
|
185
|
+
]),
|
|
186
|
+
default: r(() => [
|
|
187
|
+
O(" " + F(e.title), 1)
|
|
188
|
+
]),
|
|
189
|
+
_: 1
|
|
190
|
+
}, 8, ["disabled"])) : y("", !0)
|
|
191
|
+
])
|
|
192
|
+
]))
|
|
193
|
+
]);
|
|
194
|
+
};
|
|
195
|
+
}
|
|
196
|
+
});
|
|
197
|
+
export {
|
|
198
|
+
oe as default
|
|
199
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { defineComponent as t, computed as n, openBlock as a, createBlock as m, unref as p, normalizeStyle as s } from "vue";
|
|
2
|
+
import { a as i } from "./index-DoIvJXpY.js";
|
|
3
|
+
import "element-plus";
|
|
4
|
+
const g = /* @__PURE__ */ t({
|
|
5
|
+
__name: "Grid",
|
|
6
|
+
props: {
|
|
7
|
+
children: {},
|
|
8
|
+
columns: {},
|
|
9
|
+
rowGap: {},
|
|
10
|
+
columnGap: {},
|
|
11
|
+
alignItems: {}
|
|
12
|
+
},
|
|
13
|
+
setup(o) {
|
|
14
|
+
const e = o, r = n(() => ({
|
|
15
|
+
display: "grid",
|
|
16
|
+
"grid-template-columns": `repeat(${e.columns}, 1fr)`,
|
|
17
|
+
"row-gap": e.rowGap + "px",
|
|
18
|
+
"column-gap": e.columnGap + "px",
|
|
19
|
+
"align-items": e.alignItems
|
|
20
|
+
}));
|
|
21
|
+
return (l, c) => (a(), m(p(i), {
|
|
22
|
+
class: "form-item-grid",
|
|
23
|
+
style: s(r.value),
|
|
24
|
+
list: l.children
|
|
25
|
+
}, null, 8, ["style", "list"]));
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
export {
|
|
29
|
+
g as default
|
|
30
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { defineComponent as a, computed as l, openBlock as p, createBlock as r, unref as i, normalizeStyle as s } from "vue";
|
|
2
|
+
import { a as c, b as f } from "./index-DoIvJXpY.js";
|
|
3
|
+
import "element-plus";
|
|
4
|
+
const m = /* @__PURE__ */ a({
|
|
5
|
+
__name: "Inline",
|
|
6
|
+
props: {
|
|
7
|
+
children: {},
|
|
8
|
+
align: {},
|
|
9
|
+
autoWrap: { type: Boolean },
|
|
10
|
+
gap: {}
|
|
11
|
+
},
|
|
12
|
+
setup(n) {
|
|
13
|
+
const e = n, t = l(() => ({
|
|
14
|
+
width: "100%",
|
|
15
|
+
display: "flex",
|
|
16
|
+
"justify-content": e.align,
|
|
17
|
+
"flex-wrap": e.autoWrap ? "wrap" : "nowrap",
|
|
18
|
+
"overflow-x": "auto",
|
|
19
|
+
gap: `${e.gap}px`
|
|
20
|
+
}));
|
|
21
|
+
return (o, u) => (p(), r(i(c), {
|
|
22
|
+
class: "form-item-inline",
|
|
23
|
+
style: s(t.value),
|
|
24
|
+
list: o.children
|
|
25
|
+
}, null, 8, ["style", "list"]));
|
|
26
|
+
}
|
|
27
|
+
}), x = /* @__PURE__ */ f(m, [["__scopeId", "data-v-c38cc7f7"]]);
|
|
28
|
+
export {
|
|
29
|
+
x as default
|
|
30
|
+
};
|