Commit 737894dee21df6fb16bd5f9729751c58aa560f5b

Authored by 梁灏
1 parent 85468042

ColorPicker support global setting

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,