sinosoft-common-form 1.4.0 → 1.4.1
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 +300 -302
- package/common-form.umd.js +1 -1
- package/package.json +1 -1
- package/style.css +1 -1
package/common-form.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ref as
|
|
1
|
+
import { ref as q, reactive as W, shallowRef as Q, h as P, computed as Z, onMounted as G, watch as J, toRefs as X, nextTick as $, resolveComponent as _, openBlock as n, createBlock as c, mergeProps as ll, withModifiers as el, withCtx as s, createVNode as i, createElementBlock as r, Fragment as A, renderList as I, withDirectives as ol, createElementVNode as k, normalizeStyle as g, toDisplayString as t, createTextVNode as f, createCommentVNode as M, renderSlot as C, normalizeClass as N, withKeys as v, createSlots as al, vShow as nl, pushScopeId as dl, popScopeId as sl } from "vue";
|
|
2
2
|
const rl = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjc1MDIgMS44NzY5NUgxMC4xMjUyVjAuODc2OTUzQzEwLjEyNTIgMC44MDgyMDMgMTAuMDY5IDAuNzUxOTUzIDEwLjAwMDIgMC43NTE5NTNIOS4xMjUyNUM5LjA1NjQ5IDAuNzUxOTUzIDkuMDAwMjUgMC44MDgyMDMgOS4wMDAyNSAwLjg3Njk1M1YxLjg3Njk1SDUuMDAwMjRWMC44NzY5NTNDNS4wMDAyNCAwLjgwODIwMyA0Ljk0Mzk5IDAuNzUxOTUzIDQuODc1MjQgMC43NTE5NTNINC4wMDAyNEMzLjkzMTQ5IDAuNzUxOTUzIDMuODc1MjQgMC44MDgyMDMgMy44NzUyNCAwLjg3Njk1M1YxLjg3Njk1SDEuMjUwMjRDMC45NzM2ODIgMS44NzY5NSAwLjc1MDI0NCAyLjEwMDM5IDAuNzUwMjQ0IDIuMzc2OTVWMTIuNzUyQzAuNzUwMjQ0IDEzLjAyODUgMC45NzM2ODIgMTMuMjUyIDEuMjUwMjQgMTMuMjUySDEyLjc1MDJDMTMuMDI2OCAxMy4yNTIgMTMuMjUwMiAxMy4wMjg1IDEzLjI1MDIgMTIuNzUyVjIuMzc2OTVDMTMuMjUwMiAyLjEwMDM5IDEzLjAyNjggMS44NzY5NSAxMi43NTAyIDEuODc2OTVaTTEyLjEyNTIgMTIuMTI3SDEuODc1MjRWNi4xODk0NUgxMi4xMjUyVjEyLjEyN1pNMS44NzUyNCA1LjEyNjk1VjMuMDAxOTVIMy44NzUyNFYzLjc1MTk1QzMuODc1MjQgMy44MjA3IDMuOTMxNDkgMy44NzY5NSA0LjAwMDI0IDMuODc2OTVINC44NzUyNEM0Ljk0Mzk5IDMuODc2OTUgNS4wMDAyNCAzLjgyMDcgNS4wMDAyNCAzLjc1MTk1VjMuMDAxOTVIOS4wMDAyNVYzLjc1MTk1QzkuMDAwMjUgMy44MjA3IDkuMDU2NDkgMy44NzY5NSA5LjEyNTI1IDMuODc2OTVIMTAuMDAwMkMxMC4wNjkgMy44NzY5NSAxMC4xMjUyIDMuODIwNyAxMC4xMjUyIDMuNzUxOTVWMy4wMDE5NUgxMi4xMjUyVjUuMTI2OTVIMS44NzUyNFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuODUiLz4KPC9zdmc+Cg==", ul = {
|
|
3
3
|
props: {
|
|
4
4
|
fieldList: {
|
|
@@ -8,100 +8,100 @@ const rl = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZX
|
|
|
8
8
|
model: Object,
|
|
9
9
|
options: Object
|
|
10
10
|
},
|
|
11
|
-
setup(
|
|
12
|
-
const
|
|
11
|
+
setup(y, { emit: h }) {
|
|
12
|
+
const x = q(!0), e = W({
|
|
13
13
|
model: {}
|
|
14
|
-
}), D =
|
|
14
|
+
}), D = q(null), Y = Q({
|
|
15
15
|
render() {
|
|
16
16
|
return P("img", {
|
|
17
17
|
src: rl
|
|
18
18
|
});
|
|
19
19
|
}
|
|
20
|
-
}),
|
|
21
|
-
e.model =
|
|
22
|
-
},
|
|
23
|
-
D.value && (
|
|
20
|
+
}), p = Z(() => Object.assign([], y.options)), O = () => {
|
|
21
|
+
e.model = y.model;
|
|
22
|
+
}, V = (d, a, u) => {
|
|
23
|
+
D.value && (a ? (x.value = !1, $(() => {
|
|
24
24
|
D.value.validate((b) => {
|
|
25
25
|
if (b)
|
|
26
|
-
|
|
26
|
+
h(u || "submit", e.model, d);
|
|
27
27
|
else
|
|
28
28
|
return !1;
|
|
29
29
|
});
|
|
30
|
-
})) : u === "reset" ? D.value.resetFields() :
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
},
|
|
34
|
-
|
|
35
|
-
},
|
|
36
|
-
|
|
37
|
-
},
|
|
38
|
-
const u = e.model[
|
|
39
|
-
u !== 1 && (u > 1 && e.model[
|
|
40
|
-
},
|
|
41
|
-
|
|
42
|
-
},
|
|
43
|
-
|
|
44
|
-
},
|
|
45
|
-
|
|
46
|
-
}, S = (
|
|
47
|
-
console.log(D.value),
|
|
48
|
-
}, E = (
|
|
49
|
-
|
|
50
|
-
},
|
|
51
|
-
|
|
52
|
-
}, l = (
|
|
53
|
-
|
|
54
|
-
},
|
|
55
|
-
D.value.resetFields(
|
|
56
|
-
},
|
|
57
|
-
D.value.clearValidate(
|
|
30
|
+
})) : u === "reset" ? D.value.resetFields() : h(u || "submit", e.model, d));
|
|
31
|
+
}, w = (d, a) => {
|
|
32
|
+
h("selectChange", d, a);
|
|
33
|
+
}, F = (d, a) => {
|
|
34
|
+
h("radioChange", d, a);
|
|
35
|
+
}, z = (d, a) => {
|
|
36
|
+
h("checkChange", d, a);
|
|
37
|
+
}, U = (d, a) => {
|
|
38
|
+
const u = e.model[a].length;
|
|
39
|
+
u !== 1 && (u > 1 && e.model[a].shift(), h("checkChange", d, a));
|
|
40
|
+
}, R = (d, a, u) => {
|
|
41
|
+
V(d, a, u);
|
|
42
|
+
}, L = (d, a) => {
|
|
43
|
+
d && (a == null ? void 0 : a.key) === "Enter" && V(void 0, !0, "submit");
|
|
44
|
+
}, T = (d, a) => {
|
|
45
|
+
h("dateChange", d, a);
|
|
46
|
+
}, S = (d, a) => {
|
|
47
|
+
console.log(D.value), h("inputBlur", d, a);
|
|
48
|
+
}, E = (d, a) => {
|
|
49
|
+
h("inputFocus", d, a);
|
|
50
|
+
}, m = (d, a) => {
|
|
51
|
+
h("inputChange", d, a);
|
|
52
|
+
}, l = (d, a) => {
|
|
53
|
+
h("inputInput", d, a);
|
|
54
|
+
}, j = (d) => {
|
|
55
|
+
D.value.resetFields(d);
|
|
56
|
+
}, o = (d) => {
|
|
57
|
+
D.value.clearValidate(d);
|
|
58
58
|
};
|
|
59
59
|
return G(() => {
|
|
60
|
-
|
|
60
|
+
O(), D.value.resetFields();
|
|
61
61
|
}), J(
|
|
62
|
-
() =>
|
|
63
|
-
(
|
|
64
|
-
|
|
62
|
+
() => y.fieldList,
|
|
63
|
+
(d, a) => {
|
|
64
|
+
d !== a && O();
|
|
65
65
|
}
|
|
66
66
|
), {
|
|
67
67
|
...X(e),
|
|
68
68
|
formRef: D,
|
|
69
69
|
states: e,
|
|
70
|
-
formOptions:
|
|
71
|
-
onSubmit:
|
|
72
|
-
selectChange:
|
|
73
|
-
radioChange:
|
|
74
|
-
checkChange:
|
|
75
|
-
handleCheckedChange:
|
|
76
|
-
prefixIcon:
|
|
77
|
-
handleClick:
|
|
78
|
-
handleKeyUp:
|
|
79
|
-
resetFieldsTest:
|
|
80
|
-
clearValidateTest:
|
|
81
|
-
dateChange:
|
|
70
|
+
formOptions: p,
|
|
71
|
+
onSubmit: V,
|
|
72
|
+
selectChange: w,
|
|
73
|
+
radioChange: F,
|
|
74
|
+
checkChange: z,
|
|
75
|
+
handleCheckedChange: U,
|
|
76
|
+
prefixIcon: Y,
|
|
77
|
+
handleClick: R,
|
|
78
|
+
handleKeyUp: L,
|
|
79
|
+
resetFieldsTest: j,
|
|
80
|
+
clearValidateTest: o,
|
|
81
|
+
dateChange: T,
|
|
82
82
|
inputBlur: S,
|
|
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, D] of
|
|
93
|
-
|
|
94
|
-
return
|
|
95
|
-
},
|
|
90
|
+
const yl = (y, h) => {
|
|
91
|
+
const x = y.__vccOpts || y;
|
|
92
|
+
for (const [e, D] of h)
|
|
93
|
+
x[e] = D;
|
|
94
|
+
return x;
|
|
95
|
+
}, B = (y) => (dl("data-v-18a469d0"), y = y(), sl(), y), cl = { class: "header-title" }, tl = { 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" }, Ml = {
|
|
105
105
|
key: 0,
|
|
106
106
|
class: "custom-required"
|
|
107
107
|
}, _l = {
|
|
@@ -119,204 +119,204 @@ const cl = (c, f) => {
|
|
|
119
119
|
}, Dl = {
|
|
120
120
|
key: 0,
|
|
121
121
|
class: "date_to"
|
|
122
|
-
},
|
|
122
|
+
}, Al = {
|
|
123
123
|
key: 0,
|
|
124
124
|
class: "custom-required"
|
|
125
125
|
}, Il = {
|
|
126
126
|
key: 0,
|
|
127
127
|
class: "custom-required"
|
|
128
|
-
},
|
|
128
|
+
}, xl = {
|
|
129
129
|
key: 0,
|
|
130
130
|
class: "custom-required"
|
|
131
|
-
},
|
|
131
|
+
}, Ol = { class: "phone_item_content" }, Vl = /* @__PURE__ */ B(() => /* @__PURE__ */ k("div", { class: "line_middle" }, " - ", -1)), wl = /* @__PURE__ */ B(() => /* @__PURE__ */ k("div", { class: "line_middle" }, " - ", -1)), Ul = /* @__PURE__ */ B(() => /* @__PURE__ */ k("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 jl(y, h, x, e, D, Y) {
|
|
139
|
+
const p = _("el-form-item"), O = _("el-input"), V = _("el-radio"), w = _("el-radio-group"), F = _("el-checkbox"), z = _("el-checkbox-group"), U = _("el-option"), R = _("el-select"), L = _("el-date-picker"), T = _("el-col"), S = _("el-row"), E = _("sinosoft-common-button"), m = _("el-form");
|
|
140
|
+
return n(), c(m, ll({
|
|
141
141
|
"hide-required-asterisk": "",
|
|
142
|
-
onSubmit:
|
|
142
|
+
onSubmit: h[0] || (h[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(S, { gutter: 20 }, {
|
|
151
151
|
default: s(() => [
|
|
152
|
-
(
|
|
152
|
+
(n(!0), r(A, null, I(x.fieldList, (l, j) => ol((n(), c(T, {
|
|
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: j
|
|
159
159
|
}, {
|
|
160
160
|
default: s(() => [
|
|
161
161
|
k("div", {
|
|
162
162
|
style: g(l.style)
|
|
163
163
|
}, [
|
|
164
|
-
l.type === "title" ? (
|
|
164
|
+
l.type === "title" ? (n(), c(p, { key: 0 }, {
|
|
165
165
|
default: s(() => [
|
|
166
|
-
k("div",
|
|
167
|
-
k("span",
|
|
166
|
+
k("div", cl, [
|
|
167
|
+
k("span", tl, t(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 ? C(
|
|
178
|
+
l.slotLabelName ? C(y.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
179
179
|
key: 0,
|
|
180
180
|
style: g(l.labelStyle)
|
|
181
181
|
}, [
|
|
182
|
-
|
|
183
|
-
l.required ? (
|
|
182
|
+
f(t(l.label) + " ", 1),
|
|
183
|
+
l.required ? (n(), r("span", il, "*")) : M("", !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: N(l.isReadonly ? "readonly" : ""),
|
|
193
|
+
i(O, {
|
|
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: N(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: v((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(O, {
|
|
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: N(l.isReadonly ? "readonly" : ""),
|
|
224
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field.nameEn] = o,
|
|
225
|
+
class: N(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: v((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(O, {
|
|
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: N(l.isReadonly ? "readonly" : ""),
|
|
247
|
+
class: N(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: v((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: N(l.isReadonly ? "readonly" : ""),
|
|
265
|
+
i(O, {
|
|
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: N(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: v((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 ? C(
|
|
292
|
+
l.slotLabelName ? C(y.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
293
293
|
key: 0,
|
|
294
294
|
style: g(l.labelStyle)
|
|
295
295
|
}, [
|
|
296
|
-
|
|
297
|
-
l.required ? (
|
|
296
|
+
f(t(l.label) + " ", 1),
|
|
297
|
+
l.required ? (n(), r("span", pl, "*")) : M("", !0)
|
|
298
298
|
], 4))
|
|
299
299
|
]),
|
|
300
300
|
default: s(() => [
|
|
301
|
-
|
|
301
|
+
i(w, {
|
|
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(A, null, I((o = l.options) == null ? void 0 : o.data, (d) => {
|
|
311
|
+
var a, u;
|
|
312
|
+
return n(), c(V, {
|
|
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
318
|
k("img", {
|
|
319
|
-
src:
|
|
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,7 +330,7 @@ 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,
|
|
@@ -338,35 +338,35 @@ function Fl(c, f, V, e, D, q) {
|
|
|
338
338
|
class: N([l.labelNode ? "radio_Note" : "rule_err"])
|
|
339
339
|
}, {
|
|
340
340
|
label: s(() => [
|
|
341
|
-
l.slotLabelName ? C(
|
|
341
|
+
l.slotLabelName ? C(y.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
342
342
|
key: 0,
|
|
343
343
|
style: g(l.labelStyle)
|
|
344
344
|
}, [
|
|
345
|
-
|
|
346
|
-
l.required ? (
|
|
345
|
+
f(t(l.label) + " ", 1),
|
|
346
|
+
l.required ? (n(), r("span", fl, "*")) : M("", !0)
|
|
347
347
|
], 4))
|
|
348
348
|
]),
|
|
349
349
|
default: s(() => [
|
|
350
|
-
|
|
350
|
+
i(w, {
|
|
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
355
|
}, {
|
|
356
356
|
default: s(() => {
|
|
357
|
-
var
|
|
357
|
+
var o;
|
|
358
358
|
return [
|
|
359
|
-
(
|
|
360
|
-
var
|
|
361
|
-
return
|
|
359
|
+
(n(!0), r(A, null, I((o = l.options) == null ? void 0 : o.data, (d) => {
|
|
360
|
+
var a, u;
|
|
361
|
+
return n(), c(V, {
|
|
362
362
|
size: "large",
|
|
363
|
-
label:
|
|
364
|
-
key:
|
|
363
|
+
label: d[((a = l.options) == null ? void 0 : a.valueKey) || "code"],
|
|
364
|
+
key: d[((u = l.options) == null ? void 0 : u.valueKey) || "code"]
|
|
365
365
|
}, {
|
|
366
366
|
default: s(() => {
|
|
367
367
|
var b;
|
|
368
368
|
return [
|
|
369
|
-
|
|
369
|
+
f(t(d[((b = l.options) == null ? void 0 : b.labelkey) || "name"]), 1)
|
|
370
370
|
];
|
|
371
371
|
}),
|
|
372
372
|
_: 2
|
|
@@ -378,7 +378,7 @@ function Fl(c, f, V, e, D, q) {
|
|
|
378
378
|
}, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "onChange"])
|
|
379
379
|
]),
|
|
380
380
|
_: 2
|
|
381
|
-
}, 1032, ["label", "rules", "prop", "class"])) : l.type === "radioNote" ? (
|
|
381
|
+
}, 1032, ["label", "rules", "prop", "class"])) : l.type === "radioNote" ? (n(), c(p, {
|
|
382
382
|
key: 4,
|
|
383
383
|
label: l.label,
|
|
384
384
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
@@ -387,30 +387,30 @@ function Fl(c, f, V, e, D, q) {
|
|
|
387
387
|
}, {
|
|
388
388
|
default: s(() => [
|
|
389
389
|
k("div", null, [
|
|
390
|
-
k("span",
|
|
391
|
-
k("span", gl,
|
|
392
|
-
l.required ? (
|
|
390
|
+
k("span", hl, t(l.labelBefore), 1),
|
|
391
|
+
k("span", gl, t(l.labelNode), 1),
|
|
392
|
+
l.required ? (n(), r("span", Ml, "*")) : M("", !0)
|
|
393
393
|
]),
|
|
394
|
-
|
|
394
|
+
i(w, {
|
|
395
395
|
modelValue: e.states.model[l.field],
|
|
396
|
-
"onUpdate:modelValue": (
|
|
397
|
-
disabled: l.disabled || e.formOptions.
|
|
398
|
-
onChange: (
|
|
396
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
397
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
398
|
+
onChange: (o) => e.radioChange(o, l.field)
|
|
399
399
|
}, {
|
|
400
400
|
default: s(() => {
|
|
401
|
-
var
|
|
401
|
+
var o;
|
|
402
402
|
return [
|
|
403
|
-
(
|
|
404
|
-
var
|
|
405
|
-
return
|
|
403
|
+
(n(!0), r(A, null, I((o = l.options) == null ? void 0 : o.data, (d) => {
|
|
404
|
+
var a, u;
|
|
405
|
+
return n(), c(V, {
|
|
406
406
|
size: "large",
|
|
407
|
-
label:
|
|
408
|
-
key:
|
|
407
|
+
label: d[((a = l.options) == null ? void 0 : a.valueKey) || "code"],
|
|
408
|
+
key: d[((u = l.options) == null ? void 0 : u.valueKey) || "code"]
|
|
409
409
|
}, {
|
|
410
410
|
default: s(() => {
|
|
411
411
|
var b;
|
|
412
412
|
return [
|
|
413
|
-
|
|
413
|
+
f(t(d[((b = l.options) == null ? void 0 : b.labelkey) || "name"]), 1)
|
|
414
414
|
];
|
|
415
415
|
}),
|
|
416
416
|
_: 2
|
|
@@ -422,44 +422,44 @@ function Fl(c, f, V, e, D, q) {
|
|
|
422
422
|
}, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "onChange"])
|
|
423
423
|
]),
|
|
424
424
|
_: 2
|
|
425
|
-
}, 1032, ["label", "rules", "prop", "class"])) : l.type === "checkbox" ? (
|
|
425
|
+
}, 1032, ["label", "rules", "prop", "class"])) : l.type === "checkbox" ? (n(), c(p, {
|
|
426
426
|
key: 5,
|
|
427
427
|
label: l.label,
|
|
428
428
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
429
429
|
prop: l.field
|
|
430
430
|
}, {
|
|
431
431
|
label: s(() => [
|
|
432
|
-
l.slotLabelName ? C(
|
|
432
|
+
l.slotLabelName ? C(y.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
433
433
|
key: 0,
|
|
434
434
|
style: g(l.labelStyle)
|
|
435
435
|
}, [
|
|
436
|
-
|
|
437
|
-
l.required ? (
|
|
436
|
+
f(t(l.label) + " ", 1),
|
|
437
|
+
l.required ? (n(), r("span", _l, "*")) : M("", !0)
|
|
438
438
|
], 4))
|
|
439
439
|
]),
|
|
440
440
|
default: s(() => [
|
|
441
|
-
|
|
441
|
+
i(z, {
|
|
442
442
|
modelValue: e.states.model[l.field],
|
|
443
|
-
"onUpdate:modelValue": (
|
|
444
|
-
onChange: (
|
|
445
|
-
disabled: l.disabled || e.formOptions.
|
|
443
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
444
|
+
onChange: (o) => e.checkChange(o, l.field),
|
|
445
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
446
446
|
style: g(
|
|
447
447
|
l.ways === "row" ? "display: flex; align-items: flex-start;flex-flow: row nowrap; " : "display: flex; align-items: flex-start;flex-flow: column nowrap; "
|
|
448
448
|
)
|
|
449
449
|
}, {
|
|
450
450
|
default: s(() => {
|
|
451
|
-
var
|
|
451
|
+
var o;
|
|
452
452
|
return [
|
|
453
|
-
(
|
|
454
|
-
var
|
|
455
|
-
return
|
|
456
|
-
key:
|
|
457
|
-
label:
|
|
453
|
+
(n(!0), r(A, null, I((o = l.options) == null ? void 0 : o.data, (d) => {
|
|
454
|
+
var a, u;
|
|
455
|
+
return n(), c(F, {
|
|
456
|
+
key: d[((a = l.options) == null ? void 0 : a.valueKey) || "code"],
|
|
457
|
+
label: d[((u = l.options) == null ? void 0 : u.valueKey) || "code"]
|
|
458
458
|
}, {
|
|
459
459
|
default: s(() => {
|
|
460
460
|
var b;
|
|
461
461
|
return [
|
|
462
|
-
|
|
462
|
+
f(t(d[((b = l.options) == null ? void 0 : b.labelkey) || "name"]), 1)
|
|
463
463
|
];
|
|
464
464
|
}),
|
|
465
465
|
_: 2
|
|
@@ -471,44 +471,44 @@ function Fl(c, f, V, e, D, q) {
|
|
|
471
471
|
}, 1032, ["modelValue", "onUpdate:modelValue", "onChange", "disabled", "style"])
|
|
472
472
|
]),
|
|
473
473
|
_: 2
|
|
474
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "checkboxRadio" ? (
|
|
474
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "checkboxRadio" ? (n(), c(p, {
|
|
475
475
|
key: 6,
|
|
476
476
|
label: l.label,
|
|
477
477
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
478
478
|
prop: l.field
|
|
479
479
|
}, {
|
|
480
480
|
label: s(() => [
|
|
481
|
-
l.slotLabelName ? C(
|
|
481
|
+
l.slotLabelName ? C(y.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
482
482
|
key: 0,
|
|
483
483
|
style: g(l.labelStyle)
|
|
484
484
|
}, [
|
|
485
|
-
|
|
486
|
-
l.required ? (
|
|
485
|
+
f(t(l.label) + " ", 1),
|
|
486
|
+
l.required ? (n(), r("span", Cl, "*")) : M("", !0)
|
|
487
487
|
], 4))
|
|
488
488
|
]),
|
|
489
489
|
default: s(() => [
|
|
490
|
-
|
|
490
|
+
i(z, {
|
|
491
491
|
modelValue: e.states.model[l.field],
|
|
492
|
-
"onUpdate:modelValue": (
|
|
493
|
-
onChange: (
|
|
494
|
-
disabled: l.disabled || e.formOptions.
|
|
492
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
493
|
+
onChange: (o) => e.handleCheckedChange(o, l.field),
|
|
494
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
495
495
|
style: g(
|
|
496
496
|
l.ways === "row" ? "display: flex; align-items: flex-start;flex-flow: row nowrap; " : "display: flex; align-items: flex-start;flex-flow: column nowrap; "
|
|
497
497
|
)
|
|
498
498
|
}, {
|
|
499
499
|
default: s(() => {
|
|
500
|
-
var
|
|
500
|
+
var o;
|
|
501
501
|
return [
|
|
502
|
-
(
|
|
503
|
-
var
|
|
504
|
-
return
|
|
505
|
-
key:
|
|
506
|
-
label:
|
|
502
|
+
(n(!0), r(A, null, I((o = l.options) == null ? void 0 : o.data, (d) => {
|
|
503
|
+
var a, u;
|
|
504
|
+
return n(), c(F, {
|
|
505
|
+
key: d[((a = l.options) == null ? void 0 : a.valueKey) || "code"],
|
|
506
|
+
label: d[((u = l.options) == null ? void 0 : u.valueKey) || "code"]
|
|
507
507
|
}, {
|
|
508
508
|
default: s(() => {
|
|
509
509
|
var b;
|
|
510
510
|
return [
|
|
511
|
-
|
|
511
|
+
f(t(d[((b = l.options) == null ? void 0 : b.labelkey) || "name"]), 1)
|
|
512
512
|
];
|
|
513
513
|
}),
|
|
514
514
|
_: 2
|
|
@@ -520,41 +520,41 @@ function Fl(c, f, V, e, D, q) {
|
|
|
520
520
|
}, 1032, ["modelValue", "onUpdate:modelValue", "onChange", "disabled", "style"])
|
|
521
521
|
]),
|
|
522
522
|
_: 2
|
|
523
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "select" ? (
|
|
523
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "select" ? (n(), c(p, {
|
|
524
524
|
key: 7,
|
|
525
525
|
label: l.label,
|
|
526
526
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
527
|
-
disabled: l.disabled || e.formOptions.
|
|
527
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
528
528
|
prop: l.field
|
|
529
529
|
}, {
|
|
530
530
|
label: s(() => [
|
|
531
|
-
l.slotLabelName ? C(
|
|
531
|
+
l.slotLabelName ? C(y.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
532
532
|
key: 0,
|
|
533
533
|
style: g(l.labelStyle)
|
|
534
534
|
}, [
|
|
535
|
-
|
|
536
|
-
l.required ? (
|
|
535
|
+
f(t(l.label) + " ", 1),
|
|
536
|
+
l.required ? (n(), r("span", Nl, "*")) : M("", !0)
|
|
537
537
|
], 4))
|
|
538
538
|
]),
|
|
539
539
|
default: s(() => [
|
|
540
|
-
|
|
541
|
-
onChange: (
|
|
540
|
+
i(R, {
|
|
541
|
+
onChange: (o) => e.selectChange(o, l.field),
|
|
542
542
|
modelValue: e.states.model[l.field],
|
|
543
|
-
"onUpdate:modelValue": (
|
|
544
|
-
disabled: l.disabled || e.formOptions.
|
|
543
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
544
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
545
545
|
placeholder: l.placeholder,
|
|
546
|
-
class: N(l.isReadonly ? "selectreadonly" : ""),
|
|
546
|
+
class: N(l.isReadonly || e.formOptions.isAllReadonly ? "selectreadonly" : ""),
|
|
547
547
|
clearable: l.clearable
|
|
548
548
|
}, {
|
|
549
549
|
default: s(() => {
|
|
550
|
-
var
|
|
550
|
+
var o;
|
|
551
551
|
return [
|
|
552
|
-
(
|
|
553
|
-
var
|
|
554
|
-
return
|
|
555
|
-
key:
|
|
556
|
-
label:
|
|
557
|
-
value:
|
|
552
|
+
(n(!0), r(A, null, I((o = l.options) == null ? void 0 : o.data, (d) => {
|
|
553
|
+
var a, u, b;
|
|
554
|
+
return n(), c(U, {
|
|
555
|
+
key: d[((a = l.options) == null ? void 0 : a.valueKey) || "code"],
|
|
556
|
+
label: d[((u = l.options) == null ? void 0 : u.labelkey) || "name"],
|
|
557
|
+
value: d[((b = l.options) == null ? void 0 : b.valueKey) || "code"]
|
|
558
558
|
}, null, 8, ["label", "value"]);
|
|
559
559
|
}), 128))
|
|
560
560
|
];
|
|
@@ -564,10 +564,10 @@ function Fl(c, f, V, e, D, q) {
|
|
|
564
564
|
k("div", {
|
|
565
565
|
class: "item_tips_blow",
|
|
566
566
|
style: g(l.tipsBlowStyle)
|
|
567
|
-
},
|
|
567
|
+
}, t(l.tipsBlow), 5)
|
|
568
568
|
]),
|
|
569
569
|
_: 2
|
|
570
|
-
}, 1032, ["label", "rules", "disabled", "prop"])) : l.type === "date" ? (
|
|
570
|
+
}, 1032, ["label", "rules", "disabled", "prop"])) : l.type === "date" ? (n(), c(p, {
|
|
571
571
|
key: 8,
|
|
572
572
|
label: l.label,
|
|
573
573
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
@@ -575,54 +575,54 @@ function Fl(c, f, V, e, D, q) {
|
|
|
575
575
|
class: "date_item"
|
|
576
576
|
}, {
|
|
577
577
|
label: s(() => [
|
|
578
|
-
l.slotLabelName ? C(
|
|
578
|
+
l.slotLabelName ? C(y.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
579
579
|
key: 0,
|
|
580
580
|
style: g(l.labelStyle)
|
|
581
581
|
}, [
|
|
582
|
-
|
|
583
|
-
l.required ? (
|
|
582
|
+
f(t(l.label) + " ", 1),
|
|
583
|
+
l.required ? (n(), r("span", kl, "*")) : M("", !0)
|
|
584
584
|
], 4))
|
|
585
585
|
]),
|
|
586
586
|
default: s(() => [
|
|
587
|
-
|
|
587
|
+
i(L, {
|
|
588
588
|
format: "DD/MM/YYYY",
|
|
589
589
|
"value-format": "DD/MM/YYYY",
|
|
590
590
|
"disabled-date": l.disabledDate,
|
|
591
|
-
onChange: (
|
|
591
|
+
onChange: (o) => e.dateChange(o, l.field),
|
|
592
592
|
"prefix-icon": e.prefixIcon,
|
|
593
593
|
modelValue: e.states.model[l.field],
|
|
594
|
-
"onUpdate:modelValue": (
|
|
595
|
-
disabled: l.disabled || e.formOptions.
|
|
594
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
595
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
596
596
|
readonly: l.readonly,
|
|
597
597
|
type: l.type,
|
|
598
598
|
placeholder: l.placeholder || l.label
|
|
599
599
|
}, null, 8, ["disabled-date", "onChange", "prefix-icon", "modelValue", "onUpdate:modelValue", "disabled", "readonly", "type", "placeholder"]),
|
|
600
|
-
l.showTo ? (
|
|
600
|
+
l.showTo ? (n(), r("span", Dl, t(l.showTo), 1)) : M("", !0)
|
|
601
601
|
]),
|
|
602
602
|
_: 2
|
|
603
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "daterange" ? (
|
|
603
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "daterange" ? (n(), c(p, {
|
|
604
604
|
key: 9,
|
|
605
605
|
label: l.label,
|
|
606
606
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
607
607
|
prop: l.field
|
|
608
608
|
}, {
|
|
609
609
|
label: s(() => [
|
|
610
|
-
l.slotLabelName ? C(
|
|
610
|
+
l.slotLabelName ? C(y.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
611
611
|
key: 0,
|
|
612
612
|
style: g(l.labelStyle)
|
|
613
613
|
}, [
|
|
614
|
-
|
|
615
|
-
l.required ? (
|
|
614
|
+
f(t(l.label) + " ", 1),
|
|
615
|
+
l.required ? (n(), r("span", Al, "*")) : M("", !0)
|
|
616
616
|
], 4))
|
|
617
617
|
]),
|
|
618
618
|
default: s(() => [
|
|
619
|
-
|
|
619
|
+
i(L, {
|
|
620
620
|
format: "DD/MM/YYYY",
|
|
621
621
|
"value-format": "DD/MM/YYYY",
|
|
622
622
|
"disabled-date": l.disabledDate,
|
|
623
|
-
onChange: (
|
|
623
|
+
onChange: (o) => e.dateChange(o, l.field),
|
|
624
624
|
modelValue: e.states.model[l.field],
|
|
625
|
-
"onUpdate:modelValue": (
|
|
625
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
626
626
|
"prefix-icon": e.prefixIcon,
|
|
627
627
|
type: "daterange",
|
|
628
628
|
"range-separator": "To",
|
|
@@ -632,7 +632,7 @@ function Fl(c, f, V, e, D, q) {
|
|
|
632
632
|
}, null, 8, ["disabled-date", "onChange", "modelValue", "onUpdate:modelValue", "prefix-icon", "start-placeholder", "end-placeholder"])
|
|
633
633
|
]),
|
|
634
634
|
_: 2
|
|
635
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "slotItem" ? (
|
|
635
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "slotItem" ? (n(), c(p, {
|
|
636
636
|
key: 10,
|
|
637
637
|
label: l.label,
|
|
638
638
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
@@ -640,50 +640,49 @@ function Fl(c, f, V, e, D, q) {
|
|
|
640
640
|
class: "rule_err"
|
|
641
641
|
}, {
|
|
642
642
|
label: s(() => [
|
|
643
|
-
l.slotLabelName ? C(
|
|
643
|
+
l.slotLabelName ? C(y.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
644
644
|
key: 0,
|
|
645
645
|
style: g(l.labelStyle)
|
|
646
646
|
}, [
|
|
647
|
-
|
|
648
|
-
l.required ? (
|
|
647
|
+
f(t(l.label) + " ", 1),
|
|
648
|
+
l.required ? (n(), r("span", Il, "*")) : M("", !0)
|
|
649
649
|
], 4))
|
|
650
650
|
]),
|
|
651
651
|
default: s(() => [
|
|
652
|
-
C(
|
|
652
|
+
C(y.$slots, l.slotItemName, {}, void 0, !0)
|
|
653
653
|
]),
|
|
654
654
|
_: 2
|
|
655
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "phone" ? (
|
|
655
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "phone" ? (n(), c(p, {
|
|
656
656
|
key: 11,
|
|
657
657
|
label: l.label,
|
|
658
|
-
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
658
|
+
rules: l.isHide || e.noFormRule ? [] : l.rules.phoneNumber,
|
|
659
659
|
prop: l.field.phoneNumber,
|
|
660
660
|
class: "phone_item"
|
|
661
661
|
}, {
|
|
662
662
|
label: s(() => [
|
|
663
|
-
l.slotLabelName ? C(
|
|
663
|
+
l.slotLabelName ? C(y.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
664
664
|
key: 0,
|
|
665
665
|
style: g(l.labelStyle)
|
|
666
666
|
}, [
|
|
667
|
-
|
|
668
|
-
l.required ? (
|
|
667
|
+
f(t(l.label) + " ", 1),
|
|
668
|
+
l.required ? (n(), r("span", xl, "*")) : M("", !0)
|
|
669
669
|
], 4))
|
|
670
670
|
]),
|
|
671
671
|
default: s(() => {
|
|
672
|
-
var
|
|
672
|
+
var o, d;
|
|
673
673
|
return [
|
|
674
|
-
k("div",
|
|
675
|
-
|
|
676
|
-
disabled: l.disabled || e.formOptions.
|
|
674
|
+
k("div", Ol, [
|
|
675
|
+
i(R, {
|
|
676
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
677
677
|
modelValue: e.states.model[l.field.nationCode],
|
|
678
|
-
"onUpdate:modelValue": (
|
|
679
|
-
placeholder: ((
|
|
680
|
-
class: N(l.isReadonly ? "selectreadonly" : "")
|
|
681
|
-
style: { width: "80px" }
|
|
678
|
+
"onUpdate:modelValue": (a) => e.states.model[l.field.nationCode] = a,
|
|
679
|
+
placeholder: ((o = l.nationOptions) == null ? void 0 : o.placeholder) || "",
|
|
680
|
+
class: N(l.isReadonly || e.formOptions.isAllReadonly ? "selectreadonly" : "")
|
|
682
681
|
}, {
|
|
683
682
|
default: s(() => {
|
|
684
|
-
var
|
|
683
|
+
var a;
|
|
685
684
|
return [
|
|
686
|
-
(
|
|
685
|
+
(n(!0), r(A, null, I((a = l.nationOptions) == null ? void 0 : a.data, (u, b) => (n(), c(U, {
|
|
687
686
|
label: u.name,
|
|
688
687
|
value: u.code,
|
|
689
688
|
key: b
|
|
@@ -692,19 +691,18 @@ function Fl(c, f, V, e, D, q) {
|
|
|
692
691
|
}),
|
|
693
692
|
_: 2
|
|
694
693
|
}, 1032, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder", "class"]),
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
disabled: l.disabled || e.formOptions.
|
|
694
|
+
Vl,
|
|
695
|
+
i(R, {
|
|
696
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
698
697
|
modelValue: e.states.model[l.field.areaCode],
|
|
699
|
-
"onUpdate:modelValue": (
|
|
700
|
-
placeholder: ((
|
|
701
|
-
class: N(l.isReadonly ? "selectreadonly" : "")
|
|
702
|
-
style: { width: "80px" }
|
|
698
|
+
"onUpdate:modelValue": (a) => e.states.model[l.field.areaCode] = a,
|
|
699
|
+
placeholder: ((d = l.areaOptions) == null ? void 0 : d.placeholder) || "",
|
|
700
|
+
class: N(l.isReadonly || e.formOptions.isAllReadonly ? "selectreadonly" : "")
|
|
703
701
|
}, {
|
|
704
702
|
default: s(() => {
|
|
705
|
-
var
|
|
703
|
+
var a;
|
|
706
704
|
return [
|
|
707
|
-
(
|
|
705
|
+
(n(!0), r(A, null, I((a = l.areaOptions) == null ? void 0 : a.data, (u, b) => (n(), c(U, {
|
|
708
706
|
label: u.name,
|
|
709
707
|
value: u.code,
|
|
710
708
|
key: b
|
|
@@ -713,77 +711,77 @@ function Fl(c, f, V, e, D, q) {
|
|
|
713
711
|
}),
|
|
714
712
|
_: 2
|
|
715
713
|
}, 1032, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder", "class"]),
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
onBlur: (
|
|
719
|
-
onFocus: (
|
|
720
|
-
onChange: (
|
|
721
|
-
onInput: (
|
|
714
|
+
wl,
|
|
715
|
+
i(O, {
|
|
716
|
+
onBlur: (a) => e.inputBlur(a, l.field),
|
|
717
|
+
onFocus: (a) => e.inputFocus(a, l.field),
|
|
718
|
+
onChange: (a) => e.inputChange(a, l.field),
|
|
719
|
+
onInput: (a) => e.inputInput(a, l.field),
|
|
722
720
|
maxlength: l.maxlength,
|
|
723
721
|
modelValue: e.states.model[l.field.phoneNumber],
|
|
724
|
-
"onUpdate:modelValue": (
|
|
725
|
-
disabled: l.disabled || e.formOptions.
|
|
722
|
+
"onUpdate:modelValue": (a) => e.states.model[l.field.phoneNumber] = a,
|
|
723
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
726
724
|
placeholder: l.placeholder || "",
|
|
727
|
-
class: N(l.isReadonly ? "readonly" : ""),
|
|
725
|
+
class: N(l.isReadonly || e.formOptions.isAllReadonly ? "readonly" : ""),
|
|
728
726
|
clearable: l.clearable
|
|
729
727
|
}, null, 8, ["onBlur", "onFocus", "onChange", "onInput", "maxlength", "modelValue", "onUpdate:modelValue", "disabled", "placeholder", "class", "clearable"])
|
|
730
728
|
])
|
|
731
729
|
];
|
|
732
730
|
}),
|
|
733
731
|
_: 2
|
|
734
|
-
}, 1032, ["label", "rules", "prop"])) : l.type === "line" ? (
|
|
732
|
+
}, 1032, ["label", "rules", "prop"])) : l.type === "line" ? (n(), c(p, {
|
|
735
733
|
key: 12,
|
|
736
734
|
label: l.label
|
|
737
735
|
}, {
|
|
738
736
|
default: s(() => [
|
|
739
|
-
|
|
737
|
+
Ul
|
|
740
738
|
]),
|
|
741
739
|
_: 2
|
|
742
|
-
}, 1032, ["label"])) : (
|
|
740
|
+
}, 1032, ["label"])) : (n(), c(p, {
|
|
743
741
|
key: 13,
|
|
744
742
|
rules: l.isHide || e.noFormRule ? [] : l.rules,
|
|
745
743
|
prop: l.field,
|
|
746
744
|
class: N(l.prepend ? "input-item" : "")
|
|
747
745
|
}, {
|
|
748
746
|
label: s(() => [
|
|
749
|
-
l.slotLabelName ? C(
|
|
747
|
+
l.slotLabelName ? C(y.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (n(), r("div", {
|
|
750
748
|
key: 0,
|
|
751
749
|
style: g(l.labelStyle)
|
|
752
750
|
}, [
|
|
753
|
-
|
|
754
|
-
l.required ? (
|
|
751
|
+
f(t(l.label) + " ", 1),
|
|
752
|
+
l.required ? (n(), r("span", Rl, "*")) : M("", !0)
|
|
755
753
|
], 4))
|
|
756
754
|
]),
|
|
757
755
|
default: s(() => [
|
|
758
|
-
|
|
759
|
-
onBlur: (
|
|
760
|
-
onFocus: (
|
|
761
|
-
onChange: (
|
|
762
|
-
onInput: (
|
|
756
|
+
i(O, {
|
|
757
|
+
onBlur: (o) => e.inputBlur(o, l.field),
|
|
758
|
+
onFocus: (o) => e.inputFocus(o, l.field),
|
|
759
|
+
onChange: (o) => e.inputChange(o, l.field),
|
|
760
|
+
onInput: (o) => e.inputInput(o, l.field),
|
|
763
761
|
maxlength: l.maxlength,
|
|
764
762
|
modelValue: e.states.model[l.field],
|
|
765
|
-
"onUpdate:modelValue": (
|
|
763
|
+
"onUpdate:modelValue": (o) => e.states.model[l.field] = o,
|
|
766
764
|
"show-word-limit": l.showWordLimit,
|
|
767
765
|
readonly: l.readonly,
|
|
768
766
|
type: l.type ? l.type : "text",
|
|
769
767
|
placeholder: l.placeholder || l.label,
|
|
770
|
-
disabled: l.disabled || e.formOptions.
|
|
768
|
+
disabled: l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly,
|
|
771
769
|
showPassword: l.showPassword,
|
|
772
770
|
clearable: l.clearable,
|
|
773
|
-
class: N(l.isReadonly ? "readonly" : ""),
|
|
774
|
-
onKeyup:
|
|
775
|
-
},
|
|
771
|
+
class: N(l.isReadonly || e.formOptions.isAllReadonly ? "readonly" : ""),
|
|
772
|
+
onKeyup: v((o) => e.handleKeyUp(l.enterable), ["enter"])
|
|
773
|
+
}, al({ _: 2 }, [
|
|
776
774
|
l.prepend ? {
|
|
777
775
|
name: "prepend",
|
|
778
776
|
fn: s(() => [
|
|
779
|
-
|
|
777
|
+
f(t(l.prepend), 1)
|
|
780
778
|
]),
|
|
781
779
|
key: "0"
|
|
782
780
|
} : void 0,
|
|
783
781
|
l.append ? {
|
|
784
782
|
name: "append",
|
|
785
783
|
fn: s(() => [
|
|
786
|
-
|
|
784
|
+
f(t(l.append), 1)
|
|
787
785
|
]),
|
|
788
786
|
key: "1"
|
|
789
787
|
} : void 0
|
|
@@ -795,19 +793,19 @@ function Fl(c, f, V, e, D, q) {
|
|
|
795
793
|
]),
|
|
796
794
|
_: 2
|
|
797
795
|
}, 1032, ["xs", "sm", "md", "lg", "xl"])), [
|
|
798
|
-
[
|
|
796
|
+
[nl, !l.isHide]
|
|
799
797
|
])), 128))
|
|
800
798
|
]),
|
|
801
799
|
_: 3
|
|
802
800
|
}),
|
|
803
|
-
p
|
|
801
|
+
i(p, { class: "btnsItem" }, {
|
|
804
802
|
default: s(() => [
|
|
805
|
-
C(
|
|
806
|
-
model:
|
|
803
|
+
C(y.$slots, "buttons", {
|
|
804
|
+
model: x.model,
|
|
807
805
|
onBtnClick: e.onSubmit
|
|
808
806
|
}, () => [
|
|
809
|
-
(
|
|
810
|
-
l.isShow ? (
|
|
807
|
+
(n(!0), r(A, null, I(e.formOptions.btnConfig, (l, j) => (n(), r("div", { key: j }, [
|
|
808
|
+
l.isShow ? (n(), c(E, {
|
|
811
809
|
key: 0,
|
|
812
810
|
btnCode: l.btnCode,
|
|
813
811
|
plain: l.plain,
|
|
@@ -832,10 +830,10 @@ function Fl(c, f, V, e, D, q) {
|
|
|
832
830
|
fontWeight: l.fontWeight,
|
|
833
831
|
style: g(l.style),
|
|
834
832
|
class: N(l.class),
|
|
835
|
-
onHandleClick: (
|
|
833
|
+
onHandleClick: (o) => e.handleClick(o, l.isRule, l.emitName)
|
|
836
834
|
}, {
|
|
837
835
|
default: s(() => [
|
|
838
|
-
|
|
836
|
+
f(t(l.name), 1)
|
|
839
837
|
]),
|
|
840
838
|
_: 2
|
|
841
839
|
}, 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"])) : M("", !0)
|
|
@@ -848,11 +846,11 @@ function Fl(c, f, V, e, D, q) {
|
|
|
848
846
|
_: 3
|
|
849
847
|
}, 16, ["model", "label-position"]);
|
|
850
848
|
}
|
|
851
|
-
const
|
|
852
|
-
function
|
|
853
|
-
|
|
849
|
+
const H = /* @__PURE__ */ yl(ul, [["render", jl], ["__scopeId", "data-v-18a469d0"]]);
|
|
850
|
+
function K(y, h = {}) {
|
|
851
|
+
K.installed || (K.installed = !0, y.component("common-el-form", H));
|
|
854
852
|
}
|
|
855
|
-
|
|
853
|
+
H.install = K;
|
|
856
854
|
export {
|
|
857
|
-
|
|
855
|
+
H as default
|
|
858
856
|
};
|