fix(antd/next): fix cascader preview text exception errors (#3000)

Author: janryWang

packages/antd/src/preview-text/index.tsx

@@ -1,5 +1,5 @@
 import React, { createContext, useContext } from 'react'
-import { isArr, isValid } from '@formily/shared'
+import { isArr, toArr, isValid } from '@formily/shared'
 import { Field } from '@formily/core'
 import { observer, useField } from '@formily/react'
 import { InputProps } from 'antd/lib/input'
@@ -213,9 +213,10 @@ const Cascader: React.FC<CascaderProps> = observer((props) => {
     ? props.options
     : []
   const getSelected = () => {
+    const val = toArr(props.value)
     return props.multiple
-      ? props.value.map((item) => item[item.length - 1])
-      : props.value.slice(props.value.length - 1)
+      ? val.map((item) => item[item.length - 1])
+      : val.slice(props.value.length - 1)
   }
   const getLabels = () => {
     const selected = getSelected()

packages/next/src/preview-text/index.tsx

@@ -1,5 +1,5 @@
 import React, { createContext, useContext } from 'react'
-import { isArr, isEmpty, isValid } from '@formily/shared'
+import { isArr, isEmpty, isValid, toArr } from '@formily/shared'
 import { Field } from '@formily/core'
 import { useField, observer } from '@formily/react'
 import { InputProps } from '@alifd/next/lib/input'
@@ -208,7 +208,7 @@ const Cascader: React.FC<CascaderProps> = observer((props) => {
     ? props.dataSource
     : []
   const getSelected = () => {
-    return props.multiple ? props.value : [props.value]
+    return props.multiple ? toArr(props.value) : [props.value]
   }
   const getLabels = () => {
     const selected = getSelected()