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

View file

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