@mpxjs/api-proxy 2.10.3 → 2.10.4

package/@types/index.d.ts

@@ -83,6 +83,9 @@ export const switchTab: WechatMiniprogram.Wx['switchTab']
 export const scanCode: WechatMiniprogram.Wx['scanCode']
 export const setScreenBrightness: WechatMiniprogram.Wx['setScreenBrightness']
 export const getScreenBrightness: WechatMiniprogram.Wx['getScreenBrightness']
+export const setVisualEffectOnCapture: WechatMiniprogram.Wx['setVisualEffectOnCapture']
+export const onUserCaptureScreen: WechatMiniprogram.Wx['onUserCaptureScreen']
+export const offUserCaptureScreen: WechatMiniprogram.Wx['offUserCaptureScreen']
 export const setNavigationBarTitle: WechatMiniprogram.Wx['setNavigationBarTitle']
 export const setNavigationBarColor: WechatMiniprogram.Wx['setNavigationBarColor']
 export const connectSocket: WechatMiniprogram.Wx['connectSocket']

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/api-proxy",
-  "version": "2.10.3",
+  "version": "2.10.4",
   "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.2",
+    "@mpxjs/utils": "^2.10.4",
     "axios": "^1.7.3"
   },
   "peerDependencies": {
@@ -68,5 +68,5 @@
       "optional": true
     }
   },
-  "gitHead": "043c9bc770ce9cc11f865bab67f46849ff573728"
+  "gitHead": "c877bcebc894c75fe107f7b997cee5b494932e43"
 }

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

@@ -76,7 +76,7 @@ const styles = StyleSheet.create({
   }
 })
 
-function ActionSheet ({itemColor, height, success, fail, complete, alertText, itemList}) {
+function ActionSheet ({ itemColor, height, success, fail, complete, alertText, itemList }) {
   const slide = useSharedValue(height)
   const fade = useSharedValue(0)
   const [selectedIndex, setSelectedIndex] = useState(null)
@@ -131,20 +131,79 @@ function ActionSheet ({itemColor, height, success, fail, complete, alertText, it
   return (
     <View style={styles.actionAction}>
       <Animated.View style={[styles.maskWrap, maskAnimatedStyles]}>
-        <View activeOpacity={1} style={styles.actionActionMask} onTouchEnd={cancelAction}></View>
+        <View
+          activeOpacity={1}
+          style={styles.actionActionMask}
+          onTouchEnd={cancelAction}
+        ></View>
       </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 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, 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
+        style={[styles.actionSheetContent, actionAnimatedStyles]}
+      >
+        {alertText
+          ? (
+            <View style={styles.itemStyle}>
+              <Text
+                style={[styles.itemTextStyle, { color: '#666666' }]}
+              >
+                {alertText}
+              </Text>
+            </View>
+            )
+          : null}
+        {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,
+            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>
   )
@@ -169,11 +228,20 @@ function showActionSheet (options = {}) {
     return
   }
   const height = len * 53 + 46 + bottom + (alertText ? 52 : 0)
-  
-  const actionSheetKey = Portal.add(<ActionSheet itemColor={itemColor} height={height} success={success} fail={fail} complete={complete} alertText={alertText} itemList={itemList} />, id)
+
+  const actionSheetKey = Portal.add(
+    <ActionSheet
+      itemColor={itemColor}
+      height={height}
+      success={success}
+      fail={fail}
+      complete={complete}
+      alertText={alertText}
+      itemList={itemList}
+    />,
+    id
+  )
   actionSheetMap.set(id, actionSheetKey)
 }
 
-export {
-  showActionSheet
-}
+export { showActionSheet }

package/src/platform/api/clipboard-data/rnClipboard.js

@@ -1,48 +1,48 @@
-import { successHandle, failHandle } from '../../../common/js'
-import { type } from '@mpxjs/utils'
-import { getStringAsync, setStringAsync } from 'expo-clipboard'
+// import { successHandle, failHandle } from '../../../common/js'
+// import { type } from '@mpxjs/utils'
+// import { getStringAsync, setStringAsync } from 'expo-clipboard'
 
-const setClipboardData = function (options = {}) {
-  const { data, success, fail, complete } = options
-  if (!data || type(data) !== 'String') {
-    const errStr = !data ? 'parameter.data should be String instead of Undefined;' : `parameter.data should be String instead of ${type(data)};`
-    const result = {
-      errno: 1001,
-      errMsg: errStr
-    }
-    failHandle(result, fail, complete)
-    return
-  }
-  setStringAsync(data).then(() => {
-    const result = {
-      errMsg: 'setClipboardData:ok'
-    }
-    successHandle(result, success, complete)
-  }).catch((e) => {
-    const result = {
-      errMsg: `setClipboardData:fail ${e}`
-    }
-    failHandle(result, fail, complete)
-  })
-}
+// const setClipboardData = function (options = {}) {
+//   const { data, success, fail, complete } = options
+//   if (!data || type(data) !== 'String') {
+//     const errStr = !data ? 'parameter.data should be String instead of Undefined;' : `parameter.data should be String instead of ${type(data)};`
+//     const result = {
+//       errno: 1001,
+//       errMsg: errStr
+//     }
+//     failHandle(result, fail, complete)
+//     return
+//   }
+//   setStringAsync(data).then(() => {
+//     const result = {
+//       errMsg: 'setClipboardData:ok'
+//     }
+//     successHandle(result, success, complete)
+//   }).catch((e) => {
+//     const result = {
+//       errMsg: `setClipboardData:fail ${e}`
+//     }
+//     failHandle(result, fail, complete)
+//   })
+// }
 
-const getClipboardData = function (options = {}) {
-  const { success, fail, complete } = options
-  getStringAsync().then((data) => {
-    const result = {
-      data,
-      errMsg: 'getClipboardData:ok'
-    }
-    successHandle(result, success, complete)
-  }).catch((e) => {
-    const result = {
-      errMsg: `getClipboardData:fail ${e}`
-    }
-    failHandle(result, fail, complete)
-  })
-}
+// const getClipboardData = function (options = {}) {
+//   const { success, fail, complete } = options
+//   getStringAsync().then((data) => {
+//     const result = {
+//       data,
+//       errMsg: 'getClipboardData:ok'
+//     }
+//     successHandle(result, success, complete)
+//   }).catch((e) => {
+//     const result = {
+//       errMsg: `getClipboardData:fail ${e}`
+//     }
+//     failHandle(result, fail, complete)
+//   })
+// }
 
-export {
-  setClipboardData,
-  getClipboardData
-}
+// export {
+//   setClipboardData,
+//   getClipboardData
+// }

package/src/platform/api/modal/rnModal.jsx

@@ -88,7 +88,7 @@ const showModal = function (options = {}) {
       flex: 1,
       textAlign: 'center',
       paddingTop: width * 0.04,
-      paddingBottom: width * 0.04,
+      paddingBottom: width * 0.04
     },
     modalButton: {
       width: '100%',
@@ -98,14 +98,13 @@ const showModal = function (options = {}) {
     cancelStyle: {
       borderRightWidth: StyleSheet.hairlineWidth,
       borderRightColor: 'rgba(0,0,0,0.2)',
-      borderStyle: 'solid',
+      borderStyle: 'solid'
     }
   })
-  let ModalView
-  let modalTitle = []
-  let modalContent = []
-  let editableContent = []
-  let modalButton = [{
+  const modalTitle = []
+  const modalContent = []
+  const editableContent = []
+  const modalButton = [{
     text: confirmText,
     type: 'confirm',
     color: confirmColor
@@ -116,7 +115,7 @@ const showModal = function (options = {}) {
   }
   const closeModal = function (buttonInfo) {
     const modalKey = getCurrentModalKey()
-    if(modalKey) {
+    if (modalKey) {
       Portal.remove(modalKey)
     }
     const result = {
@@ -153,7 +152,7 @@ const showModal = function (options = {}) {
       color: cancelColor
     })
   }
-  ModalView = <View style={styles.modalTask}>
+  const ModalView = <View style={styles.modalTask}>
     <View style={styles.modalContent}>
       {modalTitle.map((item, index) => <View key={index}><Text style={styles.modalTitleText}>{item}</Text></View>)}
       {modalContent.map((item, index) => <ScrollView key={index} style={styles.contentBox}><Text style={styles.modalContentText}>{item}</Text></ScrollView>)}
@@ -171,7 +170,7 @@ const showModal = function (options = {}) {
         paddingRight: 10
       }} onChangeText={text => onChangeText(text)} defaultValue={content}></TextInput></View>)}
       <View style={styles.modalBtnBox}>
-        {modalButton.map((item, index) => <TouchableOpacity key={index} style={[ styles.modalBtn, item.style ]} onPress={() => closeModal(item)}><Text style={[styles.modalButton, { color: item.color }]}>{item.text}</Text></TouchableOpacity>)}
+        {modalButton.map((item, index) => <TouchableOpacity key={index} style={[styles.modalBtn, item.style]} onPress={() => closeModal(item)}><Text style={[styles.modalButton, { color: item.color }]}>{item.text}</Text></TouchableOpacity>)}
       </View>
     </View>
   </View>

package/src/platform/api/screen-brightness/index.ali.js

@@ -1,4 +1,4 @@
-import { ENV_OBJ, changeOpts, handleSuccess } from '../../../common/js'
+import { ENV_OBJ, changeOpts, handleSuccess, envError } from '../../../common/js'
 
 function setScreenBrightness (options = {}) {
   const opts = changeOpts(options, {
@@ -16,11 +16,19 @@ function getScreenBrightness (options = {}) {
   handleSuccess(opts, res => {
     return changeOpts(res, { brightness: 'value' }, { errMsg: 'getScreenBrightness:ok' })
   })
-
   return ENV_OBJ.getScreenBrightness(opts)
 }
 
+const setVisualEffectOnCapture = ENV_OBJ.setVisualEffectOnCapture || envError('setVisualEffectOnCapture')
+
+const onUserCaptureScreen = ENV_OBJ.onUserCaptureScreen || envError('onUserCaptureScreen')
+
+const offUserCaptureScreen = ENV_OBJ.offUserCaptureScreen || envError('offUserCaptureScreen')
+
 export {
   setScreenBrightness,
-  getScreenBrightness
+  getScreenBrightness,
+  setVisualEffectOnCapture,
+  onUserCaptureScreen,
+  offUserCaptureScreen
 }

package/src/platform/api/screen-brightness/index.js

@@ -4,7 +4,16 @@ const setScreenBrightness = ENV_OBJ.setScreenBrightness || envError('setScreenBr
 
 const getScreenBrightness = ENV_OBJ.getScreenBrightness || envError('getScreenBrightness')
 
+const setVisualEffectOnCapture = ENV_OBJ.setVisualEffectOnCapture || envError('setVisualEffectOnCapture')
+
+const onUserCaptureScreen = ENV_OBJ.onUserCaptureScreen || envError('onUserCaptureScreen')
+
+const offUserCaptureScreen = ENV_OBJ.offUserCaptureScreen || envError('offUserCaptureScreen')
+
 export {
   setScreenBrightness,
-  getScreenBrightness
+  getScreenBrightness,
+  setVisualEffectOnCapture,
+  onUserCaptureScreen,
+  offUserCaptureScreen
 }

package/src/platform/api/screen-brightness/rnScreenBrightness.js

@@ -1,38 +1,47 @@
-import * as Brightness from 'expo-brightness'
-import { successHandle, failHandle } from '../../../common/js'
+// import * as Brightness from 'expo-brightness'
+// import { successHandle, failHandle, envError } from '../../../common/js'
 
-function getScreenBrightness (options = {}) {
-  const { success, fail, complete } = options
-  Brightness.getBrightnessAsync().then(value => {
-    const result = {
-      errMsg: 'getScreenBrightness:ok',
-      value
-    }
-    successHandle(result, success, complete)
-  }).catch(() => {
-    const result = {
-      errMsg: 'getScreenBrightness:fail'
-    }
-    failHandle(result, fail, complete)
-  })
-}
+// function getScreenBrightness (options = {}) {
+//   const { success, fail, complete } = options
+//   Brightness.getBrightnessAsync().then(value => {
+//     const result = {
+//       errMsg: 'getScreenBrightness:ok',
+//       value
+//     }
+//     successHandle(result, success, complete)
+//   }).catch(() => {
+//     const result = {
+//       errMsg: 'getScreenBrightness:fail'
+//     }
+//     failHandle(result, fail, complete)
+//   })
+// }
 
-function setScreenBrightness (options = {}) {
-  const { value, success, fail, complete } = options
-  Brightness.setBrightnessAsync(value).then(() => {
-    const result = {
-      errMsg: 'setScreenBrightness:ok'
-    }
-    successHandle(result, success, complete)
-  }).catch(() => {
-    const result = {
-      errMsg: 'setScreenBrightness:fail'
-    }
-    failHandle(result, fail, complete)
-  })
-}
+// function setScreenBrightness (options = {}) {
+//   const { value, success, fail, complete } = options
+//   Brightness.setBrightnessAsync(value).then(() => {
+//     const result = {
+//       errMsg: 'setScreenBrightness:ok'
+//     }
+//     successHandle(result, success, complete)
+//   }).catch(() => {
+//     const result = {
+//       errMsg: 'setScreenBrightness:fail'
+//     }
+//     failHandle(result, fail, complete)
+//   })
+// }
 
-export {
-  getScreenBrightness,
-  setScreenBrightness
-}
+// const setVisualEffectOnCapture = envError('setVisualEffectOnCapture')
+
+// const onUserCaptureScreen = envError('onUserCaptureScreen')
+
+// const offUserCaptureScreen = envError('offUserCaptureScreen')
+
+// export {
+//   getScreenBrightness,
+//   setScreenBrightness,
+//   setVisualEffectOnCapture,
+//   onUserCaptureScreen,
+//   offUserCaptureScreen
+// }

package/src/platform/api/system/index.ios.js

@@ -59,7 +59,7 @@ const getSystemInfo = function (options = {}) {
 
 const getDeviceInfo = function () {
   const deviceInfo = {}
-  if (__mpx_mode__ === 'android') {
+  if (__mpx_mode__ !== 'ios') {
     const deviceAbi = DeviceInfo.supported64BitAbisSync() || []
     deviceInfo.deviceAbi = deviceAbi[0] || null
   }

package/src/platform/api/toast/rnToast.jsx

@@ -27,7 +27,7 @@ const styles = StyleSheet.create({
     top: 0,
     bottom: 0,
     zIndex: 10000,
-    position: "absolute",
+    position: 'absolute',
     display: 'flex',
     alignItems: 'center'
   },
@@ -77,14 +77,14 @@ function showToast (options = {}) {
   const pointerEvents = mask ? 'auto' : 'none'
   isLoadingShow = isLoading
   if (image || icon === 'success' || icon === 'error') {
-    ToastView = <View style={[styles.toastWrap, {pointerEvents}]}>
+    ToastView = <View style={[styles.toastWrap, { pointerEvents }]}>
       <View style={[styles.toastContent, styles.toastHasIcon]}>
-        <Image style={ styles.toastImg } source={{uri: image || iconImg[icon]}}></Image>
+        <Image style={ styles.toastImg } source={{ uri: image || iconImg[icon] }}></Image>
         { title ? <Text style={styles.toastText}>{title}</Text> : null }
       </View>
     </View>
   } else if (icon === 'loading') {
-    ToastView = <View  style={[styles.toastWrap, {pointerEvents}]}>
+    ToastView = <View style={[styles.toastWrap, { pointerEvents }]}>
       <View style={[styles.toastContent, styles.toastHasIcon]}>
         <ActivityIndicator
           animating
@@ -94,13 +94,20 @@ function showToast (options = {}) {
         { title ? <Text style={styles.toastText}>{title}</Text> : null }
       </View>
     </View>
-  }  else  {
-    ToastView = <View style={[styles.toastWrap, {pointerEvents}]}>
+  } else {
+    ToastView = <View style={[styles.toastWrap, { pointerEvents }]}>
       <View style={styles.toastContent}>
-        { title ? <Text numberOfLines={2} style={{ ...styles.toastText, ...(icon === 'none' ? {
-            height: 'auto',
-            marginTop: 0
-          } : {}) }}>{title}</Text> : null }
+        { title
+          ? <Text numberOfLines={2} style={{
+            ...styles.toastText,
+            ...(icon === 'none'
+              ? {
+                  height: 'auto',
+                  marginTop: 0
+                }
+              : {})
+          }}>{title}</Text>
+          : null }
       </View>
     </View>
   }
@@ -130,7 +137,7 @@ function showToast (options = {}) {
   }
 }
 
-function hideToast(options = {}) {
+function hideToast (options = {}) {
   const id = getCurrentPageId()
   const { noConflict = false, success, fail, complete } = options
 

package/src/platform/api/vibrate/index.ios.js

@@ -9,6 +9,7 @@ const vibrateShort = function (options = {}) {
   const { type = 'light', success, fail, complete } = options
   try {
     ReactNativeHapticFeedback.trigger(getType(type), {
+      // harmony RN 属性不变
       ignoreAndroidSystemSettings: true,
       enableVibrateFallback: true
     })

package/src/platform/index.js

@@ -26,7 +26,7 @@ export * from './api/canvas'
 export * from './api/check-session'
 
 // setClipboardData, getClipboardData
-// export * from './api/clipboard-data'
+export * from './api/clipboard-data'
 
 // createIntersectionObserver
 export * from './api/create-intersection-observer'
@@ -77,7 +77,7 @@ export * from './api/route'
 export * from './api/scan-code'
 
 // setScreenBrightness, getScreenBrightness
-// export * from './api/screen-brightness'
+export * from './api/screen-brightness'
 
 // setNavigationBarTitle, setNavigationBarColor
 export * from './api/set-navigation-bar'

package/src/platform/api/clipboard-data/index.ios.js

@@ -1 +0,0 @@
-export * from './rnClipboard'

package/src/platform/api/screen-brightness/index.ios.js

@@ -1 +0,0 @@
-export * from './rnScreenBrightness'