@blocklet/pages-kit-block-studio 0.7.9 → 0.7.11

package/lib/cjs/plugins/_theme.js

@@ -46,7 +46,6 @@ 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");
@@ -413,7 +412,7 @@ function Layout({ loadState, loadedData }) {
             description: '',
         };
     };
-    let mergedPropertiesValues = (0, use_deep_compare_memo_1.useDeepCompareMemo)(() => {
+    let mergedPropertiesValues = (0, react_1.useMemo)(() => {
         return Object.fromEntries(Object.values(state.metadata.properties ?? {}).map(({ data }) => {
             return [
                 data.id,
@@ -459,9 +458,9 @@ function Layout({ loadState, loadedData }) {
         }
     }, { wait: 50 });
     // 当属性变化时触发重新渲染
-    (0, ahooks_1.useDeepCompareEffect)(() => {
+    (0, react_1.useEffect)(() => {
         triggerRerender();
-    }, [mergedPropertiesValues, mergedAllBlocks, state.metadata.id, locale]);
+    }, [JSON.stringify(mergedPropertiesValues), JSON.stringify(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 +665,7 @@ function Layout({ loadState, loadedData }) {
         handleDeleteBlock,
     ]);
     // 修改 middlePanelContent - iframe 内部监听消息
-    const middlePanelContent = (0, use_deep_compare_memo_1.useDeepCompareMemo)(() => {
+    const middlePanelContent = (0, react_1.useMemo)(() => {
         // 如果在iframe内部，添加消息接收逻辑
         if (isInsideIframe) {
             if (loadState.type === '404' || loadState.type === 'loading') {
@@ -859,12 +858,12 @@ function Layout({ loadState, loadedData }) {
         locale,
         mode,
         theme,
-        state.metadata || {},
-        mergedAllBlocks || [],
-        mergedPropertiesValues || {},
+        JSON.stringify(state.metadata || {}),
+        JSON.stringify(mergedAllBlocks || []),
+        JSON.stringify(mergedPropertiesValues || {}),
         handleDeleteBlock,
     ]);
-    const rightPanelContent = (0, use_deep_compare_memo_1.useDeepCompareMemo)(() => {
+    const rightPanelContent = (0, react_1.useMemo)(() => {
         if (state.draggingSplitPane) {
             return DraggingSplitPlaceholder;
         }
@@ -1028,11 +1027,11 @@ function Layout({ loadState, loadedData }) {
                                 };
                             } }) }) }))] }));
     }, [
-        state.metadata || {},
+        JSON.stringify(state.metadata || {}),
         locale,
         defaultLocale,
-        mergedAllBlocks || [],
-        mergedPropertiesValues || {},
+        JSON.stringify(mergedAllBlocks || []),
+        JSON.stringify(mergedPropertiesValues || {}),
         getStaticData,
         state.draggingSplitPane,
         mode,