@mpxjs/core 2.10.20 → 2.10.21

package/@types/index.d.ts

@@ -279,6 +279,14 @@ export interface WebviewConfig {
  * 输出为 ReactNative 时使用的特殊配置，用于与容器进行功能桥接
  */
 export interface RnConfig {
+  /**
+   * RN 节点未显式声明 box-sizing 时使用的默认盒模型。
+   *
+   * 默认值为 content-box，用于对齐小程序 / Web 的默认行为。
+   * 如需保留 RN 原始默认盒模型，可配置为 border-box。
+   */
+  defaultBoxSizing?: 'border-box' | 'content-box'
+
   /**
    * 当导航状态发生变化时触发，例如页面跳转、返回等。
    *
@@ -312,6 +320,13 @@ export interface RnConfig {
    */
   disableAppStateListener?: boolean
 
+  /**
+   * RN 文本类组件是否允许跟随系统字体缩放。
+   *
+   * @default false
+   */
+  allowFontScaling?: boolean
+
   /**
    * 控制首页回退按钮是否展示，并监听点击事件。
    *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/core",
-  "version": "2.10.20",
+  "version": "2.10.21",
   "description": "mpx runtime core",
   "keywords": [
     "miniprogram",
@@ -19,13 +19,15 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "@mpxjs/utils": "^2.10.20",
+    "@mpxjs/perf": "^2.10.21",
+    "@mpxjs/utils": "^2.10.21",
     "lodash": "^4.1.1",
     "miniprogram-api-typings": "^3.10.0"
   },
   "peerDependencies": {
     "@d11/react-native-fast-image": "*",
-    "@mpxjs/api-proxy": "^2.9.0",
+    "@mpxjs/api-proxy": "*",
+    "@mpxjs/store": "*",
     "@react-navigation/native": "*",
     "@react-navigation/native-stack": "*",
     "react": "*",
@@ -44,9 +46,6 @@
     "vue-i18n-bridge": "^9.2.2"
   },
   "peerDependenciesMeta": {
-    "@mpxjs/api-proxy": {
-      "optional": true
-    },
     "@d11/react-native-fast-image": {
       "optional": true
     },
@@ -119,5 +118,5 @@
     "url": "https://github.com/didi/mpx/issues"
   },
   "sideEffects": false,
-  "gitHead": "929d7a7954124c436aa24e0a66f71512a0ea1c8e"
+  "gitHead": "a2cbdad9f8dcc376f2098d217485525953b64cd9"
 }

package/src/index.js

@@ -154,7 +154,9 @@ Mpx.config = {
   /**
   * react-native 相关配置，用于挂载事件等，如 onShareAppMessage
   */
-  rnConfig: {}
+  rnConfig: {
+    defaultBoxSizing: 'content-box'
+  }
 }
 
 init(Mpx)

package/src/platform/builtInMixins/styleHelperMixin.ios.js

@@ -1,4 +1,5 @@
 import { isObject, isArray, dash2hump, cached, isEmptyObject, hasOwn, getFocusedNavigation } from '@mpxjs/utils'
+import * as perf from '@mpxjs/perf'
 import { StyleSheet, Dimensions } from 'react-native'
 import { reactive } from '../../observer/reactive'
 import Mpx from '../../index'
@@ -81,12 +82,12 @@ const empty = {}
 
 function formatValue (value, unitType) {
   if (!dimensionsInfoInitialized) useDimensionsInfo(global.__mpxAppDimensionsInfo)
-  if (unitType === 'hairlineWidth') {
-    return StyleSheet.hairlineWidth
-  }
   if (unitType && typeof unit[unitType] === 'function') {
     return unit[unitType](+value)
   }
+  if (value === 'hairlineWidth') {
+    return StyleSheet.hairlineWidth
+  }
   const matched = unitRegExp.exec(value)
   if (matched) {
     if (!matched[2] || matched[2] === 'px') {
@@ -95,7 +96,6 @@ function formatValue (value, unitType) {
       return unit[matched[2]](+matched[1])
     }
   }
-  if (hairlineRegExp.test(value)) return StyleSheet.hairlineWidth
   return value
 }
 
@@ -171,7 +171,6 @@ function stringifyDynamicClass (value) {
 const listDelimiter = /;(?![^(]*[)])/g
 const propertyDelimiter = /:(.+)/
 const unitRegExp = /^\s*(-?\d+(?:\.\d+)?)(rpx|vw|vh|px)?\s*$/
-const hairlineRegExp = /^\s*hairlineWidth\s*$/
 const varRegExp = /^--/
 
 const parseStyleText = cached((cssText) => {
@@ -254,6 +253,9 @@ export default function styleHelperMixin () {
         return concat(staticClass, stringifyDynamicClass(dynamicClass))
       },
       __getStyle (staticClass, dynamicClass, staticStyle, dynamicStyle, hide) {
+        let stopTotal
+        if (__mpx_perf_framework__) stopTotal = perf.scope('getStyle:total')
+
         const isNativeStaticStyle = staticStyle && isNativeStyle(staticStyle)
         let result = isNativeStaticStyle ? [] : {}
         const mergeResult = isNativeStaticStyle ? (...args) => result.push(...args) : (...args) => Object.assign(result, ...args)
@@ -261,6 +263,8 @@ export default function styleHelperMixin () {
         this.__getSizeCount()
 
         if (staticClass || dynamicClass) {
+          let stopClass
+          if (__mpx_perf_framework__) stopClass = perf.scope('getStyle:class')
           // todo 当前为了复用小程序unocss产物，暂时进行mpEscape，等后续正式支持unocss后可不进行mpEscape
           const classString = mpEscape(concat(staticClass, stringifyDynamicClass(dynamicClass)))
 
@@ -283,9 +287,12 @@ export default function styleHelperMixin () {
               mergeResult(this.__props[className])
             }
           })
+          if (__mpx_perf_framework__) stopClass()
         }
 
         if (staticStyle || dynamicStyle) {
+          let stopStyle
+          if (__mpx_perf_framework__) stopStyle = perf.scope('getStyle:style')
           const styleObj = {}
           if (isNativeStaticStyle) {
             if (Array.isArray(staticStyle)) {
@@ -298,6 +305,7 @@ export default function styleHelperMixin () {
           }
           Object.assign(styleObj, normalizeDynamicStyle(dynamicStyle))
           mergeResult(transformStyleObj(styleObj))
+          if (__mpx_perf_framework__) stopStyle()
         }
 
         if (hide) {
@@ -319,6 +327,7 @@ export default function styleHelperMixin () {
           })
         }
         const isEmpty = isNativeStaticStyle ? !result.length : isEmptyObject(result)
+        if (__mpx_perf_framework__) stopTotal()
         return isEmpty ? empty : result
       }
     }