drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #2849 from Xotic750/checkbox_tabindex

Browse source 
Checkbox: Tabindex WIP
This commit is contained in:
Aresn 2018-01-19 11:20:20 +08:00 • committed by GitHub
commit ad2ee43196
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/checkbox/checkbox.vue
View file

@ -1,10 +1,14 @@
<template> <template>
<label :class="wrapClasses"> <label
:class="wrapClasses"
@keydown.space.prevent="$el.click()"
tabindex="0">
<span :class="checkboxClasses"> <span :class="checkboxClasses">
<span :class="innerClasses"></span> <span :class="innerClasses"></span>
<input <input
v-if="group" v-if="group"
type="checkbox" type="checkbox"
tabindex="-1"
:class="inputClasses" :class="inputClasses"
:disabled="disabled" :disabled="disabled"
:value="label" :value="label"
@ -14,6 +18,7 @@
<input <input
v-if="!group" v-if="!group"
type="checkbox" type="checkbox"
tabindex="-1"
:class="inputClasses" :class="inputClasses"
:disabled="disabled" :disabled="disabled"
:checked="currentValue" :checked="currentValue"

8
src/styles/mixins/checkbox.less
View file

@ -236,6 +236,14 @@
font-size: @font-size-small; font-size: @font-size-small;
display: inline-block; display: inline-block;
margin-right: 8px; margin-right: 8px;
outline: 0;
&:focus,
&:active {
& .@{checkbox-prefix-cls}-inner {
box-shadow: 0 0 0 2px fade(@primary-color, 20%);
}
}
&-disabled{ &-disabled{
cursor: @cursor-disabled; cursor: @cursor-disabled;
} }