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, |