Optimize the volume of the product (#164)

* style: modify the variable name

* perf: lodash change to load on demand

Author: erhulee

src/extension/useExportControlToExtension.ts

@@ -1,4 +1,4 @@
-import _ from 'lodash';
+import get from 'lodash/get';
 import { useEffect, useState } from 'react';
 import { Control, useFormState, useWatch } from 'react-hook-form';
 import useDeepCompareEffect from 'use-deep-compare-effect';
@@ -62,17 +62,17 @@ export function useExportControlToExtension({
       nestedErrors,
     );
 
-    const errors = Object.entries(flatErrors).reduce((perv, [key, value]) => {
-      perv[key] = {
+    const errors = Object.entries(flatErrors).reduce((prev, [key, value]) => {
+      prev[key] = {
         type: value?.type as string,
         message: value?.message as string,
       };
-      return perv;
+      return prev;
     }, {} as Record<string, { type?: string; message?: string }>);
 
-    const nativeFields = flatFieldNames.reduce((perv, name) => {
-      perv[name] = !!_.get(control._fields, name)?._f?.ref?.type;
-      return perv;
+    const nativeFields = flatFieldNames.reduce((prev, name) => {
+      prev[name] = !!get(control._fields, name)?._f?.ref?.type;
+      return prev;
     }, {} as Record<string, boolean>);
 
     const updateMessagePayload: UpdatePayload = {

src/extension/utils.ts

@@ -1,9 +1,9 @@
-import _ from 'lodash';
+import get from 'lodash/get';
 
 export function proxyToObject<T extends Record<string, any>>(proxy: T) {
-  return Reflect.ownKeys(proxy).reduce((perv, key) => {
-    perv[key as keyof T] = proxy[key as keyof T];
-    return perv;
+  return Reflect.ownKeys(proxy).reduce((prev, key) => {
+    prev[key as keyof T] = proxy[key as keyof T];
+    return prev;
   }, {} as T);
 }
 
@@ -12,9 +12,9 @@ export function nestToFlat<V>(
   obj: object,
   defaultValue?: V,
 ) {
-  return flatKeys.reduce((perv, name) => {
+  return flatKeys.reduce((prev, name) => {
     // nested field may be `undefined`
-    perv[name] = _.get(obj, name) || defaultValue;
-    return perv;
+    prev[name] = get(obj, name) || defaultValue;
+    return prev;
   }, {} as Record<string, V>);
 }