@rchemist/listgrid 0.2.18 → 0.2.19

package/dist/listgrid/components/fields/CustomOptionField.js

@@ -11,6 +11,9 @@ import { MultiSelectBox } from '../../ui';
 import { getEndpoint } from '../../config/RuntimeConfig';
 // alias별 options 캐시 (동일 페이지 내에서 공유)
 const customOptionCache = new Map();
+// alias 캐시 키 정규화: 앞뒤 공백 제거 + lowercase.
+// 백엔드의 OptionService.normalizeAlias 와 동일한 규칙.
+const aliasCacheKey = (alias) => alias?.trim().toLowerCase();
 export class CustomOptionField extends OptionalField {
     constructor(name, order, alias, multiple) {
         super(name, order, 'custom');
@@ -136,12 +139,14 @@ export class CustomOptionField extends OptionalField {
     }
 }
 export async function getCustomOptionValues(alias) {
+    const trimmedAlias = alias?.trim();
+    const cacheKey = aliasCacheKey(alias);
     // 캐시에 있으면 캐시에서 반환
-    if (customOptionCache.has(alias)) {
-        return customOptionCache.get(alias);
+    if (customOptionCache.has(cacheKey)) {
+        return customOptionCache.get(cacheKey);
     }
     const response = await getExternalApiDataWithError({
-        url: `${getEndpoint('customOptionByAlias')}/${alias}`,
+        url: `${getEndpoint('customOptionByAlias')}/${trimmedAlias}`,
         method: 'GET',
     });
     // 데이터가 정상적으로 들어왔다면 옵션 데이터를 생성해 반환한다. 오류가 발생했다면(alias 가 없거나 하는 경우) 빈 배열을 반환한다.
@@ -149,7 +154,7 @@ export async function getCustomOptionValues(alias) {
         const options = [
             ...response.data.values.map((item) => ({ value: item.value, label: item.label })),
         ];
-        customOptionCache.set(alias, options);
+        customOptionCache.set(cacheKey, options);
         return options;
     }
     return [];
@@ -159,13 +164,13 @@ export async function getCustomOptionValues(alias) {
  * ViewListGrid에서 목록 렌더링 전에 호출하여 N+1 문제 방지
  */
 export async function prefetchCustomOptions(aliases) {
-    // 이미 캐시에 있는 alias 제외
-    const uncachedAliases = aliases.filter((alias) => !customOptionCache.has(alias));
+    // 이미 캐시에 있는 alias 제외 (캐시 키는 trim + lowercase 정규화)
+    const uncachedAliases = aliases.filter((alias) => !customOptionCache.has(aliasCacheKey(alias)));
     if (uncachedAliases.length === 0) {
         return;
     }
     const params = new URLSearchParams();
-    uncachedAliases.forEach((alias) => params.append('aliases', alias));
+    uncachedAliases.forEach((alias) => params.append('aliases', alias?.trim()));
     const response = await getExternalApiDataWithError({
         url: `${getEndpoint('customOptionByAliases')}?${params.toString()}`,
         method: 'GET',
@@ -177,7 +182,7 @@ export async function prefetchCustomOptions(aliases) {
                     value: item.value,
                     label: item.label,
                 }));
-                customOptionCache.set(optionData.alias, options);
+                customOptionCache.set(aliasCacheKey(optionData.alias), options);
             }
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rchemist/listgrid",
-    "version": "0.2.18",
+    "version": "0.2.19",
     "private": false,
     "description": "Framework-free React CRUD UI engine — primitive-based design system, data-attr theming, and a full list/form renderer for RCM-framework-style entity backends.",
     "keywords": [