chore(Picker): move shared props (#8142)

src/area/index.tsx

@@ -18,8 +18,7 @@ import { createNamespace, pick } from '../utils';
 import { useExpose } from '../composables/use-expose';
 
 // Components
-import Picker from '../picker';
+import Picker, { pickerProps } from '../picker';
-import { pickerProps } from '../picker/shared';
 
 const [createComponent, bem] = createNamespace('area');
 

src/datetime-picker/DatePicker.js

@@ -9,8 +9,7 @@ import { times, sharedProps, getTrueValue, getMonthEndDay } from './utils';
 import { useExpose } from '../composables/use-expose';
 
 // Components
-import Picker from '../picker';
+import Picker, { pickerProps } from '../picker';
-import { pickerProps } from '../picker/shared';
 
 const currentYear = new Date().getFullYear();
 const [createComponent] = createNamespace('date-picker');

src/datetime-picker/TimePicker.js

@@ -8,8 +8,7 @@ import { times, sharedProps } from './utils';
 import { useExpose } from '../composables/use-expose';
 
 // Components
-import Picker from '../picker';
+import Picker, { pickerProps } from '../picker';
-import { pickerProps } from '../picker/shared';
 
 const [createComponent] = createNamespace('time-picker');
 

src/datetime-picker/utils.ts

@@ -1,5 +1,5 @@
 import { isNaN } from '../utils/validate/number';
-import { pickerProps } from '../picker/shared';
+import { pickerProps } from '../picker';
 
 export const sharedProps = {
   ...pickerProps,

src/picker/PickerColumn.tsx

@@ -1,6 +1,5 @@
 /* eslint-disable no-use-before-define */
 import { ref, watch, reactive, PropType } from 'vue';
-import { PICKER_KEY } from './shared';
 
 // Utils
 import { deepClone } from '../utils/deep-clone';
@@ -29,6 +28,8 @@ function getElementTranslateY(element: Element) {
   return Number(translateY);
 }
 
+export const PICKER_KEY = 'vanPicker';
+
 export type PickerObjectOption = {
   text?: string;
   disabled?: boolean;

src/picker/index.tsx

@@ -1,5 +1,4 @@
 import { ref, watch, computed, PropType, ComponentPublicInstance } from 'vue';
-import { pickerProps, PICKER_KEY } from './shared';
 
 // Utils
 import { unitToPx, preventDefault, createNamespace } from '../utils';
@@ -12,6 +11,7 @@ import { useExpose } from '../composables/use-expose';
 // Components
 import Loading from '../loading';
 import Column, {
+  PICKER_KEY,
   PickerColumn,
   PickerOption,
   PickerObjectColumn,
@@ -35,6 +35,31 @@ export type {
   PickerObjectOption,
 };
 
+export const pickerProps = {
+  title: String,
+  loading: Boolean,
+  readonly: Boolean,
+  allowHtml: Boolean,
+  cancelButtonText: String,
+  confirmButtonText: String,
+  itemHeight: {
+    type: [Number, String],
+    default: 44,
+  },
+  showToolbar: {
+    type: Boolean,
+    default: true,
+  },
+  visibleItemCount: {
+    type: [Number, String],
+    default: 6,
+  },
+  swipeDuration: {
+    type: [Number, String],
+    default: 1000,
+  },
+};
+
 export default createComponent({
   props: {
     ...pickerProps,

src/picker/shared.ts

@@ -1,26 +0,0 @@
-export const PICKER_KEY = 'vanPicker';
-
-export const pickerProps = {
-  title: String,
-  loading: Boolean,
-  readonly: Boolean,
-  allowHtml: Boolean,
-  cancelButtonText: String,
-  confirmButtonText: String,
-  itemHeight: {
-    type: [Number, String],
-    default: 44,
-  },
-  showToolbar: {
-    type: Boolean,
-    default: true,
-  },
-  visibleItemCount: {
-    type: [Number, String],
-    default: 6,
-  },
-  swipeDuration: {
-    type: [Number, String],
-    default: 1000,
-  },
-};