fix: picker的onchange修改popover demo同步更新

src/packages/popover/demos/h5/demo4-1.tsx

@@ -1,28 +1,28 @@
 import React, { useState } from 'react'
-import { Popover, Cell, Picker, Toast } from '@nutui/nutui-react'
+import {
+  Popover,
+  Cell,
+  Picker,
+  Toast,
+  PickerOnChangeCallbackParameter,
+} from '@nutui/nutui-react'
 import { Tips, Close } from '@nutui/icons-react'
 
-interface PickerOption {
-  text: string | number
-  value: string | number
-  disabled?: boolean
-  children?: PickerOption[]
-  className?: string | number
-}
-
 const Demo41 = () => {
   const [baseDesc, setBaseDesc] = useState('')
   const [showPicker, setShowPicker] = useState(false)
   const [customPositon, setCustomPosition] = useState(false)
   const [curPostion, setCurPostion] = useState('')
 
   const columns = [
-    { text: 'top', value: 'top' },
-    { text: 'top-start', value: 'top-start' },
-    { text: 'top-end', value: 'top-end' },
-    { text: 'bottom', value: 'bottom' },
-    { text: 'bottom-start', value: 'bottom-start' },
-    { text: 'bottom-end', value: 'bottom-end' },
+    [
+      { label: 'top', value: 'top' },
+      { label: 'top-start', value: 'top-start' },
+      { label: 'top-end', value: 'top-end' },
+      { label: 'bottom', value: 'bottom' },
+      { label: 'bottom-start', value: 'bottom-start' },
+      { label: 'bottom-end', value: 'bottom-end' },
+    ],
   ]
   const positionList = [
     {
@@ -60,13 +60,13 @@ const Demo41 = () => {
         onConfirm={(list) => {
           let description = ''
           list.forEach((option: any) => {
-            description += ` ${option.text}`
+            description += ` ${option.label}`
           })
           setBaseDesc(description)
         }}
-        onChange={(options: PickerOption[]) => {
-          if (options[0]?.value) {
-            setCurPostion(options[0].value as string)
+        onChange={({ selectedOptions }: PickerOnChangeCallbackParameter) => {
+          if (selectedOptions[0]?.value) {
+            setCurPostion(selectedOptions[0].value as string)
           }
         }}
         onClose={() => {

src/packages/popover/demos/h5/demo4.tsx

@@ -1,13 +1,10 @@
 import React, { useState } from 'react'
-import { Popover, Cell, Picker } from '@nutui/nutui-react'
-
-interface PickerOption {
-  text: string | number
-  value: string | number
-  disabled?: boolean
-  children?: PickerOption[]
-  className?: string | number
-}
+import {
+  Popover,
+  Cell,
+  Picker,
+  PickerOnChangeCallbackParameter,
+} from '@nutui/nutui-react'
 
 const Demo4 = () => {
   const [baseDesc, setBaseDesc] = useState('')
@@ -16,18 +13,20 @@ const Demo4 = () => {
   const [curPostion, setCurPostion] = useState('')
 
   const columns = [
-    { text: 'top', value: 'top' },
-    { text: 'top-start', value: 'top-start' },
-    { text: 'top-end', value: 'top-end' },
-    { text: 'right', value: 'right' },
-    { text: 'right-start', value: 'right-start' },
-    { text: 'right-end', value: 'right-end' },
-    { text: 'bottom', value: 'bottom' },
-    { text: 'bottom-start', value: 'bottom-start' },
-    { text: 'bottom-end', value: 'bottom-end' },
-    { text: 'left', value: 'left' },
-    { text: 'left-start', value: 'left-start' },
-    { text: 'left-end', value: 'left-end' },
+    [
+      { label: 'top', value: 'top' },
+      { label: 'top-start', value: 'top-start' },
+      { label: 'top-end', value: 'top-end' },
+      { label: 'right', value: 'right' },
+      { label: 'right-start', value: 'right-start' },
+      { label: 'right-end', value: 'right-end' },
+      { label: 'bottom', value: 'bottom' },
+      { label: 'bottom-start', value: 'bottom-start' },
+      { label: 'bottom-end', value: 'bottom-end' },
+      { label: 'left', value: 'left' },
+      { label: 'left-start', value: 'left-start' },
+      { label: 'left-end', value: 'left-end' },
+    ],
   ]
   const positionList = [
     {
@@ -57,13 +56,13 @@ const Demo4 = () => {
         onConfirm={(list) => {
           let description = ''
           list.forEach((option: any) => {
-            description += ` ${option.text}`
+            description += ` ${option.label}`
           })
           setBaseDesc(description)
         }}
-        onChange={(options: PickerOption[]) => {
-          if (options[0]?.value) {
-            setCurPostion(options[0].value as string)
+        onChange={({ selectedOptions }: PickerOnChangeCallbackParameter) => {
+          if (selectedOptions[0]?.value) {
+            setCurPostion(selectedOptions[0].value as string)
           }
         }}
         onClose={() => {

src/packages/popover/demos/taro/demo4-1.tsx

@@ -1,15 +1,14 @@
 import React, { useState } from 'react'
 import { View } from '@tarojs/components'
-import { Popover, Cell, Picker, Toast } from '@nutui/nutui-react-taro'
+import {
+  Popover,
+  Cell,
+  Picker,
+  Toast,
+  PickerOnChangeCallbackParameter,
+} from '@nutui/nutui-react-taro'
 import { Tips, Close } from '@nutui/icons-react-taro'
 
-interface PickerOption {
-  text: string | number
-  value: string | number
-  disabled?: boolean
-  children?: PickerOption[]
-  className?: string | number
-}
 const Demo4 = () => {
   const [baseDesc, setBaseDesc] = useState('')
   const [showPicker, setShowPicker] = useState(false)
@@ -18,14 +17,16 @@ const Demo4 = () => {
   const [showToast, SetShowToast] = useState(false)
 
   const columns = [
-    { text: 'top', value: 'top' },
-    { text: 'top-start', value: 'top-start' },
-    { text: 'top-end', value: 'top-end' },
-    { text: 'right', value: 'right' },
-    { text: 'bottom', value: 'bottom' },
-    { text: 'bottom-start', value: 'bottom-start' },
-    { text: 'bottom-end', value: 'bottom-end' },
-    { text: 'left', value: 'left' },
+    [
+      { label: 'top', value: 'top' },
+      { label: 'top-start', value: 'top-start' },
+      { label: 'top-end', value: 'top-end' },
+      { label: 'right', value: 'right' },
+      { label: 'bottom', value: 'bottom' },
+      { label: 'bottom-start', value: 'bottom-start' },
+      { label: 'bottom-end', value: 'bottom-end' },
+      { label: 'left', value: 'left' },
+    ],
   ]
   const positionList = [
     {
@@ -63,13 +64,13 @@ const Demo4 = () => {
         onConfirm={(list) => {
           let description = ''
           list.forEach((option: any) => {
-            description += ` ${option.text}`
+            description += ` ${option.label}`
           })
           setBaseDesc(description)
         }}
-        onChange={(options: PickerOption[]) => {
-          if (options[0]?.value) {
-            setCurPostion(options[0].value as string)
+        onChange={({ selectedOptions }: PickerOnChangeCallbackParameter) => {
+          if (selectedOptions[0]?.value) {
+            setCurPostion(selectedOptions[0].value as string)
           }
         }}
         onClose={() => {

src/packages/popover/demos/taro/demo4.tsx

@@ -1,33 +1,33 @@
 import React, { useState } from 'react'
 import { View } from '@tarojs/components'
-import { Popover, Cell, Picker } from '@nutui/nutui-react-taro'
+import {
+  Popover,
+  Cell,
+  Picker,
+  PickerOnChangeCallbackParameter,
+} from '@nutui/nutui-react-taro'
 
-interface PickerOption {
-  text: string | number
-  value: string | number
-  disabled?: boolean
-  children?: PickerOption[]
-  className?: string | number
-}
 const Demo4 = () => {
   const [baseDesc, setBaseDesc] = useState('')
   const [showPicker, setShowPicker] = useState(false)
   const [customPositon, setCustomPosition] = useState(false)
   const [curPostion, setCurPostion] = useState('')
 
   const columns = [
-    { text: 'top', value: 'top' },
-    { text: 'top-start', value: 'top-start' },
-    { text: 'top-end', value: 'top-end' },
-    { text: 'right', value: 'right' },
-    { text: 'right-start', value: 'right-start' },
-    { text: 'right-end', value: 'right-end' },
-    { text: 'bottom', value: 'bottom' },
-    { text: 'bottom-start', value: 'bottom-start' },
-    { text: 'bottom-end', value: 'bottom-end' },
-    { text: 'left', value: 'left' },
-    { text: 'left-start', value: 'left-start' },
-    { text: 'left-end', value: 'left-end' },
+    [
+      { label: 'top', value: 'top' },
+      { label: 'top-start', value: 'top-start' },
+      { label: 'top-end', value: 'top-end' },
+      { label: 'right', value: 'right' },
+      { label: 'right-start', value: 'right-start' },
+      { label: 'right-end', value: 'right-end' },
+      { label: 'bottom', value: 'bottom' },
+      { label: 'bottom-start', value: 'bottom-start' },
+      { label: 'bottom-end', value: 'bottom-end' },
+      { label: 'left', value: 'left' },
+      { label: 'left-start', value: 'left-start' },
+      { label: 'left-end', value: 'left-end' },
+    ],
   ]
   const positionList = [
     {
@@ -57,13 +57,13 @@ const Demo4 = () => {
         onConfirm={(list) => {
           let description = ''
           list.forEach((option: any) => {
-            description += ` ${option.text}`
+            description += ` ${option.label}`
           })
           setBaseDesc(description)
         }}
-        onChange={(options: PickerOption[]) => {
-          if (options[0]?.value) {
-            setCurPostion(options[0].value as string)
+        onChange={({ selectedOptions }: PickerOnChangeCallbackParameter) => {
+          if (selectedOptions[0]?.value) {
+            setCurPostion(selectedOptions[0].value as string)
           }
         }}
         onClose={() => {