fix #17484: 修复tsx文件对象层自定义属性读取错误

cocos/tiledmap/tiled-types.ts

@@ -28,7 +28,7 @@
 import { HorizontalTextAlignment, VerticalTextAlignment } from '../2d/components/label';
 import { Texture2D } from '../asset/assets';
 
 export type PropertiesInfo = { [key: string]: number | string };
 export type TiledAnimationType = Map<GID, TiledAnimation>;
 
 export interface TiledAnimation {
@@ -378,7 +378,7 @@
 
     collection = false;
 
     rectForGID (gid_: MixedGID | GID, result?: TiledGrid): Rect | TiledGrid {
         const rect = result || new Rect(0, 0, 0, 0);
         rect.width = this._tileSize.width;
         rect.height = this._tileSize.height;
@@ -441,6 +441,7 @@
 }
 
 export interface TMXObject {
+    properties: PropertiesInfo;
     id: number | string;
     name: string;
     width: number;

cocos/tiledmap/tmx-xml-parser.ts

@@ -89,7 +89,7 @@
 
 function getPropertyList (node: Element, map?: PropertiesInfo): PropertiesInfo {
     const res: any[] = [];
-    const properties = node.getElementsByTagName('properties');
+    const properties = Array.from(node.getElementsByTagName('properties')).filter(element => element.parentNode === node);
     for (let i = 0; i < properties.length; ++i) {
         const property = properties[i].getElementsByTagName('property');
         for (let j = 0; j < property.length; ++j) {
@@ -105,13 +105,13 @@
 
         let value = element.getAttribute('value');
         if (type === 'int') {
             value = parseInt(value);
         } else if (type === 'float') {
             value = parseFloat(value);
         } else if (type === 'bool') {
             value = value === 'true';
         } else if (type === 'color') {
             value = strToColor(value);
         }
 
         map![name] = value;
@@ -204,8 +204,8 @@
 
     protected _imageLayerSPF: { [key: string]: SpriteFrame } | null = null;
 
     constructor (tmxFile: string, tsxContentMap: { [key: string]: string }, spfTexturesMap: { [key: string]: SpriteFrame },
         textureSizes: { [key: string]: Size }, imageLayerTextures: { [key: string]: SpriteFrame }) {
         this.initWithXML(tmxFile, tsxContentMap, spfTexturesMap, textureSizes, imageLayerTextures);
     }
 
@@ -945,7 +945,7 @@
 
                 objectProp.rotation = parseFloat(selObj.getAttribute('rotation')!) || 0;
 
-                getPropertyList(selObj, objectProp as any);
+                objectProp.properties = getPropertyList(selObj);
 
                 // visible
                 const visibleAttr = selObj.getAttribute('visible');