@xuekl/cli-components 1.4.6 → 1.4.8
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/XklForm.vue +12 -10
- package/package.json +1 -1
package/XklForm.vue
CHANGED
|
@@ -105,12 +105,13 @@ Object.keys(form).forEach(prop => {
|
|
|
105
105
|
field.show = field.show || (() => true)
|
|
106
106
|
field.key = field.key || (() => prop)
|
|
107
107
|
field.disabled = field.disabled || (() => false)
|
|
108
|
+
const placeholderStart = ['input', 'textarea'].includes(field.type) ? '请输入' : '请选择'
|
|
108
109
|
if (!['query', 'search'].includes(opts.mode)) {
|
|
109
110
|
if (field.required) {
|
|
110
111
|
// 如果穿了required函数监听required的变化
|
|
111
112
|
watch(field.required, (val) => {
|
|
112
113
|
if (val) {
|
|
113
|
-
field.refRules.value.push({ required: true, message:
|
|
114
|
+
field.refRules.value.push({ required: true, message: placeholderStart + field.label, trigger: 'blur' })
|
|
114
115
|
} else {
|
|
115
116
|
field.refRules.value = field.refRules.value.filter(res => !res.required)
|
|
116
117
|
}
|
|
@@ -118,12 +119,11 @@ Object.keys(form).forEach(prop => {
|
|
|
118
119
|
}
|
|
119
120
|
field.required = field.required || (() => false)
|
|
120
121
|
if (field.required()) {
|
|
121
|
-
field.refRules.value.push({ required: true, message:
|
|
122
|
+
field.refRules.value.push({ required: true, message: placeholderStart + field.label, trigger: 'blur' })
|
|
122
123
|
}
|
|
123
124
|
} else {
|
|
124
125
|
field.refRules.value = field.refRules.value.filter(res => !res.required)
|
|
125
126
|
}
|
|
126
|
-
const placeholderStart = ['input', 'textarea'].includes(field.type) ? '请输入' : '请选择'
|
|
127
127
|
if (!field.element) {
|
|
128
128
|
field.element = {
|
|
129
129
|
placeholder: placeholderStart + field.label.replace(':', '').replace(':', ''),
|
|
@@ -232,7 +232,7 @@ const regProto = () => {
|
|
|
232
232
|
if (XklFormRef.value) {
|
|
233
233
|
let enableSubmit = true;
|
|
234
234
|
let submitTimer: NodeJS.Timeout
|
|
235
|
-
form.
|
|
235
|
+
form.__proto__.submit = (callback: (call: () => void, feils: any) => void) => {
|
|
236
236
|
if (componentGlobal.enableFormSubmit) {
|
|
237
237
|
enableSubmit = true
|
|
238
238
|
}
|
|
@@ -244,7 +244,7 @@ const regProto = () => {
|
|
|
244
244
|
componentGlobal.enableFormSubmit = true
|
|
245
245
|
enableSubmit = true
|
|
246
246
|
}, 3000)
|
|
247
|
-
|
|
247
|
+
sourceFormList.forEach(field => {
|
|
248
248
|
modeFields[field.prop] = (form as any)[field.prop]
|
|
249
249
|
});
|
|
250
250
|
(XklFormRef.value as any).validate((valid: boolean) => {
|
|
@@ -259,17 +259,19 @@ const regProto = () => {
|
|
|
259
259
|
}
|
|
260
260
|
})
|
|
261
261
|
}
|
|
262
|
-
}
|
|
262
|
+
}
|
|
263
|
+
// form.setSubmit(, form)
|
|
263
264
|
}
|
|
264
265
|
|
|
265
|
-
form.
|
|
266
|
-
|
|
266
|
+
form.__proto__.getBinds = () => {
|
|
267
|
+
sourceFormList.forEach(field => {
|
|
267
268
|
modeFields[field.prop] = (form as any)[field.prop]
|
|
268
269
|
});
|
|
269
270
|
return modeFields
|
|
270
|
-
}
|
|
271
|
+
}
|
|
272
|
+
// form.setBinds(, form)
|
|
271
273
|
|
|
272
|
-
form.getRef = () => XklFormRef.value
|
|
274
|
+
form.__proto__.getRef = () => XklFormRef.value
|
|
273
275
|
}
|
|
274
276
|
|
|
275
277
|
onMounted(() => {
|