@mpxjs/webpack-plugin 2.10.24 → 2.11.0

package/lib/runtime/components/react/event.config.ts

@@ -1,28 +1,35 @@
-const eventConfigMap: { [key: string]: { bitFlag: string; events: string[] } } = {
-  bindtap: { bitFlag: '0', events: ['onTouchStart', 'onTouchMove', 'onTouchEnd'] },
-  bindlongpress: { bitFlag: '1', events: ['onTouchStart', 'onTouchMove', 'onTouchEnd', 'onTouchCancel'] },
-  bindtouchstart: { bitFlag: '2', events: ['onTouchStart'] },
-  bindtouchmove: { bitFlag: '3', events: ['onTouchMove'] },
-  bindtouchend: { bitFlag: '4', events: ['onTouchEnd'] },
-  bindtouchcancel: { bitFlag: '5', events: ['onTouchCancel'] },
-  catchtap: { bitFlag: '6', events: ['onTouchStart', 'onTouchMove', 'onTouchEnd'] },
-  catchlongpress: { bitFlag: '7', events: ['onTouchStart', 'onTouchMove', 'onTouchEnd', 'onTouchCancel'] },
-  catchtouchstart: { bitFlag: '8', events: ['onTouchStart'] },
-  catchtouchmove: { bitFlag: '9', events: ['onTouchMove'] },
-  catchtouchend: { bitFlag: 'a', events: ['onTouchEnd'] },
-  catchtouchcancel: { bitFlag: 'b', events: ['onTouchCancel'] },
-  'capture-bindtap': { bitFlag: 'c', events: ['onTouchStartCapture', 'onTouchMoveCapture', 'onTouchEndCapture'] },
-  'capture-bindlongpress': { bitFlag: 'd', events: ['onTouchStartCapture', 'onTouchMoveCapture', 'onTouchEndCapture', 'onTouchCancelCapture'] },
-  'capture-bindtouchstart': { bitFlag: 'e', events: ['onTouchStartCapture'] },
-  'capture-bindtouchmove': { bitFlag: 'f', events: ['onTouchMoveCapture'] },
-  'capture-bindtouchend': { bitFlag: 'g', events: ['onTouchEndCapture'] },
-  'capture-bindtouchcancel': { bitFlag: 'h', events: ['onTouchCancelCapture'] },
-  'capture-catchtap': { bitFlag: 'i', events: ['onTouchStartCapture', 'onTouchMoveCapture', 'onTouchEndCapture'] },
-  'capture-catchlongpress': { bitFlag: 'j', events: ['onTouchStartCapture', 'onTouchMoveCapture', 'onTouchEndCapture', 'onTouchCancelCapture'] },
-  'capture-catchtouchstart': { bitFlag: 'k', events: ['onTouchStartCapture'] },
-  'capture-catchtouchmove': { bitFlag: 'l', events: ['onTouchMoveCapture'] },
-  'capture-catchtouchend': { bitFlag: 'm', events: ['onTouchEndCapture'] },
-  'capture-catchtouchcancel': { bitFlag: 'n', events: ['onTouchCancelCapture'] }
+import type { EventMeta } from './types/getInnerListeners'
+
+const tapEvents = ['onTouchStart', 'onTouchMove', 'onTouchEnd']
+const longpressEvents = ['onTouchStart', 'onTouchMove', 'onTouchEnd', 'onTouchCancel']
+const tapCaptureEvents = ['onTouchStartCapture', 'onTouchMoveCapture', 'onTouchEndCapture']
+const longpressCaptureEvents = ['onTouchStartCapture', 'onTouchMoveCapture', 'onTouchEndCapture', 'onTouchCancelCapture']
+
+const eventConfigMap: Record<string, EventMeta> = {
+  bindtap: { bitFlag: '0', events: tapEvents, eventName: 'tap', eventType: 'bubble', hasCatch: false },
+  bindlongpress: { bitFlag: '1', events: longpressEvents, eventName: 'longpress', eventType: 'bubble', hasCatch: false },
+  bindtouchstart: { bitFlag: '2', events: ['onTouchStart'], eventName: 'touchstart', eventType: 'bubble', hasCatch: false },
+  bindtouchmove: { bitFlag: '3', events: ['onTouchMove'], eventName: 'touchmove', eventType: 'bubble', hasCatch: false },
+  bindtouchend: { bitFlag: '4', events: ['onTouchEnd'], eventName: 'touchend', eventType: 'bubble', hasCatch: false },
+  bindtouchcancel: { bitFlag: '5', events: ['onTouchCancel'], eventName: 'touchcancel', eventType: 'bubble', hasCatch: false },
+  catchtap: { bitFlag: '6', events: tapEvents, eventName: 'tap', eventType: 'bubble', hasCatch: true },
+  catchlongpress: { bitFlag: '7', events: longpressEvents, eventName: 'longpress', eventType: 'bubble', hasCatch: true },
+  catchtouchstart: { bitFlag: '8', events: ['onTouchStart'], eventName: 'touchstart', eventType: 'bubble', hasCatch: true },
+  catchtouchmove: { bitFlag: '9', events: ['onTouchMove'], eventName: 'touchmove', eventType: 'bubble', hasCatch: true },
+  catchtouchend: { bitFlag: 'a', events: ['onTouchEnd'], eventName: 'touchend', eventType: 'bubble', hasCatch: true },
+  catchtouchcancel: { bitFlag: 'b', events: ['onTouchCancel'], eventName: 'touchcancel', eventType: 'bubble', hasCatch: true },
+  'capture-bindtap': { bitFlag: 'c', events: tapCaptureEvents, eventName: 'tap', eventType: 'capture', hasCatch: false },
+  'capture-bindlongpress': { bitFlag: 'd', events: longpressCaptureEvents, eventName: 'longpress', eventType: 'capture', hasCatch: false },
+  'capture-bindtouchstart': { bitFlag: 'e', events: ['onTouchStartCapture'], eventName: 'touchstart', eventType: 'capture', hasCatch: false },
+  'capture-bindtouchmove': { bitFlag: 'f', events: ['onTouchMoveCapture'], eventName: 'touchmove', eventType: 'capture', hasCatch: false },
+  'capture-bindtouchend': { bitFlag: 'g', events: ['onTouchEndCapture'], eventName: 'touchend', eventType: 'capture', hasCatch: false },
+  'capture-bindtouchcancel': { bitFlag: 'h', events: ['onTouchCancelCapture'], eventName: 'touchcancel', eventType: 'capture', hasCatch: false },
+  'capture-catchtap': { bitFlag: 'i', events: tapCaptureEvents, eventName: 'tap', eventType: 'capture', hasCatch: true },
+  'capture-catchlongpress': { bitFlag: 'j', events: longpressCaptureEvents, eventName: 'longpress', eventType: 'capture', hasCatch: true },
+  'capture-catchtouchstart': { bitFlag: 'k', events: ['onTouchStartCapture'], eventName: 'touchstart', eventType: 'capture', hasCatch: true },
+  'capture-catchtouchmove': { bitFlag: 'l', events: ['onTouchMoveCapture'], eventName: 'touchmove', eventType: 'capture', hasCatch: true },
+  'capture-catchtouchend': { bitFlag: 'm', events: ['onTouchEndCapture'], eventName: 'touchend', eventType: 'capture', hasCatch: true },
+  'capture-catchtouchcancel': { bitFlag: 'n', events: ['onTouchCancelCapture'], eventName: 'touchcancel', eventType: 'capture', hasCatch: true }
 }
 
 export default eventConfigMap

package/lib/runtime/components/react/getInnerListeners.ts

@@ -1,17 +1,19 @@
 import { useRef, useMemo } from 'react'
 import { collectDataset } from '@mpxjs/utils'
-import { omit, extendObject, useNavigation } from './utils'
+import { extendObject, useNavigation } from './utils'
 import eventConfigMap from './event.config'
 import {
   Props,
   EventConfig,
+  EventConfigRef,
   RawConfig,
   EventType,
   RemoveProps,
   InnerRef,
   LayoutRef,
   ExtendedNativeTouchEvent,
-  GlobalEventState
+  GlobalEventState,
+  TouchHandlerConfig
 } from './types/getInnerListeners'
 
 const globalEventState: GlobalEventState = {
@@ -19,6 +21,18 @@ const globalEventState: GlobalEventState = {
   identifier: null
 }
 
+const baseRemovePropsMap: Record<string, boolean> = {
+  children: true,
+  'enable-background': true,
+  'enable-offset': true,
+  'enable-var': true,
+  'external-var-context': true,
+  'parent-font-size': true,
+  'parent-width': true,
+  'parent-height': true,
+  'enable-text-pass-through': true
+}
+
 const getTouchEvent = (
   type: string,
   event: ExtendedNativeTouchEvent,
@@ -216,29 +230,45 @@ function handleTouchcancel (e: ExtendedNativeTouchEvent, type: EventType, eventC
   innerRef.current.startTimer[type] && clearTimeout(innerRef.current.startTimer[type] as unknown as number)
 }
 
-function createTouchEventHandler (eventName: string, eventConfig: EventConfig) {
-  return (e: ExtendedNativeTouchEvent) => {
-    const bubbleHandlerMap: Record<string, any> = {
-      onTouchStart: handleTouchstart,
-      onTouchMove: handleTouchmove,
-      onTouchEnd: handleTouchend,
-      onTouchCancel: handleTouchcancel
-    }
-
-    const captureHandlerMap: Record<string, any> = {
-      onTouchStartCapture: handleTouchstart,
-      onTouchMoveCapture: handleTouchmove,
-      onTouchEndCapture: handleTouchend,
-      onTouchCancelCapture: handleTouchcancel
-    }
-
-    if (bubbleHandlerMap[eventName]) {
-      bubbleHandlerMap[eventName](e, 'bubble', eventConfig)
-    }
+const touchHandlerMap: Record<string, TouchHandlerConfig> = {
+  onTouchStart: {
+    type: 'bubble',
+    handler: handleTouchstart
+  },
+  onTouchMove: {
+    type: 'bubble',
+    handler: handleTouchmove
+  },
+  onTouchEnd: {
+    type: 'bubble',
+    handler: handleTouchend
+  },
+  onTouchCancel: {
+    type: 'bubble',
+    handler: handleTouchcancel
+  },
+  onTouchStartCapture: {
+    type: 'capture',
+    handler: handleTouchstart
+  },
+  onTouchMoveCapture: {
+    type: 'capture',
+    handler: handleTouchmove
+  },
+  onTouchEndCapture: {
+    type: 'capture',
+    handler: handleTouchend
+  },
+  onTouchCancelCapture: {
+    type: 'capture',
+    handler: handleTouchcancel
+  }
+}
 
-    if (captureHandlerMap[eventName]) {
-      captureHandlerMap[eventName](e, 'capture', eventConfig)
-    }
+function createTouchEventHandler (eventName: string, eventConfigRef: EventConfigRef) {
+  const eventHandler = touchHandlerMap[eventName]
+  return (e: ExtendedNativeTouchEvent) => {
+    eventHandler.handler(e, eventHandler.type, eventConfigRef.current)
   }
 }
 
@@ -271,37 +301,45 @@ const useInnerProps = (
     disableTap: false,
     navigation
   }, rawConfig)
+  const eventConfigRef = useRef<EventConfig>(eventConfig)
 
+  const restProps: Props = {}
+  const eventNameMap: Record<string, boolean> = {}
+  const userRemovePropsMap: Record<string, boolean> = {}
   let hashEventKey = ''
-  const rawEventKeys: Array<string> = []
-  const transformedEventSet = new Set<string>()
+
+  userRemoveProps.forEach((key) => {
+    userRemovePropsMap[key] = true
+  })
+
   Object.keys(props).forEach((key) => {
-    if (eventConfigMap[key]) {
-      hashEventKey += eventConfigMap[key].bitFlag
-      rawEventKeys.push(key)
-      eventConfigMap[key].events.forEach((event) => {
-        transformedEventSet.add(event)
+    const eventMeta = eventConfigMap[key]
+
+    if (eventMeta) {
+      hashEventKey += eventMeta.bitFlag
+      eventMeta.events.forEach((event) => {
+        eventNameMap[event] = true
       })
-      const match = /^(bind|catch|capture-bind|capture-catch)(.*)$/.exec(key)!
-      const prefix = match[1]
-      const eventName = match[2]
-      eventConfig[eventName] = eventConfig[eventName] || {
+      eventConfig[eventMeta.eventName] = eventConfig[eventMeta.eventName] || {
         bubble: [],
         capture: [],
         hasCatch: false
       }
-      if (prefix === 'bind' || prefix === 'catch') {
-        eventConfig[eventName].bubble.push(key)
-      } else {
-        eventConfig[eventName].capture.push(key)
-      }
+      eventConfig[eventMeta.eventName][eventMeta.eventType].push(key)
 
-      if (prefix === 'catch' || prefix === 'capture-catch') {
-        eventConfig[eventName].hasCatch = true
+      if (eventMeta.hasCatch) {
+        eventConfig[eventMeta.eventName].hasCatch = true
       }
+      return
+    }
+
+    if (!baseRemovePropsMap[key] && !userRemovePropsMap[key]) {
+      restProps[key] = props[key]
     }
   })
 
+  eventConfigRef.current = eventConfig
+
   const events = useMemo(() => {
     if (!hashEventKey) {
       return {}
@@ -309,31 +347,17 @@ const useInnerProps = (
 
     const events: Record<string, (e: ExtendedNativeTouchEvent) => void> = {}
 
-    for (const eventName of transformedEventSet) {
-      events[eventName] = createTouchEventHandler(eventName, eventConfig)
-    }
+    Object.keys(eventNameMap).forEach((eventName) => {
+      events[eventName] = createTouchEventHandler(eventName, eventConfigRef)
+    })
 
     return events
   }, [hashEventKey])
 
-  const removeProps = [
-    'children',
-    'enable-background',
-    'enable-offset',
-    'enable-var',
-    'external-var-context',
-    'parent-font-size',
-    'parent-width',
-    'parent-height',
-    'enable-text-pass-through',
-    ...userRemoveProps,
-    ...rawEventKeys
-  ]
-
   return extendObject(
     {},
     events,
-    omit(props, removeProps)
+    restProps
   )
 }
 export default useInnerProps

package/lib/runtime/components/react/mpx-button.tsx

@@ -45,9 +45,9 @@ import {
   NativeSyntheticEvent,
   useAnimatedValue
 } from 'react-native'
-import { warn } from '@mpxjs/utils'
+import { warn, hasOwn } from '@mpxjs/utils'
 import { GestureDetector, PanGesture } from 'react-native-gesture-handler'
-import { getCurrentPage, splitProps, splitStyle, useLayout, useTransformStyle, wrapChildren, extendObject, useHover, useTextPassThroughValue } from './utils'
+import { getCurrentPage, splitProps, splitStyle, useLayout, useTransformStyle, wrapChildren, extendObject, useHover, useTextPassThrough } from './utils'
 import useInnerProps, { getCustomEvent } from './getInnerListeners'
 import useNodesRef, { HandlerRef } from './useNodesRef'
 import { RouteContext, FormContext } from './context'
@@ -79,8 +79,7 @@ export interface ButtonProps {
   'form-type'?: 'submit' | 'reset'
   'enable-offset'?: boolean,
   'enable-var'?: boolean
-  'external-var-context'?: Record<string, any>
-  'parent-font-size'?: number
+  'enable-text-pass-through'?: boolean
   'parent-width'?: number
   'parent-height'?: number
   style?: ViewStyle & TextStyle & Record<string, any>
@@ -105,14 +104,14 @@ const OpenTypeEventsMap = new Map<OpenType, OpenTypeEvent>([
 
 const styles = StyleSheet.create({
   button: {
-    width: '100%',
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center',
     height: 46,
     borderRadius: 5,
     backgroundColor: '#F8F8F8',
-    marginHorizontal: 'auto' // 按钮默认居中
+    marginHorizontal: 'auto',
+    paddingHorizontal: 14
   },
   buttonMini: {
     height: 30
@@ -211,8 +210,7 @@ const Button = forwardRef<HandlerRef<View, ButtonProps>, ButtonProps>((buttonPro
     'open-type': openType,
     'form-type': formType,
     'enable-var': enableVar,
-    'external-var-context': externalVarContext,
-    'parent-font-size': parentFontSize,
+    'enable-text-pass-through': enableTextPassThrough,
     'parent-width': parentWidth,
     'parent-height': parentHeight,
     style = {},
@@ -282,14 +280,16 @@ const Button = forwardRef<HandlerRef<View, ButtonProps>, ButtonProps>((buttonPro
     { color: plain ? plainTextColor : normalTextColor }
   )
 
-  const defaultStyle = extendObject({}, defaultViewStyle, defaultTextStyle)
+  const styleObj = isHover ? extendObject({}, style, hoverStyle) : style
 
-  const styleObj = extendObject(
-    {},
-    defaultStyle,
-    style,
-    isHover ? hoverStyle : {}
-  )
+  const defaultStyle: Record<string, any> = extendObject({}, defaultViewStyle, defaultTextStyle)
+  // 用户 shorthand 优先：避免 longhand default 反向覆盖
+  if (hasOwn(styleObj, 'margin')) {
+    delete defaultStyle.marginHorizontal
+  }
+  if (hasOwn(styleObj, 'padding')) {
+    delete defaultStyle.paddingHorizontal
+  }
 
   const {
     hasPositionFixed,
@@ -299,7 +299,7 @@ const Button = forwardRef<HandlerRef<View, ButtonProps>, ButtonProps>((buttonPro
     varContextRef,
     setWidth,
     setHeight
-  } = useTransformStyle(styleObj, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight })
+  } = useTransformStyle(styleObj, { enableVar, parentWidth, parentHeight, defaultStyle })
 
   const nodeRef = useRef(null)
 
@@ -308,7 +308,7 @@ const Button = forwardRef<HandlerRef<View, ButtonProps>, ButtonProps>((buttonPro
   const { layoutRef, layoutStyle, layoutProps } = useLayout({ props, hasSelfPercent, setWidth, setHeight, nodeRef })
 
   const { textStyle, backgroundStyle, innerStyle = {} } = splitStyle(normalStyle)
-  const textPassThrough = useTextPassThroughValue(textStyle, textProps)
+  const textPassThrough = useTextPassThrough(textStyle, textProps, { enableTextPassThrough })
 
   if (backgroundStyle) {
     warn('Button does not support background image-related styles!')
@@ -407,7 +407,7 @@ const Button = forwardRef<HandlerRef<View, ButtonProps>, ButtonProps>((buttonPro
 
   const baseButton = createElement(View, innerProps, loading && createElement(Loading, { alone: !children }),
     wrapChildren(
-      props,
+      props.children,
       {
         hasVarDec,
         varContext: varContextRef.current,

package/lib/runtime/components/react/mpx-camera.tsx

@@ -24,11 +24,9 @@ interface CameraProps {
   binderror?: (error: { message: string }) => void
   bindinitdone?: (result: { type: string, data: string }) => void
   bindscancode?: (result: { type: string, data: string }) => void
-  'parent-font-size'?: number
   'parent-width'?: number
   'parent-height'?: number
   'enable-var'?: boolean
-  'external-var-context'?: any
 }
 
 interface TakePhotoOptions {
@@ -59,12 +57,29 @@ interface CameraRef {
   stopRecord: (options?: StopRecordOptions) => void
 }
 
+interface CameraPermissionCache {
+  promise?: Promise<any>
+  result?: boolean
+}
+
 type HandlerRef<T, P> = {
   current: T | null
 }
 
 let RecordRes: any = null
 
+const cameraPermissionCacheMap = new Map<number, CameraPermissionCache>()
+
+function getCameraPermissionCache (pageId: number | undefined) {
+  if (pageId == null) return
+  let cache = cameraPermissionCacheMap.get(pageId)
+  if (!cache) {
+    cache = {}
+    cameraPermissionCacheMap.set(pageId, cache)
+  }
+  return cache
+}
+
 const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: CameraProps, ref): JSX.Element | null => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   const cameraRef = useRef<any>(null)
@@ -77,11 +92,9 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
     bindinitdone,
     bindstop,
     bindscancode,
-    'parent-font-size': parentFontSize,
     'parent-width': parentWidth,
     'parent-height': parentHeight,
     'enable-var': enableVar,
-    'external-var-context': externalVarContext,
     style = {}
   } = props
   const styleObj = extendObject(
@@ -95,8 +108,6 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
     setHeight
   } = useTransformStyle(styleObj, {
     enableVar,
-    externalVarContext,
-    parentFontSize,
     parentWidth,
     parentHeight
   })
@@ -286,12 +297,33 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
       try {
         const cameraPermission = global?.__mpx?.config?.rnConfig?.cameraPermission
         if (typeof cameraPermission === 'function') {
-          const permissionResult = await cameraPermission()
-          setHasPermission(permissionResult === true)
+          const permissionCache = getCameraPermissionCache(pageId)
+          if (permissionCache && hasOwn(permissionCache, 'result')) {
+            setHasPermission(permissionCache.result === true)
+            return
+          }
+          let permissionResult
+          if (permissionCache) {
+            if (!permissionCache.promise) {
+              permissionCache.promise = cameraPermission()
+            }
+            permissionResult = await permissionCache.promise
+          } else {
+            permissionResult = await cameraPermission()
+          }
+          const granted = permissionResult === true
+          if (permissionCache) {
+            permissionCache.result = granted
+          }
+          setHasPermission(granted)
         } else {
           setHasPermission(true)
         }
       } catch (error) {
+        const permissionCache = getCameraPermissionCache(pageId)
+        if (permissionCache) {
+          permissionCache.result = false
+        }
         setHasPermission(false)
       }
     }

package/lib/runtime/components/react/mpx-canvas/index.tsx

@@ -33,6 +33,8 @@ import { createImageData as canvasCreateImageData } from './ImageData'
 import { useConstructorsRegistry } from './constructorsRegistry'
 import Portal from '../mpx-portal'
 
+type WebViewInstance = WebView<any>
+
 const stylesheet = StyleSheet.create({
   container: { overflow: 'hidden', flex: 0 },
   webview: {
@@ -52,10 +54,8 @@ interface CanvasProps {
   style?: Record<string, any>
   originWhitelist?: Array<string>
   'enable-var'?: boolean
-  'parent-font-size'?: number
   'parent-width'?: number
   'parent-height'?: number
-  'external-var-context'?: Record<string, any>
   bindtouchstart?: (event: NativeSyntheticEvent<TouchEvent>) => void
   bindtouchmove?: (event: NativeSyntheticEvent<TouchEvent>) => void
   bindtouchend?: (event: NativeSyntheticEvent<TouchEvent>) => void
@@ -65,7 +65,7 @@ interface CanvasProps {
 }
 
 const _Canvas = forwardRef<HandlerRef<CanvasProps & View, CanvasProps>, CanvasProps>((props: CanvasProps = {}, ref): JSX.Element => {
-  const { style = {}, originWhitelist = ['*'], 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight } = props
+  const { style = {}, originWhitelist = ['*'], 'enable-var': enableVar, 'parent-width': parentWidth, 'parent-height': parentHeight } = props
   const [isLoaded, setIsLoaded] = useState(false)
   const nodeRef = useRef(null)
 
@@ -77,8 +77,6 @@ const _Canvas = forwardRef<HandlerRef<CanvasProps & View, CanvasProps>, CanvasPr
     setHeight
   } = useTransformStyle(extendObject({}, style, stylesheet.container), {
     enableVar,
-    externalVarContext,
-    parentFontSize,
     parentWidth,
     parentHeight
   })
@@ -268,7 +266,7 @@ const _Canvas = forwardRef<HandlerRef<CanvasProps & View, CanvasProps>, CanvasPr
     canvasComponent = createElement(View, innerProps, createElement(
       WebView,
       {
-        ref: (element) => {
+        ref: (element: WebViewInstance | null) => {
           if (canvasRef.current) {
             canvasRef.current.webview = element
           }
@@ -293,7 +291,7 @@ const _Canvas = forwardRef<HandlerRef<CanvasProps & View, CanvasProps>, CanvasPr
   }
 
   canvasComponent = createElement(View, innerProps, createElement(WebView, {
-    ref: (element) => {
+    ref: (element: WebViewInstance | null) => {
       if (canvasRef.current) {
         canvasRef.current.webview = element
       }

package/lib/runtime/components/react/mpx-canvas/utils.tsx

@@ -42,7 +42,9 @@ export interface WebviewMessage {
 }
 
 export interface CanvasInstance {
-  webview: WebView | null;
+  // react-native-webview@13.17+ 将 WebView 泛型默认值由 {} 改为 undefined，
+  // ref 回调推断出的 WebView<unknown> 无法赋给默认实参化后的类型，这里显式用 any 兼容各版本
+  webview: WebView<any> | null;
   bus: Bus | null;
   context2D: CanvasRenderingContext2D;
   getContext: (contextType: string) => CanvasRenderingContext2D | null;

package/lib/runtime/components/react/mpx-checkbox-group.tsx

@@ -28,8 +28,6 @@ export interface CheckboxGroupProps {
   style?: ViewStyle & Record<string, any>
   'enable-offset'?: boolean
   'enable-var'?: boolean
-  'external-var-context'?: Record<string, any>
-  'parent-font-size'?: number
   'parent-width'?: number
   'parent-height'?: number
   children: ReactNode
@@ -45,8 +43,6 @@ const CheckboxGroup = forwardRef<
   const {
     style = {},
     'enable-var': enableVar,
-    'external-var-context': externalVarContext,
-    'parent-font-size': parentFontSize,
     'parent-width': parentWidth,
     'parent-height': parentHeight
   } = props
@@ -66,8 +62,6 @@ const CheckboxGroup = forwardRef<
     flexWrap: 'wrap'
   }
 
-  const styleObj = extendObject({}, defaultStyle, style)
-
   const {
     hasPositionFixed,
     hasSelfPercent,
@@ -76,7 +70,7 @@ const CheckboxGroup = forwardRef<
     varContextRef,
     setWidth,
     setHeight
-  } = useTransformStyle(styleObj, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight })
+  } = useTransformStyle(style, { enableVar, parentWidth, parentHeight, defaultStyle })
 
   const nodeRef = useRef(null)
 
@@ -169,7 +163,7 @@ const CheckboxGroup = forwardRef<
       CheckboxGroupContext.Provider,
       { value: contextValue },
       wrapChildren(
-        props,
+        props.children,
         {
           hasVarDec,
           varContext: varContextRef.current