@tarojs/taro-rn 4.0.0-beta.74 → 4.0.0-beta.76

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "@tarojs/taro-rn",
-  "version": "4.0.0-beta.74",
+  "version": "4.0.0-beta.76",
   "description": "Taro RN framework",
+  "author": "O2Team",
+  "license": "MIT",
   "main": "dist/index.js",
-  "typings": "types/index.d.ts",
+  "types": "types/index.d.ts",
   "files": [
     "dist",
     "src",
@@ -18,80 +20,83 @@
   "keywords": [
     "taro"
   ],
-  "author": "O2Team",
-  "license": "MIT",
+  "engines": {
+    "node": ">= 18"
+  },
   "dependencies": {
-    "@bam.tech/react-native-image-resizer": "~3.0.5",
-    "@react-native-async-storage/async-storage": "~1.21.0",
-    "@react-native-camera-roll/camera-roll": "~7.2.0",
-    "@react-native-clipboard/clipboard": "~1.13.0",
-    "@react-native-community/geolocation": "~3.1.0",
-    "@react-native-community/netinfo": "~11.2.0",
-    "babel-preset-expo": "~10.0.0",
-    "base64-js": "^1.3.0",
-    "deprecated-react-native-prop-types": "^2.3.0",
+    "@bam.tech/react-native-image-resizer": "3.0.9",
+    "@react-native-async-storage/async-storage": "1.23.1",
+    "@react-native-camera-roll/camera-roll": "7.7.0",
+    "@react-native-clipboard/clipboard": "1.14.1",
+    "@react-native-community/geolocation": "3.2.1",
+    "@react-native-community/netinfo": "11.3.2",
+    "base64-js": "^1.5.1",
+    "deprecated-react-native-prop-types": "^5.0.0",
     "expo-av": "~13.10.0",
-    "expo-barcode-scanner": "~12.9.0",
-    "expo-brightness": "~11.8.0",
-    "expo-camera": "~14.0.0",
-    "expo-file-system": "~16.0.0",
-    "expo-image-picker": "~14.7.0",
-    "expo-keep-awake": "~12.8.0",
-    "expo-location": "~16.5.1",
-    "expo-sensors": "~12.9.0",
-    "nullthrows": "^1.1.1",
+    "expo-barcode-scanner": "~13.0.1",
+    "expo-brightness": "~12.0.1",
+    "expo-camera": "~15.0.8",
+    "expo-file-system": "~17.0.1",
+    "expo-image-picker": "~15.0.4",
+    "expo-keep-awake": "~13.0.1",
+    "expo-location": "~17.0.1",
+    "expo-sensors": "~13.0.6",
     "prop-types": "^15.8.1",
-    "react-native-device-info": "~10.12.0",
-    "react-native-image-zoom-viewer": "^3.0.1",
-    "react-native-root-siblings": "^5.0.1",
-    "react-native-root-toast": "^3.5.1",
-    "react-native-safe-area-context": "~4.8.0",
-    "react-native-stylekit": "^1.0.0",
-    "@tarojs/runtime-rn": "4.0.0-beta.74"
+    "react-native-device-info": "11.1.0",
+    "react-native-image-zoom-viewer": "3.0.1",
+    "react-native-root-siblings": "5.0.1",
+    "react-native-safe-area-context": "4.10.1",
+    "@tarojs/runtime-rn": "4.0.0-beta.76",
+    "@tarojs/taro": "4.0.0-beta.76"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.0",
-    "@babel/preset-env": "^7.20.0",
+    "@babel/core": "^7.24.4",
+    "@babel/parser": "^7.24.4",
+    "@babel/preset-env": "^7.24.4",
+    "@babel/traverse": "^7.24.4",
     "@react-native/babel-preset": "^0.73.18",
     "@testing-library/jest-native": "^5.4.2",
     "@testing-library/react-native": "^12.4.1",
-    "@types/jest": "^27.4.1",
+    "cpy-cli": "^5.0.0",
     "dpdm": "^3.14.0",
-    "expo": "~50.0.2",
-    "fbjs-scripts": "^3.0.1",
-    "jest": "^29.3.1",
-    "jest-cli": "^29.3.1",
-    "jest-environment-node": "^29.5.0",
-    "jest-expo": "^50.0.0",
+    "expo": "~51.0.5",
+    "jest-expo": "^51.0.1",
     "mock-socket": "^7.1.0",
-    "react": "18.2.0",
-    "react-native": "^0.73.1",
-    "react-test-renderer": "18.2.0"
+    "react": "^18.2.0",
+    "react-native": "^0.72.3"
   },
   "peerDependencies": {
-    "@bam.tech/react-native-image-resizer": "~3.0.5",
-    "@react-native-async-storage/async-storage": "~1.21.0",
-    "@react-native-camera-roll/camera-roll": "~7.2.0",
-    "@react-native-clipboard/clipboard": "~1.13.0",
-    "@react-native-community/geolocation": "~3.1.0",
-    "@react-native-community/netinfo": "~11.2.0",
-    "expo-av": "~13.10.0",
-    "expo-barcode-scanner": "~12.9.0",
-    "expo-brightness": "~11.8.0",
-    "expo-camera": "~14.0.0",
-    "expo-file-system": "~16.0.0",
-    "expo-image-picker": "~14.7.0",
-    "expo-keep-awake": "~12.8.0",
-    "expo-location": "~16.5.1",
-    "expo-sensors": "~12.9.0",
-    "react-native-device-info": "~10.12.0",
-    "react-native-safe-area-context": "~4.8.0"
+    "@bam.tech/react-native-image-resizer": ">= 3.0.0",
+    "@react-native-async-storage/async-storage": ">= 1.21.0",
+    "@react-native-camera-roll/camera-roll": ">= 7.2.0",
+    "@react-native-clipboard/clipboard": ">= 1.13.0",
+    "@react-native-community/geolocation": ">= 3.2.0",
+    "@react-native-community/netinfo": ">= 11.2.0",
+    "expo": ">= 51",
+    "expo-av": ">= 13.10.0",
+    "expo-barcode-scanner": ">= 13",
+    "expo-brightness": ">= 12",
+    "expo-camera": ">= 15",
+    "expo-file-system": ">= 17",
+    "expo-image-picker": ">= 15",
+    "expo-keep-awake": ">= 13",
+    "expo-location": ">= 17",
+    "expo-sensors": ">= 13",
+    "react": ">= 18",
+    "react-native": ">= 0.63.0",
+    "react-native-device-info": ">= 11",
+    "react-native-image-zoom-viewer": ">= 3",
+    "react-native-root-siblings": ">= 5",
+    "react-native-safe-area-context": ">= 4.8.0"
   },
   "scripts": {
+    "prod": "pnpm run build",
     "assets": "cpy 'src/**/*.png' '!src/__tests__/*' dist",
-    "build": "rimraf --impl=move-remove ./dist && tsc && pnpm run assets && pnpm run script",
+    "prebuild": "pnpm run clean",
+    "clean": "rimraf --impl=move-remove ./dist apiList.js libList.js",
+    "build": "tsc && pnpm run assets && pnpm run script",
     "dev": "pnpm run assets && tsc --watch",
-    "lint": "eslint .",
+    "lint": "eslint src script __tests__ --ext .js,.jsx.ts,.tsx",
     "test": "jest --silent",
     "test:ci": "jest --ci -i --coverage --silent",
     "test:coverage": "jest --coverage",

package/src/api/index.ts

@@ -1,44 +1,44 @@
 export {
   Current,
-  getCurrentInstance,
-  useDidShow,
-  useDidHide,
-  useLoad,
-  useReady,
-  useUnload,
-  useLaunch,
-  usePageNotFound,
-  useRouter,
-  usePullDownRefresh,
-  useReachBottom,
-  usePageScroll,
-  useTabItemTap,
-  useResize,
   eventCenter,
   Events,
+  getApp,
+  getCurrentInstance,
+  getCurrentPages,
+  hideNavigationBarLoading,
+  hideTabBar,
+  hideTabBarRedDot,
+  navigateBack,
   navigateTo,
+  pageScrollTo,
+  pxTransform,
   redirectTo,
-  navigateBack,
-  switchTab,
   reLaunch,
-  showTabBar,
-  hideTabBar,
-  showTabBarRedDot,
-  hideTabBarRedDot,
-  setTabBarBadge,
   removeTabBarBadge,
-  setTabBarItem,
-  setNavigationBarTitle,
+  setBackgroundColor,
+  setBackgroundTextStyle,
   setNavigationBarColor,
-  showNavigationBarLoading,
-  hideNavigationBarLoading,
+  setNavigationBarTitle,
+  setTabBarBadge,
+  setTabBarItem,
   setTabBarStyle,
-  getApp,
-  pxTransform,
+  showNavigationBarLoading,
+  showTabBar,
+  showTabBarRedDot,
   startPullDownRefresh,
   stopPullDownRefresh,
-  pageScrollTo,
-  setBackgroundColor,
-  setBackgroundTextStyle,
-  getCurrentPages
+  switchTab,
+  useDidHide,
+  useDidShow,
+  useLaunch,
+  useLoad,
+  usePageNotFound,
+  usePageScroll,
+  usePullDownRefresh,
+  useReachBottom,
+  useReady,
+  useResize,
+  useRouter,
+  useTabItemTap,
+  useUnload
 } from '@tarojs/runtime-rn'

package/src/lib/ENV_TYPE/index.ts

@@ -9,4 +9,4 @@ export const ENV_TYPE = {
   RN: 'RN',
   HARMONY: 'HARMONY',
   QUICKAPP: 'QUICKAPP'
-}
+}

package/src/lib/Mask.tsx

@@ -1,7 +1,7 @@
-import React from 'react'
+import { ViewPropTypes } from 'deprecated-react-native-prop-types'
 import PropTypes from 'prop-types'
+import React from 'react'
 import { StyleSheet, TouchableWithoutFeedback, View } from 'react-native'
-import { ViewPropTypes } from 'deprecated-react-native-prop-types'
 
 const styles = StyleSheet.create({
   mask: {

package/src/lib/Popup.tsx

@@ -1,8 +1,8 @@
+import { ViewPropTypes } from 'deprecated-react-native-prop-types'
+import PropTypes from 'prop-types'
 import React, { Component } from 'react'
+import { Animated, Dimensions, Easing, Modal, StyleSheet, View } from 'react-native'
 
-import PropTypes from 'prop-types'
-import { Modal, View, StyleSheet, Dimensions, Animated, Easing } from 'react-native'
-import { ViewPropTypes } from 'deprecated-react-native-prop-types'
 import { Mask } from './Mask'
 
 const { width, height } = Dimensions.get('window')
@@ -17,7 +17,7 @@ const styles = StyleSheet.create({
 })
 
 interface Props {
-  visible?: boolean;
+  visible?: boolean
 }
 
 class Popup extends Component<any, any> {
@@ -53,9 +53,11 @@ class Popup extends Component<any, any> {
       }).start(() => this.setState({ visible: false }))
     }
   }
+
   componentWillUnmount (): void {
-    this.timer && clearTimeout(this.timer);
+    this.timer && clearTimeout(this.timer)
   }
+
   handleLayout (): void {
     this.timer = setTimeout(() => {
       this.popup?.measure((_x, _y, _w, h) => {
@@ -69,7 +71,7 @@ class Popup extends Component<any, any> {
           }).start()
         })
       })
-    },); // 处理鸿蒙系统handleLayout 回调 this.popup为空的情况
+    },) // 处理鸿蒙系统handleLayout 回调 this.popup为空的情况
   }
 
   render (): JSX.Element {

package/src/lib/StyleSheet.ts

@@ -1,4 +1,4 @@
-import { StyleSheet, Platform } from 'react-native'
+import { Platform, StyleSheet } from 'react-native'
 
 interface Styles {
   [propName: string]: any

package/src/lib/accelerometer.ts

@@ -1,4 +1,5 @@
 import { Accelerometer } from 'expo-sensors'
+
 import { createCallbackManager, errorHandler, successHandler } from '../utils'
 
 const _cbManager = createCallbackManager()
@@ -68,8 +69,8 @@ function stopAccelerometer(opts: Taro.stopAccelerometer.Option = {}): Promise<Ta
 }
 
 export {
-  onAccelerometerChange,
   offAccelerometerChange,
+  onAccelerometerChange,
   startAccelerometer,
   stopAccelerometer
 }

package/src/lib/arrayBufferToBase64/index.ts

@@ -3,4 +3,4 @@ import { fromByteArray } from 'base64-js'
 export function arrayBufferToBase64(arrayBuffer: ArrayBuffer): string {
   const buffer = new Uint8Array(arrayBuffer)
   return fromByteArray(buffer)
-}
+}

package/src/lib/base64ToArrayBuffer/index.ts

@@ -2,4 +2,4 @@ import { toByteArray } from 'base64-js'
 
 export function base64ToArrayBuffer(base64: string): ArrayBuffer {
   return toByteArray(base64)
-}
+}

package/src/lib/chooseMedia/index.ts

@@ -12,4 +12,4 @@ export function chooseMedia (opts: Taro.chooseMedia.Option): Promise<any> {
   } else {
     return _chooseMedia(opts, MEDIA_TYPE.All)
   }
-}
+}

package/src/lib/clearStorage/index.ts

@@ -1,4 +1,5 @@
 import AsyncStorage from '@react-native-async-storage/async-storage'
+
 import { errorHandler, successHandler } from '../../utils'
 
 export async function clearStorage(option: Taro.clearStorage.Option = {}): Promise<TaroGeneral.CallbackResult> {

package/src/lib/clearStorageSync/index.ts

@@ -1 +1 @@
-export { clearStorageSync } from '../unsupportedApi'
+export { clearStorageSync } from '../unsupportedApi'

package/src/lib/compressImage/index.ts

@@ -1,5 +1,6 @@
 import ImageResizer, { ResizeFormat } from '@bam.tech/react-native-image-resizer'
 import { Image } from 'react-native'
+
 import { errorHandler, successHandler } from '../../utils'
 
 /**

package/src/lib/connectSocket/socketTask.ts

@@ -1,13 +1,11 @@
-interface SocketTask {
-  ws: WebSocket;
-  _destroyWhenClose: () => void;
+class SocketTask {
+  ws: WebSocket
+  _destroyWhenClose: () => void
   closeDetail: {
-    code: number;
-    reason: string;
-  };
-}
+    code: number
+    reason: string
+  }
 
-class SocketTask {
   constructor (url: string, protocols: string[] | undefined) {
     if (protocols) {
       // eslint-disable-next-line no-undef
@@ -105,7 +103,7 @@ class SocketTask {
   onError (func?: Taro.SocketTask.OnErrorCallback): void {
     this.ws.onerror = () => {
       func && func({
-        errMsg: "There was an error with your websocket.",
+        errMsg: 'There was an error with your websocket.',
       })
     }
   }

package/src/lib/createCameraContext/index.ts

@@ -1,5 +1,7 @@
+import { Camera } from 'expo-camera'
+
 import { errorHandler, successHandler } from '../../utils'
-import { requestCameraPermissionsAsync, requestMicrophonePermissionsAsync } from 'expo-camera'
+
 const globalAny: any = global
 
 class CameraContext {
@@ -14,8 +16,8 @@ class CameraContext {
    * 开始录像
    */
   startRecord = (option: Taro.CameraContext.StartRecordOption) => {
-    Promise.all([requestCameraPermissionsAsync(), requestMicrophonePermissionsAsync()]).then(([cameraPermission, microphonePermission]) => {
-      if(cameraPermission.granted && microphonePermission.granted) {
+    Promise.all([Camera.requestCameraPermissionsAsync(), Camera.requestMicrophonePermissionsAsync()]).then(([cameraPermission, microphonePermission]) => {
+      if (cameraPermission.granted && microphonePermission.granted) {
         this.cameraRef?.recordAsync().then((res) => {
           const { uri } = res
           const result = {
@@ -76,7 +78,7 @@ class CameraContext {
         break
     }
     try {
-      const { granted } = await requestCameraPermissionsAsync()
+      const { granted } = await Camera.requestCameraPermissionsAsync()
       if (granted) {
         if (this.cameraRef?.takePictureAsync) {
           const { uri } = await this.cameraRef.takePictureAsync({ quality: _quality })

package/src/lib/createInnerAudioContext/index.ts

@@ -1,4 +1,5 @@
 import { Audio } from 'expo-av'
+
 import { isUrl } from '../../utils'
 
 /**

package/src/lib/createSelectorQuery/index.ts

@@ -1 +1 @@
-export { createSelectorQuery } from '../unsupportedApi'
+export { createSelectorQuery } from '../unsupportedApi'

package/src/lib/deviceMotion.ts

@@ -1,6 +1,7 @@
 import Taro from '@tarojs/taro'
 import { DeviceMotion } from 'expo-sensors'
-import { createCallbackManager, successHandler, errorHandler } from '../utils'
+
+import { createCallbackManager, errorHandler, successHandler } from '../utils'
 
 const _cbManager = createCallbackManager()
 let _listener: any
@@ -44,7 +45,7 @@ function startDeviceMotionListening (object: Taro.startDeviceMotionListening.Opt
       _cbManager.trigger(rotation)
     })
     DeviceMotion.setUpdateInterval(intervalMap[interval] || intervalMap.normal)
-    
+
     return successHandler(success, complete)(res)
   } catch (error) {
     res.errMsg = 'startDeviceMotionListening:fail'
@@ -71,8 +72,8 @@ function stopDeviceMotionListening (object: Taro.stopDeviceMotionListening.Optio
 }
 
 export {
-  onDeviceMotionChange,
   offDeviceMotionChange,
+  onDeviceMotionChange,
   startDeviceMotionListening,
   stopDeviceMotionListening
 }

package/src/lib/file.ts

@@ -1,14 +1,15 @@
 import * as FileSystem from 'expo-file-system'
 import { Platform } from 'react-native'
-import { shouldBeObject, successHandler, errorHandler } from '../utils'
+
+import { errorHandler, shouldBeObject, successHandler } from '../utils'
 
 interface Func {
   (arg: any): void
 }
 
 interface ExtPromise<T> extends Promise<T> {
-  onProgressUpdateCb?: Func,
-  onProgressUpdate?: Func,
+  onProgressUpdateCb?: Func
+  onProgressUpdate?: Func
   abort?: Func
 }
 
@@ -339,10 +340,10 @@ async function getFileInfo (opts: Taro.getFileInfo.Option): Promise<Taro.getFile
 
 export {
   downloadFile,
-  uploadFile,
-  saveFile,
-  removeSavedFile,
-  getSavedFileList,
+  getFileInfo,
   getSavedFileInfo,
-  getFileInfo
+  getSavedFileList,
+  removeSavedFile,
+  saveFile,
+  uploadFile
 }

package/src/lib/getClipboardData/index.ts

@@ -1,4 +1,5 @@
 import Clipboard from '@react-native-clipboard/clipboard'
+
 import { errorHandler } from '../../utils'
 
 export function getClipboardData (opts: Taro.getClipboardData.Option = {}): Promise<Taro.getClipboardData.Promised> {

package/src/lib/getEnv/index.ts

@@ -2,4 +2,4 @@ import { ENV_TYPE } from '../ENV_TYPE'
 
 export function getEnv(): string {
   return ENV_TYPE.RN
-}
+}

package/src/lib/getFileSystemManager/index.ts

@@ -1 +1 @@
-export { getFileSystemManager } from '../unsupportedApi'
+export { getFileSystemManager } from '../unsupportedApi'

package/src/lib/getLocation/index.ts

@@ -1,18 +1,19 @@
 import Geolocation from '@react-native-community/geolocation'
+
 import { errorHandler } from '../../utils'
 
 export async function getLocation(opts: Taro.getLocation.Option = {}): Promise<Taro.getLocation.SuccessCallbackResult> {
   const { isHighAccuracy = false, highAccuracyExpireTime = 3000, success, fail, complete } = opts
   const requestAuthorization = () => {
     return new Promise((resolve, reject) => {
-      Geolocation.requestAuthorization(()=>resolve({granted: true}), (err)=>reject(err))
+      Geolocation.requestAuthorization(() => resolve({ granted: true }), (err) => reject(err))
     })
   }
-  
+
   try {
     // @ts-ignore
     // todo: fix types
-    const {granted} = await requestAuthorization()
+    const { granted } = await requestAuthorization()
     if (!granted) {
       const res = { errMsg: 'Permissions denied!' }
       return errorHandler(fail, complete)(res)

package/src/lib/getRecorderManager/index.ts

@@ -81,7 +81,7 @@ class RecorderManager {
         playsInSilentModeIOS: true,
         staysActiveInBackground: false,
         shouldDuckAndroid: true,
-        interruptionModeAndroid: 1, //InterruptionModeAndroid.DoNotMix
+        interruptionModeAndroid: 1, // InterruptionModeAndroid.DoNotMix
         playThroughEarpieceAndroid: true
       } as any)
 

package/src/lib/getStorage/index.ts

@@ -1,4 +1,5 @@
 import AsyncStorage from '@react-native-async-storage/async-storage'
+
 import { errorHandler, successHandler } from '../../utils'
 
 export async function getStorage(option: Taro.getStorage.Option<any>): Promise<Taro.getStorage.SuccessCallbackResult<any>> {

package/src/lib/getStorageInfo/index.ts

@@ -1,4 +1,5 @@
 import AsyncStorage from '@react-native-async-storage/async-storage'
+
 import { errorHandler, successHandler } from '../../utils'
 
 async function getStorageCurrentSize() {

package/src/lib/getStorageInfoSync/index.ts

@@ -1 +1 @@
-export { getStorageInfoSync } from '../unsupportedApi'
+export { getStorageInfoSync } from '../unsupportedApi'

package/src/lib/getStorageSync/index.ts

@@ -1 +1 @@
-export { getStorageSync } from '../unsupportedApi'
+export { getStorageSync } from '../unsupportedApi'

package/src/lib/getSystemInfo/index.ts

@@ -1,7 +1,7 @@
+import { errorHandler, successHandler } from '../../utils'
 import { getSystemInfoSync } from '../getSystemInfoSync'
-import { successHandler, errorHandler } from '../../utils'
 
-export function getSystemInfo(opts: Taro.getSystemInfo.Option  = {}): Promise<Taro.getSystemInfo.Result> {
+export function getSystemInfo(opts: Taro.getSystemInfo.Option = {}): Promise<Taro.getSystemInfo.Result> {
   const { success, fail, complete }: any = opts
   try {
     const res = {

package/src/lib/getSystemInfoSync/index.ts

@@ -1,11 +1,11 @@
 import {
-  Platform,
   Dimensions,
   PixelRatio,
+  Platform,
   StatusBar
 } from 'react-native'
-import { initialWindowMetrics } from 'react-native-safe-area-context'
 import DeviceInfo from 'react-native-device-info'
+import { initialWindowMetrics } from 'react-native-safe-area-context'
 
 export function getSystemInfoSync(): Taro.getSystemInfoSync.Result {
   const res: any = {}
@@ -28,7 +28,7 @@ export function getSystemInfoSync(): Taro.getSystemInfoSync.Result {
   let { top = 0, bottom = 0 } = initialWindowMetrics?.insets || {}
   // NOTE：android 在沉浸式切换时，有几率top值为0。
   // https://github.com/th3rdwave/react-native-safe-area-context/issues/364
-  if(Platform.OS === 'android') { top = StatusBar.currentHeight || 0; }
+  if (Platform.OS === 'android') { top = StatusBar.currentHeight || 0 }
 
   try {
     const W = Math.min(screenWidth, screenHeight)