@blocklet/pages-kit-block-studio 0.6.104 → 0.6.105

package/lib/cjs/plugins/_theme.js

@@ -46,6 +46,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const Session_1 = require("@arcblock/did-connect-react/lib/Session");
 const Config_1 = require("@arcblock/ux/lib/Config");
 const context_1 = require("@arcblock/ux/lib/Locale/context");
+const use_deep_compare_memo_1 = require("@blocklet/pages-kit/hooks/use-deep-compare-memo");
 const Toast_1 = __importStar(require("@arcblock/ux/lib/Toast"));
 const js_sdk_1 = require("@blocklet/js-sdk");
 const theme_1 = require("@blocklet/pages-kit-inner-components/theme");
@@ -70,7 +71,6 @@ const Settings_1 = __importDefault(require("@mui/icons-material/Settings"));
 const SortByAlpha_1 = __importDefault(require("@mui/icons-material/SortByAlpha"));
 const material_1 = require("@mui/material");
 const ahooks_1 = require("ahooks");
-const ahooks_2 = require("ahooks");
 const cloneDeep_1 = __importDefault(require("lodash/cloneDeep"));
 const get_1 = __importDefault(require("lodash/get"));
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -260,7 +260,7 @@ function Layout({ loadState, loadedData }) {
     const staticData = (0, client_1.useStaticData)();
     // 获取当前URL参数判断是否是在iframe内
     const isInsideIframe = useIsInsideIframe();
-    (0, ahooks_2.useUpdateEffect)(() => {
+    (0, ahooks_1.useUpdateEffect)(() => {
         const iframe = document.querySelector('#preview-iframe');
         if (iframe && iframe.contentWindow) {
             // 创建精简版数据，只包含必要信息，并避免循环引用
@@ -413,7 +413,7 @@ function Layout({ loadState, loadedData }) {
             description: '',
         };
     };
-    let mergedPropertiesValues = (0, react_1.useMemo)(() => {
+    let mergedPropertiesValues = (0, use_deep_compare_memo_1.useDeepCompareMemo)(() => {
         return Object.fromEntries(Object.values(state.metadata.properties ?? {}).map(({ data }) => {
             return [
                 data.id,
@@ -426,7 +426,7 @@ function Layout({ loadState, loadedData }) {
                 },
             ];
         }));
-    }, [JSON.stringify(state.metadata.properties), JSON.stringify(state.propertiesValue)]);
+    }, [state.metadata.properties, state.propertiesValue]);
     // 添加防抖函数，延迟渲染
     const { run: triggerRerender } = (0, ahooks_1.useDebounceFn)(() => {
         // 发送消息到 iframe
@@ -459,9 +459,9 @@ function Layout({ loadState, loadedData }) {
         }
     }, { wait: 50 });
     // 当属性变化时触发重新渲染
-    (0, react_1.useEffect)(() => {
+    (0, ahooks_1.useDeepCompareEffect)(() => {
         triggerRerender();
-    }, [JSON.stringify(mergedPropertiesValues), JSON.stringify(mergedAllBlocks), state.metadata.id, locale]);
+    }, [mergedPropertiesValues, mergedAllBlocks, state.metadata.id, locale]);
     const DraggingSplitPlaceholder = (0, react_1.useMemo)(() => {
         return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                 p: 1.5,
@@ -666,7 +666,7 @@ function Layout({ loadState, loadedData }) {
         handleDeleteBlock,
     ]);
     // 修改 middlePanelContent - iframe 内部监听消息
-    const middlePanelContent = (0, react_1.useMemo)(() => {
+    const middlePanelContent = (0, use_deep_compare_memo_1.useDeepCompareMemo)(() => {
         // 如果在iframe内部，添加消息接收逻辑
         if (isInsideIframe) {
             if (loadState.type === '404' || loadState.type === 'loading') {
@@ -859,12 +859,12 @@ function Layout({ loadState, loadedData }) {
         locale,
         mode,
         theme,
-        JSON.stringify(state.metadata || {}),
-        JSON.stringify(mergedAllBlocks || []),
-        JSON.stringify(mergedPropertiesValues || {}),
+        state.metadata || {},
+        mergedAllBlocks || [],
+        mergedPropertiesValues || {},
         handleDeleteBlock,
     ]);
-    const rightPanelContent = (0, react_1.useMemo)(() => {
+    const rightPanelContent = (0, use_deep_compare_memo_1.useDeepCompareMemo)(() => {
         if (state.draggingSplitPane) {
             return DraggingSplitPlaceholder;
         }
@@ -1028,11 +1028,11 @@ function Layout({ loadState, loadedData }) {
                                 };
                             } }) }) }))] }));
     }, [
-        JSON.stringify(state.metadata || {}),
+        state.metadata || {},
         locale,
         defaultLocale,
-        JSON.stringify(mergedAllBlocks || []),
-        JSON.stringify(mergedPropertiesValues || {}),
+        mergedAllBlocks || [],
+        mergedPropertiesValues || {},
         getStaticData,
         state.draggingSplitPane,
         mode,