Commit 737894dee21df6fb16bd5f9729751c58aa560f5b
1 parent
85468042
ColorPicker support global setting
Showing
2 changed files
with
7 additions
and
10 deletions
Show diff stats
examples/routers/color-picker.vue
| @@ -5,18 +5,15 @@ | @@ -5,18 +5,15 @@ | ||
| 5 | <color-picker | 5 | <color-picker |
| 6 | v-model="color" | 6 | v-model="color" |
| 7 | placement="bottom-start" | 7 | placement="bottom-start" |
| 8 | - size="large" | ||
| 9 | @on-change="c1" | 8 | @on-change="c1" |
| 10 | @on-active-change="c2"></color-picker> | 9 | @on-active-change="c2"></color-picker> |
| 11 | <Input value="hello" style="display: inline-block" /> | 10 | <Input value="hello" style="display: inline-block" /> |
| 12 | <Date-picker | 11 | <Date-picker |
| 13 | - transfer | ||
| 14 | type="date" | 12 | type="date" |
| 15 | placeholder="选择日期" | 13 | placeholder="选择日期" |
| 16 | style="width: 200px"></Date-picker> | 14 | style="width: 200px"></Date-picker> |
| 17 | <color-picker | 15 | <color-picker |
| 18 | ref="xxx" | 16 | ref="xxx" |
| 19 | - :transfer="true" | ||
| 20 | v-model="color" | 17 | v-model="color" |
| 21 | :recommend="true" | 18 | :recommend="true" |
| 22 | format="rgb" | 19 | format="rgb" |
| @@ -32,17 +29,15 @@ | @@ -32,17 +29,15 @@ | ||
| 32 | <color-picker | 29 | <color-picker |
| 33 | v-model="color" | 30 | v-model="color" |
| 34 | placement="bottom-start" | 31 | placement="bottom-start" |
| 35 | - size="small"></color-picker> | 32 | + ></color-picker> |
| 36 | <Date-picker | 33 | <Date-picker |
| 37 | type="date" | 34 | type="date" |
| 38 | placeholder="选择日期" | 35 | placeholder="选择日期" |
| 39 | - size="small" | ||
| 40 | style="width: 200px"></Date-picker> | 36 | style="width: 200px"></Date-picker> |
| 41 | <color-picker | 37 | <color-picker |
| 42 | ref="yyy" | 38 | ref="yyy" |
| 43 | :colors="colors" | 39 | :colors="colors" |
| 44 | v-model="color" | 40 | v-model="color" |
| 45 | - transfer | ||
| 46 | format="rgb" | 41 | format="rgb" |
| 47 | alpha></color-picker> | 42 | alpha></color-picker> |
| 48 | <Button @click="setColor">set color</Button> | 43 | <Button @click="setColor">set color</Button> |
| @@ -57,7 +52,6 @@ | @@ -57,7 +52,6 @@ | ||
| 57 | v-model="color7" | 52 | v-model="color7" |
| 58 | :hue="false" | 53 | :hue="false" |
| 59 | :hide-drop-down="hideDropDown" | 54 | :hide-drop-down="hideDropDown" |
| 60 | - transfer | ||
| 61 | @on-open-change="onOpenChange"></ColorPicker> | 55 | @on-open-change="onOpenChange"></ColorPicker> |
| 62 | 56 | ||
| 63 | <br><br><br><br> | 57 | <br><br><br><br> |
src/components/color-picker/color-picker.vue
| @@ -168,11 +168,12 @@ export default { | @@ -168,11 +168,12 @@ export default { | ||
| 168 | default: false, | 168 | default: false, |
| 169 | }, | 169 | }, |
| 170 | size: { | 170 | size: { |
| 171 | - type: String, | ||
| 172 | validator(value) { | 171 | validator(value) { |
| 173 | return oneOf(value, ['small', 'large', 'default']); | 172 | return oneOf(value, ['small', 'large', 'default']); |
| 174 | }, | 173 | }, |
| 175 | - default: 'default', | 174 | + default () { |
| 175 | + return this.$IVIEW.size === '' ? 'default' : this.$IVIEW.size; | ||
| 176 | + } | ||
| 176 | }, | 177 | }, |
| 177 | hideDropDown: { | 178 | hideDropDown: { |
| 178 | type: Boolean, | 179 | type: Boolean, |
| @@ -200,7 +201,9 @@ export default { | @@ -200,7 +201,9 @@ export default { | ||
| 200 | }, | 201 | }, |
| 201 | transfer: { | 202 | transfer: { |
| 202 | type: Boolean, | 203 | type: Boolean, |
| 203 | - default: false, | 204 | + default () { |
| 205 | + return this.$IVIEW.transfer === '' ? false : this.$IVIEW.transfer; | ||
| 206 | + } | ||
| 204 | }, | 207 | }, |
| 205 | name: { | 208 | name: { |
| 206 | type: String, | 209 | type: String, |