[improvement] Picker: shared props (#2888)

packages/area/index.js

@@ -1,13 +1,12 @@
 import { use } from '../utils';
 import Picker from '../picker';
-import { PickerMixin } from '../mixins/picker';
+import { pickerProps } from '../picker/shared';
 
 const [sfc, bem] = use('area');
 
 export default sfc({
-  mixins: [PickerMixin],
-
   props: {
+    ...pickerProps,
     value: String,
     areaList: {
       type: Object,

packages/datetime-picker/index.js

@@ -1,6 +1,6 @@
 import { use, range } from '../utils';
 import Picker from '../picker';
-import { PickerMixin } from '../mixins/picker';
+import { pickerProps } from '../picker/shared';
 import {
   times,
   padZero,
@@ -13,9 +13,8 @@ const [sfc, bem] = use('datetime-picker');
 const currentYear = new Date().getFullYear();
 
 export default sfc({
-  mixins: [PickerMixin],
-
   props: {
+    ...pickerProps,
     value: null,
     minHour: Number,
     minMinute: Number,
@@ -302,7 +301,7 @@ export default sfc({
 
   render(h) {
     const props = {};
-    Object.keys(PickerMixin.props).forEach(key => {
+    Object.keys(pickerProps).forEach(key => {
       props[key] = this[key];
     });
 

packages/mixins/picker.js

@@ -1,21 +0,0 @@
-/**
- * Common Picker Props
- */
-
-export const PickerMixin = {
-  props: {
-    title: String,
-    loading: Boolean,
-    showToolbar: Boolean,
-    cancelButtonText: String,
-    confirmButtonText: String,
-    visibleItemCount: {
-      type: Number,
-      default: 5
-    },
-    itemHeight: {
-      type: Number,
-      default: 44
-    }
-  }
-};

packages/picker/index.js

@@ -1,16 +1,15 @@
 import { use } from '../utils';
 import { prevent } from '../utils/event';
 import { deepClone } from '../utils/deep-clone';
-import { PickerMixin } from '../mixins/picker';
+import { pickerProps } from './shared';
 import Loading from '../loading';
 import PickerColumn from './PickerColumn';
 
 const [sfc, bem, t] = use('picker');
 
 export default sfc({
-  mixins: [PickerMixin],
-
   props: {
+    ...pickerProps,
     columns: Array,
     valueKey: {
       type: String,

packages/picker/shared.ts

@@ -0,0 +1,25 @@
+export type SharedPickerProps = {
+  title?: string;
+  loading?: boolean;
+  itemHeight: number;
+  showToolbar?: boolean;
+  visibleItemCount: number;
+  cancelButtonText?: string;
+  confirmButtonText?: string;
+}
+
+export const pickerProps = {
+  title: String,
+  loading: Boolean,
+  showToolbar: Boolean,
+  cancelButtonText: String,
+  confirmButtonText: String,
+  visibleItemCount: {
+    type: Number,
+    default: 5
+  },
+  itemHeight: {
+    type: Number,
+    default: 44
+  }
+};