types(Area): use tsx (#8140)

src/picker/PickerColumn.tsx

@@ -29,14 +29,14 @@ function getElementTranslateY(element: Element) {
   return Number(translateY);
 }
 
-export type PickerOption =
-  | string
-  | {
-      text: string;
-      disabled?: boolean;
-      // for custom filed names
-      [key: string]: any;
-    };
+export type PickerObjectOption = {
+  text?: string;
+  disabled?: boolean;
+  // for custom filed names
+  [key: string]: any;
+};
+
+export type PickerOption = string | PickerObjectOption;
 
 export type PickerObjectColumn = {
   values?: PickerOption[];

src/picker/index.tsx

@@ -12,9 +12,10 @@ import { useExpose } from '../composables/use-expose';
 // Components
 import Loading from '../loading';
 import Column, {
-  PickerOption,
   PickerColumn,
+  PickerOption,
   PickerObjectColumn,
+  PickerObjectOption,
 } from './PickerColumn';
 
 const [createComponent, bem, t] = createNamespace('picker');
@@ -27,6 +28,13 @@ export type PickerFieldNames = {
   children?: string;
 };
 
+export type {
+  PickerColumn,
+  PickerOption,
+  PickerObjectColumn,
+  PickerObjectOption,
+};
+
 export default createComponent({
   props: {
     ...pickerProps,