@cloud-app-dev/vidc 4.0.17 → 4.1.0

package/es/DynamicList/demo.js

@@ -0,0 +1,45 @@
+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; }
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+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("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/DynamicList/index.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import type { TData } from '../useInfiniteScroll';
+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>): import("react/jsx-runtime").JSX.Element;
+declare namespace DynamicList {
+    var defaultProps: {
+        limit: number;
+        itemHeight: number;
+        params: {};
+        itemKey: string;
+        itemClassName: string;
+    };
+}
+export default DynamicList;

package/es/DynamicList/index.js

@@ -0,0 +1,98 @@
+var _templateObject, _templateObject2;
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css } from '@emotion/css';
+import { useUpdateEffect } from 'ahooks';
+import { Skeleton } from 'antd';
+import { useMemo, useRef } from 'react';
+import useInfiniteScroll from "../useInfiniteScroll";
+import useVirtualList from "../useVirtualList";
+import { LIMIT, skeletonList } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var dynamicListLayoutCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  border: 1px solid var(--gray2);\n"])));
+var dynamicBoxCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex: 1;\n  overflow: auto;\n  contain: strict;\n"])));
+function DynamicList(_ref) {
+  var renderItem = _ref.renderItem,
+    itemHeight = _ref.itemHeight,
+    itemClassName = _ref.itemClassName,
+    reloadDeps = _ref.reloadDeps,
+    loadPage = _ref.loadPage;
+  var containerRef = useRef(null);
+  var wrapperRef = useRef(null);
+  var _useInfiniteScroll = useInfiniteScroll(loadPage, {
+      target: containerRef,
+      threshold: 50,
+      isNoMore: function isNoMore(d) {
+        var _d$list$length, _d$list;
+        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
+    }),
+    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];
+  useUpdateEffect(function () {
+    return scrollTo(0);
+  }, reloadDeps ? reloadDeps : []);
+  return /*#__PURE__*/_jsx("div", {
+    className: dynamicListLayoutCss,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: dynamicBoxCss,
+      ref: containerRef,
+      children: [/*#__PURE__*/_jsx("div", {
+        ref: wrapperRef,
+        children: list.map(function (item) {
+          return /*#__PURE__*/_jsx("div", {
+            style: {
+              height: itemHeight
+            },
+            className: itemClassName,
+            children: renderItem(item)
+          }, item.index);
+        })
+      }), isSkeleton && skeletonList.map(function (_, index) {
+        return /*#__PURE__*/_jsx("div", {
+          style: {
+            padding: '0 10px',
+            height: itemHeight
+          },
+          className: itemClassName,
+          children: /*#__PURE__*/_jsx(Skeleton, {
+            paragraph: false,
+            loading: true,
+            active: true
+          })
+        }, index);
+      })]
+    })
+  });
+}
+DynamicList.defaultProps = {
+  limit: LIMIT,
+  itemHeight: 40,
+  params: {},
+  itemKey: 'id',
+  itemClassName: ''
+};
+export default DynamicList;

package/es/DynamicList/interface.d.ts

@@ -0,0 +1,19 @@
+import type { TData } from '../../useInfiniteScroll';
+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>>;
+}

package/es/DynamicList/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const LIMIT = 10;
+export declare const skeletonList: {
+    skeleton: boolean;
+}[];

package/es/DynamicList/utils.js

@@ -0,0 +1,6 @@
+export var LIMIT = 10;
+export var skeletonList = Array.from(new Array(LIMIT)).map(function () {
+  return {
+    skeleton: true
+  };
+});

package/es/ErrorFallback/index.d.ts

@@ -0,0 +1,8 @@
+import { ErrorBoundaryProps } from './inerface';
+interface IErrorFallbackProps {
+    error: Error;
+    resetErrorBoundary: () => void;
+}
+declare function ErrorFallback({ error, resetErrorBoundary }: IErrorFallbackProps): import("react/jsx-runtime").JSX.Element;
+export declare const errorBoundaryOptions: ErrorBoundaryProps;
+export default ErrorFallback;

package/es/ErrorFallback/index.js

@@ -0,0 +1,38 @@
+import { Button, Result } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function ErrorFallback(_ref) {
+  var error = _ref.error,
+    resetErrorBoundary = _ref.resetErrorBoundary;
+  return /*#__PURE__*/_jsx(Result, {
+    status: "warning",
+    title: /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("div", {
+        children: "\u6E32\u67D3\u5931\u8D25\uFF0C\u8BF7\u5237\u65B0\u91CD\u8BD5!"
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          color: 'var(--gray9)',
+          fontStyle: 'italic'
+        },
+        children: error.message
+      })]
+    }),
+    style: {
+      width: '100%',
+      height: '100%'
+    },
+    extra: /*#__PURE__*/_jsx(Button, {
+      type: "primary",
+      onClick: resetErrorBoundary,
+      children: "\u70B9\u51FB\u5237\u65B0\uFF0C\u91CD\u8BD5"
+    }, "refresh")
+  });
+}
+export var errorBoundaryOptions = {
+  FallbackComponent: ErrorFallback,
+  onReset: function onReset() {
+    return window.location.reload();
+  }
+};
+export default ErrorFallback;

package/es/ErrorFallback/inerface.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+interface FallbackProps {
+  error: Error;
+  resetErrorBoundary: (...args: Array<unknown>) => void;
+}
+interface ErrorBoundaryPropsWithComponent {
+  onResetKeysChange?: (prevResetKeys: Array<unknown> | undefined, resetKeys: Array<unknown> | undefined) => void;
+  onReset?: (...args: Array<unknown>) => void;
+  onError?: (
+    error: Error,
+    info: {
+      componentStack: string;
+    },
+  ) => void;
+  resetKeys?: Array<unknown>;
+  fallback?: never;
+  FallbackComponent: React.ComponentType<FallbackProps>;
+  fallbackRender?: never;
+}
+interface ErrorBoundaryPropsWithRender {
+  onResetKeysChange?: (prevResetKeys: Array<unknown> | undefined, resetKeys: Array<unknown> | undefined) => void;
+  onReset?: (...args: Array<unknown>) => void;
+  onError?: (
+    error: Error,
+    info: {
+      componentStack: string;
+    },
+  ) => void;
+  resetKeys?: Array<unknown>;
+  fallback?: never;
+  FallbackComponent?: never;
+  fallbackRender: typeof FallbackRender;
+}
+interface ErrorBoundaryPropsWithFallback {
+  onResetKeysChange?: (prevResetKeys: Array<unknown> | undefined, resetKeys: Array<unknown> | undefined) => void;
+  onReset?: (...args: Array<unknown>) => void;
+  onError?: (
+    error: Error,
+    info: {
+      componentStack: string;
+    },
+  ) => void;
+  resetKeys?: Array<unknown>;
+  fallback: React.ReactElement<unknown, string | React.FunctionComponent | typeof React.Component> | null;
+  FallbackComponent?: never;
+  fallbackRender?: never;
+}
+export declare type ErrorBoundaryProps = ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;

package/es/EventTools/index.d.ts

@@ -0,0 +1,3 @@
+import EventEmitter from '../SocketEmitter/eventEmitter';
+declare const EventTools: EventEmitter;
+export default EventTools;

package/es/EventTools/index.js

@@ -0,0 +1,12 @@
+import EventEmitter from "../SocketEmitter/eventEmitter";
+var _global = window;
+var event = new EventEmitter();
+var EventTools = function () {
+  if (_global._EVENT_TOOLS_) {
+    return _global._EVENT_TOOLS_;
+  } else {
+    _global._EVENT_TOOLS_ = event;
+    return event;
+  }
+}();
+export default EventTools;

package/es/FrontendPlayer/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IFrontendPlayerProps } from '../Player/player';
+declare const _default: import("react").FC<IFrontendPlayerProps>;
+export default _default;

package/es/FrontendPlayer/index.js

@@ -0,0 +1,2 @@
+import FrontendPlayer from "../Player/frontend_player";
+export default FrontendPlayer;

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;