@cloud-app-dev/vidc 3.2.13 → 3.2.15

package/es/{List/DynamicGridList → DynamicGridList}/Demo.js

@@ -10,6 +10,7 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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; }
 
+/* eslint-disable @typescript-eslint/no-unused-expressions */
 import React from 'react';
 import GridList from "./index";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -33,8 +34,12 @@ var IMAGES = function IMAGES() {
   });
 };
 
-function loadPage() {
-  var d = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function loadPage(d) {
+  if (!d) {
+    // eslint-disable-next-line no-param-reassign
+    d = {};
+  }
+
   var resultData = IMAGES();
   d.page ? d.page++ : d.page = 1;
   d.list ? d.list = [].concat(_toConsumableArray(d.list), _toConsumableArray(resultData)) : d.list = resultData;

package/es/{List/DynamicGridList → DynamicGridList}/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import { TData } from '../useInfiniteScroll';
 import { GridListCell } from '../GridList/interface';
-import { TData } from '../../useInfiniteScroll';
 export interface IDynamicGridListProps<T> {
     itemHeight?: number;
     className?: string;
@@ -13,11 +13,11 @@ export interface IDynamicGridListProps<T> {
      * @param options
      */
     renderItem: (item: T, cell: GridListCell<T>) => React.ReactNode;
-    loadPage(d: TData<T>): Promise<TData<T>>;
+    loadPage(d?: TData<T>): Promise<TData<T>>;
     itemWidth?: number;
     itemKey: string;
     getGridGap?: (...args: any) => number;
-    isNoMore?: (data: TData<T>) => boolean;
+    isNoMore?: (data?: TData<T>) => boolean;
     threshold?: number;
 }
 declare function DynamicGridList<T>({ renderItem, itemHeight, itemKey, itemWidth, reloadDeps, getGridGap, loadPage, isNoMore, threshold, ...props }: IDynamicGridListProps<T>): JSX.Element;

package/es/{List/DynamicGridList → DynamicGridList}/index.js

@@ -1,5 +1,3 @@
-import "antd/lib/message/style";
-import _message from "antd/lib/message";
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 var _excluded = ["renderItem", "itemHeight", "itemKey", "itemWidth", "reloadDeps", "getGridGap", "loadPage", "isNoMore", "threshold"];
 
@@ -8,8 +6,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { useMemo, useRef } from 'react';
+import useInfiniteScroll from "../useInfiniteScroll";
 import GridList from "../GridList";
-import useInfiniteScroll from "../../useInfiniteScroll";
 import { jsx as _jsx } from "react/jsx-runtime";
 
 function DynamicGridList(_ref) {
@@ -36,7 +34,9 @@ function DynamicGridList(_ref) {
       noMore = _useInfiniteScroll.noMore;
 
   _useUpdateEffect(function () {
-    noMore && _message.success('数据已全部加载完成！');
+    if (noMore) {
+      console.warn('数据已全部加载完成');
+    }
   }, [noMore]);
 
   function getItemData(data) {
@@ -48,7 +48,7 @@ function DynamicGridList(_ref) {
   }
 
   function getColumnCount(elementWidth, gridGap) {
-    return Math.floor((elementWidth + gridGap) / (itemWidth + gridGap));
+    return Math.floor((elementWidth + gridGap) / ((itemWidth !== null && itemWidth !== void 0 ? itemWidth : 0) + gridGap));
   }
 
   function getWindowMargin(windowHeight) {

package/es/DynamicList/demo.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function (): JSX.Element;

package/es/DynamicList/demo.js

@@ -0,0 +1,60 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+import React from 'react';
+import DynamicList from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+var resultData = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13'];
+
+function loadPage(d) {
+  if (!d) {
+    // eslint-disable-next-line no-param-reassign
+    d = {};
+  }
+
+  d.page ? d.page++ : d.page = 1;
+  d.list ? d.list = [].concat(_toConsumableArray(d.list), resultData) : d.list = resultData;
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(d);
+    }, 2000);
+  });
+}
+
+export default function () {
+  return /*#__PURE__*/_jsx(_ConfigProvider, {
+    prefixCls: "cloudapp",
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        display: 'flex'
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          height: 400,
+          width: 300
+        },
+        children: /*#__PURE__*/_jsx(DynamicList, {
+          loadPage: loadPage,
+          itemHeight: 40,
+          renderItem: function renderItem(item) {
+            return /*#__PURE__*/_jsx("div", {
+              children: item.data
+            });
+          }
+        })
+      })
+    })
+  });
+}

package/es/{List/DynamicList → DynamicList}/index.d.ts

@@ -1,6 +1,23 @@
 /// <reference types="react" />
-import type { IDynamicListProps } from './interface';
+import type { TData } from '../useInfiniteScroll';
 import './index.less';
+export interface IDynamicListProps<T> {
+    itemHeight?: number;
+    itemClassName?: string;
+    /**
+     * 重载条件
+     */
+    reloadDeps?: any[];
+    /**
+     * render列表
+     * @param options
+     */
+    renderItem(options: {
+        index: number;
+        data: T;
+    }): JSX.Element;
+    loadPage(d?: TData<T>): Promise<TData<T>>;
+}
 declare function DynamicList<T>({ renderItem, itemHeight, itemClassName, reloadDeps, loadPage }: IDynamicListProps<T>): JSX.Element;
 declare namespace DynamicList {
     var defaultProps: {

package/es/{List/DynamicList → DynamicList}/index.js

@@ -15,9 +15,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 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 useInfiniteScroll from "../useInfiniteScroll";
+import useVirtualList from "../useVirtualList";
+import { LIMIT, skeletonList } from "./utils"; //style
+
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -28,16 +29,16 @@ function DynamicList(_ref) {
       itemClassName = _ref.itemClassName,
       reloadDeps = _ref.reloadDeps,
       loadPage = _ref.loadPage;
-  var containerRef = useRef();
-  var wrapperRef = useRef();
+  var containerRef = useRef(null);
+  var wrapperRef = useRef(null);
 
   var _useInfiniteScroll = useInfiniteScroll(loadPage, {
     target: containerRef,
     threshold: 50,
     isNoMore: function isNoMore(d) {
-      var _d$list;
+      var _d$list$length, _d$list;
 
-      return (d === null || d === void 0 ? void 0 : (_d$list = d.list) === null || _d$list === void 0 ? void 0 : _d$list.length) >= (d === null || d === void 0 ? void 0 : d.count);
+      return ((_d$list$length = d === null || d === void 0 ? void 0 : (_d$list = d.list) === null || _d$list === void 0 ? void 0 : _d$list.length) !== null && _d$list$length !== void 0 ? _d$list$length : 0) >= (d === null || d === void 0 ? void 0 : d.count);
     },
     reloadDeps: reloadDeps
   }),

package/es/{List/GridList → GridList}/Demo.js

@@ -11,8 +11,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useEffect, useState } from 'react';
+import data from "./data";
 import GridList from "./index";
-import data from "./data.json";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ITEM_WIDTH = 300;
@@ -38,7 +38,8 @@ function getItemData(image, columnWidth) {
     key: image.index,
     height: 400,
     width: ITEM_WIDTH,
-    url: image.url
+    url: image.url,
+    columnWidth: columnWidth
   };
 }
 
@@ -64,7 +65,7 @@ var App = function App() {
       getColumnCount: getColumnCount,
       getWindowMargin: getWindowMargin,
       getItemData: getItemData,
-      renderItem: function renderItem(image, cell) {
+      renderItem: function renderItem(image) {
         return /*#__PURE__*/_jsxs("div", {
           style: {
             border: '1px solid gray',

package/es/GridList/data.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    code: number;
+    codeRemark: string;
+    data: {
+        list: {
+            id: string;
+            cid: number;
+            deviceName: string;
+            captureTime: number;
+            url: string;
+        }[];
+        totalCount: number;
+        totalPage: number;
+    };
+};
+export default _default;