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