@blocklet/pages-kit 0.5.53 → 0.5.55

package/lib/cjs/components/CustomComponentRenderer/state.js

@@ -34,6 +34,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const css_1 = require("@emotion/css");
 const material_1 = require("@mui/material");
 const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
+const omit_1 = __importDefault(require("lodash/omit"));
 const set_1 = __importDefault(require("lodash/set"));
 const react_1 = require("react");
 const react_helmet_1 = require("react-helmet");
@@ -323,21 +324,25 @@ function usePreloadComponent({ instanceId, componentId, properties, locale, dev
     const realLocale = getRealLocale(locale);
     const result = getComponentByComponentId({ componentId, locale: realLocale, instanceId });
     if (result) {
-        previousRef.current = result;
+        // 只缓存 props 以外的数据，props 会跟随语言动态更新
+        previousRef.current = (0, omit_1.default)(result, 'props');
         return result;
     }
     if (instanceId) {
         const key = [instanceId, realLocale].join('-');
-        COMPONENT_LOADER_MAP[key] ??= (0, exports.customComponentStates)()
-            .getState()
-            .loadComponents({
-            mode: dev?.mode,
-            projectId: dev?.projectId ?? window.__PROJECT_ID__,
-            locale: realLocale,
-            instances: [{ id: instanceId, component: { id: componentId }, properties }],
-        });
-        if (previousRef.current)
-            return previousRef.current;
+        const componentState = (0, exports.customComponentStates)().getState();
+        COMPONENT_LOADER_MAP[key] ??=
+            Promise.resolve(componentState.getComponent({ componentId, locale: realLocale ?? dev?.defaultLocale ?? 'en' })) ??
+                componentState.loadComponents({
+                    mode: dev?.mode,
+                    projectId: dev?.projectId ?? window.__PROJECT_ID__,
+                    locale: realLocale,
+                    instances: [{ id: instanceId, component: { id: componentId }, properties }],
+                });
+    }
+    // 如果前置 preload 已经触发过了，直接返回，不再触发下面的 /preload 逻辑
+    if (previousRef.current) {
+        return previousRef.current;
     }
     return null;
 }