@cloud-app-dev/vidc 4.0.20 → 4.0.22

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.js

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

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.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;