sinosoft-common-form 1.4.0 → 1.4.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/common-form.es.js +331 -325
- package/common-form.umd.js +1 -1
- package/package.json +1 -1
- package/style.css +1 -1
package/common-form.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
const rl = "data:image/svg+xml;base64,
|
|
1
|
+
import { ref as q, reactive as Q, shallowRef as W, h as P, computed as G, onMounted as Z, watch as J, toRefs as X, nextTick as $, resolveComponent as M, openBlock as n, createBlock as c, mergeProps as ll, withModifiers as el, withCtx as s, createVNode as i, createElementBlock as r, Fragment as I, renderList as N, withDirectives as ol, createElementVNode as D, normalizeStyle as f, toDisplayString as y, createTextVNode as h, createCommentVNode as _, renderSlot as k, normalizeClass as C, withKeys as L, createSlots as al, vShow as nl, pushScopeId as dl, popScopeId as sl } from "vue";
|
|
2
|
+
const rl = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMi43NTAyIDEuODc2OTVIMTAuMTI1MlYwLjg3Njk1M0MxMC4xMjUyIDAuODA4MjAzIDEwLjA2OSAwLjc1MTk1MyAxMC4wMDAyIDAuNzUxOTUzSDkuMTI1MjVDOS4wNTY0OSAwLjc1MTk1MyA5LjAwMDI1IDAuODA4MjAzIDkuMDAwMjUgMC44NzY5NTNWMS44NzY5NUg1LjAwMDI0VjAuODc2OTUzQzUuMDAwMjQgMC44MDgyMDMgNC45NDM5OSAwLjc1MTk1MyA0Ljg3NTI0IDAuNzUxOTUzSDQuMDAwMjRDMy45MzE0OSAwLjc1MTk1MyAzLjg3NTI0IDAuODA4MjAzIDMuODc1MjQgMC44NzY5NTNWMS44NzY5NUgxLjI1MDI0QzAuOTczNjgyIDEuODc2OTUgMC43NTAyNDQgMi4xMDAzOSAwLjc1MDI0NCAyLjM3Njk1VjEyLjc1MkMwLjc1MDI0NCAxMy4wMjg1IDAuOTczNjgyIDEzLjI1MiAxLjI1MDI0IDEzLjI1MkgxMi43NTAyQzEzLjAyNjggMTMuMjUyIDEzLjI1MDIgMTMuMDI4NSAxMy4yNTAyIDEyLjc1MlYyLjM3Njk1QzEzLjI1MDIgMi4xMDAzOSAxMy4wMjY4IDEuODc2OTUgMTIuNzUwMiAxLjg3Njk1Wk0xMi4xMjUyIDEyLjEyN0gxLjg3NTI0VjYuMTg5NDVIMTIuMTI1MlYxMi4xMjdaTTEuODc1MjQgNS4xMjY5NVYzLjAwMTk1SDMuODc1MjRWMy43NTE5NUMzLjg3NTI0IDMuODIwNyAzLjkzMTQ5IDMuODc2OTUgNC4wMDAyNCAzLjg3Njk1SDQuODc1MjRDNC45NDM5OSAzLjg3Njk1IDUuMDAwMjQgMy44MjA3IDUuMDAwMjQgMy43NTE5NVYzLjAwMTk1SDkuMDAwMjVWMy43NTE5NUM5LjAwMDI1IDMuODIwNyA5LjA1NjQ5IDMuODc2OTUgOS4xMjUyNSAzLjg3Njk1SDEwLjAwMDJDMTAuMDY5IDMuODc2OTUgMTAuMTI1MiAzLjgyMDcgMTAuMTI1MiAzLjc1MTk1VjMuMDAxOTVIMTIuMTI1MlY1LjEyNjk1SDEuODc1MjRaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+Cjwvc3ZnPgo=", ul = {
|
|
3
3
|
props: {
|
|
4
4
|
fieldList: {
|
|
5
5
|
type: Array,
|
|
@@ -8,315 +8,315 @@ const rl = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZX
|
|
|
8
8
|
model: Object,
|
|
9
9
|
options: Object
|
|
10
10
|
},
|
|
11
|
-
setup(
|
|
12
|
-
const
|
|
11
|
+
setup(t, { emit: g }) {
|
|
12
|
+
const x = q(!0), e = Q({
|
|
13
13
|
model: {}
|
|
14
|
-
}),
|
|
14
|
+
}), A = q(null), K = W({
|
|
15
15
|
render() {
|
|
16
16
|
return P("img", {
|
|
17
17
|
src: rl
|
|
18
18
|
});
|
|
19
19
|
}
|
|
20
|
-
}),
|
|
21
|
-
e.model =
|
|
22
|
-
},
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
}), p = G(() => Object.assign([], t.options)), w = () => {
|
|
21
|
+
e.model = t.model;
|
|
22
|
+
}, O = (d, a, u) => {
|
|
23
|
+
A.value && (a ? (x.value = !1, $(() => {
|
|
24
|
+
A.value.validate((b) => {
|
|
25
25
|
if (b)
|
|
26
|
-
|
|
26
|
+
g(u || "submit", e.model, d);
|
|
27
27
|
else
|
|
28
28
|
return !1;
|
|
29
29
|
});
|
|
30
|
-
})) : u === "reset" ?
|
|
31
|
-
}, j = (
|
|
32
|
-
|
|
33
|
-
},
|
|
34
|
-
|
|
35
|
-
},
|
|
36
|
-
|
|
37
|
-
},
|
|
38
|
-
const u = e.model[
|
|
39
|
-
u !== 1 &&
|
|
40
|
-
},
|
|
41
|
-
|
|
42
|
-
},
|
|
43
|
-
|
|
44
|
-
},
|
|
45
|
-
|
|
46
|
-
},
|
|
47
|
-
console.log(
|
|
48
|
-
}, E = (
|
|
49
|
-
|
|
50
|
-
},
|
|
51
|
-
|
|
52
|
-
}, l = (
|
|
53
|
-
|
|
54
|
-
},
|
|
55
|
-
|
|
56
|
-
},
|
|
57
|
-
|
|
30
|
+
})) : u === "reset" ? A.value.resetFields() : g(u || "submit", e.model, d));
|
|
31
|
+
}, j = (d, a) => {
|
|
32
|
+
g("selectChange", d, a);
|
|
33
|
+
}, F = (d, a) => {
|
|
34
|
+
g("radioChange", d, a);
|
|
35
|
+
}, U = (d, a) => {
|
|
36
|
+
g("checkChange", d, a);
|
|
37
|
+
}, V = (d, a) => {
|
|
38
|
+
const u = e.model[a].length;
|
|
39
|
+
g("checkChange", d, a), u !== 1 && u > 1 && e.model[a].shift();
|
|
40
|
+
}, R = (d, a, u) => {
|
|
41
|
+
O(d, a, u);
|
|
42
|
+
}, T = (d, a) => {
|
|
43
|
+
d && (a == null ? void 0 : a.key) === "Enter" && O(void 0, !0, "submit");
|
|
44
|
+
}, S = (d, a) => {
|
|
45
|
+
g("dateChange", d, a);
|
|
46
|
+
}, z = (d, a) => {
|
|
47
|
+
console.log(A.value), g("inputBlur", d, a);
|
|
48
|
+
}, E = (d, a) => {
|
|
49
|
+
g("inputFocus", d, a);
|
|
50
|
+
}, m = (d, a) => {
|
|
51
|
+
g("inputChange", d, a);
|
|
52
|
+
}, l = (d, a) => {
|
|
53
|
+
g("inputInput", d, a);
|
|
54
|
+
}, v = (d) => {
|
|
55
|
+
A.value.resetFields(d);
|
|
56
|
+
}, o = (d) => {
|
|
57
|
+
A.value.clearValidate(d);
|
|
58
58
|
};
|
|
59
|
-
return
|
|
60
|
-
w(),
|
|
59
|
+
return Z(() => {
|
|
60
|
+
w(), A.value.resetFields();
|
|
61
61
|
}), J(
|
|
62
|
-
() =>
|
|
63
|
-
(
|
|
64
|
-
|
|
62
|
+
() => t.fieldList,
|
|
63
|
+
(d, a) => {
|
|
64
|
+
d !== a && w();
|
|
65
65
|
}
|
|
66
66
|
), {
|
|
67
67
|
...X(e),
|
|
68
|
-
formRef:
|
|
68
|
+
formRef: A,
|
|
69
69
|
states: e,
|
|
70
|
-
formOptions:
|
|
71
|
-
onSubmit:
|
|
70
|
+
formOptions: p,
|
|
71
|
+
onSubmit: O,
|
|
72
72
|
selectChange: j,
|
|
73
|
-
radioChange:
|
|
74
|
-
checkChange:
|
|
75
|
-
handleCheckedChange:
|
|
76
|
-
prefixIcon:
|
|
77
|
-
handleClick:
|
|
78
|
-
handleKeyUp:
|
|
79
|
-
resetFieldsTest:
|
|
80
|
-
clearValidateTest:
|
|
81
|
-
dateChange:
|
|
82
|
-
inputBlur:
|
|
73
|
+
radioChange: F,
|
|
74
|
+
checkChange: U,
|
|
75
|
+
handleCheckedChange: V,
|
|
76
|
+
prefixIcon: K,
|
|
77
|
+
handleClick: R,
|
|
78
|
+
handleKeyUp: T,
|
|
79
|
+
resetFieldsTest: v,
|
|
80
|
+
clearValidateTest: o,
|
|
81
|
+
dateChange: S,
|
|
82
|
+
inputBlur: z,
|
|
83
83
|
inputFocus: E,
|
|
84
|
-
inputChange:
|
|
84
|
+
inputChange: m,
|
|
85
85
|
inputInput: l,
|
|
86
|
-
noFormRule:
|
|
86
|
+
noFormRule: x
|
|
87
87
|
};
|
|
88
88
|
}
|
|
89
89
|
};
|
|
90
|
-
const
|
|
91
|
-
const
|
|
92
|
-
for (const [e,
|
|
93
|
-
|
|
94
|
-
return
|
|
95
|
-
},
|
|
90
|
+
const tl = (t, g) => {
|
|
91
|
+
const x = t.__vccOpts || t;
|
|
92
|
+
for (const [e, A] of g)
|
|
93
|
+
x[e] = A;
|
|
94
|
+
return x;
|
|
95
|
+
}, B = (t) => (dl("data-v-a974b266"), t = t(), sl(), t), cl = { class: "header-title" }, yl = { class: "title-content" }, il = {
|
|
96
96
|
key: 0,
|
|
97
97
|
class: "custom-required"
|
|
98
|
-
},
|
|
98
|
+
}, pl = {
|
|
99
99
|
key: 0,
|
|
100
100
|
class: "custom-required"
|
|
101
|
-
}, bl = ["src"],
|
|
101
|
+
}, bl = ["src"], fl = {
|
|
102
102
|
key: 0,
|
|
103
103
|
class: "custom-required"
|
|
104
|
-
},
|
|
104
|
+
}, hl = { class: "lable" }, gl = { class: "lable_note" }, _l = {
|
|
105
105
|
key: 0,
|
|
106
106
|
class: "custom-required"
|
|
107
|
-
},
|
|
107
|
+
}, Ml = {
|
|
108
108
|
key: 0,
|
|
109
109
|
class: "custom-required"
|
|
110
|
-
},
|
|
110
|
+
}, kl = {
|
|
111
111
|
key: 0,
|
|
112
112
|
class: "custom-required"
|
|
113
|
-
},
|
|
113
|
+
}, Cl = {
|
|
114
114
|
key: 0,
|
|
115
115
|
class: "custom-required"
|
|
116
|
-
},
|
|
116
|
+
}, Dl = {
|
|
117
117
|
key: 0,
|
|
118
118
|
class: "custom-required"
|
|
119
|
-
},
|
|
119
|
+
}, Al = {
|
|
120
120
|
key: 0,
|
|
121
121
|
class: "date_to"
|
|
122
|
-
},
|
|
122
|
+
}, Il = {
|
|
123
123
|
key: 0,
|
|
124
124
|
class: "custom-required"
|
|
125
|
-
},
|
|
125
|
+
}, Nl = {
|
|
126
126
|
key: 0,
|
|
127
127
|
class: "custom-required"
|
|
128
|
-
},
|
|
128
|
+
}, xl = {
|
|
129
129
|
key: 0,
|
|
130
130
|
class: "custom-required"
|
|
131
|
-
}, wl = { class: "phone_item_content" },
|
|
131
|
+
}, wl = { class: "phone_item_content" }, Ol = /* @__PURE__ */ B(() => /* @__PURE__ */ D("div", { class: "line_middle" }, " - ", -1)), jl = /* @__PURE__ */ B(() => /* @__PURE__ */ D("div", { class: "line_middle" }, " - ", -1)), Vl = /* @__PURE__ */ B(() => /* @__PURE__ */ D("div", {
|
|
132
132
|
class: "line",
|
|
133
133
|
style: { "border-top": "1px solid #e8e8e8", width: "100%", height: "0px", margin: "39px 0" }
|
|
134
|
-
}, null, -1)),
|
|
134
|
+
}, null, -1)), Rl = {
|
|
135
135
|
key: 0,
|
|
136
136
|
class: "custom-required"
|
|
137
137
|
};
|
|
138
|
-
function
|
|
139
|
-
const
|
|
140
|
-
return
|
|
138
|
+
function vl(t, g, x, e, A, K) {
|
|
139
|
+
const p = M("el-form-item"), w = M("el-input"), O = M("el-radio"), j = M("el-radio-group"), F = M("el-checkbox"), U = M("el-checkbox-group"), V = M("el-option"), R = M("el-select"), T = M("el-date-picker"), S = M("el-col"), z = M("el-row"), E = M("sinosoft-common-button"), m = M("el-form");
|
|
140
|
+
return n(), c(m, ll({
|
|
141
141
|
"hide-required-asterisk": "",
|
|
142
|
-
onSubmit:
|
|
142
|
+
onSubmit: g[0] || (g[0] = el(() => {
|
|
143
143
|
}, ["prevent"])),
|
|
144
|
-
model:
|
|
144
|
+
model: x.model
|
|
145
145
|
}, e.formOptions, {
|
|
146
146
|
"label-position": e.formOptions.labelPosition,
|
|
147
147
|
ref: "formRef"
|
|
148
148
|
}), {
|
|
149
149
|
default: s(() => [
|
|
150
|
-
|
|
150
|
+
i(z, { gutter: 20 }, {
|
|
151
151
|
default: s(() => [
|
|
152
|
-
(
|
|
152
|
+
(n(!0), r(I, null, N(x.fieldList, (l, v) => ol((n(), c(S, {
|
|
153
153
|
xs: l.xs ? l.xs : 24,
|
|
154
154
|
sm: l.sm ? l.sm : 24,
|
|
155
155
|
md: l.md ? l.md : 8,
|
|
156
156
|
lg: l.lg ? l.lg : 8,
|
|
157
157
|
xl: l.xl ? l.xl : 8,
|
|
158
|
-
key:
|
|
158
|
+
key: v
|
|
159
159
|
}, {
|
|
160
160
|
default: s(() => [
|
|
161
|
-
|
|
162
|
-
style:
|
|
161
|
+
D("div", {
|
|
162
|
+
style: f(l.style)
|
|
163
163
|
}, [
|
|
164
|
-
l.type === "title" ? (
|
|
164
|
+
l.type === "title" ? (n(), c(p, { key: 0 }, {
|
|
165
165
|
default: s(() => [
|
|
166
|
-
|
|
167
|
-
|
|
166
|
+
D("div", cl, [
|
|
167
|
+
D("span", yl, y(l.title), 1)
|
|
168
168
|
])
|
|
169
169
|
]),
|
|
170
170
|
_: 2
|
|
171
|
-
}, 1024)) : l.type === "name" ? (
|
|
171
|
+
}, 1024)) : l.type === "name" ? (n(), c(p, {
|
|
172
172
|
key: 1,
|
|
173
173
|
label: l.label,
|
|
174
|
-
disabled: l.disabled || e.formOptions.
|
|
174
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
175
175
|
class: "container_name"
|
|
176
176
|
}, {
|
|
177
177
|
label: s(() => [
|
|
178
|
-
l.slotLabelName ?
|
|
178
|
+
l.slotLabelName ? k(t.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
179
179
|
key: 0,
|
|
180
|
-
style:
|
|
180
|
+
style: f(l.labelStyle)
|
|
181
181
|
}, [
|
|
182
182
|
h(y(l.label) + " ", 1),
|
|
183
|
-
l.required ? (
|
|
183
|
+
l.required ? (n(), r("span", il, "*")) : _("", !0)
|
|
184
184
|
], 4))
|
|
185
185
|
]),
|
|
186
186
|
default: s(() => [
|
|
187
|
-
p
|
|
187
|
+
i(p, {
|
|
188
188
|
rules: l.isHide || e.noFormRule ? [] : l.rules.nameEnFamily,
|
|
189
189
|
prop: l.field.nameEnFamily,
|
|
190
190
|
class: "item-name"
|
|
191
191
|
}, {
|
|
192
192
|
default: s(() => [
|
|
193
|
-
|
|
194
|
-
onBlur: (
|
|
195
|
-
onFocus: (
|
|
196
|
-
onChange: (
|
|
197
|
-
onInput: (
|
|
198
|
-
class:
|
|
193
|
+
i(w, {
|
|
194
|
+
onBlur: (o) => e.inputBlur(o, l.field.nameEnFamily),
|
|
195
|
+
onFocus: (o) => e.inputFocus(o, l.field.nameEnFamily),
|
|
196
|
+
onChange: (o) => e.inputChange(o, l.field.nameEnFamily),
|
|
197
|
+
onInput: (o) => e.inputInput(o, l.field.nameEnFamily),
|
|
198
|
+
class: C(l.isReadonly || e.formOptions.isAllReadonly ? "readonly" : ""),
|
|
199
199
|
maxlength: l.maxlengthNameEnFamily,
|
|
200
200
|
modelValue: e.states.model[l.field.nameEnFamily],
|
|
201
|
-
"onUpdate:modelValue": (
|
|
201
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field.nameEnFamily] = o,
|
|
202
202
|
readonly: l.readonly,
|
|
203
203
|
type: l.type ? l.type : "text",
|
|
204
204
|
placeholder: l.placeholderNameEnFamily,
|
|
205
|
-
disabled: l.disabled || e.formOptions.
|
|
206
|
-
onKeyup:
|
|
205
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
206
|
+
onKeyup: L((o) => e.handleKeyUp(l.enterable), ["enter"])
|
|
207
207
|
}, null, 8, ["onBlur", "onFocus", "onChange", "onInput", "class", "maxlength", "modelValue", "onUpdate:modelValue", "readonly", "type", "placeholder", "disabled", "onKeyup"])
|
|
208
208
|
]),
|
|
209
209
|
_: 2
|
|
210
210
|
}, 1032, ["rules", "prop"]),
|
|
211
|
-
p
|
|
211
|
+
i(p, {
|
|
212
212
|
rules: l.isHide || e.noFormRule ? [] : l.rules.nameEn,
|
|
213
213
|
prop: l.field.nameEn,
|
|
214
214
|
class: "item-name-right"
|
|
215
215
|
}, {
|
|
216
216
|
default: s(() => [
|
|
217
|
-
|
|
218
|
-
onBlur: (
|
|
219
|
-
onFocus: (
|
|
220
|
-
onChange: (
|
|
221
|
-
onInput: (
|
|
217
|
+
i(w, {
|
|
218
|
+
onBlur: (o) => e.inputBlur(o, l.field.nameEn),
|
|
219
|
+
onFocus: (o) => e.inputFocus(o, l.field.nameEn),
|
|
220
|
+
onChange: (o) => e.inputChange(o, l.field.nameEn),
|
|
221
|
+
onInput: (o) => e.inputInput(o, l.field.nameEn),
|
|
222
222
|
maxlength: l.maxlengthNameEn,
|
|
223
223
|
modelValue: e.states.model[l.field.nameEn],
|
|
224
|
-
"onUpdate:modelValue": (
|
|
225
|
-
class:
|
|
224
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field.nameEn] = o,
|
|
225
|
+
class: C(l.isReadonly || e.formOptions.isAllReadonly ? "readonly" : ""),
|
|
226
226
|
readonly: l.readonly,
|
|
227
227
|
type: l.type ? l.type : "text",
|
|
228
228
|
placeholder: l.placeholderNameEn,
|
|
229
|
-
disabled: l.disabled || e.formOptions.
|
|
230
|
-
onKeyup:
|
|
229
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
230
|
+
onKeyup: L((o) => e.handleKeyUp(l.enterable), ["enter"])
|
|
231
231
|
}, null, 8, ["onBlur", "onFocus", "onChange", "onInput", "maxlength", "modelValue", "onUpdate:modelValue", "class", "readonly", "type", "placeholder", "disabled", "onKeyup"])
|
|
232
232
|
]),
|
|
233
233
|
_: 2
|
|
234
234
|
}, 1032, ["rules", "prop"]),
|
|
235
|
-
p
|
|
235
|
+
i(p, {
|
|
236
236
|
rules: l.isHide || e.noFormRule ? [] : l.rules.nameChFamily,
|
|
237
237
|
prop: l.field.nameChFamily,
|
|
238
238
|
class: "item-name item-name-bottom"
|
|
239
239
|
}, {
|
|
240
240
|
default: s(() => [
|
|
241
|
-
|
|
242
|
-
onBlur: (
|
|
243
|
-
onFocus: (
|
|
244
|
-
onChange: (
|
|
245
|
-
onInput: (
|
|
241
|
+
i(w, {
|
|
242
|
+
onBlur: (o) => e.inputBlur(o, l.field.nameChFamily),
|
|
243
|
+
onFocus: (o) => e.inputFocus(o, l.field.nameChFamily),
|
|
244
|
+
onChange: (o) => e.inputChange(o, l.field.nameChFamily),
|
|
245
|
+
onInput: (o) => e.inputInput(o, l.field.nameChFamily),
|
|
246
246
|
maxlength: l.maxlengthNameChFamily,
|
|
247
|
-
class:
|
|
247
|
+
class: C(l.isReadonly || e.formOptions.isAllReadonly ? "readonly" : ""),
|
|
248
248
|
modelValue: e.states.model[l.field.nameChFamily],
|
|
249
|
-
"onUpdate:modelValue": (
|
|
249
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field.nameChFamily] = o,
|
|
250
250
|
readonly: l.readonly,
|
|
251
251
|
type: l.type ? l.type : "text",
|
|
252
252
|
placeholder: l.placeholderNameChFamily,
|
|
253
|
-
disabled: l.disabled || e.formOptions.
|
|
254
|
-
onKeyup:
|
|
253
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
254
|
+
onKeyup: L((o) => e.handleKeyUp(l.enterable), ["enter"])
|
|
255
255
|
}, null, 8, ["onBlur", "onFocus", "onChange", "onInput", "maxlength", "class", "modelValue", "onUpdate:modelValue", "readonly", "type", "placeholder", "disabled", "onKeyup"])
|
|
256
256
|
]),
|
|
257
257
|
_: 2
|
|
258
258
|
}, 1032, ["rules", "prop"]),
|
|
259
|
-
p
|
|
259
|
+
i(p, {
|
|
260
260
|
rules: l.isHide || e.noFormRule ? [] : l.rules.nameCh,
|
|
261
261
|
prop: l.field.nameCh,
|
|
262
262
|
class: "item-name-right item-name-bottom"
|
|
263
263
|
}, {
|
|
264
264
|
default: s(() => [
|
|
265
|
-
|
|
266
|
-
onBlur: (
|
|
267
|
-
onFocus: (
|
|
268
|
-
onChange: (
|
|
269
|
-
onInput: (
|
|
270
|
-
class:
|
|
265
|
+
i(w, {
|
|
266
|
+
onBlur: (o) => e.inputBlur(o, l.field.nameCh),
|
|
267
|
+
onFocus: (o) => e.inputFocus(o, l.field.nameCh),
|
|
268
|
+
onChange: (o) => e.inputChange(o, l.field.nameCh),
|
|
269
|
+
onInput: (o) => e.inputInput(o, l.field.nameCh),
|
|
270
|
+
class: C(l.isReadonly || e.formOptions.isAllReadonly ? "readonly" : ""),
|
|
271
271
|
maxlength: l.maxlengthNameCh,
|
|
272
272
|
modelValue: e.states.model[l.field.nameCh],
|
|
273
|
-
"onUpdate:modelValue": (
|
|
273
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field.nameCh] = o,
|
|
274
274
|
readonly: l.readonly,
|
|
275
275
|
type: l.type ? l.type : "text",
|
|
276
276
|
placeholder: l.placeholderNameCh,
|
|
277
|
-
disabled: l.disabled || e.formOptions.
|
|
278
|
-
onKeyup:
|
|
277
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
278
|
+
onKeyup: L((o) => e.handleKeyUp(l.enterable), ["enter"])
|
|
279
279
|
}, null, 8, ["onBlur", "onFocus", "onChange", "onInput", "class", "maxlength", "modelValue", "onUpdate:modelValue", "readonly", "type", "placeholder", "disabled", "onKeyup"])
|
|
280
280
|
]),
|
|
281
281
|
_: 2
|
|
282
282
|
}, 1032, ["rules", "prop"])
|
|
283
283
|
]),
|
|
284
284
|
_: 2
|
|
285
|
-
}, 1032, ["label", "disabled"])) : l.type === "gender" ? (
|
|
285
|
+
}, 1032, ["label", "disabled"])) : l.type === "gender" ? (n(), c(p, {
|
|
286
286
|
key: 2,
|
|
287
287
|
label: l.label,
|
|
288
288
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
289
289
|
prop: l.field
|
|
290
290
|
}, {
|
|
291
291
|
label: s(() => [
|
|
292
|
-
l.slotLabelName ?
|
|
292
|
+
l.slotLabelName ? k(t.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
293
293
|
key: 0,
|
|
294
|
-
style:
|
|
294
|
+
style: f(l.labelStyle)
|
|
295
295
|
}, [
|
|
296
296
|
h(y(l.label) + " ", 1),
|
|
297
|
-
l.required ? (
|
|
297
|
+
l.required ? (n(), r("span", pl, "*")) : _("", !0)
|
|
298
298
|
], 4))
|
|
299
299
|
]),
|
|
300
300
|
default: s(() => [
|
|
301
|
-
|
|
301
|
+
i(j, {
|
|
302
302
|
modelValue: e.states.model[l.field],
|
|
303
|
-
"onUpdate:modelValue": (
|
|
304
|
-
disabled: l.disabled || e.formOptions.
|
|
305
|
-
onChange: (
|
|
303
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
304
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
305
|
+
onChange: (o) => e.radioChange(o, l.field)
|
|
306
306
|
}, {
|
|
307
307
|
default: s(() => {
|
|
308
|
-
var
|
|
308
|
+
var o;
|
|
309
309
|
return [
|
|
310
|
-
(
|
|
311
|
-
var
|
|
312
|
-
return
|
|
313
|
-
label:
|
|
310
|
+
(n(!0), r(I, null, N((o = l.options) == null ? void 0 : o.data, (d) => {
|
|
311
|
+
var a, u;
|
|
312
|
+
return n(), c(O, {
|
|
313
|
+
label: d[((a = l.options) == null ? void 0 : a.valueKey) || "code"],
|
|
314
314
|
size: "large",
|
|
315
|
-
key:
|
|
315
|
+
key: d[((u = l.options) == null ? void 0 : u.valueKey) || "code"]
|
|
316
316
|
}, {
|
|
317
317
|
default: s(() => [
|
|
318
|
-
|
|
319
|
-
src:
|
|
318
|
+
D("img", {
|
|
319
|
+
src: d.code === "M" ? "http://192.168.5.200:9000/test/sex_img_M.png" : "http://192.168.5.200:9000/test/sex_img_F.png",
|
|
320
320
|
style: { width: "44px", height: "44px", "margin-bottom": "-15px", "margin-left": "4px" },
|
|
321
321
|
alt: ""
|
|
322
322
|
}, null, 8, bl)
|
|
@@ -330,43 +330,46 @@ function Fl(c, f, V, e, D, q) {
|
|
|
330
330
|
}, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "onChange"])
|
|
331
331
|
]),
|
|
332
332
|
_: 2
|
|
333
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "radio" ? (
|
|
333
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "radio" ? (n(), c(p, {
|
|
334
334
|
key: 3,
|
|
335
335
|
label: l.label,
|
|
336
336
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
337
337
|
prop: l.field,
|
|
338
|
-
class:
|
|
338
|
+
class: C([l.labelNode ? "radio_Note" : "rule_err"])
|
|
339
339
|
}, {
|
|
340
340
|
label: s(() => [
|
|
341
|
-
l.slotLabelName ?
|
|
341
|
+
l.slotLabelName ? k(t.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
342
342
|
key: 0,
|
|
343
|
-
style:
|
|
343
|
+
style: f(l.labelStyle)
|
|
344
344
|
}, [
|
|
345
345
|
h(y(l.label) + " ", 1),
|
|
346
|
-
l.required ? (
|
|
346
|
+
l.required ? (n(), r("span", fl, "*")) : _("", !0)
|
|
347
347
|
], 4))
|
|
348
348
|
]),
|
|
349
349
|
default: s(() => [
|
|
350
|
-
|
|
350
|
+
i(j, {
|
|
351
351
|
modelValue: e.states.model[l.field],
|
|
352
|
-
"onUpdate:modelValue": (
|
|
353
|
-
disabled: l.disabled || e.formOptions.
|
|
354
|
-
onChange: (
|
|
352
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
353
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
354
|
+
onChange: (o) => e.radioChange(o, l.field),
|
|
355
|
+
style: f(
|
|
356
|
+
l.ways === "column" ? "display: flex; align-items: flex-start;flex-flow: column nowrap; " : "display: flex; align-items: flex-start;flex-flow: row nowrap; "
|
|
357
|
+
)
|
|
355
358
|
}, {
|
|
356
359
|
default: s(() => {
|
|
357
|
-
var
|
|
360
|
+
var o;
|
|
358
361
|
return [
|
|
359
|
-
(
|
|
360
|
-
var
|
|
361
|
-
return
|
|
362
|
+
(n(!0), r(I, null, N((o = l.options) == null ? void 0 : o.data, (d) => {
|
|
363
|
+
var a, u;
|
|
364
|
+
return n(), c(O, {
|
|
362
365
|
size: "large",
|
|
363
|
-
label:
|
|
364
|
-
key:
|
|
366
|
+
label: d[((a = l.options) == null ? void 0 : a.valueKey) || "code"],
|
|
367
|
+
key: d[((u = l.options) == null ? void 0 : u.valueKey) || "code"]
|
|
365
368
|
}, {
|
|
366
369
|
default: s(() => {
|
|
367
370
|
var b;
|
|
368
371
|
return [
|
|
369
|
-
h(y(
|
|
372
|
+
h(y(d[((b = l.options) == null ? void 0 : b.labelkey) || "name"]), 1)
|
|
370
373
|
];
|
|
371
374
|
}),
|
|
372
375
|
_: 2
|
|
@@ -375,42 +378,45 @@ function Fl(c, f, V, e, D, q) {
|
|
|
375
378
|
];
|
|
376
379
|
}),
|
|
377
380
|
_: 2
|
|
378
|
-
}, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "onChange"])
|
|
381
|
+
}, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "onChange", "style"])
|
|
379
382
|
]),
|
|
380
383
|
_: 2
|
|
381
|
-
}, 1032, ["label", "rules", "prop", "class"])) : l.type === "radioNote" ? (
|
|
384
|
+
}, 1032, ["label", "rules", "prop", "class"])) : l.type === "radioNote" ? (n(), c(p, {
|
|
382
385
|
key: 4,
|
|
383
386
|
label: l.label,
|
|
384
387
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
385
388
|
prop: l.field,
|
|
386
|
-
class:
|
|
389
|
+
class: C([l.labelNode ? "radio_Note" : "rule_err"])
|
|
387
390
|
}, {
|
|
388
391
|
default: s(() => [
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
l.required ? (
|
|
392
|
+
D("div", null, [
|
|
393
|
+
D("span", hl, y(l.labelBefore), 1),
|
|
394
|
+
D("span", gl, y(l.labelNode), 1),
|
|
395
|
+
l.required ? (n(), r("span", _l, "*")) : _("", !0)
|
|
393
396
|
]),
|
|
394
|
-
|
|
397
|
+
i(j, {
|
|
395
398
|
modelValue: e.states.model[l.field],
|
|
396
|
-
"onUpdate:modelValue": (
|
|
397
|
-
disabled: l.disabled || e.formOptions.
|
|
398
|
-
onChange: (
|
|
399
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
400
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
401
|
+
onChange: (o) => e.radioChange(o, l.field),
|
|
402
|
+
style: f(
|
|
403
|
+
l.ways === "column" ? "display: flex; align-items: flex-start;flex-flow: column nowrap; " : "display: flex; align-items: flex-start;flex-flow: row nowrap; "
|
|
404
|
+
)
|
|
399
405
|
}, {
|
|
400
406
|
default: s(() => {
|
|
401
|
-
var
|
|
407
|
+
var o;
|
|
402
408
|
return [
|
|
403
|
-
(
|
|
404
|
-
var
|
|
405
|
-
return
|
|
409
|
+
(n(!0), r(I, null, N((o = l.options) == null ? void 0 : o.data, (d) => {
|
|
410
|
+
var a, u;
|
|
411
|
+
return n(), c(O, {
|
|
406
412
|
size: "large",
|
|
407
|
-
label:
|
|
408
|
-
key:
|
|
413
|
+
label: d[((a = l.options) == null ? void 0 : a.valueKey) || "code"],
|
|
414
|
+
key: d[((u = l.options) == null ? void 0 : u.valueKey) || "code"]
|
|
409
415
|
}, {
|
|
410
416
|
default: s(() => {
|
|
411
417
|
var b;
|
|
412
418
|
return [
|
|
413
|
-
h(y(
|
|
419
|
+
h(y(d[((b = l.options) == null ? void 0 : b.labelkey) || "name"]), 1)
|
|
414
420
|
];
|
|
415
421
|
}),
|
|
416
422
|
_: 2
|
|
@@ -419,47 +425,47 @@ function Fl(c, f, V, e, D, q) {
|
|
|
419
425
|
];
|
|
420
426
|
}),
|
|
421
427
|
_: 2
|
|
422
|
-
}, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "onChange"])
|
|
428
|
+
}, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "onChange", "style"])
|
|
423
429
|
]),
|
|
424
430
|
_: 2
|
|
425
|
-
}, 1032, ["label", "rules", "prop", "class"])) : l.type === "checkbox" ? (
|
|
431
|
+
}, 1032, ["label", "rules", "prop", "class"])) : l.type === "checkbox" ? (n(), c(p, {
|
|
426
432
|
key: 5,
|
|
427
433
|
label: l.label,
|
|
428
434
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
429
435
|
prop: l.field
|
|
430
436
|
}, {
|
|
431
437
|
label: s(() => [
|
|
432
|
-
l.slotLabelName ?
|
|
438
|
+
l.slotLabelName ? k(t.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
433
439
|
key: 0,
|
|
434
|
-
style:
|
|
440
|
+
style: f(l.labelStyle)
|
|
435
441
|
}, [
|
|
436
442
|
h(y(l.label) + " ", 1),
|
|
437
|
-
l.required ? (
|
|
443
|
+
l.required ? (n(), r("span", Ml, "*")) : _("", !0)
|
|
438
444
|
], 4))
|
|
439
445
|
]),
|
|
440
446
|
default: s(() => [
|
|
441
|
-
|
|
447
|
+
i(U, {
|
|
442
448
|
modelValue: e.states.model[l.field],
|
|
443
|
-
"onUpdate:modelValue": (
|
|
444
|
-
onChange: (
|
|
445
|
-
disabled: l.disabled || e.formOptions.
|
|
446
|
-
style:
|
|
449
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
450
|
+
onChange: (o) => e.checkChange(o, l.field),
|
|
451
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
452
|
+
style: f(
|
|
447
453
|
l.ways === "row" ? "display: flex; align-items: flex-start;flex-flow: row nowrap; " : "display: flex; align-items: flex-start;flex-flow: column nowrap; "
|
|
448
454
|
)
|
|
449
455
|
}, {
|
|
450
456
|
default: s(() => {
|
|
451
|
-
var
|
|
457
|
+
var o;
|
|
452
458
|
return [
|
|
453
|
-
(
|
|
454
|
-
var
|
|
455
|
-
return
|
|
456
|
-
key:
|
|
457
|
-
label:
|
|
459
|
+
(n(!0), r(I, null, N((o = l.options) == null ? void 0 : o.data, (d) => {
|
|
460
|
+
var a, u;
|
|
461
|
+
return n(), c(F, {
|
|
462
|
+
key: d[((a = l.options) == null ? void 0 : a.valueKey) || "code"],
|
|
463
|
+
label: d[((u = l.options) == null ? void 0 : u.valueKey) || "code"]
|
|
458
464
|
}, {
|
|
459
465
|
default: s(() => {
|
|
460
466
|
var b;
|
|
461
467
|
return [
|
|
462
|
-
h(y(
|
|
468
|
+
h(y(d[((b = l.options) == null ? void 0 : b.labelkey) || "name"]), 1)
|
|
463
469
|
];
|
|
464
470
|
}),
|
|
465
471
|
_: 2
|
|
@@ -471,44 +477,44 @@ function Fl(c, f, V, e, D, q) {
|
|
|
471
477
|
}, 1032, ["modelValue", "onUpdate:modelValue", "onChange", "disabled", "style"])
|
|
472
478
|
]),
|
|
473
479
|
_: 2
|
|
474
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "checkboxRadio" ? (
|
|
480
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "checkboxRadio" ? (n(), c(p, {
|
|
475
481
|
key: 6,
|
|
476
482
|
label: l.label,
|
|
477
483
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
478
484
|
prop: l.field
|
|
479
485
|
}, {
|
|
480
486
|
label: s(() => [
|
|
481
|
-
l.slotLabelName ?
|
|
487
|
+
l.slotLabelName ? k(t.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
482
488
|
key: 0,
|
|
483
|
-
style:
|
|
489
|
+
style: f(l.labelStyle)
|
|
484
490
|
}, [
|
|
485
491
|
h(y(l.label) + " ", 1),
|
|
486
|
-
l.required ? (
|
|
492
|
+
l.required ? (n(), r("span", kl, "*")) : _("", !0)
|
|
487
493
|
], 4))
|
|
488
494
|
]),
|
|
489
495
|
default: s(() => [
|
|
490
|
-
|
|
496
|
+
i(U, {
|
|
491
497
|
modelValue: e.states.model[l.field],
|
|
492
|
-
"onUpdate:modelValue": (
|
|
493
|
-
onChange: (
|
|
494
|
-
disabled: l.disabled || e.formOptions.
|
|
495
|
-
style:
|
|
498
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
499
|
+
onChange: (o) => e.handleCheckedChange(o, l.field),
|
|
500
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
501
|
+
style: f(
|
|
496
502
|
l.ways === "row" ? "display: flex; align-items: flex-start;flex-flow: row nowrap; " : "display: flex; align-items: flex-start;flex-flow: column nowrap; "
|
|
497
503
|
)
|
|
498
504
|
}, {
|
|
499
505
|
default: s(() => {
|
|
500
|
-
var
|
|
506
|
+
var o;
|
|
501
507
|
return [
|
|
502
|
-
(
|
|
503
|
-
var
|
|
504
|
-
return
|
|
505
|
-
key:
|
|
506
|
-
label:
|
|
508
|
+
(n(!0), r(I, null, N((o = l.options) == null ? void 0 : o.data, (d) => {
|
|
509
|
+
var a, u;
|
|
510
|
+
return n(), c(F, {
|
|
511
|
+
key: d[((a = l.options) == null ? void 0 : a.valueKey) || "code"],
|
|
512
|
+
label: d[((u = l.options) == null ? void 0 : u.valueKey) || "code"]
|
|
507
513
|
}, {
|
|
508
514
|
default: s(() => {
|
|
509
515
|
var b;
|
|
510
516
|
return [
|
|
511
|
-
h(y(
|
|
517
|
+
h(y(d[((b = l.options) == null ? void 0 : b.labelkey) || "name"]), 1)
|
|
512
518
|
];
|
|
513
519
|
}),
|
|
514
520
|
_: 2
|
|
@@ -520,54 +526,54 @@ function Fl(c, f, V, e, D, q) {
|
|
|
520
526
|
}, 1032, ["modelValue", "onUpdate:modelValue", "onChange", "disabled", "style"])
|
|
521
527
|
]),
|
|
522
528
|
_: 2
|
|
523
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "select" ? (
|
|
529
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "select" ? (n(), c(p, {
|
|
524
530
|
key: 7,
|
|
525
531
|
label: l.label,
|
|
526
532
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
527
|
-
disabled: l.disabled || e.formOptions.
|
|
533
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
528
534
|
prop: l.field
|
|
529
535
|
}, {
|
|
530
536
|
label: s(() => [
|
|
531
|
-
l.slotLabelName ?
|
|
537
|
+
l.slotLabelName ? k(t.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
532
538
|
key: 0,
|
|
533
|
-
style:
|
|
539
|
+
style: f(l.labelStyle)
|
|
534
540
|
}, [
|
|
535
541
|
h(y(l.label) + " ", 1),
|
|
536
|
-
l.required ? (
|
|
542
|
+
l.required ? (n(), r("span", Cl, "*")) : _("", !0)
|
|
537
543
|
], 4))
|
|
538
544
|
]),
|
|
539
545
|
default: s(() => [
|
|
540
|
-
|
|
541
|
-
onChange: (
|
|
546
|
+
i(R, {
|
|
547
|
+
onChange: (o) => e.selectChange(o, l.field),
|
|
542
548
|
modelValue: e.states.model[l.field],
|
|
543
|
-
"onUpdate:modelValue": (
|
|
544
|
-
disabled: l.disabled || e.formOptions.
|
|
549
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
550
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
545
551
|
placeholder: l.placeholder,
|
|
546
|
-
class:
|
|
552
|
+
class: C(l.isReadonly || e.formOptions.isAllReadonly ? "selectreadonly" : ""),
|
|
547
553
|
clearable: l.clearable
|
|
548
554
|
}, {
|
|
549
555
|
default: s(() => {
|
|
550
|
-
var
|
|
556
|
+
var o;
|
|
551
557
|
return [
|
|
552
|
-
(
|
|
553
|
-
var
|
|
554
|
-
return
|
|
555
|
-
key:
|
|
556
|
-
label:
|
|
557
|
-
value:
|
|
558
|
+
(n(!0), r(I, null, N((o = l.options) == null ? void 0 : o.data, (d) => {
|
|
559
|
+
var a, u, b;
|
|
560
|
+
return n(), c(V, {
|
|
561
|
+
key: d[((a = l.options) == null ? void 0 : a.valueKey) || "code"],
|
|
562
|
+
label: d[((u = l.options) == null ? void 0 : u.labelkey) || "name"],
|
|
563
|
+
value: d[((b = l.options) == null ? void 0 : b.valueKey) || "code"]
|
|
558
564
|
}, null, 8, ["label", "value"]);
|
|
559
565
|
}), 128))
|
|
560
566
|
];
|
|
561
567
|
}),
|
|
562
568
|
_: 2
|
|
563
569
|
}, 1032, ["onChange", "modelValue", "onUpdate:modelValue", "disabled", "placeholder", "class", "clearable"]),
|
|
564
|
-
|
|
570
|
+
D("div", {
|
|
565
571
|
class: "item_tips_blow",
|
|
566
|
-
style:
|
|
572
|
+
style: f(l.tipsBlowStyle)
|
|
567
573
|
}, y(l.tipsBlow), 5)
|
|
568
574
|
]),
|
|
569
575
|
_: 2
|
|
570
|
-
}, 1032, ["label", "rules", "disabled", "prop"])) : l.type === "date" ? (
|
|
576
|
+
}, 1032, ["label", "rules", "disabled", "prop"])) : l.type === "date" ? (n(), c(p, {
|
|
571
577
|
key: 8,
|
|
572
578
|
label: l.label,
|
|
573
579
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
@@ -575,54 +581,54 @@ function Fl(c, f, V, e, D, q) {
|
|
|
575
581
|
class: "date_item"
|
|
576
582
|
}, {
|
|
577
583
|
label: s(() => [
|
|
578
|
-
l.slotLabelName ?
|
|
584
|
+
l.slotLabelName ? k(t.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
579
585
|
key: 0,
|
|
580
|
-
style:
|
|
586
|
+
style: f(l.labelStyle)
|
|
581
587
|
}, [
|
|
582
588
|
h(y(l.label) + " ", 1),
|
|
583
|
-
l.required ? (
|
|
589
|
+
l.required ? (n(), r("span", Dl, "*")) : _("", !0)
|
|
584
590
|
], 4))
|
|
585
591
|
]),
|
|
586
592
|
default: s(() => [
|
|
587
|
-
|
|
593
|
+
i(T, {
|
|
588
594
|
format: "DD/MM/YYYY",
|
|
589
595
|
"value-format": "DD/MM/YYYY",
|
|
590
596
|
"disabled-date": l.disabledDate,
|
|
591
|
-
onChange: (
|
|
597
|
+
onChange: (o) => e.dateChange(o, l.field),
|
|
592
598
|
"prefix-icon": e.prefixIcon,
|
|
593
599
|
modelValue: e.states.model[l.field],
|
|
594
|
-
"onUpdate:modelValue": (
|
|
595
|
-
disabled: l.disabled || e.formOptions.
|
|
600
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
601
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
596
602
|
readonly: l.readonly,
|
|
597
603
|
type: l.type,
|
|
598
604
|
placeholder: l.placeholder || l.label
|
|
599
605
|
}, null, 8, ["disabled-date", "onChange", "prefix-icon", "modelValue", "onUpdate:modelValue", "disabled", "readonly", "type", "placeholder"]),
|
|
600
|
-
l.showTo ? (
|
|
606
|
+
l.showTo ? (n(), r("span", Al, y(l.showTo), 1)) : _("", !0)
|
|
601
607
|
]),
|
|
602
608
|
_: 2
|
|
603
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "daterange" ? (
|
|
609
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "daterange" ? (n(), c(p, {
|
|
604
610
|
key: 9,
|
|
605
611
|
label: l.label,
|
|
606
612
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
607
613
|
prop: l.field
|
|
608
614
|
}, {
|
|
609
615
|
label: s(() => [
|
|
610
|
-
l.slotLabelName ?
|
|
616
|
+
l.slotLabelName ? k(t.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
611
617
|
key: 0,
|
|
612
|
-
style:
|
|
618
|
+
style: f(l.labelStyle)
|
|
613
619
|
}, [
|
|
614
620
|
h(y(l.label) + " ", 1),
|
|
615
|
-
l.required ? (
|
|
621
|
+
l.required ? (n(), r("span", Il, "*")) : _("", !0)
|
|
616
622
|
], 4))
|
|
617
623
|
]),
|
|
618
624
|
default: s(() => [
|
|
619
|
-
|
|
625
|
+
i(T, {
|
|
620
626
|
format: "DD/MM/YYYY",
|
|
621
627
|
"value-format": "DD/MM/YYYY",
|
|
622
628
|
"disabled-date": l.disabledDate,
|
|
623
|
-
onChange: (
|
|
629
|
+
onChange: (o) => e.dateChange(o, l.field),
|
|
624
630
|
modelValue: e.states.model[l.field],
|
|
625
|
-
"onUpdate:modelValue": (
|
|
631
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
626
632
|
"prefix-icon": e.prefixIcon,
|
|
627
633
|
type: "daterange",
|
|
628
634
|
"range-separator": "To",
|
|
@@ -632,7 +638,7 @@ function Fl(c, f, V, e, D, q) {
|
|
|
632
638
|
}, null, 8, ["disabled-date", "onChange", "modelValue", "onUpdate:modelValue", "prefix-icon", "start-placeholder", "end-placeholder"])
|
|
633
639
|
]),
|
|
634
640
|
_: 2
|
|
635
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "slotItem" ? (
|
|
641
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "slotItem" ? (n(), c(p, {
|
|
636
642
|
key: 10,
|
|
637
643
|
label: l.label,
|
|
638
644
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
@@ -640,50 +646,50 @@ function Fl(c, f, V, e, D, q) {
|
|
|
640
646
|
class: "rule_err"
|
|
641
647
|
}, {
|
|
642
648
|
label: s(() => [
|
|
643
|
-
l.slotLabelName ?
|
|
649
|
+
l.slotLabelName ? k(t.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
644
650
|
key: 0,
|
|
645
|
-
style:
|
|
651
|
+
style: f(l.labelStyle)
|
|
646
652
|
}, [
|
|
647
653
|
h(y(l.label) + " ", 1),
|
|
648
|
-
l.required ? (
|
|
654
|
+
l.required ? (n(), r("span", Nl, "*")) : _("", !0)
|
|
649
655
|
], 4))
|
|
650
656
|
]),
|
|
651
657
|
default: s(() => [
|
|
652
|
-
|
|
658
|
+
k(t.$slots, l.slotItemName, {}, void 0, !0)
|
|
653
659
|
]),
|
|
654
660
|
_: 2
|
|
655
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "phone" ? (
|
|
661
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "phone" ? (n(), c(p, {
|
|
656
662
|
key: 11,
|
|
657
663
|
label: l.label,
|
|
658
|
-
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
664
|
+
rules: l.isHide || e.noFormRule ? [] : l.rules.phoneNumber,
|
|
659
665
|
prop: l.field.phoneNumber,
|
|
660
666
|
class: "phone_item"
|
|
661
667
|
}, {
|
|
662
668
|
label: s(() => [
|
|
663
|
-
l.slotLabelName ?
|
|
669
|
+
l.slotLabelName ? k(t.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
664
670
|
key: 0,
|
|
665
|
-
style:
|
|
671
|
+
style: f(l.labelStyle)
|
|
666
672
|
}, [
|
|
667
673
|
h(y(l.label) + " ", 1),
|
|
668
|
-
l.required ? (
|
|
674
|
+
l.required ? (n(), r("span", xl, "*")) : _("", !0)
|
|
669
675
|
], 4))
|
|
670
676
|
]),
|
|
671
677
|
default: s(() => {
|
|
672
|
-
var
|
|
678
|
+
var o, d;
|
|
673
679
|
return [
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
disabled: l.disabled || e.formOptions.
|
|
680
|
+
D("div", wl, [
|
|
681
|
+
i(R, {
|
|
682
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
677
683
|
modelValue: e.states.model[l.field.nationCode],
|
|
678
|
-
"onUpdate:modelValue": (
|
|
679
|
-
placeholder: ((
|
|
680
|
-
class:
|
|
681
|
-
style:
|
|
684
|
+
"onUpdate:modelValue": (a) => e.states.model[l.field.nationCode] = a,
|
|
685
|
+
placeholder: ((o = l.nationOptions) == null ? void 0 : o.placeholder) || "",
|
|
686
|
+
class: C(l.isReadonly || e.formOptions.isAllReadonly ? "selectreadonly" : ""),
|
|
687
|
+
style: f("width:" + l.widthNation)
|
|
682
688
|
}, {
|
|
683
689
|
default: s(() => {
|
|
684
|
-
var
|
|
690
|
+
var a;
|
|
685
691
|
return [
|
|
686
|
-
(
|
|
692
|
+
(n(!0), r(I, null, N((a = l.nationOptions) == null ? void 0 : a.data, (u, b) => (n(), c(V, {
|
|
687
693
|
label: u.name,
|
|
688
694
|
value: u.code,
|
|
689
695
|
key: b
|
|
@@ -691,20 +697,20 @@ function Fl(c, f, V, e, D, q) {
|
|
|
691
697
|
];
|
|
692
698
|
}),
|
|
693
699
|
_: 2
|
|
694
|
-
}, 1032, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder", "class"]),
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
disabled: l.disabled || e.formOptions.
|
|
700
|
+
}, 1032, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder", "class", "style"]),
|
|
701
|
+
Ol,
|
|
702
|
+
i(R, {
|
|
703
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
698
704
|
modelValue: e.states.model[l.field.areaCode],
|
|
699
|
-
"onUpdate:modelValue": (
|
|
700
|
-
placeholder: ((
|
|
701
|
-
class:
|
|
702
|
-
style:
|
|
705
|
+
"onUpdate:modelValue": (a) => e.states.model[l.field.areaCode] = a,
|
|
706
|
+
placeholder: ((d = l.areaOptions) == null ? void 0 : d.placeholder) || "",
|
|
707
|
+
class: C(l.isReadonly || e.formOptions.isAllReadonly ? "selectreadonly" : ""),
|
|
708
|
+
style: f("width:" + l.widthArea)
|
|
703
709
|
}, {
|
|
704
710
|
default: s(() => {
|
|
705
|
-
var
|
|
711
|
+
var a;
|
|
706
712
|
return [
|
|
707
|
-
(
|
|
713
|
+
(n(!0), r(I, null, N((a = l.areaOptions) == null ? void 0 : a.data, (u, b) => (n(), c(V, {
|
|
708
714
|
label: u.name,
|
|
709
715
|
value: u.code,
|
|
710
716
|
key: b
|
|
@@ -712,67 +718,67 @@ function Fl(c, f, V, e, D, q) {
|
|
|
712
718
|
];
|
|
713
719
|
}),
|
|
714
720
|
_: 2
|
|
715
|
-
}, 1032, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder", "class"]),
|
|
721
|
+
}, 1032, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder", "class", "style"]),
|
|
716
722
|
jl,
|
|
717
|
-
|
|
718
|
-
onBlur: (
|
|
719
|
-
onFocus: (
|
|
720
|
-
onChange: (
|
|
721
|
-
onInput: (
|
|
723
|
+
i(w, {
|
|
724
|
+
onBlur: (a) => e.inputBlur(a, l.field),
|
|
725
|
+
onFocus: (a) => e.inputFocus(a, l.field),
|
|
726
|
+
onChange: (a) => e.inputChange(a, l.field),
|
|
727
|
+
onInput: (a) => e.inputInput(a, l.field),
|
|
722
728
|
maxlength: l.maxlength,
|
|
723
729
|
modelValue: e.states.model[l.field.phoneNumber],
|
|
724
|
-
"onUpdate:modelValue": (
|
|
725
|
-
disabled: l.disabled || e.formOptions.
|
|
730
|
+
"onUpdate:modelValue": (a) => e.states.model[l.field.phoneNumber] = a,
|
|
731
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
726
732
|
placeholder: l.placeholder || "",
|
|
727
|
-
class:
|
|
733
|
+
class: C(l.isReadonly || e.formOptions.isAllReadonly ? "readonly" : ""),
|
|
728
734
|
clearable: l.clearable
|
|
729
735
|
}, null, 8, ["onBlur", "onFocus", "onChange", "onInput", "maxlength", "modelValue", "onUpdate:modelValue", "disabled", "placeholder", "class", "clearable"])
|
|
730
736
|
])
|
|
731
737
|
];
|
|
732
738
|
}),
|
|
733
739
|
_: 2
|
|
734
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "line" ? (
|
|
740
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "line" ? (n(), c(p, {
|
|
735
741
|
key: 12,
|
|
736
742
|
label: l.label
|
|
737
743
|
}, {
|
|
738
744
|
default: s(() => [
|
|
739
|
-
|
|
745
|
+
Vl
|
|
740
746
|
]),
|
|
741
747
|
_: 2
|
|
742
|
-
}, 1032, ["label"])) : (
|
|
748
|
+
}, 1032, ["label"])) : (n(), c(p, {
|
|
743
749
|
key: 13,
|
|
744
750
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
745
751
|
prop: l.field,
|
|
746
|
-
class:
|
|
752
|
+
class: C(l.prepend ? "input-item" : "")
|
|
747
753
|
}, {
|
|
748
754
|
label: s(() => [
|
|
749
|
-
l.slotLabelName ?
|
|
755
|
+
l.slotLabelName ? k(t.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
750
756
|
key: 0,
|
|
751
|
-
style:
|
|
757
|
+
style: f(l.labelStyle)
|
|
752
758
|
}, [
|
|
753
759
|
h(y(l.label) + " ", 1),
|
|
754
|
-
l.required ? (
|
|
760
|
+
l.required ? (n(), r("span", Rl, "*")) : _("", !0)
|
|
755
761
|
], 4))
|
|
756
762
|
]),
|
|
757
763
|
default: s(() => [
|
|
758
|
-
|
|
759
|
-
onBlur: (
|
|
760
|
-
onFocus: (
|
|
761
|
-
onChange: (
|
|
762
|
-
onInput: (
|
|
764
|
+
i(w, {
|
|
765
|
+
onBlur: (o) => e.inputBlur(o, l.field),
|
|
766
|
+
onFocus: (o) => e.inputFocus(o, l.field),
|
|
767
|
+
onChange: (o) => e.inputChange(o, l.field),
|
|
768
|
+
onInput: (o) => e.inputInput(o, l.field),
|
|
763
769
|
maxlength: l.maxlength,
|
|
764
770
|
modelValue: e.states.model[l.field],
|
|
765
|
-
"onUpdate:modelValue": (
|
|
771
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
766
772
|
"show-word-limit": l.showWordLimit,
|
|
767
773
|
readonly: l.readonly,
|
|
768
774
|
type: l.type ? l.type : "text",
|
|
769
775
|
placeholder: l.placeholder || l.label,
|
|
770
|
-
disabled: l.disabled || e.formOptions.
|
|
776
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
771
777
|
showPassword: l.showPassword,
|
|
772
778
|
clearable: l.clearable,
|
|
773
|
-
class:
|
|
774
|
-
onKeyup:
|
|
775
|
-
},
|
|
779
|
+
class: C(l.isReadonly || e.formOptions.isAllReadonly ? "readonly" : ""),
|
|
780
|
+
onKeyup: L((o) => e.handleKeyUp(l.enterable), ["enter"])
|
|
781
|
+
}, al({ _: 2 }, [
|
|
776
782
|
l.prepend ? {
|
|
777
783
|
name: "prepend",
|
|
778
784
|
fn: s(() => [
|
|
@@ -795,19 +801,19 @@ function Fl(c, f, V, e, D, q) {
|
|
|
795
801
|
]),
|
|
796
802
|
_: 2
|
|
797
803
|
}, 1032, ["xs", "sm", "md", "lg", "xl"])), [
|
|
798
|
-
[
|
|
804
|
+
[nl, !l.isHide]
|
|
799
805
|
])), 128))
|
|
800
806
|
]),
|
|
801
807
|
_: 3
|
|
802
808
|
}),
|
|
803
|
-
p
|
|
809
|
+
i(p, { class: "btnsItem" }, {
|
|
804
810
|
default: s(() => [
|
|
805
|
-
|
|
806
|
-
model:
|
|
811
|
+
k(t.$slots, "buttons", {
|
|
812
|
+
model: x.model,
|
|
807
813
|
onBtnClick: e.onSubmit
|
|
808
814
|
}, () => [
|
|
809
|
-
(
|
|
810
|
-
l.isShow ? (
|
|
815
|
+
(n(!0), r(I, null, N(e.formOptions.btnConfig, (l, v) => (n(), r("div", { key: v }, [
|
|
816
|
+
l.isShow ? (n(), c(E, {
|
|
811
817
|
key: 0,
|
|
812
818
|
btnCode: l.btnCode,
|
|
813
819
|
plain: l.plain,
|
|
@@ -830,15 +836,15 @@ function Fl(c, f, V, e, D, q) {
|
|
|
830
836
|
size: l.size,
|
|
831
837
|
fontSize: l.fontSize,
|
|
832
838
|
fontWeight: l.fontWeight,
|
|
833
|
-
style:
|
|
834
|
-
class:
|
|
835
|
-
onHandleClick: (
|
|
839
|
+
style: f(l.style),
|
|
840
|
+
class: C(l.class),
|
|
841
|
+
onHandleClick: (o) => e.handleClick(o, l.isRule, l.emitName)
|
|
836
842
|
}, {
|
|
837
843
|
default: s(() => [
|
|
838
844
|
h(y(l.name), 1)
|
|
839
845
|
]),
|
|
840
846
|
_: 2
|
|
841
|
-
}, 1032, ["btnCode", "plain", "primary", "info", "text", "debounced", "link", "loading", "loadingColor", "width", "height", "circle", "color", "bgColor", "borderColor", "borderStyle", "borderWidth", "icon", "size", "fontSize", "fontWeight", "style", "class", "onHandleClick"])) :
|
|
847
|
+
}, 1032, ["btnCode", "plain", "primary", "info", "text", "debounced", "link", "loading", "loadingColor", "width", "height", "circle", "color", "bgColor", "borderColor", "borderStyle", "borderWidth", "icon", "size", "fontSize", "fontWeight", "style", "class", "onHandleClick"])) : _("", !0)
|
|
842
848
|
]))), 128))
|
|
843
849
|
], !0)
|
|
844
850
|
]),
|
|
@@ -848,11 +854,11 @@ function Fl(c, f, V, e, D, q) {
|
|
|
848
854
|
_: 3
|
|
849
855
|
}, 16, ["model", "label-position"]);
|
|
850
856
|
}
|
|
851
|
-
const
|
|
852
|
-
function
|
|
853
|
-
|
|
857
|
+
const H = /* @__PURE__ */ tl(ul, [["render", vl], ["__scopeId", "data-v-a974b266"]]);
|
|
858
|
+
function Y(t, g = {}) {
|
|
859
|
+
Y.installed || (Y.installed = !0, t.component("common-el-form", H));
|
|
854
860
|
}
|
|
855
|
-
|
|
861
|
+
H.install = Y;
|
|
856
862
|
export {
|
|
857
|
-
|
|
863
|
+
H as default
|
|
858
864
|
};
|