linkmore-design 1.1.27-beta.5 → 1.1.28

package/es/LmFilter/hooks/useDelayedFn.js

@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDelayedFn = exports.default = void 0;
+
 var _react = require("react");
+
 var _lodash = require("lodash");
+
 // 延迟/防抖加载函数, 默认延迟200ms
 var useDelayedFn = function useDelayedFn() {
   var wait = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 200;
   var delayedQuery = (0, _react.useCallback)((0, _lodash.debounce)(function (fn) {
     typeof fn === 'function' ? fn === null || fn === void 0 ? void 0 : fn() : fn;
-  }, wait), []);
+  }, wait), []); // 防止异步任务数导致的内存泄漏
 
-  // 防止异步任务数导致的内存泄漏
   (0, _react.useEffect)(function () {
     return function () {
       delayedQuery.cancel();
@@ -21,6 +23,7 @@ var useDelayedFn = function useDelayedFn() {
   }, []);
   return delayedQuery;
 };
+
 exports.useDelayedFn = useDelayedFn;
 var _default = useDelayedFn;
 exports.default = _default;

package/es/LmFilter/index.js

@@ -1,10 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _LmFilter = _interopRequireDefault(require("./LmFilter"));
+
 var _default = _LmFilter.default;
 exports.default = _default;

package/es/LmFilter/localization.js

@@ -16,8 +16,7 @@ export var DefaultLocalization = {
   filterQuery: {
     filter: [{
       // relation: 'and',
-      conditions: [
-        // {
+      conditions: [// {
         //   relation: 'antd', // 查询间的关系
         //   fieldName: '', // 查询字段
         //   fieldType: 'string', // 字段类型

package/es/LmFilter/utils.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,46 +13,56 @@ exports.getRanges = getRanges;
 exports.getValueForType = getValueForType;
 exports.toStringIsEqual = toStringIsEqual;
 exports.uniqueFunc = uniqueFunc;
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+
 var _dayjs = _interopRequireDefault(require("dayjs"));
+
 // 检查是否存在内容
 function getIsHas(val) {
   // 检查是否数字类型, 是否布尔类型
-  var flag = !!val || typeof val === 'number' || typeof val === 'boolean';
-  // 检查空对象和空数组
+  var flag = !!val || typeof val === 'number' || typeof val === 'boolean'; // 检查空对象和空数组
+
   if (!!val && (0, _typeof2.default)(val) === 'object') {
     var _Object$keys;
+
     flag = Array.isArray(val) ? !!val.length : !!((_Object$keys = Object.keys(val)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length);
   }
+
   return flag;
 }
-
 /*
  * 数据(布尔值、数值)转字符串后对比是否相等 str, strs, type
  * @params {Array | String} strs
  * @params {String} type 比对类型
  * @type includes 是否包含在数组内
  */
+
+
 function toStringIsEqual(str, strs, type) {
   if (type === 'includes') {
     return strs === null || strs === void 0 ? void 0 : strs.some(function (v) {
       return toStringIsEqual(str, v);
     });
   }
+
   return String(str) === String(strs);
-}
+} // 根据类型返回对应的值
+
 
-// 根据类型返回对应的值
 function getValueForType(type) {
   if (['checkbox', 'cascader'].includes(type)) {
     return [];
   }
+
   return '';
-}
+} // 数组对象去重
+
 
-// 数组对象去重
 function uniqueFunc(arr, guid) {
   var res = new Map();
   return arr.filter(function (item) {
@@ -59,40 +70,42 @@ function uniqueFunc(arr, guid) {
     var resetItem = isHas ? item === null || item === void 0 ? void 0 : item[guid] : item;
     return !res.has(resetItem) && res.set(resetItem, 1);
   });
-}
+} // 获取最近的时间段
+
 
-// 获取最近的时间段
 function getRanges() {
   return {
     近一周: [(0, _dayjs.default)().subtract(7, 'day').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')],
     近一月: [(0, _dayjs.default)().subtract(1, 'month').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')],
     近一年: [(0, _dayjs.default)().subtract(1, 'year').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')]
   };
-}
+} // 级联选择器获取深层结构数据 type: 遍历子/父结构
+
 
-// 级联选择器获取深层结构数据 type: 遍历子/父结构
 function getFlatItem(getItem, checkedValue) {
   var _getItem$props, _getItem$props2;
+
   var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
   var filterValues = (getItem === null || getItem === void 0 ? void 0 : (_getItem$props = getItem.props) === null || _getItem$props === void 0 ? void 0 : _getItem$props.multiple) ? checkedValue : [checkedValue];
-  var originArr = (getItem === null || getItem === void 0 ? void 0 : getItem.data) || [];
+  var originArr = (getItem === null || getItem === void 0 ? void 0 : getItem.data) || []; // 用于自定义读取的字段
 
-  // 用于自定义读取的字段
   var fieldNames = (0, _objectSpread2.default)({
     label: 'label',
     value: 'value',
     children: 'children'
   }, (getItem === null || getItem === void 0 ? void 0 : (_getItem$props2 = getItem.props) === null || _getItem$props2 === void 0 ? void 0 : _getItem$props2.fieldNames) || {});
-  var nArr = [];
+  var nArr = []; // 获取子级项
 
-  // 获取子级项
   var getChildren = function getChildren(item) {
     var _item$fieldNames$chil;
+
     if (!item) return;
+
     if (type === 'parent') {
       nArr.push(item);
       return;
     }
+
     if (item === null || item === void 0 ? void 0 : (_item$fieldNames$chil = item[fieldNames.children]) === null || _item$fieldNames$chil === void 0 ? void 0 : _item$fieldNames$chil.length) {
       item === null || item === void 0 ? void 0 : item[fieldNames.children].forEach(function (v) {
         return getChildren(v);
@@ -100,9 +113,9 @@ function getFlatItem(getItem, checkedValue) {
     } else {
       nArr.push(item);
     }
-  };
+  }; // 检测到三级结构
+
 
-  // 检测到三级结构
   filterValues.forEach(function (item) {
     if (item.length === 1) {
       var findItem = originArr === null || originArr === void 0 ? void 0 : originArr.find(function (v) {
@@ -110,56 +123,69 @@ function getFlatItem(getItem, checkedValue) {
       });
       getChildren(findItem);
     }
+
     if (item.length === 2) {
       var _originArr$find;
+
       var findArr1 = originArr === null || originArr === void 0 ? void 0 : (_originArr$find = originArr.find(function (v) {
         return toStringIsEqual(v === null || v === void 0 ? void 0 : v[fieldNames.value], item[0]);
       })) === null || _originArr$find === void 0 ? void 0 : _originArr$find[fieldNames.children];
+
       var _findItem = findArr1 === null || findArr1 === void 0 ? void 0 : findArr1.find(function (v) {
         return toStringIsEqual(v === null || v === void 0 ? void 0 : v[fieldNames.value], item[item.length - 1]);
       });
+
       getChildren(_findItem);
     }
+
     if (item.length === 3) {
       var _originArr$find2, _findArr$find;
+
       var _findArr = originArr === null || originArr === void 0 ? void 0 : (_originArr$find2 = originArr.find(function (v) {
         return toStringIsEqual(v === null || v === void 0 ? void 0 : v[fieldNames.value], item[0]);
       })) === null || _originArr$find2 === void 0 ? void 0 : _originArr$find2[fieldNames.children];
+
       var findArr2 = _findArr === null || _findArr === void 0 ? void 0 : (_findArr$find = _findArr.find(function (v) {
         return toStringIsEqual(v === null || v === void 0 ? void 0 : v[fieldNames.value], item[1]);
       })) === null || _findArr$find === void 0 ? void 0 : _findArr$find[fieldNames.children];
+
       var _findItem2 = findArr2 === null || findArr2 === void 0 ? void 0 : findArr2.find(function (v) {
         return toStringIsEqual(v === null || v === void 0 ? void 0 : v[fieldNames.value], item[item.length - 1]);
       });
+
       nArr.push(_findItem2);
     }
   });
   return nArr;
-}
+} // 返回过滤掉隐藏字段后的查询结构 () => {...}
+
 
-// 返回过滤掉隐藏字段后的查询结构 () => {...}
 function getFilterShow(basicFilter, dataSource) {
   return Object.keys(basicFilter).reduce(function (pre, cur) {
     var value = basicFilter[cur];
+
     if (dataSource.some(function (v) {
       return v.field === cur && (v.show || typeof v.show !== 'boolean');
     })) {
       // eslint-disable-next-line no-param-reassign
       pre[cur] = value;
     }
+
     return pre;
   }, {});
-}
+} // 返回过滤掉隐藏字段后的查询结构 () => [...]
+
 
-// 返回过滤掉隐藏字段后的查询结构 () => [...]
 function getFilterShowQuery(basicQuery, dataSource) {
   return Object.keys(basicQuery).reduce(function (pre, cur) {
     var value = basicQuery[cur];
+
     if (dataSource.some(function (v) {
       return v.field === cur && v.show || typeof v.show !== 'boolean';
     })) {
       return [].concat((0, _toConsumableArray2.default)(pre), [value]);
     }
+
     return pre;
   }, []);
 }

package/es/LmFilter/wrapper/Filter.js

@@ -1,25 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _baseFilter = _interopRequireDefault(require("../baseFilter"));
+
 var _customFilter = _interopRequireDefault(require("../customFilter"));
+
 var _complexFilter = _interopRequireDefault(require("../complexFilter"));
+
 var _clearFilter = _interopRequireDefault(require("../clearFilter"));
-// 筛选组合
 
+// 筛选组合
 var LmFilter = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   var enableBaisc = instance.enableBaisc,
-    enableComplex = instance.enableComplex,
-    size = instance.size,
-    enableClear = instance.enableClear;
+      enableComplex = instance.enableComplex,
+      size = instance.size,
+      enableClear = instance.enableClear;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('lm_filter', (0, _defineProperty2.default)({}, "lm_filter_".concat(size), size))
   }, /*#__PURE__*/_react.default.createElement(_customFilter.default, {
@@ -32,5 +40,6 @@ var LmFilter = /*#__PURE__*/_react.default.memo(function (_ref) {
     instance: instance
   }));
 });
+
 var _default = LmFilter;
 exports.default = _default;

package/es/LmFilter/wrapper/FilterContainer.js

@@ -1,14 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Filter = _interopRequireDefault(require("./Filter"));
-// 过滤组件主体区域
 
+// 过滤组件主体区域
 var LmFilterContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -17,5 +20,6 @@ var LmFilterContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
     instance: instance
   }));
 });
+
 var _default = LmFilterContainer;
 exports.default = _default;

package/es/LmFilter/wrapper/FilterRoot.js

@@ -1,95 +1,114 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _FilterWrapper = _interopRequireDefault(require("./FilterWrapper"));
+
 var _filterFns = _interopRequireWildcard(require("../filterFns"));
-// 根文件 => 参数聚合
 
+// 根文件 => 参数聚合
 var reducer = function reducer(state, action) {
   var searchFilter = action.searchFilter,
-    searchQuery = action.searchQuery,
-    basicFilter = action.basicFilter,
-    basicQuery = action.basicQuery,
-    customFilter = action.customFilter,
-    customQuery = action.customQuery,
-    resize = action.resize,
-    rows = action.rows,
-    complexDrawer = action.complexDrawer,
-    valueDrawer = action.valueDrawer,
-    complexFilter = action.complexFilter,
-    customDrawer = action.customDrawer,
-    saveModal = action.saveModal;
+      searchQuery = action.searchQuery,
+      basicFilter = action.basicFilter,
+      basicQuery = action.basicQuery,
+      customFilter = action.customFilter,
+      customQuery = action.customQuery,
+      resize = action.resize,
+      rows = action.rows,
+      complexDrawer = action.complexDrawer,
+      valueDrawer = action.valueDrawer,
+      complexFilter = action.complexFilter,
+      customDrawer = action.customDrawer,
+      saveModal = action.saveModal;
+
   switch (action.type) {
     case 'changeSearchFilter':
       // 模糊查询
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         searchFilter: searchFilter
       });
+
     case 'changeSearchQuery':
       // 模糊查询
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         searchQuery: searchQuery
       });
+
     case 'changeBasicFilter':
       // 基础筛选数据改变
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         basicFilter: basicFilter
       });
+
     case 'changeBasicQuery':
       // 基础筛选数据改变
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         basicQuery: basicQuery
       });
+
     case 'changeCustomFilter':
       // 自定义筛选数据改变
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         customFilter: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.customFilter), customFilter)
       });
+
     case 'changeCustomQuery':
       // 自定义筛选数据改变
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         customQuery: customQuery
       });
+
     case 'changeRows':
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         rows: rows
       });
+
     case 'windowResize':
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         resize: resize
       });
-
     // 高级筛选
+
     case 'changeComplexFilter':
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         complexFilter: complexFilter
       });
+
     case 'changeComplexDrawer':
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         complexDrawer: complexDrawer
       });
+
     case 'changeValueDrawer':
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         valueDrawer: valueDrawer
       });
-
     // 自定义筛选
+
     case 'changeCustomDrawer':
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         customDrawer: customDrawer
       });
+
     case 'changeSaveModal':
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         saveModal: saveModal
       });
+
     case 'reset':
       // 一键清空
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
@@ -99,27 +118,27 @@ var reducer = function reducer(state, action) {
         basicQuery: {},
         complexFilter: {}
       });
+
     default:
       throw new Error();
   }
-};
+}; // 仅在初始化时触发一次
+
 
-// 仅在初始化时触发一次
 var getInitialState = function getInitialState(props) {
   var _initLocalization = (0, _filterFns.initLocalization)(props),
-    searchFilter = _initLocalization.searchFilter,
-    searchQuery = _initLocalization.searchQuery,
-    basicFilter = _initLocalization.basicFilter,
-    basicQuery = _initLocalization.basicQuery,
-    customQuery = _initLocalization.customQuery,
-    customFilter = _initLocalization.customFilter;
-
-  // 字段对应关系 basicQuery => filterQuery; customQuery => globalQuery; searchQuery => fuzzyQuery
+      searchFilter = _initLocalization.searchFilter,
+      searchQuery = _initLocalization.searchQuery,
+      basicFilter = _initLocalization.basicFilter,
+      basicQuery = _initLocalization.basicQuery,
+      customQuery = _initLocalization.customQuery,
+      customFilter = _initLocalization.customFilter; // 字段对应关系 basicQuery => filterQuery; customQuery => globalQuery; searchQuery => fuzzyQuery
+
+
   return {
     searchFilter: searchFilter,
     searchQuery: searchQuery,
     // 模糊查询
-
     basicFilter: basicFilter,
     basicQuery: basicQuery,
     customFilter: (0, _objectSpread2.default)({
@@ -150,31 +169,32 @@ var getInitialState = function getInitialState(props) {
     }
   };
 };
+
 var LmFilterRoot = function LmFilterRoot(props, ref) {
   var initialState = (0, _react.useMemo)(function () {
     return getInitialState(props);
   }, []);
+
   var _useReducer = (0, _react.useReducer)(reducer, initialState),
-    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
-    state = _useReducer2[0],
-    dispatch = _useReducer2[1];
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1]; // 获取核心Methods
+
 
-  // 获取核心Methods
   var _useCoreOptions = (0, _filterFns.default)({
-      state: state,
-      dispatch: dispatch,
-      props: props
-    }),
-    CoreMethods = _useCoreOptions.CoreMethods,
-    RefMethods = _useCoreOptions.RefMethods;
-
-  // 组件实例
+    state: state,
+    dispatch: dispatch,
+    props: props
+  }),
+      CoreMethods = _useCoreOptions.CoreMethods,
+      RefMethods = _useCoreOptions.RefMethods; // 组件实例
+
+
   var instance = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), CoreMethods), RefMethods), {}, {
     state: state,
     dispatch: dispatch
-  });
+  }); // 向外暴露出的方法
 
-  // 向外暴露出的方法
   (0, _react.useImperativeHandle)(ref, function () {
     return (0, _objectSpread2.default)({}, RefMethods);
   });
@@ -182,5 +202,7 @@ var LmFilterRoot = function LmFilterRoot(props, ref) {
     instance: instance
   });
 };
+
 var _default = /*#__PURE__*/(0, _react.forwardRef)(LmFilterRoot);
+
 exports.default = _default;

package/es/LmFilter/wrapper/FilterWrapper.js

@@ -1,14 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _FilterContainer = _interopRequireDefault(require("./FilterContainer"));
-// 包裹过滤组件区域: 拓展其他结构
 
+// 包裹过滤组件区域: 拓展其他结构
 var LmFilterWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -17,5 +20,6 @@ var LmFilterWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
     instance: instance
   }));
 });
+
 var _default = LmFilterWrapper;
 exports.default = _default;

package/es/LmImgList/body/Banner.js

@@ -2,21 +2,20 @@ import React, { useMemo, useCallback } from 'react';
 import { Carousel } from 'linkmore-design';
 var BannerItem = /*#__PURE__*/React.memo(function (_ref) {
   var key = _ref.key,
-    index = _ref.index,
-    item = _ref.item,
-    instance = _ref.instance;
+      index = _ref.index,
+      item = _ref.item,
+      instance = _ref.instance;
   var state = instance.state,
-    getIsVideo = instance.getIsVideo;
+      getIsVideo = instance.getIsVideo;
   var transformProps = useMemo(function () {
     if (index !== state.currentIndex) return {};
     var _state$transform = state.transform,
-      scale = _state$transform.scale,
-      rotateZ = _state$transform.rotateZ;
+        scale = _state$transform.scale,
+        rotateZ = _state$transform.rotateZ;
     return {
       transform: "scale(".concat(scale, ") rotateZ(").concat(rotateZ, "deg)")
     };
-  }, [state.currentIndex, state.transform]);
-  // useEffect(() => {
+  }, [state.currentIndex, state.transform]); // useEffect(() => {
   //   // 1. 创建 IntersectionObserver对象
   //   const ob = new IntersectionObserver(
   //     (entry) => {
@@ -43,6 +42,7 @@ var BannerItem = /*#__PURE__*/React.memo(function (_ref) {
   //     }
   //   }
   // }, [])
+
   var renderView = useMemo(function () {
     if (getIsVideo(item)) {
       return (
@@ -64,6 +64,7 @@ var BannerItem = /*#__PURE__*/React.memo(function (_ref) {
         }), "\u89C6\u9891\u64AD\u653E\u5931\u8D25\uFF01")
       );
     }
+
     return /*#__PURE__*/React.createElement("img", {
       loading: "lazy",
       alt: "",
@@ -75,16 +76,18 @@ var BannerItem = /*#__PURE__*/React.memo(function (_ref) {
     className: "banner_item"
   }, renderView);
 });
+
 var BigImg = function BigImg(_ref2) {
   var instance = _ref2.instance;
   var dataSource = instance.dataSource,
-    bodyRef = instance.bodyRef,
-    enableWheel = instance.enableWheel,
-    infinite = instance.infinite,
-    setTransform = instance.setTransform,
-    beforeChange = instance.beforeChange;
+      bodyRef = instance.bodyRef,
+      enableWheel = instance.enableWheel,
+      infinite = instance.infinite,
+      setTransform = instance.setTransform,
+      beforeChange = instance.beforeChange;
   var onWheel = useCallback(function (e) {
     if (!enableWheel) return;
+
     if ((e === null || e === void 0 ? void 0 : e.deltaY) <= 0) {
       setTransform('zoomIn');
     } else {
@@ -114,4 +117,5 @@ var BigImg = function BigImg(_ref2) {
     });
   })));
 };
+
 export default /*#__PURE__*/React.memo(BigImg);