[bug] 1）修复搜索时，搜索结果无变化的问题

qiulinFV · qiulinFV · commit 2e1b8cf3bac7 · 2023-06-06T14:30:04.000+08:00
2）修复选中点图层，切换右侧（基础-类别）为城市，(风格显示为全部)时，图标未显示出来的问题
diff --git a/examples/mapboxgl-v2/src/modules/symbol-selector/index.tsx b/examples/mapboxgl-v2/src/modules/symbol-selector/index.tsx
@@ -58,13 +58,13 @@ const SymbolSelector = (props: SymbolContentProps) => {
     }, [activeCategory]);
 
     const changeContentValues = async () => {
-        const newValues: any[] = await updateUIContents(searchValue, iconIds, activeStyleOptions, activeStyle, ids, type);
+        const newValues: any[] = await updateUIContents(searchValue, iconIds, activeStyleOptions, activeStyle, ids, type,activeCategory);
         setUIContents(newValues)
     }
 
     useEffect(() => {
         changeContentValues();
-    }, [activeCategory]);
+    }, [activeCategory, searchValue, activeStyle]);
 
     const getSymbol = (symbolInfos) => {
         return symbolInfos?.map(({ id, name, color, imageUrl }) => {
diff --git a/examples/mapboxgl-v2/src/modules/symbol-selector/symbol-selector-util.ts b/examples/mapboxgl-v2/src/modules/symbol-selector/symbol-selector-util.ts
@@ -52,7 +52,7 @@ const getAllIconIds = (allIcons, iconIds) => {
     return allIcons;
 };
 
-export async function updateUIContents(searchValue, iconIds, activeStyleOptions, activeStyle, ids, type) {
+export async function updateUIContents(searchValue, iconIds, activeStyleOptions, activeStyle, ids, type,activeCategory) {
     const uiParams: any[] = [];
     if (searchValue) {
         const allIcons: { id: string, name: string }[] = [];
@@ -68,13 +68,16 @@ export async function updateUIContents(searchValue, iconIds, activeStyleOptions,
         return uiParams;
     }
     if (activeStyleOptions && activeStyle === 'all') {
-        const allSymbol = getBaseAllSymbol(activeStyleOptions, ids);
+        const symbolIds = iconIds[activeCategory]
+        const allSymbol = getBaseAllSymbol(activeStyleOptions, symbolIds);
         for (const item of allSymbol) {
-            const cardInfo = await getImageUrl(type, item.id);
-            uiParams.push({
-                ...item,
-                ...cardInfo
-            });
+            for(const citem of item.symbols){
+                const cardInfo = await getImageUrl(type, citem.id);
+                uiParams.push({
+                    ...citem,
+                    ...cardInfo
+                });
+            }
         }
         return uiParams
     }
