refactor: reorganize all components (#8303)

src/datetime-picker/DatePicker.tsx

@@ -1,4 +1,12 @@
-import { ref, watch, computed, nextTick, onMounted, PropType } from 'vue';
+import {
+  ref,
+  watch,
+  computed,
+  nextTick,
+  onMounted,
+  PropType,
+  defineComponent,
+} from 'vue';
 
 // Utils
 import { isDate } from '../utils/validate/date';
@@ -26,9 +34,11 @@ import { useExpose } from '../composables/use-expose';
 import Picker from '../picker';
 
 const currentYear = new Date().getFullYear();
-const [createComponent] = createNamespace('date-picker');
+const [name] = createNamespace('date-picker');
+
+export default defineComponent({
+  name,
 
-export default createComponent({
   props: {
     ...sharedProps,
     modelValue: Date,

src/datetime-picker/DatetimePicker.tsx

@@ -1,15 +1,17 @@
-import { ref } from 'vue';
+import { ref, defineComponent } from 'vue';
 import { pick, createNamespace, ComponentInstance } from '../utils';
 import { useExpose } from '../composables/use-expose';
 import TimePicker from './TimePicker';
 import DatePicker from './DatePicker';
 
-const [createComponent, bem] = createNamespace('datetime-picker');
+const [name, bem] = createNamespace('datetime-picker');
 
 const timePickerProps = Object.keys(TimePicker.props);
 const datePickerProps = Object.keys(DatePicker.props);
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     ...TimePicker.props,
     ...DatePicker.props,

src/datetime-picker/TimePicker.tsx

@@ -1,4 +1,11 @@
-import { ref, watch, computed, nextTick, onMounted } from 'vue';
+import {
+  ref,
+  watch,
+  computed,
+  nextTick,
+  onMounted,
+  defineComponent,
+} from 'vue';
 
 // Utils
 import {
@@ -16,9 +23,11 @@ import { useExpose } from '../composables/use-expose';
 // Components
 import Picker from '../picker';
 
-const [createComponent] = createNamespace('time-picker');
+const [name] = createNamespace('time-picker');
+
+export default defineComponent({
+  name,
 
-export default createComponent({
   props: {
     ...sharedProps,
     modelValue: String,

src/datetime-picker/index.ts

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

src/datetime-picker/utils.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { isNaN } from '../utils/validate/number';
-import { pickerProps } from '../picker';
+import { pickerProps } from '../picker/Picker';
 
 export type ColumnType = 'year' | 'month' | 'day' | 'hour' | 'minute';