@cloud-app-dev/vidc 4.0.19 → 4.0.21

package/es/DynamicList/demo.js

@@ -0,0 +1,44 @@
+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 { ConfigProvider } from 'antd';
+import React from 'react';
+import DynamicList from "./index";
+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__*/React.createElement(ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 400,
+      width: 300
+    }
+  }, /*#__PURE__*/React.createElement(DynamicList, {
+    loadPage: loadPage,
+    itemHeight: 40,
+    renderItem: function renderItem(item) {
+      return /*#__PURE__*/React.createElement("div", null, item.data);
+    }
+  }))));
+}

package/es/DynamicList/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+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>): React.JSX.Element;
+export default DynamicList;

package/es/DynamicList/index.js

@@ -0,0 +1,86 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useUpdateEffect } from 'ahooks';
+import { Skeleton } from 'antd';
+import React, { useMemo, useRef } from 'react';
+import useInfiniteScroll from "../useInfiniteScroll";
+import useVirtualList from "../useVirtualList";
+import { skeletonList } from "./utils";
+
+//style
+import "./index.less";
+function DynamicList(_ref) {
+  var renderItem = _ref.renderItem,
+    _ref$itemHeight = _ref.itemHeight,
+    itemHeight = _ref$itemHeight === void 0 ? 40 : _ref$itemHeight,
+    _ref$itemClassName = _ref.itemClassName,
+    itemClassName = _ref$itemClassName === void 0 ? '' : _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 || (_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__*/React.createElement("div", {
+    className: "l-c-dynamic-list-layout"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "l-c-dynamic-box",
+    ref: containerRef
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: wrapperRef
+  }, list.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.index,
+      style: {
+        height: itemHeight
+      },
+      className: itemClassName
+    }, renderItem(item));
+  })), isSkeleton && skeletonList.map(function (_, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      style: {
+        padding: '0 10px',
+        height: itemHeight
+      },
+      className: itemClassName
+    }, /*#__PURE__*/React.createElement(Skeleton, {
+      paragraph: false,
+      loading: true,
+      active: true
+    }));
+  })));
+}
+export default DynamicList;

package/es/DynamicList/index.less

@@ -0,0 +1,17 @@
+.l-c-dynamic-list-layout {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  border: 1px solid var(--gray2);
+
+  .dynamic-list-item {
+    padding: 0 10px;
+  }
+
+  .l-c-dynamic-box {
+    flex: 1;
+    overflow: auto;
+    contain: strict;
+  }
+}

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,9 @@
+import React from 'react';
+import { ErrorBoundaryProps } from './inerface';
+interface IErrorFallbackProps {
+    error: Error;
+    resetErrorBoundary: () => void;
+}
+declare function ErrorFallback({ error, resetErrorBoundary }: IErrorFallbackProps): React.JSX.Element;
+export declare const errorBoundaryOptions: ErrorBoundaryProps;
+export default ErrorFallback;

package/es/ErrorFallback/index.js

@@ -0,0 +1,31 @@
+import { Button, Result } from 'antd';
+import React from 'react';
+function ErrorFallback(_ref) {
+  var error = _ref.error,
+    resetErrorBoundary = _ref.resetErrorBoundary;
+  return /*#__PURE__*/React.createElement(Result, {
+    status: "warning",
+    title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "\u6E32\u67D3\u5931\u8D25\uFF0C\u8BF7\u5237\u65B0\u91CD\u8BD5!"), /*#__PURE__*/React.createElement("div", {
+      style: {
+        color: 'var(--gray9)',
+        fontStyle: 'italic'
+      }
+    }, error.message)),
+    style: {
+      width: '100%',
+      height: '100%'
+    },
+    extra: /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      key: "refresh",
+      onClick: resetErrorBoundary
+    }, "\u70B9\u51FB\u5237\u65B0\uFF0C\u91CD\u8BD5")
+  });
+}
+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/FullScreen/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import './index.less';
+interface IFullScrenProps {
+    /**
+     * @description 类名
+     */
+    className?: string;
+    /**
+     * @description 全屏dom对象
+     */
+    getContainer: () => HTMLElement | Element;
+    /**
+     * @description 状态监听
+     */
+    fullScreenChange?: (flag: boolean) => void;
+    /**
+     * @description 显示默认文本
+     */
+    hasText?: boolean;
+}
+declare function FullScreen({ className, getContainer, fullScreenChange, hasText }: IFullScrenProps): React.JSX.Element;
+export default FullScreen;

package/es/FullScreen/index.js

@@ -0,0 +1,33 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useUpdateEffect } from 'ahooks';
+import React from 'react';
+import IconFont from "../IconFont";
+import useFullscreen from "../useFullscreen";
+import "./index.less";
+function FullScreen(_ref) {
+  var className = _ref.className,
+    getContainer = _ref.getContainer,
+    fullScreenChange = _ref.fullScreenChange,
+    hasText = _ref.hasText;
+  var _useFullscreen = useFullscreen(getContainer),
+    _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
+    isFullscreen = _useFullscreen2[0],
+    toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
+  useUpdateEffect(function () {
+    fullScreenChange === null || fullScreenChange === void 0 || fullScreenChange(isFullscreen);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isFullscreen]);
+  return /*#__PURE__*/React.createElement("span", {
+    className: "tools-screen-layer ".concat(className !== null && className !== void 0 ? className : ''),
+    onClick: toggleFullscreen
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    className: "defualt-fullscreen-icon icon-primary",
+    type: !isFullscreen ? 'lm-player-S_View_ScreenViewFull' : 'lm-player-S_View_ScreenViewExit'
+  }), hasText ? !isFullscreen ? '全屏' : '窗口' : undefined);
+}
+export default FullScreen;

package/es/FullScreen/index.less

@@ -0,0 +1,18 @@
+.tools-screen-layer {
+  position: relative;
+  font-size: var(--fs-small);
+  text-align: center;
+  cursor: pointer;
+  flex: 1;
+  align-self: center;
+
+  .anticon {
+    padding-right: 5px;
+  }
+
+  .defualt-fullscreen-icon {
+    position: relative;
+    top: 1px;
+    font-size: 16px;
+  }
+}

package/es/GridList/Demo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: () => React.JSX.Element;
+export default App;

package/es/GridList/Demo.js

@@ -0,0 +1,80 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
+import data from "./data";
+import GridList from "./index";
+var ITEM_WIDTH = 250;
+function getGridGap(elementWidth, windowHeight) {
+  if (elementWidth > 720 && windowHeight > 480) {
+    return 20;
+  } else {
+    return 10;
+  }
+}
+function getColumnCount(elementWidth, gridGap) {
+  return Math.floor(elementWidth / (ITEM_WIDTH + gridGap));
+}
+function getWindowMargin(windowHeight) {
+  return Math.round(windowHeight * 1.5);
+}
+function getItemData(image, columnWidth) {
+  return {
+    key: image.index,
+    height: 400,
+    width: ITEM_WIDTH,
+    url: image.url,
+    columnWidth: columnWidth
+  };
+}
+var App = function App() {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    list = _useState2[0],
+    setlist = _useState2[1];
+  useEffect(function () {
+    setTimeout(function () {
+      return setlist(data.data.list);
+    }, 2000);
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 800,
+      overflow: 'auto'
+    }
+  }, /*#__PURE__*/React.createElement(GridList, {
+    items: list,
+    getGridGap: getGridGap,
+    getColumnCount: getColumnCount,
+    getWindowMargin: getWindowMargin,
+    getItemData: getItemData,
+    renderItem: function renderItem(image) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          border: '1px solid gray',
+          height: '100%',
+          display: 'flex',
+          flexDirection: 'column'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          flex: 1,
+          overflow: 'hidden'
+        }
+      }, /*#__PURE__*/React.createElement("img", {
+        src: image.url,
+        alt: "",
+        style: {
+          objectFit: 'cover',
+          display: 'block',
+          width: '100%',
+          height: '100%'
+        }
+      })), /*#__PURE__*/React.createElement("p", null, image.deviceName), /*#__PURE__*/React.createElement("p", null, "\u63CF\u8FF0"));
+    }
+  }));
+};
+export default App;

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;