ColorPicker support global setting

This commit is contained in:
梁灏 2018-06-28 14:48:58 +08:00
parent 8546804290
commit 737894dee2
2 changed files with 7 additions and 10 deletions

View file

@ -5,18 +5,15 @@
<color-picker
v-model="color"
placement="bottom-start"
size="large"
@on-change="c1"
@on-active-change="c2"></color-picker>
<Input value="hello" style="display: inline-block" />
<Date-picker
transfer
type="date"
placeholder="选择日期"
style="width: 200px"></Date-picker>
<color-picker
ref="xxx"
:transfer="true"
v-model="color"
:recommend="true"
format="rgb"
@ -32,17 +29,15 @@
<color-picker
v-model="color"
placement="bottom-start"
size="small"></color-picker>
></color-picker>
<Date-picker
type="date"
placeholder="选择日期"
size="small"
style="width: 200px"></Date-picker>
<color-picker
ref="yyy"
:colors="colors"
v-model="color"
transfer
format="rgb"
alpha></color-picker>
<Button @click="setColor">set color</Button>
@ -57,7 +52,6 @@
v-model="color7"
:hue="false"
:hide-drop-down="hideDropDown"
transfer
@on-open-change="onOpenChange"></ColorPicker>
<br><br><br><br>

View file

@ -168,11 +168,12 @@ export default {
default: false,
},
size: {
type: String,
validator(value) {
return oneOf(value, ['small', 'large', 'default']);
},
default: 'default',
default () {
return this.$IVIEW.size === '' ? 'default' : this.$IVIEW.size;
}
},
hideDropDown: {
type: Boolean,
@ -200,7 +201,9 @@ export default {
},
transfer: {
type: Boolean,
default: false,
default () {
return this.$IVIEW.transfer === '' ? false : this.$IVIEW.transfer;
}
},
name: {
type: String,