fix: memory consumption is too high

Author: jljsj33

package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "antd": "^3.10.1",
     "autoresponsive-react": "^1.1.31",
+    "deep-eql": "^4.0.0",
     "enquire-js": "^0.2.1",
     "leancloud-storage": "^3.14.0",
     "query-string": "^6.8.2",
@@ -45,7 +46,6 @@
     "commander": "~3.0.0",
     "concurrently": "^5.0.0",
     "cross-env": "^6.0.2",
-    "deep-eql": "^4.0.0",
     "dragula": "^3.7.2",
     "eslint": "^6.0.0",
     "eslint-config-airbnb": "^17.0.0",

site/edit/template/components/ListComponents/EditorComp.jsx

@@ -43,6 +43,7 @@ class EditorComp extends React.Component {
     };
     newTemplateData.data.style = (newTemplateData.data.style || []).filter(c => c.id !== cb.id);
     newTemplateData.data.style.push(data);
+    console.log(Date.now());
     dispatch(actions.setTemplateData(newTemplateData));
   }
 
@@ -83,6 +84,7 @@ class EditorComp extends React.Component {
   }
 
   render() {
+    console.log(Date.now());
     const { currentEditData, mediaStateSelect, location } = this.props;
     const isCN = isZhCN(location.pathname);
     if (!currentEditData) {

site/shared/localStorage.js

@@ -66,7 +66,7 @@ export const getHistory = () => store.get(LOCAL_STORAGE_HISTORY_KEY, []);
 // TODO: why 30?
 export const pushToHistory = (data) => {
   const history = getHistory();
-  if (history.length >= 30) {
+  if (history.length >= 15) {
     history.shift();
   }
   history.push(data);

site/utils.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-
+import deepEql from 'deep-eql';
 import tempData from './templates/template/element/template.config';
 import { isZhCN, getLocalizedPathname } from './theme/template/utils';
 
@@ -182,22 +182,6 @@ function getEnumerableKeys(target) {
   return keys;
 }
 
-function deepEql(a, b) {
-  if (!a || !b || (Array.isArray(a) && Array.isArray(b))) {
-    return false;
-  }
-  const $a = getEnumerableKeys(a);
-  const $b = getEnumerableKeys(b);
-  if ($a.length && $b.length && $a.length === $b.length) {
-    return !$a.some((key) => {
-      const aa = a[key];
-      const bb = b[key];
-      return aa !== bb;
-    });
-  }
-  return false;
-}
-
 export function objectEqual(obj1, obj2) {
   if (obj1 === obj2 || deepEql(obj1, obj2)) {
     return true;
@@ -258,7 +242,6 @@ export function objectEqual(obj1, obj2) {
   setEqualBool(obj2, obj1);
   return equalBool;
 }
-
 const getParentRect = (item, parentData) => {
   const p = [];
   let i = 0;