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

ColorPicker support Form's disabled

Browse source
This commit is contained in:
梁灏 2019-09-16 22:09:03 +08:00
parent 570b9e7132
commit 6e22b4d1ff
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/color-picker/color-picker.vue
View file

@ -13,7 +13,7 @@
<Icon :type="arrowType" :custom="customArrowType" :size="arrowSize" :class="arrowClasses"></Icon> <Icon :type="arrowType" :custom="customArrowType" :size="arrowSize" :class="arrowClasses"></Icon>
<div <div
ref="input" ref="input"
:tabindex="disabled ? undefined : 0" :tabindex="itemDisabled ? undefined : 0"
:class="inputClasses" :class="inputClasses"
@keydown.tab="onTab" @keydown.tab="onTab"
@keydown.esc="onEscape" @keydown.esc="onEscape"
@ -129,6 +129,7 @@ import Icon from '../icon/icon.vue';
import Locale from '../../mixins/locale'; import Locale from '../../mixins/locale';
import {oneOf} from '../../utils/assist'; import {oneOf} from '../../utils/assist';
import Emitter from '../../mixins/emitter'; import Emitter from '../../mixins/emitter';
import mixinsForm from '../../mixins/form';
import Prefixes from './prefixMixin'; import Prefixes from './prefixMixin';
import {changeColor, toRGBAString} from './utils'; import {changeColor, toRGBAString} from './utils';
@ -139,7 +140,7 @@ export default {
directives: {clickOutside, TransferDom}, directives: {clickOutside, TransferDom},
mixins: [Emitter, Locale, Prefixes], mixins: [Emitter, Locale, Prefixes, mixinsForm],
props: { props: {
value: { value: {
@ -292,7 +293,7 @@ export default {
`${this.inputPrefixCls}-wrapper`, `${this.inputPrefixCls}-wrapper`,
`${this.inputPrefixCls}-wrapper-${this.size}`, `${this.inputPrefixCls}-wrapper-${this.size}`,
{ {
[`${this.prefixCls}-disabled`]: this.disabled, [`${this.prefixCls}-disabled`]: this.itemDisabled,
}, },
]; ];
}, },
@ -303,7 +304,7 @@ export default {
`${this.inputPrefixCls}-${this.size}`, `${this.inputPrefixCls}-${this.size}`,
{ {
[`${this.prefixCls}-focused`]: this.visible, [`${this.prefixCls}-focused`]: this.visible,
[`${this.prefixCls}-disabled`]: this.disabled, [`${this.prefixCls}-disabled`]: this.itemDisabled,
}, },
]; ];
}, },
@ -430,7 +431,7 @@ export default {
this.visible = false; this.visible = false;
}, },
toggleVisible() { toggleVisible() {
if (this.disabled) { if (this.itemDisabled) {
return; return;
} }