From 7b5e8695be393d11e3a80c9e7a96368d6e85bc3b Mon Sep 17 00:00:00 2001
From: ZakaryCode <zakarycode@gmail.com>
Date: Tue, 5 Sep 2023 11:35:42 +0800
Subject: [PATCH] =?UTF-8?q?fix(size):=20=E4=BC=98=E5=8C=96=E6=96=B9?=
 =?UTF-8?q?=E6=B3=95=E9=BB=98=E8=AE=A4=E5=80=BC=EF=BC=8C=E9=81=BF=E5=85=8D?=
 =?UTF-8?q?=E6=8F=90=E5=89=8D=E8=B0=83=E7=94=A8=E5=AF=BC=E8=87=B4=E6=8A=A5?=
 =?UTF-8?q?=E9=94=99=20fix=20#14360?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/taro-api/src/tools.js   | 12 ++++++----
 packages/taro-h5/src/api/taro.ts | 39 ++++++++++++++++++++------------
 2 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/packages/taro-api/src/tools.js b/packages/taro-api/src/tools.js
index fc1c856fb9dc..ff467370b2e7 100644
--- a/packages/taro-api/src/tools.js
+++ b/packages/taro-api/src/tools.js
@@ -45,17 +45,19 @@ export function getInitPxTransform (taro) {
 export function getPxTransform (taro) {
   return function (size) {
     const config = taro.config || {}
-    const deviceRatio = config.deviceRatio || defaultDesignRatio
     const baseFontSize = config.baseFontSize
+    const deviceRatio = config.deviceRatio || defaultDesignRatio
     const designWidth = (((input = 0) => isFunction(config.designWidth)
       ? config.designWidth(input)
       : config.designWidth || defaultDesignWidth))(size)
     if (!(designWidth in deviceRatio)) {
       throw new Error(`deviceRatio 配置中不存在 ${designWidth} 的设置！`)
     }
+    const targetUnit = config.targetUnit || defaultTargetUnit
+    const unitPrecision = config.unitPrecision || defaultUnitPrecision
     const formatSize = ~~size
     let rootValue = 1 / deviceRatio[designWidth]
-    switch (config.targetUnit) {
+    switch (targetUnit) {
       case 'rem':
         rootValue *= baseFontSize * 2
         break
@@ -64,9 +66,9 @@ export function getPxTransform (taro) {
         break
     }
     let val = formatSize / rootValue
-    if (config.unitPrecision >= 0 && config.unitPrecision <= 100) {
-      val = Number(val.toFixed(config.unitPrecision))
+    if (unitPrecision >= 0 && unitPrecision <= 100) {
+      val = Number(val.toFixed(unitPrecision))
     }
-    return val + config.targetUnit
+    return val + targetUnit
   }
 }
diff --git a/packages/taro-h5/src/api/taro.ts b/packages/taro-h5/src/api/taro.ts
index 3909028f970b..607affe4ed02 100644
--- a/packages/taro-h5/src/api/taro.ts
+++ b/packages/taro-h5/src/api/taro.ts
@@ -50,16 +50,22 @@ function getConfig (): Record<string, any> {
   return ((taro as any).config ||= {})
 }
 
+const defaultDesignWidth = 750
+const defaultDesignRatio: TaroGeneral.TDeviceRatio = {
+  640: 2.34 / 2,
+  750: 1,
+  828: 1.81 / 2
+}
+const defaultBaseFontSize = 20
+const defaultUnitPrecision = 5
+const defaultTargetUnit = 'rem'
+
 const initPxTransform = function ({
-  designWidth = 750,
-  deviceRatio = {
-    640: 2.34 / 2,
-    750: 1,
-    828: 1.81 / 2
-  } as TaroGeneral.TDeviceRatio,
-  baseFontSize = 20,
-  unitPrecision = 5,
-  targetUnit = 'rem'
+  designWidth = defaultDesignWidth,
+  deviceRatio = defaultDesignRatio,
+  baseFontSize = defaultBaseFontSize,
+  unitPrecision = defaultUnitPrecision,
+  targetUnit = defaultTargetUnit
 }) {
   const config = getConfig.call(this)
   config.designWidth = designWidth
@@ -71,16 +77,19 @@ const initPxTransform = function ({
 
 const pxTransform = function (size = 0) {
   const config = getConfig.call(this)
-  const baseFontSize = config.baseFontSize || 20
+  const baseFontSize = config.baseFontSize || defaultBaseFontSize
+  const deviceRatio = config.deviceRatio || defaultDesignRatio
   const designWidth = (((input = 0) => isFunction(config.designWidth)
     ? config.designWidth(input)
     : config.designWidth))(size)
   if (!(designWidth in config.deviceRatio)) {
     throw new Error(`deviceRatio 配置中不存在 ${designWidth} 的设置！`)
   }
+  const targetUnit = config.targetUnit || defaultTargetUnit
+  const unitPrecision = config.unitPrecision || defaultUnitPrecision
   const formatSize = ~~size
-  let rootValue = 1 / config.deviceRatio[designWidth]
-  switch (config?.targetUnit) {
+  let rootValue = 1 / deviceRatio[designWidth]
+  switch (targetUnit) {
     case 'vw':
       rootValue = designWidth / 100
       break
@@ -92,11 +101,11 @@ const pxTransform = function (size = 0) {
       rootValue *= baseFontSize * 2
   }
   let val: number | string = formatSize / rootValue
-  if (config.unitPrecision >= 0 && config.unitPrecision <= 100) {
+  if (unitPrecision >= 0 && unitPrecision <= 100) {
     // Number(val): 0.50000 => 0.5
-    val = Number(val.toFixed(config.unitPrecision))
+    val = Number(val.toFixed(unitPrecision))
   }
-  return val + config?.targetUnit
+  return val + targetUnit
 }
 
 const canIUseWebp = function () {