fix(runtime): 修复 html 解析器分析属性时对空格的错误处理，fix #6911

packages/taro-runtime/src/dom/html/parser.ts

@@ -94,7 +94,9 @@ function splitEqual (str: string) {
  const sep = '='
  const idx = str.indexOf(sep)
  if (idx === -1) return [str]
- return [str.slice(0, idx), str.slice(idx + sep.length)]
+ const key = str.slice(0, idx).trim()
+ const value = str.slice(idx + sep.length).trim()
+ return [key, value]
 }
 
 function format (children: ChildNode[]) {

packages/taro-runtime/src/dom/html/scaner.ts

@@ -62,6 +62,11 @@ function isWhitespaceChar (char: string) {
  return whitespace.test(char)
 }
 
+const equalSign = /=/
+function isEqualSignChar (char: string) {
+ return equalSign.test(char)
+}
+
 function shouldBeIgnore (tagName: string) {
  const name = tagName.toLowerCase()
  if (options.html.skipElements.has(name)) {
@@ -86,6 +91,30 @@ function findTextEnd (str: string, index: number) {
  }
 }
 
+function isWordEnd (cursor: number, wordBegin: number, html: string) {
+ if (!isWhitespaceChar(html.charAt(cursor))) return false
+
+ const len = html.length
+
+ // backwrad
+ for (let i = cursor - 1; i > wordBegin; i--) {
+ const char = html.charAt(i)
+ if (!isWhitespaceChar(char)) {
+ if (isEqualSignChar(char)) return false
+ break
+ }
+ }
+
+ // forward
+ for (let i = cursor + 1; i < len; i++) {
+ const char = html.charAt(i)
+ if (!isWhitespaceChar(char)) {
+ if (isEqualSignChar(char)) return false
+ return true
+ }
+ }
+}
+
 export class Scaner {
  private tokens: Token[] = []
 
@@ -248,8 +277,7 @@ export class Scaner {
  break
  }
 
- const isWordEnd = isWhitespaceChar(char)
- if (isWordEnd) {
+ if (isWordEnd(cursor, wordBegin, html)) {
  if (cursor !== wordBegin) {
  words.push(html.slice(wordBegin, cursor))
  }