@cloud-app-dev/vidc 3.2.11 → 3.2.13

package/es/ScreenPlayer/TimeSelect.js

@@ -1,32 +1,44 @@
+import "antd/lib/popover/style";
+import _Popover from "antd/lib/popover";
 import "antd/lib/button/style";
 import _Button from "antd/lib/button";
 import "antd/lib/input-number/style";
 import _InputNumber from "antd/lib/input-number";
-import "antd/lib/popover/style";
-import _Popover from "antd/lib/popover";
 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, useState } from 'react';
 import moment from 'moment';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 function TimeSelect(_ref) {
   var time = _ref.time,
-    onChange = _ref.onChange;
+      onChange = _ref.onChange;
+
   var _useState = useState(function () {
-      var m = time ? moment(time) : moment().set({
-        hours: 0,
-        minutes: 0,
-        seconds: 0
-      });
-      return [m.hours(), m.minutes(), m.seconds()];
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    values = _useState2[0],
-    setValues = _useState2[1];
+    var m = time ? moment(time) : moment().set({
+      hours: 0,
+      minutes: 0,
+      seconds: 0
+    });
+    return [m.hours(), m.minutes(), m.seconds()];
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      values = _useState2[0],
+      setValues = _useState2[1];
+
   var timeStr = useMemo(function () {
     var m = time ? moment(time) : moment().set({
       hours: 0,
@@ -35,6 +47,7 @@ function TimeSelect(_ref) {
     });
     return m.format('HH:mm:ss');
   }, [time]);
+
   var onChangeTime = function onChangeTime() {
     var m = time ? moment(time) : moment().set({
       hours: 0,
@@ -48,6 +61,7 @@ function TimeSelect(_ref) {
     }).valueOf();
     onChange && onChange(newTime);
   };
+
   _useUpdateEffect(function () {
     var m = time ? moment(time) : moment().set({
       hours: 0,
@@ -56,58 +70,65 @@ function TimeSelect(_ref) {
     });
     setValues([m.hours(), m.minutes(), m.seconds()]);
   }, [time]);
+
   var formatter = function formatter(value) {
     return String(value).length === 1 ? "0".concat(value) : value + '';
   };
-  return /*#__PURE__*/React.createElement(_Popover, {
-    content: /*#__PURE__*/React.createElement("div", {
-      className: "player-time-select"
-    }, /*#__PURE__*/React.createElement(_InputNumber, {
-      size: "small",
-      style: {
-        width: 36
-      },
-      formatter: formatter,
-      controls: false,
-      value: values[0],
-      onChange: function onChange(v) {
-        return setValues(function (old) {
-          return [v, old[1], old[2]];
-        });
-      }
-    }), ":", /*#__PURE__*/React.createElement(_InputNumber, {
-      size: "small",
-      style: {
-        width: 36
-      },
-      formatter: formatter,
-      controls: false,
-      value: values[1],
-      onChange: function onChange(v) {
-        return setValues(function (old) {
-          return [old[0], v, old[2]];
-        });
-      }
-    }), ":", /*#__PURE__*/React.createElement(_InputNumber, {
-      size: "small",
-      style: {
-        width: 36
-      },
-      formatter: formatter,
-      controls: false,
-      value: values[2],
-      onChange: function onChange(v) {
-        return setValues(function (old) {
-          return [old[0], old[1], v];
-        });
-      }
-    }), /*#__PURE__*/React.createElement(_Button, {
-      size: "small",
-      type: "primary",
-      onClick: onChangeTime
-    }, "\u786E\u5B9A"))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "player-record-time"
-  }, timeStr));
+
+  return /*#__PURE__*/_jsx(_Popover, {
+    content: /*#__PURE__*/_jsxs("div", {
+      className: "player-time-select",
+      children: [/*#__PURE__*/_jsx(_InputNumber, {
+        size: "small",
+        style: {
+          width: 36
+        },
+        formatter: formatter,
+        controls: false,
+        value: values[0],
+        onChange: function onChange(v) {
+          return setValues(function (old) {
+            return [v, old[1], old[2]];
+          });
+        }
+      }), ":", /*#__PURE__*/_jsx(_InputNumber, {
+        size: "small",
+        style: {
+          width: 36
+        },
+        formatter: formatter,
+        controls: false,
+        value: values[1],
+        onChange: function onChange(v) {
+          return setValues(function (old) {
+            return [old[0], v, old[2]];
+          });
+        }
+      }), ":", /*#__PURE__*/_jsx(_InputNumber, {
+        size: "small",
+        style: {
+          width: 36
+        },
+        formatter: formatter,
+        controls: false,
+        value: values[2],
+        onChange: function onChange(v) {
+          return setValues(function (old) {
+            return [old[0], old[1], v];
+          });
+        }
+      }), /*#__PURE__*/_jsx(_Button, {
+        size: "small",
+        type: "primary",
+        onClick: onChangeTime,
+        children: "\u786E\u5B9A"
+      })]
+    }),
+    children: /*#__PURE__*/_jsx("div", {
+      className: "player-record-time",
+      children: timeStr
+    })
+  });
 }
+
 export default TimeSelect;

package/es/ScreenPlayer/demo.js

@@ -1,26 +1,24 @@
 import "antd/lib/config-provider/style";
 import _ConfigProvider from "antd/lib/config-provider";
 import React from 'react';
-import LivePlayer from './Live';
+import LivePlayer from "./Live";
+import { jsx as _jsx } from "react/jsx-runtime";
 var list = [{
   url: 'https://jxsr-api.antelopecloud.cn/cloud/v2/live/538505715.m3u8?client_token=538505715_0_1662689284_b3fa3a25322233281b05384cfd11dc9d',
   type: 'hls'
-}
-// { url: 'https://6a75ef89-1-server.antelopecloud.cn/flv_live?app=live&token=542446501_3356491776_1693535295_37062417b87df4be7dd5c02b01d87248', type: 'flv' },
-// { url: 'https://6a75ef90-1-server.antelopecloud.cn/flv_live?app=live&token=542453821_3356491776_1693535323_3a90f54c141b9a246d5679678ebafe90', type: 'flv' },
-// { url: 'https://6a75ef90-6-server.antelopecloud.cn/flv_live?app=live&token=542449206_3356491776_1693535342_803846974f04eb02e8115d10432d062f', type: 'flv' },
-];
-
+}];
 export default function App() {
-  return /*#__PURE__*/React.createElement(_ConfigProvider, {
-    prefixCls: "cloudapp"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 1200,
-      height: 800
-    }
-  }, /*#__PURE__*/React.createElement(LivePlayer, {
-    list: list,
-    onIndexChange: console.log
-  })));
+  return /*#__PURE__*/_jsx(_ConfigProvider, {
+    prefixCls: "cloudapp",
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        width: '100%',
+        height: 600
+      },
+      children: /*#__PURE__*/_jsx(LivePlayer, {
+        list: list,
+        onIndexChange: console.log
+      })
+    })
+  });
 }