diff --git a/docs/examples/form/validation.vue b/docs/examples/form/validation.vue index 597e98bb7c..c0a7b63148 100644 --- a/docs/examples/form/validation.vue +++ b/docs/examples/form/validation.vue @@ -6,6 +6,7 @@ label-width="120px" class="demo-ruleForm" :size="formSize" + status-icon > @@ -16,6 +17,13 @@ + + + @@ -80,6 +88,7 @@ const ruleFormRef = ref() const ruleForm = reactive({ name: 'Hello', region: '', + count: '', date1: '', date2: '', delivery: false, @@ -100,6 +109,13 @@ const rules = reactive({ trigger: 'change', }, ], + count: [ + { + required: true, + message: 'Please select Activity count', + trigger: 'change', + }, + ], date1: [ { type: 'date', @@ -151,4 +167,9 @@ const resetForm = (formEl: FormInstance | undefined) => { if (!formEl) return formEl.resetFields() } + +const options = Array.from({ length: 10000 }).map((_, idx) => ({ + value: `${idx + 1}`, + label: `${idx + 1}`, +})) diff --git a/packages/theme-chalk/src/select-v2.scss b/packages/theme-chalk/src/select-v2.scss index 08f2ce32a6..d7ebf7801b 100644 --- a/packages/theme-chalk/src/select-v2.scss +++ b/packages/theme-chalk/src/select-v2.scss @@ -217,6 +217,10 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default; #{getCssVarName('input-icon-color')}, map.get($input, 'icon-color') ); + + .#{$namespace}-input__icon { + height: inherit; + } } @include e(caret) {