fix picker

docs/examples-docs/card.md

@@ -27,7 +27,6 @@
     <span class="zan-card__price">¥ 2.00</span>
   </div>
   <div class="zan-card__row" slot="desc">
-    <h4 class="zan-card__desc">商品sku</h4>
     <span class="zan-card__num">x 2</span>
   </div>
   <div class="zan-card__footer" slot="footer">

packages/picker/src/picker-column.vue

@@ -6,7 +6,7 @@
         class="zan-picker-column__item"
         :class="{ 'zan-picker-column__item--selected': item === currentValue }"
         :style="{ height: itemHeight + 'px', lineHeight: itemHeight + 'px' }">
-        {{item}}
+        {{ typeof item === 'object' && item[valueKey] ? item[valueKey] : item }}
       </div>
     </div>
   </div>
@@ -52,7 +52,8 @@ export default {
       type: Number,
       default: DEFAULT_ITEM_HEIGHT
     },
-    value: {}
+    value: {},
+    valueKey: String
   },
 
   data() {

packages/picker/src/picker.vue

@@ -14,7 +14,8 @@
         :class-name="item.className"
         :itemHeight="itemHeight"
         :visible-item-count="visibleItemCount"
-        @change="columnValueChange">
+        :value-key="valueKey"
+        @change="columnValueChange(index)">
       </picker-column>
       <div class="zan-picker-center-highlight" :style="{ height: itemHeight + 'px', marginTop: -itemHeight / 2 + 'px' }"></div>
     </div>
@@ -63,7 +64,8 @@ export default {
     showToolbar: {
       type: Boolean,
       default: false
-    }
+    },
+    valueKey: String
   },
 
   computed: {
@@ -81,16 +83,16 @@ export default {
 
   methods: {
     handlePickerCancel() {
-      this.$emit('cancel');
+      this.$emit('cancel', this.values);
     },
     handlePickerConfirm() {
-      this.$emit('confirm');
+      this.$emit('confirm', this.values);
     },
     /**
      * 处理列`change`事件
      */
-    columnValueChange() {
+    columnValueChange(index) {
-      this.$emit('change', this, this.values);
+      this.$emit('change', this, this.values, index);
     },
 
     /**