fix(steps): taro版本div标签替换成view标签

Author: irisSong

src/packages/step/step.taro.tsx

@@ -86,17 +86,17 @@ export const Step: FunctionComponent<
     if (!title && !description) return null
 
     return (
-      <div className={`${classPrefix}-main`}>
+      <View className={`${classPrefix}-main`}>
         {title && <View className={`${classPrefix}-title`}>{title}</View>}
         {description && (
           <View className={`${classPrefix}-description`}>{description}</View>
         )}
-      </div>
+      </View>
     )
   }, [title, description])
 
   return (
-    <div className={classes} style={style} onClick={handleClickStep}>
+    <View className={classes} style={style} onClick={handleClickStep}>
       <View className={`${classPrefix}-head`}>
         <View className={`${classPrefix}-head-${type || parentType}-wrap`}>
           {renderHeadType}
@@ -106,7 +106,7 @@ export const Step: FunctionComponent<
         <View className={`${classPrefix}-line-inner`} />
       </View>
       {renderContent}
-    </div>
+    </View>
   )
 }
 

src/packages/steps/steps.taro.tsx

@@ -1,5 +1,6 @@
 import React, { FunctionComponent } from 'react'
 import classNames from 'classnames'
+import { View } from '@tarojs/components'
 import { DataContext } from './context'
 import { ComponentDefaults } from '@/utils/typings'
 import { TaroStepsProps } from '@/types'
@@ -49,7 +50,7 @@ export const Steps: FunctionComponent<
   )
   return (
     <DataContext.Provider value={parentSteps}>
-      <div className={classes} {...restProps}>
+      <View className={classes}>
         {React.Children.map(children, (child, index) => {
           if (React.isValidElement(child)) {
             return React.cloneElement(child, {
@@ -61,7 +62,7 @@ export const Steps: FunctionComponent<
           }
           return child
         })}
-      </div>
+      </View>
     </DataContext.Provider>
   )
 }