@tarojs/taro-rn 4.0.0-beta.13 → 4.0.0-beta.131

package/src/lib/previewImage/index.tsx

@@ -1,9 +1,10 @@
 import React from 'react'
-import { View, ActivityIndicator, StyleSheet, Alert, Modal } from 'react-native'
-import RootSiblings from 'react-native-root-siblings'
+import { ActivityIndicator, Alert, Modal, StyleSheet, View } from 'react-native'
 import ImageViewer from 'react-native-image-zoom-viewer'
-import { saveMedia } from '../media'
+import RootSiblings from 'react-native-root-siblings'
+
 import { downloadFile } from '../file'
+import { saveMedia } from '../media'
 
 const styles = StyleSheet.create({
   mask: {

package/src/lib/removeStorageSync/index.ts

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

package/src/lib/request/index.ts

@@ -1,4 +1,4 @@
-import { errorHandler, successHandler } from "../../utils"
+import { errorHandler, successHandler } from '../../utils'
 
 function serializeParams(params) {
   if (!params) {
@@ -53,7 +53,7 @@ function _request<T = any>(options: Taro.request.Option): Taro.RequestTask<T> {
   params.method = method
   let controller
   // eslint-disable-next-line no-undef
-  if (typeof(AbortController) !== 'undefined' ) {
+  if (typeof (AbortController) !== 'undefined') {
     // eslint-disable-next-line no-undef
     controller = new AbortController()
     const signal = controller.signal

package/src/lib/scanCode/index.tsx

@@ -1,12 +1,13 @@
-import { initialWindowMetrics } from 'react-native-safe-area-context'
-import { Camera } from 'expo-camera'
 import { BarCodeScanner, requestPermissionsAsync } from 'expo-barcode-scanner'
-import { BackHandler, Image, TouchableOpacity, StyleSheet, View, Dimensions, Platform, StatusBar } from 'react-native'
-import iconClose from './icon_close.png'
-import iconPic from './icon_pic.png'
+import { BarcodeType, CameraView } from 'expo-camera'
+import React from 'react'
+import { BackHandler, Dimensions, Image, Platform, StatusBar, StyleSheet, TouchableOpacity, View } from 'react-native'
 import RootSiblings from 'react-native-root-siblings'
+import { initialWindowMetrics } from 'react-native-safe-area-context'
+
 import { chooseMedia, MEDIA_TYPE } from '../media'
-import React from 'react'
+import iconClose from './icon_close.png'
+import iconPic from './icon_pic.png'
 
 export let scannerView
 
@@ -47,13 +48,15 @@ function findKey (value:string, data, compare = (a, b) => a === b):string {
 
 const { width, height } = Dimensions.get('screen')
 
-function getBarCodeTypes(types:string[]):string[] {
-  const result:string[] = []
+function getBarCodeTypes(types:string[]): BarcodeType[] {
+  const result: BarcodeType[] = []
+
   for (const t of types) {
     result.push(...typeMap[t].map(type => {
       return BarCodeType[type]
     }))
   }
+
   return result.filter(r => !!r)
 }
 
@@ -148,20 +151,20 @@ function scanFromPhoto(callback, errorCallBack) {
 
 export async function scanCode(option: Taro.scanCode.Option = {}): Promise<Taro.scanCode.SuccessCallbackResult> {
   const { success, fail, complete, onlyFromCamera, scanType = ['barCode', 'qrCode'] } = option
-  const { granted } = await requestPermissionsAsync();
+  const { granted } = await requestPermissionsAsync()
   if (!granted) {
     const res = { errMsg: 'Permissions denied!' }
     fail?.(res)
     complete?.(res)
     return Promise.reject(res)
   }
-  const barCodeTypes = getBarCodeTypes(scanType)
+  const barcodeTypes = getBarCodeTypes(scanType)
   return new Promise((resolve, reject) => {
     scannerView = new RootSiblings(
       (<View style={[styles.container]}>
         <StatusBar backgroundColor="rgba(0, 0, 0, 0)" translucent hidden={Platform.OS === 'ios'} />
-        <Camera
-          onBarCodeScanned={({ type, data }: {type: string, data: string}) => {
+        <CameraView
+          onBarcodeScanned={({ type, data }: {type: string, data: string}) => {
             const res = {
               charSet: 'UTF-8', // todo
               path: '', // todo
@@ -175,11 +178,10 @@ export async function scanCode(option: Taro.scanCode.Option = {}): Promise<Taro.
             hide(scannerView)
             resolve(res)
           }}
-          barCodeScannerSettings={{
-            barCodeTypes,
+          barcodeScannerSettings={{
+            barcodeTypes,
           }}
           style={{ width, height }}
-          ratio='16:9'
         />
         <TouchableOpacity accessibilityLabel="Close" style={styles.closeIcon} onPress={() => hide(scannerView)}>
           {safeViewWrapper(<Image source={iconClose} style={styles.closeImg}/>)}

package/src/lib/screen.ts

@@ -1,4 +1,5 @@
 import * as Brightness from 'expo-brightness'
+
 import { errorHandler, shouldBeObject, successHandler } from '../utils'
 
 /**

package/src/lib/setClipboardData/index.ts

@@ -1,6 +1,7 @@
 import Clipboard from '@react-native-clipboard/clipboard'
+
+import { errorHandler, successHandler } from '../../utils'
 import { showToast } from '../showModal/toast'
-import { successHandler, errorHandler } from '../../utils'
 
 export function setClipboardData(opts: Taro.setClipboardData.Option): Promise<Taro.setClipboardData.Promised> {
   const { data, success, fail, complete } = opts
@@ -18,7 +19,7 @@ export function setClipboardData(opts: Taro.setClipboardData.Option): Promise<Ta
     data,
   }
   showToast({
-    icon: "none",
+    icon: 'none',
     title: '内容已复制'
   })
   return successHandler(success, complete)(res)

package/src/lib/setKeepScreenOn/index.ts

@@ -1,5 +1,6 @@
 import { activateKeepAwake, deactivateKeepAwake } from 'expo-keep-awake'
-import { successHandler, errorHandler } from '../../utils'
+
+import { errorHandler, successHandler } from '../../utils'
 
 /**
  * keepScreenOn

package/src/lib/setStorage/index.ts

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

package/src/lib/setStorageSync/index.ts

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

package/src/lib/showActionSheet/ActionSheet.tsx

@@ -1,19 +1,20 @@
-import React from 'react'
+import { ViewPropTypes } from 'deprecated-react-native-prop-types'
 import PropTypes from 'prop-types'
+import React from 'react'
 import {
-  View,
+  Platform,
+  StyleSheet,
   Text,
   TouchableHighlight,
-  StyleSheet,
-  Platform
+  View
 } from 'react-native'
-import { ViewPropTypes } from 'deprecated-react-native-prop-types'
-import { initialWindowMetrics } from 'react-native-safe-area-context';
+import { initialWindowMetrics } from 'react-native-safe-area-context'
+
 import { Popup } from '../Popup'
 import V from '../variable'
 
 const styles = StyleSheet.create({
-  iosActionsheet: {
+  actionsheet: {
     backgroundColor: V.weuiBgColorDefault
   },
   androidActionsheetWrapper: {
@@ -21,11 +22,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center'
   },
-  androidActionsheet: {
-    width: 274,
-    backgroundColor: V.weuiBgColorDefault,
-    borderRadius: V.weuiActionSheetAndroidBorderRadius
-  },
   actionsheetMenu: {
     backgroundColor: '#fff'
   },
@@ -36,29 +32,23 @@ const styles = StyleSheet.create({
   actionsheetCell: {
     borderTopWidth: StyleSheet.hairlineWidth,
     borderColor: V.weuiCellBorderColor,
-    borderStyle: 'solid'
-  },
-  iosActionsheetCell: {
+    borderStyle: 'solid',
     paddingTop: 10,
-    paddingBottom: 10
-  },
-  androidActionsheetCell: {
-    paddingTop: 13,
-    paddingBottom: 13,
+    paddingBottom: 10,
     paddingLeft: 24,
     paddingRight: 24
   },
+
   firstActionsheetCell: {
     borderTopWidth: 0
   },
-  iosActionsheetCellText: {
+  actionSheetCellText: {
     textAlign: 'center',
     fontSize: 18,
     marginTop: ((18 * V.baseLineHeight) - 18) / 2,
     marginBottom: ((18 * V.baseLineHeight) - 18) / 2
   },
   androidActionsheetCellText: {
-    textAlign: 'center',
     fontSize: 16,
     marginTop: ((16 * 1.4) - 16) / 2,
     marginBottom: ((16 * 1.4) - 16) / 2
@@ -105,7 +95,6 @@ const Index: React.FC<any> = ({
         underlayColor={underlayColor}
         style={[
           styles.actionsheetCell,
-          styles[`${_type}ActionsheetCell`],
           idx === 0 ? styles.firstActionsheetCell : {},
           btnStyle
         ]}
@@ -113,6 +102,8 @@ const Index: React.FC<any> = ({
       >
         <Text
           style={[
+
+            styles.actionSheetCellText,
             styles[`${_type}ActionsheetCellText`],
             styles[`${btnType}ActionsheetCellText`],
             textStyle
@@ -128,7 +119,6 @@ const Index: React.FC<any> = ({
         underlayColor={underlayColor}
         style={[
           styles.actionsheetCell,
-          styles[`${_type}ActionsheetCell`],
           idx === 0 ? styles.firstActionsheetCell : {},
           btnStyle
         ]}
@@ -136,6 +126,7 @@ const Index: React.FC<any> = ({
       >
         <Text
           style={[
+            styles.actionSheetCellText,
             styles[`${_type}ActionsheetCellText`],
             styles[`${btnType}ActionsheetCellText`],
             textStyle
@@ -145,29 +136,29 @@ const Index: React.FC<any> = ({
     )
 
   return <Popup
-      visible={visible}
-      style={[styles.iosActionsheet, style]}
-      maskStyle={maskStyle}
-      onShow={onShow}
-      onClose={onClose}
-    >
-      {menus.length
-        ? <View style={[styles.actionsheetMenu]}>
-          {_renderMenuItems()}
-        </View>
-        : false}
-      {actions.length
-        ? <View style={[styles.actionsheetAction]}>
-          {_renderActions()}
-        </View>
-        : false}
-      <View style={{paddingBottom: Math.max(initialWindowMetrics?.insets.bottom || 0, 16), backgroundColor: '#fff'}}></View>
-    </Popup>
+    visible={visible}
+    style={[styles.actionsheet, style]}
+    maskStyle={maskStyle}
+    onShow={onShow}
+    onClose={onClose}
+  >
+    {menus.length
+      ? <View style={[styles.actionsheetMenu]}>
+        {_renderMenuItems()}
+      </View>
+      : false}
+    {actions.length
+      ? <View style={[styles.actionsheetAction]}>
+        {_renderActions()}
+      </View>
+      : false}
+    <View style={{ paddingBottom: Math.max(initialWindowMetrics?.insets.bottom || 0, 16), backgroundColor: '#fff' }}></View>
+  </Popup>
 }
 
 Index.propTypes = {
   autoDectect: PropTypes.bool,
-  type: PropTypes.oneOf(['ios', 'android']),
+  type: PropTypes.oneOf(['ios', 'android', 'harmony']),
   menus: PropTypes.any,
   actions: PropTypes.any,
   visible: PropTypes.bool,

package/src/lib/showActionSheet/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import RootSiblings from 'react-native-root-siblings'
+
 import ActionSheet from './ActionSheet'
 
 function showActionSheet (obj: Taro.showActionSheet.Option): Promise<Taro.showActionSheet.SuccessCallbackResult> {

package/src/lib/showModal/Dialog.tsx

@@ -1,14 +1,15 @@
-import React from 'react'
+import { TextPropTypes, ViewPropTypes } from 'deprecated-react-native-prop-types'
 import PropTypes from 'prop-types'
+import React from 'react'
 import {
-  View,
-  Text,
-  TouchableHighlight,
   Dimensions,
+  Platform,
   StyleSheet,
-  Platform
+  Text,
+  TouchableHighlight,
+  View
 } from 'react-native'
-import { ViewPropTypes, TextPropTypes } from 'deprecated-react-native-prop-types'
+
 import { Mask } from '../Mask'
 import { create } from '../StyleSheet'
 import V from '../variable'
@@ -33,49 +34,42 @@ const styles = create({
     paddingRight: V.weuiDialogGapWidth
   },
   dialogTitle: {
-    fontWeight: '400'
-  },
-  iosDialogTitle: {
-    fontSize: 18,
+    fontWeight: '700',
+    fontSize: 17,
     textAlign: 'center'
   },
+
   androidDialogTitle: {
     fontSize: 21,
     textAlign: 'left'
   },
+
   dialogBody: {
     paddingLeft: V.weuiDialogGapWidth,
-    paddingRight: V.weuiDialogGapWidth
-  },
-  iosDialogBody: {
-    paddingBottom: (0.8 * 15) + 20
-  },
-  androidDialogBody: {
-    paddingTop: 0.25 * 17,
-    paddingBottom: (17 * 2) + 20
+    paddingRight: V.weuiDialogGapWidth,
+    marginBottom: 32
   },
+
   dialogBodyText: {
     color: V.weuiTextColorGray,
-    lineHeight: 15 * 1.3,
+    fontSize: 17,
+    textAlign: 'center',
+    lineHeight: 17 * 1.4,
     android: {
-      lineHeight: Math.round(15 * 1.3)
+      lineHeight: Math.round(17 * 1.4)
     }
   },
-  iosDialogBodyText: {
-    fontSize: 15,
-    textAlign: 'center'
-  },
+
   androidDialogBodyText: {
-    fontSize: 17,
     textAlign: 'left'
   },
   dialogFooter: {
-    flexDirection: 'row'
-  },
-  iosDialogFooter: {
+    flexDirection: 'row',
     height: 48,
     alignItems: 'center',
     justifyContent: 'center',
+  },
+  dialogFooterBorder: {
     borderTopWidth: StyleSheet.hairlineWidth,
     borderColor: V.weuiDialogLineColor,
     borderStyle: 'solid'
@@ -90,17 +84,16 @@ const styles = create({
   },
   dialogFooterOpr: {
     alignItems: 'center',
-    justifyContent: 'center'
-  },
-  iosDialogFooterOpr: {
+    justifyContent: 'center',
     height: 48,
-    flex: 1
+    flex: 1,
   },
   androidDialogFooterOpr: {
     height: 42,
     paddingLeft: 16 * 0.8,
     paddingRight: 16 * 0.8
   },
+
   dialogFooterOprWithNegativeMarginRight: {
     marginRight: 0 - (16 * 0.8)
   },
@@ -109,12 +102,13 @@ const styles = create({
     borderColor: V.weuiDialogLineColor,
     borderStyle: 'solid'
   },
-  iosDialogFooterOprText: {
+  dialogFooterOprText: {
     fontSize: 18
   },
   androidDialogFooterOprText: {
     fontSize: 16
   },
+
   defaultDialogFooterOprText: {
     color: '#353535'
   },
@@ -170,14 +164,15 @@ const Index: React.FC<any> = (
         style={[
           styles.dialogFooterOpr,
           styles[`${_type}DialogFooterOpr`],
-          _type === 'ios' && idx > 0 ? styles.dialogFooterOprWithBorder : {},
-          _type === 'android' && idx === buttons.length - 1 ? styles.dialogFooterOprWithNegativeMarginRight : {}
+          _type === 'android' && idx === buttons.length - 1 ? styles.dialogFooterOprWithNegativeMarginRight : (
+            idx > 0 ? styles.dialogFooterOprWithBorder : {}
+          ),
         ]}
         underlayColor={underlayColor}
         {...others}
       >
         <Text
-          style={[styles[`${_type}DialogFooterOprText`], { color: btnType }]}
+          style={[styles.dialogFooterOprText, styles[`${_type}DialogFooterOprText`], { color: btnType }]}
         >{label}</Text>
       </TouchableHighlight>
     )
@@ -200,10 +195,10 @@ const Index: React.FC<any> = (
           <View style={[styles.dialogHeader, headerStyle]}>
             <Text style={[styles.dialogTitle, styles[`${_type}DialogTitle`], titleStyle]}>{title}</Text>
           </View>
-          <View style={[styles.dialogBody, styles[`${_type}DialogBody`], bodyStyle]}>
+          <View style={[styles.dialogBody, bodyStyle]}>
             {childrenWithProps}
           </View>
-          <View style={[styles.dialogFooter, styles[`${_type}DialogFooter`], footerStyle]}>
+          <View style={[styles.dialogFooter, styles[`${_type}DialogFooter`], _type !== 'android' ? styles.dialogFooterBorder : {}, footerStyle]}>
             {_renderButtons()}
           </View>
         </View>
@@ -214,7 +209,7 @@ const Index: React.FC<any> = (
 
 Index.propTypes = {
   autoDectect: PropTypes.bool,
-  type: PropTypes.oneOf(['ios', 'android']),
+  type: PropTypes.oneOf(['ios', 'android', 'harmony']),
   title: PropTypes.string,
   buttons: PropTypes.arrayOf(PropTypes.object),
   visible: PropTypes.bool,

package/src/lib/showModal/index.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import { Text } from 'react-native'
 import RootSiblings from 'react-native-root-siblings'
+
 import Dialog from './Dialog'
 
 function showModal (obj: Taro.showModal.Option): Promise<Taro.showModal.SuccessCallbackResult> {

package/src/lib/showModal/toast.tsx

@@ -1,10 +1,11 @@
-import React from 'react'
 import PropTypes from 'prop-types'
-import { View, Text, Image, StyleSheet, ActivityIndicator } from 'react-native'
+import React from 'react'
+import { ActivityIndicator, Image, StyleSheet, Text, View } from 'react-native'
 import RootSiblings from 'react-native-root-siblings'
-import successPng from './success.png'
-import errorPng from './error.png'
+
 import { errorHandler, shouldBeObject, successHandler } from '../../utils'
+import errorPng from './error.png'
+import successPng from './success.png'
 
 const globalAny: any = global
 
@@ -118,7 +119,7 @@ function showToast (options: Taro.showToast.Option): Promise<TaroGeneral.Callbac
     return Promise.reject(res)
   }
 
-  let {title = '', icon = 'success', image, duration = 1500, mask = false, success, fail, complete} = options || {} // eslint-disable-line
+  let { title = '', icon = 'success', image, duration = 1500, mask = false, success, fail, complete } = options || {} // eslint-disable-line
 
   const isLoading = (icon === 'loading')
 
@@ -138,7 +139,7 @@ function showToast (options: Taro.showToast.Option): Promise<TaroGeneral.Callbac
       </View>
     </View>
   } else if (isLoading) {
-    ToastView = <WXLoading title={title} mask={mask}/>
+    ToastView = <WXLoading title={title} mask={mask} />
   } else if (icon === 'none') {
     ToastView = <View style={maskStyle}>
       <View style={styles.textGrayBlock}>
@@ -159,7 +160,7 @@ function showToast (options: Taro.showToast.Option): Promise<TaroGeneral.Callbac
   try {
     // setTimeout fires incorrectly when using chrome debug #4470
     // https://github.com/facebook/react-native/issues/4470
-    globalAny.wxToastRootSiblings && globalAny.wxToastRootSiblings.destroy();
+    globalAny.wxToastRootSiblings && globalAny.wxToastRootSiblings.destroy()
 
     globalAny.wxToastRootSiblings = new RootSiblings(ToastView)
     setTimeout(() => {
@@ -177,7 +178,7 @@ function showToast (options: Taro.showToast.Option): Promise<TaroGeneral.Callbac
   }
 }
 
-function showLoading (options: Taro.showLoading.Option): Promise<TaroGeneral.CallbackResult> {
+function showLoading (options: Taro.showLoading.Option = { title: '加载中' }): Promise<TaroGeneral.CallbackResult> {
   const isObject = shouldBeObject(options)
   if (!isObject.res) {
     const res = { errMsg: `showLoading${isObject.msg}` }
@@ -202,7 +203,7 @@ function hideToast (opts: Taro.hideToast.Option = {}): void {
   const { success, fail, complete } = opts
 
   try {
-    globalAny.wxToastRootSiblings && globalAny.wxToastRootSiblings.destroy();
+    globalAny.wxToastRootSiblings && globalAny.wxToastRootSiblings.destroy()
     globalAny.wxToastRootSiblings = undefined
     const res = { errMsg: 'showToast:ok' }
     success?.(res)
@@ -218,7 +219,7 @@ function hideLoading (opts: Taro.hideLoading.Option = {}): void {
   const { success, fail, complete } = opts
 
   try {
-    globalAny.wxToastRootSiblings && globalAny.wxToastRootSiblings.destroy();
+    globalAny.wxToastRootSiblings && globalAny.wxToastRootSiblings.destroy()
     globalAny.wxToastRootSiblings = undefined
     const res = { errMsg: 'showLoading:ok' }
     success?.(res)
@@ -231,8 +232,8 @@ function hideLoading (opts: Taro.hideLoading.Option = {}): void {
 }
 
 export {
-  showToast,
-  showLoading,
+  hideLoading,
   hideToast,
-  hideLoading
+  showLoading,
+  showToast
 }

package/src/lib/startGyroscope/index.ts

@@ -1 +1 @@
-export { startGyroscope } from '../gyroscope'
+export { startGyroscope } from '../gyroscope'

package/src/lib/startLocationUpdate/index.ts

@@ -1 +1 @@
-export { startLocationUpdate } from '../location'
+export { startLocationUpdate } from '../location'

package/src/lib/unsupportedApi.ts

@@ -1,14 +1,12 @@
-function temporarilyNotSupport(apiName: String, recommended?: String, isSync = true) {
+function temporarilyNotSupport(apiName: string, recommended?: string, isSync = true) {
   return () => {
     let errMsg = `RN 端暂不支持 API ${apiName}`
-    if (!!recommended) {
+    if (recommended) {
       errMsg += `, 请使用 ${recommended}`
     }
     console.error(errMsg)
     if (!isSync) {
-      return Promise.reject({
-        errMsg
-      })
+      return Promise.reject(new Error(errMsg))
     } else {
       return new Error(errMsg)
     }

package/src/lib/vibrate.ts

@@ -1,16 +1,17 @@
 import { Vibration } from 'react-native'
+
 import { errorHandler, successHandler } from '../utils'
 
 function vibrate (DURATION, API, OPTS): Promise<TaroGeneral.CallbackResult> {
   const res = { errMsg: `${API}:ok` }
-    const { success, fail, complete } = OPTS
-    try {
-      Vibration.vibrate(DURATION)
-      return successHandler(success, complete)(res)
-    } catch (err) {
-      res.errMsg = err.message
-      return errorHandler(fail, complete)(res)
-    }
+  const { success, fail, complete } = OPTS
+  try {
+    Vibration.vibrate(DURATION)
+    return successHandler(success, complete)(res)
+  } catch (err) {
+    res.errMsg = err.message
+    return errorHandler(fail, complete)(res)
+  }
 }
 
 function vibrateShort (opts: Taro.vibrateShort.Option = {}): Promise<TaroGeneral.CallbackResult> {
@@ -22,6 +23,6 @@ function vibrateLong (opts: Taro.vibrateLong.Option = {}): Promise<TaroGeneral.C
 }
 
 export {
-  vibrateShort,
-  vibrateLong
+  vibrateLong,
+  vibrateShort
 }

package/src/lib/window.ts

@@ -1,4 +1,5 @@
-import { ScaledSize, Dimensions, EmitterSubscription } from 'react-native'
+import { Dimensions, EmitterSubscription, ScaledSize } from 'react-native'
+
 import { createCallbackManager } from '../utils'
 
 let listener: EmitterSubscription
@@ -18,4 +19,4 @@ export const addListener = () => {
 
 export const removeListener = () => {
   listener?.remove()
-}
+}

package/src/utils/callbackManager.ts

@@ -1,9 +1,9 @@
 interface CallbackManager {
-  add: (opt: any) => void;
-  remove: (opt: any) => void;
-  clear: () => void;
-  count: () => number;
-  trigger: (...args: any[]) => void;
+  add: (opt: any) => void
+  remove: (opt: any) => void
+  clear: () => void
+  count: () => number
+  trigger: (...args: any[]) => void
 }
 
 export function createCallbackManager(): CallbackManager {