feat(Picker): allow option text to be number type (#8951)

src/picker/Picker.tsx

@@ -94,7 +94,11 @@ export default defineComponent({
   setup(props, { emit, slots }) {
     const formattedColumns = ref<PickerObjectColumn[]>([]);
 
-    const { text: textKey, values: valuesKey, children: childrenKey } = extend(
+    const {
+      text: textKey,
+      values: valuesKey,
+      children: childrenKey,
+    } = extend(
       {
         // compatible with valueKey prop
         text: props.valueKey,
@@ -104,9 +108,8 @@ export default defineComponent({
       props.columnsFieldNames
     );
 
-    const { children, linkChildren } = useChildren<ComponentInstance>(
-      PICKER_KEY
-    );
+    const { children, linkChildren } =
+      useChildren<ComponentInstance>(PICKER_KEY);
 
     linkChildren();
 
@@ -114,7 +117,7 @@ export default defineComponent({
 
     const dataType = computed(() => {
       const firstColumn = props.columns[0];
-      if (firstColumn && typeof firstColumn !== 'string') {
+      if (typeof firstColumn === 'object') {
         if (childrenKey in firstColumn) {
           return 'cascade';
         }

src/picker/PickerColumn.tsx

@@ -37,13 +37,13 @@ function getElementTranslateY(element: Element) {
 export const PICKER_KEY = Symbol(name);
 
 export type PickerObjectOption = {
-  text?: string;
+  text?: string | number;
   disabled?: boolean;
   // for custom filed names
   [key: string]: any;
 };
 
-export type PickerOption = string | PickerObjectOption;
+export type PickerOption = string | number | PickerObjectOption;
 
 export type PickerObjectColumn = {
   values?: PickerOption[];

src/picker/README.md

@@ -360,7 +360,7 @@ Picker events will pass different parameters according to the columns are single
 
 | Key          | Description               | Type                        |
 | ------------ | ------------------------- | --------------------------- |
-| values       | Value of column           | _string[]_                  |
+| values       | Value of column           | _Array<string \| number>_   |
 | defaultIndex | Default value index       | _number_                    |
 | className    | ClassName for this column | _string \| Array \| object_ |
 | children     | Cascade children          | _Column_                    |

src/picker/README.zh-CN.md

@@ -359,7 +359,7 @@ export default {
 
 ### Events
 
-当选择器有多列时，事件回调参数会返回数组
+当选择器有多列时，事件回调参数会返回数组。
 
 | 事件名 | 说明 | 回调参数 |
 | --- | --- | --- |
@@ -385,7 +385,7 @@ export default {
 
 | 键名         | 说明                       | 类型                        |
 | ------------ | -------------------------- | --------------------------- |
-| values       | 列中对应的备选值           | _string[]_                  |
+| values       | 列中对应的备选值           | _Array<string \| number>_   |
 | defaultIndex | 初始选中项的索引，默认为 0 | _number_                    |
 | className    | 为对应列添加额外的类名     | _string \| Array \| object_ |
 | children     | 级联选项                   | _Column_                    |