update ColorPicker

梁灏
1 parent 59dc2df0
Showing 4 changed files with 19 additions and 4 deletions Show diff stats
examples/routers/color-picker.vue
src/components/color-picker/color-picker.vue
src/components/select/dropdown.vue
src/styles/components/select-dropdown.less
@@ -3,8 +3,8 @@
         {{ color }}
         <!--<Input placeholder="请输入..." size="large" style="width: 50px;"></Input>-->
         <!--<color-picker placement="bottom-start" size="large"></color-picker>-->
-        <!--<Date-picker type="date" placeholder="选择日期" size="large" style="width: 200px"></Date-picker>-->
-        <color-picker ref="xxx" v-model="color" format="rgb" alpha :recommend="true"></color-picker>
+        <Date-picker transfer type="date" placeholder="选择日期" size="large" style="width: 200px"></Date-picker>
+        <color-picker :transfer="true" ref="xxx" v-model="color" format="rgb" alpha :recommend="true"></color-picker>
         <color-picker v-model="color2" :alpha="false" :recommend="false"></color-picker>
         <!--<Date-picker type="date" placeholder="选择日期" style="width: 200px"></Date-picker>-->
         <!--<color-picker placement="bottom-start" size="small"></color-picker>-->
 <template>
-    <Dropdown :class="[prefixCls]" ref="picker" trigger="click" :transfer="transfer" :placement="placement" @on-visible-change="handleToggleVisible">
+    <Dropdown :class="classes" class-name="ivu-transfer-" ref="picker" trigger="click" :transfer="transfer" :placement="placement" @on-visible-change="handleToggleVisible">
         <div :class="wrapClasses">
             <i class="ivu-icon ivu-icon-arrow-down-b ivu-input-icon ivu-input-icon-normal"></i>
             <div :class="inputClasses">
@@ -197,6 +197,14 @@
                     this.val = newVal;
                 }
             },
+            classes () {
+                return [
+                    `${prefixCls}`,
+                    {
+                        [`${prefixCls}-transfer`]: this.transfer
+                    }
+                ];
+            },
             wrapClasses () {
                 return [
                     `${prefixCls}-rel`,
 <template>
-    <div class="ivu-select-dropdown" :style="styles"><slot></slot></div>
+    <div class="ivu-select-dropdown" :class="className" :style="styles"><slot></slot></div>
 </template>
 <script>
     import Vue from 'vue';
@@ -13,6 +13,9 @@
             placement: {
                 type: String,
                 default: 'bottom-start'
+            },
+            className: {
+                type: String
             }
         },
         data () {
 @select-dropdown-prefix-cls: ~"@{css-prefix}select-dropdown";
+@transfer-no-max-height: ~"@{css-prefix}transfer-no-max-height";
  
 .@{select-dropdown-prefix-cls} {
     width: inherit;
@@ -17,6 +18,9 @@
     &-transfer{
         z-index: @zindex-transfer;
     }
+    &.@{transfer-no-max-height} {
+        max-height: none;
+    }
 }
 .@{modal-prefix-cls} {
     .@{select-dropdown-prefix-cls} {