@cloud-app-dev/vidc 3.1.16 → 3.1.17

package/es/List/DynamicGridList/index.js

@@ -5,34 +5,29 @@ import { __rest } from "tslib";
 import React, { useMemo, useRef } from 'react';
 import GridList from '../GridList';
 import useInfiniteScroll from '../../useInfiniteScroll';
-
 function DynamicGridList(_a) {
   var renderItem = _a.renderItem,
-      itemHeight = _a.itemHeight,
-      itemKey = _a.itemKey,
-      itemWidth = _a.itemWidth,
-      reloadDeps = _a.reloadDeps,
-      getGridGap = _a.getGridGap,
-      loadPage = _a.loadPage,
-      isNoMore = _a.isNoMore,
-      threshold = _a.threshold,
-      props = __rest(_a, ["renderItem", "itemHeight", "itemKey", "itemWidth", "reloadDeps", "getGridGap", "loadPage", "isNoMore", "threshold"]);
-
+    itemHeight = _a.itemHeight,
+    itemKey = _a.itemKey,
+    itemWidth = _a.itemWidth,
+    reloadDeps = _a.reloadDeps,
+    getGridGap = _a.getGridGap,
+    loadPage = _a.loadPage,
+    isNoMore = _a.isNoMore,
+    threshold = _a.threshold,
+    props = __rest(_a, ["renderItem", "itemHeight", "itemKey", "itemWidth", "reloadDeps", "getGridGap", "loadPage", "isNoMore", "threshold"]);
   var containerRef = useRef(null);
-
   var _useInfiniteScroll = useInfiniteScroll(loadPage, {
-    target: containerRef,
-    threshold: threshold,
-    isNoMore: isNoMore,
-    reloadDeps: reloadDeps
-  }),
-      data = _useInfiniteScroll.data,
-      noMore = _useInfiniteScroll.noMore;
-
+      target: containerRef,
+      threshold: threshold,
+      isNoMore: isNoMore,
+      reloadDeps: reloadDeps
+    }),
+    data = _useInfiniteScroll.data,
+    noMore = _useInfiniteScroll.noMore;
   _useUpdateEffect(function () {
     return noMore && _message.success('数据已全部加载完成！');
   }, [noMore]);
-
   function getItemData(data) {
     return {
       key: data[itemKey],
@@ -40,15 +35,12 @@ function DynamicGridList(_a) {
       width: itemWidth
     };
   }
-
   function getColumnCount(elementWidth, gridGap) {
     return Math.floor((elementWidth + gridGap) / (itemWidth + gridGap));
   }
-
   function getWindowMargin(windowHeight) {
     return Math.round(windowHeight * 1.5);
   }
-
   var dataList = useMemo(function () {
     return data ? data.list || [] : [];
   }, [data]);
@@ -63,7 +55,6 @@ function DynamicGridList(_a) {
     getGridGap: getGridGap
   });
 }
-
 DynamicGridList.defaultProps = {
   reloadDeps: [],
   className: '',

package/es/List/DynamicList/index.js

@@ -1,69 +1,55 @@
 import "antd/lib/skeleton/style";
 import _Skeleton from "antd/lib/skeleton";
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useMemo, useRef } from 'react';
 import useVirtualList from '../../useVirtualList';
 import { LIMIT, skeletonList } from './utils';
 import useInfiniteScroll from '../../useInfiniteScroll';
 import "./index.css";
-
 function DynamicList(_ref) {
   var renderItem = _ref.renderItem,
-      itemHeight = _ref.itemHeight,
-      itemClassName = _ref.itemClassName,
-      reloadDeps = _ref.reloadDeps,
-      loadPage = _ref.loadPage;
+    itemHeight = _ref.itemHeight,
+    itemClassName = _ref.itemClassName,
+    reloadDeps = _ref.reloadDeps,
+    loadPage = _ref.loadPage;
   var containerRef = useRef();
   var wrapperRef = useRef();
-
   var _useInfiniteScroll = useInfiniteScroll(loadPage, {
-    target: containerRef,
-    threshold: 50,
-    isNoMore: function isNoMore(d) {
-      var _a;
-
-      return ((_a = d === null || d === void 0 ? void 0 : d.list) === null || _a === void 0 ? void 0 : _a.length) >= (d === null || d === void 0 ? void 0 : d.count);
-    },
-    reloadDeps: reloadDeps
-  }),
-      data = _useInfiniteScroll.data,
-      loading = _useInfiniteScroll.loading,
-      noMore = _useInfiniteScroll.noMore;
-
+      target: containerRef,
+      threshold: 50,
+      isNoMore: function isNoMore(d) {
+        var _a;
+        return ((_a = d === null || d === void 0 ? void 0 : d.list) === null || _a === void 0 ? void 0 : _a.length) >= (d === null || d === void 0 ? void 0 : d.count);
+      },
+      reloadDeps: reloadDeps
+    }),
+    data = _useInfiniteScroll.data,
+    loading = _useInfiniteScroll.loading,
+    noMore = _useInfiniteScroll.noMore;
   var isSkeleton = useMemo(function () {
     return !noMore && loading;
   }, [noMore, loading]);
   var dataList = useMemo(function () {
     return data ? data.list || [] : [];
   }, [data]);
-
   var _useVirtualList = useVirtualList(dataList, {
-    containerTarget: containerRef,
-    wrapperTarget: wrapperRef,
-    itemHeight: itemHeight,
-    overscan: 10
-  }),
-      _useVirtualList2 = _slicedToArray(_useVirtualList, 2),
-      list = _useVirtualList2[0],
-      scrollTo = _useVirtualList2[1];
-
+      containerTarget: containerRef,
+      wrapperTarget: wrapperRef,
+      itemHeight: itemHeight,
+      overscan: 10
+    }),
+    _useVirtualList2 = _slicedToArray(_useVirtualList, 2),
+    list = _useVirtualList2[0],
+    scrollTo = _useVirtualList2[1];
   _useUpdateEffect(function () {
     return scrollTo(0);
   }, reloadDeps ? reloadDeps : []);
-
   return /*#__PURE__*/React.createElement("div", {
     className: "l-c-dynamic-list-layout"
   }, /*#__PURE__*/React.createElement("div", {
@@ -94,7 +80,6 @@ function DynamicList(_ref) {
     }));
   })));
 }
-
 DynamicList.defaultProps = {
   limit: LIMIT,
   itemHeight: 40,

package/es/List/GridList/Demo.js

@@ -1,20 +1,13 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useEffect, useState } from 'react';
 import GridList from './index';
 import data from './data.json';
 var ITEM_WIDTH = 300;
-
 function getGridGap(elementWidth, windowHeight) {
   if (elementWidth > 720 && windowHeight > 480) {
     return 20;
@@ -22,15 +15,12 @@ function getGridGap(elementWidth, windowHeight) {
     return 10;
   }
 }
-
 function getColumnCount(elementWidth, gridGap) {
   return Math.floor((elementWidth + gridGap) / (ITEM_WIDTH + gridGap));
 }
-
 function getWindowMargin(windowHeight) {
   return Math.round(windowHeight * 1.5);
 }
-
 function getItemData(image, columnWidth) {
   return {
     key: image.index,
@@ -39,13 +29,11 @@ function getItemData(image, columnWidth) {
     url: image.url
   };
 }
-
 var App = function App() {
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      list = _useState2[0],
-      setlist = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    list = _useState2[0],
+    setlist = _useState2[1];
   useEffect(function () {
     setTimeout(function () {
       return setlist(data.data.list);
@@ -88,5 +76,4 @@ var App = function App() {
     }
   }));
 };
-
 export default App;

package/es/List/GridList/hook.js

@@ -1,19 +1,11 @@
 import _useScroll from "ahooks/es/useScroll";
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { getColumnWidth, getElementOffset, getElementSize, getWindowScroll, getWindowSize, isSameElementScroll, isSameElementSize } from './utils';
 export function useConstRef(value) {
@@ -23,22 +15,19 @@ export function useConstRef(value) {
 }
 export function useWindowSize() {
   var _useState = useState(function () {
-    return getWindowSize();
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      windowSize = _useState2[0],
-      setWindowSize = _useState2[1];
-
+      return getWindowSize();
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    windowSize = _useState2[0],
+    setWindowSize = _useState2[1];
   var windowSizeRef = useConstRef(windowSize);
   useEffect(function () {
     function onResize() {
       var nextWindowSize = getWindowSize();
-
       if (!isSameElementSize(windowSizeRef.current, nextWindowSize)) {
         setWindowSize(nextWindowSize);
       }
     }
-
     window.addEventListener('resize', onResize);
     return function () {
       return window.removeEventListener('resize', onResize);
@@ -48,21 +37,19 @@ export function useWindowSize() {
 }
 export function useElementSize(ref) {
   var _useState3 = useState(function () {
-    if (ref.current) {
-      return getElementSize(ref.current);
-    } else {
-      return null;
-    }
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      elementSize = _useState4[0],
-      setElementSize = _useState4[1];
-
+      if (ref.current) {
+        return getElementSize(ref.current);
+      } else {
+        return null;
+      }
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    elementSize = _useState4[0],
+    setElementSize = _useState4[1];
   var elementSizeRef = useConstRef(elementSize);
   useEffect(function () {
     var observer = new ResizeObserver(function (entries) {
       var nextElementSize = getElementSize(entries[0].target);
-
       if (elementSizeRef.current === null || !isSameElementSize(elementSizeRef.current, nextElementSize)) {
         setElementSize(nextElementSize);
       }
@@ -76,20 +63,17 @@ export function useElementSize(ref) {
 }
 export function useWindowScroll() {
   var _useState5 = useState(getWindowScroll()),
-      _useState6 = _slicedToArray(_useState5, 2),
-      scrollPosition = _useState6[0],
-      setScrollPosition = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    scrollPosition = _useState6[0],
+    setScrollPosition = _useState6[1];
   var ref = useConstRef(scrollPosition);
   useEffect(function () {
     function update() {
       var nextScrollPosition = getWindowScroll();
-
       if (!isSameElementScroll(ref.current, nextScrollPosition)) {
         setScrollPosition(nextScrollPosition);
       }
     }
-
     window.addEventListener('scroll', update);
     window.addEventListener('resize', update);
     return function () {
@@ -101,16 +85,15 @@ export function useWindowScroll() {
 }
 export function useElementWindowOffset(ref) {
   var _useState7 = useState(function () {
-    if (ref.current) {
-      return getElementOffset(ref.current);
-    } else {
-      return null;
-    }
-  }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      elementOffset = _useState8[0],
-      setElementOffset = _useState8[1];
-
+      if (ref.current) {
+        return getElementOffset(ref.current);
+      } else {
+        return null;
+      }
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    elementOffset = _useState8[0],
+    setElementOffset = _useState8[1];
   useEffect(function () {
     var observer = new ResizeObserver(function (entries) {
       setElementOffset(getElementOffset(entries[0].target));
@@ -124,10 +107,9 @@ export function useElementWindowOffset(ref) {
 }
 export function useIntersecting(ref, rootMargin) {
   var _useState9 = useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      intersecting = _useState10[0],
-      setIntersecting = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    intersecting = _useState10[0],
+    setIntersecting = _useState10[1];
   useEffect(function () {
     var observer = new IntersectionObserver(function (entries) {
       setIntersecting(entries[0].isIntersecting);
@@ -143,9 +125,7 @@ export function useIntersecting(ref, rootMargin) {
 }
 export function useGridListContainerData(ref) {
   var windowSize = useWindowSize();
-
   var windowScroll = _useScroll(ref);
-
   var elementWindowOffset = useElementWindowOffset(ref);
   var elementSize = useElementSize(ref);
   return useMemo(function () {
@@ -162,10 +142,10 @@ export function useGridListContainerData(ref) {
 }
 export function useGridListConfigData(containerData, props) {
   var items = props.items,
-      getWindowMargin = props.getWindowMargin,
-      getGridGap = props.getGridGap,
-      getColumnCount = props.getColumnCount,
-      getItemData = props.getItemData;
+    getWindowMargin = props.getWindowMargin,
+    getGridGap = props.getGridGap,
+    getColumnCount = props.getColumnCount,
+    getItemData = props.getItemData;
   var elementWidth = containerData.elementSize ? containerData.elementSize.width : null;
   var windowMargin = useMemo(function () {
     if (getWindowMargin) {
@@ -176,7 +156,6 @@ export function useGridListConfigData(containerData, props) {
   }, [containerData.windowSize.height, getWindowMargin]);
   var gridGap = useMemo(function () {
     if (elementWidth === null) return null;
-
     if (getGridGap) {
       return getGridGap(elementWidth, containerData.windowSize.height);
     } else {
@@ -203,7 +182,6 @@ export function useGridListConfigData(containerData, props) {
     if (windowMargin === null || gridGap === null || columnCount === null || entries === null) {
       return null;
     }
-
     return {
       windowMargin: windowMargin,
       gridGap: gridGap,
@@ -222,13 +200,11 @@ export function useGridListLayoutData(configData) {
       var key = entry.data.key;
       var columnNumber = index % configData.columnCount + 1;
       var rowNumber = Math.floor(index / configData.columnCount) + 1;
-
       if (rowNumber !== currentRowNumber) {
         currentRowNumber = rowNumber;
         prevRowsTotalHeight += currentRowMaxHeight + configData.gridGap;
         currentRowMaxHeight = 0;
       }
-
       var offset = prevRowsTotalHeight;
       var height = Math.round(entry.data.height);
       var width = Math.round(entry.data.width);
@@ -256,13 +232,10 @@ export function useGridListRenderData(containerData, configData, layoutData) {
     var cellsToRender = [];
     var firstRenderedRowNumber = null;
     var firstRenderedRowOffset = null;
-
     if (containerData.elementWindowOffset !== null) {
       var elementWindowOffset = containerData.elementWindowOffset;
-
       var _iterator = _createForOfIteratorHelper(layoutData.cells),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var cell = _step.value;
@@ -274,15 +247,12 @@ export function useGridListRenderData(containerData, configData, layoutData) {
           var renderBottom = windowBottom + configData.windowMargin;
           if (cellTop > renderBottom) continue;
           if (cellBottom < renderTop) continue;
-
           if (firstRenderedRowNumber === null) {
             firstRenderedRowNumber = cell.rowNumber;
           }
-
           if (cell.rowNumber === firstRenderedRowNumber) {
             firstRenderedRowOffset = firstRenderedRowOffset ? Math.min(firstRenderedRowOffset, cell.offset) : cell.offset;
           }
-
           cellsToRender.push(cell);
         }
       } catch (err) {
@@ -291,7 +261,6 @@ export function useGridListRenderData(containerData, configData, layoutData) {
         _iterator.f();
       }
     }
-
     return {
       cellsToRender: cellsToRender,
       firstRenderedRowNumber: firstRenderedRowNumber,

package/es/List/GridList/utils.js

@@ -30,7 +30,6 @@ export function getColumnWidth(columnCount, gridGap, elementWidth) {
   if (columnCount === null || gridGap === null || elementWidth === null) {
     return null;
   }
-
   var totalGapSpace = (columnCount - 1) * gridGap;
   var columnWidth = Math.round((elementWidth - totalGapSpace) / columnCount);
   return columnWidth;

package/es/List/VList/index.js

@@ -1,36 +1,27 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useRef } from 'react';
 import useVirtualList from '../../useVirtualList';
 import "./index.css";
-
 function VList(_ref) {
   var className = _ref.className,
-      rowHeight = _ref.rowHeight,
-      data = _ref.data,
-      renderItem = _ref.renderItem;
+    rowHeight = _ref.rowHeight,
+    data = _ref.data,
+    renderItem = _ref.renderItem;
   var containerRef = useRef();
   var wrapperRef = useRef();
-
   var _useVirtualList = useVirtualList(data, {
-    containerTarget: containerRef,
-    wrapperTarget: wrapperRef,
-    itemHeight: rowHeight,
-    overscan: 10
-  }),
-      _useVirtualList2 = _slicedToArray(_useVirtualList, 1),
-      list = _useVirtualList2[0];
-
+      containerTarget: containerRef,
+      wrapperTarget: wrapperRef,
+      itemHeight: rowHeight,
+      overscan: 10
+    }),
+    _useVirtualList2 = _slicedToArray(_useVirtualList, 1),
+    list = _useVirtualList2[0];
   return /*#__PURE__*/React.createElement("div", {
     className: "vidc-simple-list-layout ".concat(className),
     ref: containerRef
@@ -40,7 +31,6 @@ function VList(_ref) {
     return renderItem(ele.data, ele.index);
   })));
 }
-
 VList.defaultProps = {
   className: '',
   rowHeight: 30,

package/es/List/VList/utils.js

@@ -3,11 +3,10 @@ export function renderRowItem(rowRenderer, renderItem, data) {
   if (rowRenderer) {
     return rowRenderer;
   }
-
   return function (_ref) {
     var key = _ref.key,
-        index = _ref.index,
-        style = _ref.style;
+      index = _ref.index,
+      style = _ref.style;
     var item = data[index];
     return /*#__PURE__*/React.createElement("div", {
       key: key,

package/es/List/index.js

@@ -4,14 +4,13 @@ import GridList from './GridList';
 import DynamicGridList from './DynamicGridList';
 import VList from './VList';
 import "./index.css";
-
 function List(props) {
   var className = props.className,
-      style = props.style,
-      renderItem = props.renderItem,
-      list = props.list,
-      rowHeight = props.rowHeight,
-      renderHeaderExt = props.renderHeaderExt;
+    style = props.style,
+    renderItem = props.renderItem,
+    list = props.list,
+    rowHeight = props.rowHeight,
+    renderHeaderExt = props.renderHeaderExt;
   return /*#__PURE__*/React.createElement("div", {
     className: "lm-c-list-wrapper ".concat(className),
     style: style
@@ -26,7 +25,6 @@ function List(props) {
     renderItem: renderItem
   })));
 }
-
 List.defaultProps = {
   className: '',
   list: [],