@mpxjs/api-proxy 2.10.1 → 2.10.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/api-proxy",
-  "version": "2.10.1",
+  "version": "2.10.3",
   "description": "convert miniprogram API at each end",
   "module": "src/index.js",
   "types": "@types/index.d.ts",
@@ -37,7 +37,7 @@
   },
   "homepage": "https://github.com/didi/mpx#readme",
   "dependencies": {
-    "@mpxjs/utils": "^2.10.0",
+    "@mpxjs/utils": "^2.10.2",
     "axios": "^1.7.3"
   },
   "peerDependencies": {
@@ -68,5 +68,5 @@
       "optional": true
     }
   },
-  "gitHead": "7e4f9ab5528f1ab0ae08fdfad1bfbbb445088848"
+  "gitHead": "043c9bc770ce9cc11f865bab67f46849ff573728"
 }

package/src/platform/api/action-sheet/rnActionSheet.jsx

@@ -1,4 +1,4 @@
-import { useEffect } from 'react'
+import { useEffect, useState } from 'react'
 import { View, Text, StyleSheet } from 'react-native'
 import { successHandle, failHandle, getCurrentPageId } from '../../../common/js'
 import Portal from '@mpxjs/webpack-plugin/lib/runtime/components/react/dist/mpx-portal/index'
@@ -7,8 +7,7 @@ import Animated, {
   useSharedValue,
   useAnimatedStyle,
   withTiming,
-  Easing,
-  runOnJS
+  Easing
 } from 'react-native-reanimated'
 const actionSheetMap = new Map()
 
@@ -53,8 +52,7 @@ const styles = StyleSheet.create({
     position: 'absolute',
     bottom: 0,
     left: 0,
-    right: 0,
-    paddingBottom: bottom
+    right: 0
   },
   itemStyle: {
     paddingTop: 15,
@@ -72,15 +70,16 @@ const styles = StyleSheet.create({
   },
   buttonStyle: {
     paddingTop: 10,
-    paddingBottom: 10,
     justifyContent: 'center',
-    alignItems: 'center'
+    alignItems: 'center',
+    paddingBottom: bottom + 10
   }
 })
 
 function ActionSheet ({itemColor, height, success, fail, complete, alertText, itemList}) {
   const slide = useSharedValue(height)
   const fade = useSharedValue(0)
+  const [selectedIndex, setSelectedIndex] = useState(null)
 
   const actionAnimatedStyles = useAnimatedStyle(() => {
     return {
@@ -116,6 +115,7 @@ function ActionSheet ({itemColor, height, success, fail, complete, alertText, it
       tapIndex: index
     }
     successHandle(result, success, complete)
+    setSelectedIndex(null)
   }
   const cancelAction = function () {
     removeActionSheet()
@@ -123,6 +123,10 @@ function ActionSheet ({itemColor, height, success, fail, complete, alertText, it
       errMsg: 'showActionSheet:fail cancel'
     }
     failHandle(result, fail, complete)
+    setSelectedIndex(null)
+  }
+  const startHandle = function (index) {
+    setSelectedIndex(index)
   }
   return (
     <View style={styles.actionAction}>
@@ -131,12 +135,16 @@ function ActionSheet ({itemColor, height, success, fail, complete, alertText, it
       </Animated.View>
       <Animated.View style={[styles.actionSheetContent, actionAnimatedStyles]}>
         { alertText ? <View style={ styles.itemStyle }><Text style={[styles.itemTextStyle, { color: '#666666' }]}>{alertText}</Text></View> : null }
-        { itemList.map((item, index) => <View onTouchEnd={() => selectAction(index)} key={index} style={ [styles.itemStyle, itemList.length -1 === index ? {
+        { itemList.map((item, index) => <View onTouchStart={() => startHandle(index)} onTouchEnd={() => selectAction(index)} key={index} style={ [styles.itemStyle, itemList.length -1 === index ? {
           borderBottomWidth: 6,
           borderBottomStyle: 'solid',
           borderBottomColor: '#f7f7f7'
+        } : {}, selectedIndex === index ? {
+          backgroundColor: '#ececec'
         } : {}] }><Text style={[styles.itemTextStyle, { color: itemColor }]}>{item}</Text></View>) }
-        <View style={styles.buttonStyle} onTouchEnd={cancelAction}><Text style={{ color: "#000000", fontSize: 18, lineHeight: 22, height: 22, width: "100%", textAlign: "center" }}>取消</Text></View>
+        <View style={[styles.buttonStyle, selectedIndex === -1 ? {
+          backgroundColor: '#ececec'
+        } : {}]}  onTouchStart={() => startHandle(-1)} onTouchEnd={cancelAction}><Text style={{ color: "#000000", fontSize: 18, lineHeight: 22, height: 22, width: "100%", textAlign: "center" }}>取消</Text></View>
       </Animated.View>
     </View>
   )

package/src/platform/api/animation/animation.react.js

@@ -68,20 +68,17 @@ class Animation {
   }
 
   rotate (angle) { // 旋转变换
-    this.transform.set('rotate', `${angle}deg`)
+    this.rotateZ(angle)
     return this
   }
 
-  rotate3d (x, y, z, angle) {
-    if (typeof y !== 'number') {
-      this.transform.set('rotate3d', x)
-    } else {
-      // this.transform.set('rotate3d', [x, y, z, angle])
-      this.rotateX(x)
-      this.rotateY(y)
-      this.rotateZ(z)
-      this.rotate(angle)
-    }
+  rotate3d (...args) {
+    // this.transform.set('rotate3d', [x, y, z, angle])
+    // this.rotateX(x)
+    // this.rotateY(y)
+    // this.rotateZ(z)
+    // this.rotate(angle)
+    console.error('React Native 不支持 transform rotate3d')
     return this
   }
 

package/src/platform/api/set-navigation-bar/index.ios.js

@@ -7,7 +7,7 @@ function setNavigationBarTitle (options = {}) {
     failHandle({ errMsg: 'setNavigationBarTitle:fail' }, fail, complete)
   } else {
     nextTick(() => {
-      navigation.setOptions({ title })
+      navigation.setOptions({ title: title.trim() })
       successHandle({ errMsg: 'setNavigationBarTitle:ok' }, success, complete)
     })
   }