fix: fix some js widget and lite widget expression result bugs

Signed-off-by: lileirjyb <[email protected]>

Author: lilei946

packages/hap-packager/src/post-handler/js-card-post.js

@@ -2,7 +2,14 @@
  * Copyright (c) 2024-present, the hapjs-platform Project Contributors
  * SPDX-License-Identifier: Apache-2.0
  */
-
+import {
+  isExpr,
+  isFunctionStr,
+  isObject,
+  isConstObjOrArray,
+  isSimpleArr,
+  isSimplePath
+} from './utils'
 import { templater } from '@hap-toolkit/compiler'
 const { validator } = templater
 
@@ -11,11 +18,6 @@ const TYPE_IMPORT = 'import'
 // 需要进行后处理的模块key
 const TEMPLATE_KEY = 'template'
 
-const pathTestRE =
-  /^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['.*?'\]|\[".*?"\]|\[\d+\]|\[[A-Za-z_$][\w$]*\])*$/
-
-const literalValueRE = /^(?:true|false|null|undefined|Infinity|NaN)$/
-
 // 节点标记，同一节点可能同时符合多个kind定义，按priority高的进行标记
 const ENUM_KIND_TYPE = {
   ELEMENT: {
@@ -235,69 +237,26 @@ function markAttr(template) {
   }
 }
 
-function isExpr(val) {
-  if (!val) return false
-  return validator.isExpr(val)
-}
-
-function isFunctionStr(str) {
-  const pattern = /^\s*function\s*\([\w\s,$]*\)\s*\{[\s\S]*\}\s*$/
-  return pattern.test(str.trim())
-}
-
-function isObject(obj) {
-  return obj && Object.prototype.toString.call(obj) === '[object Object]' && obj !== null
-}
-
 function getExprRes(exprRaw, expr) {
   const tokens = validator.parseText(exprRaw.trim())
   if (tokens.length > 1) {
     return expr
   }
 
   const parsed = tokens[0].value
-  if (isObjOrArray(parsed) || (isSimplePath(parsed) && isSimpleArr(parsed))) {
-    // 简单表达式
-    // 目前只有 {{name}}、{{title.name}}、{{title[0]}}、{{[1,2,3]}}、{{ {a: 1} }} 算作简单表达式
+  if (isConstObjOrArray(parsed)) {
+    // 简单表达式 {{ [1,2,3] }}、{{ {a: 1} }}
+    // eslint-disable-next-line no-eval
+    return eval(`(${parsed})`)
+  } else if (isSimplePath(parsed) && isSimpleArr(parsed)) {
+    // 简单表达式 {{name}}、{{title.name}}、{{title['name']}}、{{title[0]}}
     return parsed // {{ name }} -> name
   } else {
     // 复杂表达式，返回function形式的表达式结果
     return expr // {{a + b}} -> function () { return this.a + this.b }
   }
 }
 
-function isObjOrArray(exp) {
-  return Object.prototype.toString.call(exp) === '[object Object]' || Array.isArray(exp)
-}
-function isSimpleArr(exp) {
-  // eslint-disable-next-line no-useless-escape
-  const regex = /\[([^\[\]]+)\]/g
-  let match
-  const results = []
-
-  while ((match = regex.exec(exp)) !== null) {
-    results.push(match[1])
-  }
-
-  let res = true
-  // 检查所有[]匹配项是否全部为数字或常量字符串
-  results.forEach((content) => {
-    if (!/^\d+$/.test(content) && !/^('|")(.*)\1$/.test(content)) {
-      res = false
-    }
-  })
-  return res
-}
-function isSimplePath(exp) {
-  return (
-    pathTestRE.test(exp) &&
-    // true/false/null/undefined/Infinity/NaN
-    !literalValueRE.test(exp) &&
-    // Math常量
-    exp.slice(0, 5) !== 'Math.'
-  )
-}
-
 export function postHandleJSCardRes(JsCardRes) {
   const uxList = Object.keys(JsCardRes)
 

packages/hap-packager/src/post-handler/lite-card-post.js

@@ -4,14 +4,14 @@
  */
 
 import { templateValueToCardCode } from '@aiot-toolkit/card-expression'
+import { isExpr, isObject, isConstObjOrArray, isSimpleArr, isSimplePath } from './utils'
 import { templater } from '@hap-toolkit/compiler'
 const { validator } = templater
 
 const TYPE_IMPORT = 'import'
 // 需要进行后处理的模块key
 const TEMPLATE_KEY = 'template'
 const ACTIONS_KEY = 'actions'
-const SIMPLE_EXPR_MODIFIERS = ['$', '.', '[]', '~', '{}']
 
 // 节点标记，同一节点可能同时符合多个kind定义，按priority高的进行标记
 const ENUM_KIND_TYPE = {
@@ -334,52 +334,34 @@ function markAttr(template) {
   }
 }
 
-function isExpr(val) {
-  if (!val) return false
-  return validator.isExpr(val)
-}
-
-function isObject(obj) {
-  return obj && Object.prototype.toString.call(obj) === '[object Object]' && obj !== null
-}
+function getExprRes(exprRaw) {
+  const tokens = validator.parseText(exprRaw.trim())
+  if (tokens.length > 1) {
+    return exprRaw
+  }
 
-function getPrefixExpr(expr) {
-  const res = templateValueToCardCode(expr)
-  const parsed = JSON.parse(res)
-  if (isSimpleExpr(parsed)) {
-    // 简单表达式
-    // 目前只有 {{name}}、{{title.name}}、{{title[0]}}、{{[1,2,3]}}、{{ {a: 1} }} 算作简单表达式
-    return {
-      rawExpr: validator.parseText(expr)[0].value, // {{ name }} -> name
-      prefixExpr: parsed // {{ name }} -> ['$', 'name']
-    }
+  const parsed = tokens[0].value
+  if (isConstObjOrArray(parsed)) {
+    // 简单表达式 {{ [1,2,3] }}、{{ {a: 1} }}
+    // eslint-disable-next-line no-eval
+    return eval(`(${parsed})`)
+  } else if (isSimplePath(parsed) && isSimpleArr(parsed)) {
+    // 简单表达式 {{name}}、{{title.name}}、{{title['name']}}、{{title[0]}}
+    return parsed // {{ name }} -> name
   } else {
-    // 复杂表达式
-    return {
-      rawExpr: expr, // {{ a + b }} -> {{ a + b }}
-      prefixExpr: parsed // {{ a + b }} -> ["+",["$","a"],["$","b"]]
-    }
+    // 复杂表达式，返回function形式的表达式结果
+    return exprRaw // {{a + b}} -> function () { return this.a + this.b }
   }
 }
 
-// 根据操作符来判断是否为简单表达式
-function isSimpleExpr(expr) {
-  if (!expr || !Array.isArray(expr)) return false
-
-  const modifierList = []
-  getAllModifiers(expr, modifierList)
-  return modifierList.every((modifier) => SIMPLE_EXPR_MODIFIERS.includes(modifier))
-}
-
-function getAllModifiers(exprList, modifierList) {
-  modifierList.push(exprList[0])
-  for (let i = 1; i < exprList.length; i++) {
-    if (Array.isArray(exprList[i])) {
-      // 如果当前元素是数组，递归调用，找出所有的操作符
-      getAllModifiers(exprList[i], modifierList)
-    }
+function getPrefixExpr(exprRaw) {
+  const res = templateValueToCardCode(exprRaw)
+  const parsed = JSON.parse(res)
+  const rawExpr = getExprRes(exprRaw)
+  return {
+    rawExpr: rawExpr, // {{ name }} -> name
+    prefixExpr: parsed // {{ name }} -> ['$', 'name']
   }
-  return modifierList
 }
 
 export function postHandleLiteCardRes(liteCardRes) {

packages/hap-packager/src/post-handler/utils.js

@@ -0,0 +1,63 @@
+import { templater } from '@hap-toolkit/compiler'
+const { validator } = templater
+
+const pathTestRE =
+  /^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['.*?'\]|\[".*?"\]|\[\d+\]|\[[A-Za-z_$][\w$]*\])*$/
+
+const literalValueRE = /^(?:true|false|null|undefined|Infinity|NaN)$/
+
+export function isExpr(val) {
+  if (!val) return false
+  return validator.isExpr(val)
+}
+
+export function isFunctionStr(str) {
+  const pattern = /^\s*function\s*\([\w\s,$]*\)\s*\{[\s\S]*\}\s*$/
+  return pattern.test(str.trim())
+}
+
+export function isObject(obj) {
+  return obj && Object.prototype.toString.call(obj) === '[object Object]' && obj !== null
+}
+
+export function isConstObjOrArray(exp) {
+  try {
+    // "[1, 2, 3]"、"{a: 1}" 常量作为模板内容时
+    // eslint-disable-next-line no-eval
+    eval(`(${exp})`)
+    return true
+  } catch (e) {
+    return false
+  }
+}
+
+export function isSimpleArr(exp) {
+  // a.b.c，或 a['b']['c'] 返回 true
+  // eslint-disable-next-line no-useless-escape
+  const regex = /\[([^\[\]]+)\]/g
+  let match
+  const results = []
+
+  while ((match = regex.exec(exp)) !== null) {
+    results.push(match[1])
+  }
+
+  let res = true
+  // 检查所有[]匹配项是否全部为数字或常量字符串
+  results.forEach((content) => {
+    if (!/^\d+$/.test(content) && !/^('|"|`)(.*)\1$/.test(content)) {
+      res = false
+    }
+  })
+  return res
+}
+
+export function isSimplePath(exp) {
+  return (
+    pathTestRE.test(exp) &&
+    // true/false/null/undefined/Infinity/NaN
+    !literalValueRE.test(exp) &&
+    // Math常量
+    exp.slice(0, 5) !== 'Math.'
+  )
+}