hookehuyr

新增组件默认值,单选新增字段描述属性

<!--
* @Date: 2022-09-02 10:46:03
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-12-08 17:47:30
* @LastEditTime: 2022-12-09 13:34:21
* @FilePath: /data-table/src/components/PhoneField/index.vue
* @Description: 手机输入框
-->
......@@ -17,7 +17,7 @@
:name="item.name"
type="digit"
maxlength="11"
:placeholder="item.component_props.placeholder"
:placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请输入手机号码'"
:rules="rules"
:required="item.component_props.required"
:readonly="readonly"
......@@ -25,6 +25,20 @@
:border="false"
>
</van-field>
<van-field
v-if="is_sms"
name="ignore"
v-model="sms"
center
clearable
label=""
placeholder="请输入短信验证码"
:border="false"
>
<template #button>
<van-button size="small" type="primary">发送验证码</van-button>
</template>
</van-field>
<van-number-keyboard
v-model="item.value"
:show="show"
......@@ -46,6 +60,8 @@ const props = defineProps({
// web端判断
const readonly = computed(() => wxInfo().isMobile);
// 打开短信验证模式
const is_sms = ref(false);
// 校验函数返回 true 表示校验通过,false 表示不通过
const validator = (val) => {
......
<!--
* @Date: 2022-08-30 11:34:19
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-11-21 15:15:51
* @LastEditTime: 2022-12-09 15:54:52
* @FilePath: /data-table/src/components/RadioField/index.vue
* @Description: 单项选择控件
-->
......@@ -11,6 +11,12 @@
{{ item.component_props.label
}}<span v-if="item.component_props.required">&nbsp;*</span>
</div>
<div
v-if="item.component_props.note"
style="font-size: 0.9rem; margin-left: 1rem; color: gray; margin-top: 0.25rem;"
>
{{ item.component_props.note }}
</div>
<van-field :name="item.key" :rules="item.rules">
<template #input>
<van-radio-group
......
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-09-13 18:13:21
* @LastEditTime: 2022-12-09 15:33:56
* @FilePath: /data-table/src/components/TextField/index.vue
* @Description: 单行文本输入框
-->
......@@ -15,7 +15,7 @@
v-model="item.value"
:name="item.name"
:type="item.type"
:placeholder="item.component_props.placeholder"
:placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请输入'"
:rules="item.rules"
:required="item.required"
:readonly="item.component_props.readonly"
......
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-09-08 14:27:56
* @LastEditTime: 2022-12-09 15:37:59
* @FilePath: /data-table/src/components/TextareaField/index.vue
* @Description: 多行文本输入框
-->
......@@ -15,7 +15,7 @@
v-model="item.value"
:name="item.name"
:type="item.type"
:placeholder="item.component_props.placeholder"
:placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请输入'"
:rules="item.rules"
:required="item.component_props.required"
:rows="item.component_props.rows"
......