refactor: reorganize all components (#8303)

src/picker/Picker.tsx

@@ -1,4 +1,4 @@
-import { ref, watch, computed, PropType } from 'vue';
+import { ref, watch, computed, PropType, defineComponent } from 'vue';
 
 // Utils
 import {
@@ -23,7 +23,7 @@ import Column, {
   PickerObjectOption,
 } from './PickerColumn';
 
-const [createComponent, bem, t] = createNamespace('picker');
+const [name, bem, t] = createNamespace('picker');
 
 export type PickerToolbarPosition = 'top' | 'bottom';
 
@@ -65,7 +65,9 @@ export const pickerProps = {
   },
 };
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     ...pickerProps,
     columnsFieldNames: Object as PropType<PickerFieldNames>,

src/picker/PickerColumn.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable no-use-before-define */
-import { ref, watch, reactive, PropType } from 'vue';
+import { ref, watch, reactive, PropType, defineComponent } from 'vue';
 
 // Utils
 import { deepClone } from '../utils/deep-clone';
@@ -24,7 +24,7 @@ const DEFAULT_DURATION = 200;
 const MOMENTUM_LIMIT_TIME = 300;
 const MOMENTUM_LIMIT_DISTANCE = 15;
 
-const [createComponent, bem] = createNamespace('picker-column');
+const [name, bem] = createNamespace('picker-column');
 
 function getElementTranslateY(element: Element) {
   const style = window.getComputedStyle(element);
@@ -34,7 +34,7 @@ function getElementTranslateY(element: Element) {
   return Number(translateY);
 }
 
-export const PICKER_KEY = Symbol('Picker');
+export const PICKER_KEY = Symbol(name);
 
 export type PickerObjectOption = {
   text?: string;
@@ -60,7 +60,9 @@ function isOptionDisabled(option: PickerOption) {
   return isObject(option) && option.disabled;
 }
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     readonly: Boolean,
     allowHtml: Boolean,

src/picker/index.ts

@@ -0,0 +1,7 @@
+import { installable } from '../utils';
+import _Picker from './Picker';
+
+const Picker = installable(_Picker);
+
+export default Picker;
+export { Picker };