@cloud-app-dev/vidc 3.0.3 → 3.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,5 @@
1
+ import _useFullscreen3 from "ahooks/es/useFullscreen";
2
+
1
3
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
4
 
3
5
  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."); }
@@ -18,6 +20,8 @@ import FrontendPlayer from '../Player/frontend_player';
18
20
  import ExtModel from '../PlayerExt';
19
21
  import moment from 'moment';
20
22
  export function LivePlayerWithExt(_a) {
23
+ var _b;
24
+
21
25
  var mode = _a.mode,
22
26
  isLive = _a.isLive,
23
27
  url = _a.url,
@@ -33,10 +37,17 @@ export function LivePlayerWithExt(_a) {
33
37
  var update = useCallback(function () {
34
38
  return updatePlayer(ref);
35
39
  }, [updatePlayer]);
40
+
41
+ var _useFullscreen = _useFullscreen3((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
42
+ _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
43
+ _ = _useFullscreen2[0],
44
+ toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
45
+
36
46
  return /*#__PURE__*/React.createElement("div", {
37
47
  className: "player-with-ext-layout ".concat(className),
38
48
  style: style,
39
- onClick: onClick
49
+ onClick: onClick,
50
+ onDoubleClick: toggleFullscreen
40
51
  }, /*#__PURE__*/React.createElement(ExtModel, {
41
52
  url: url,
42
53
  mode: mode,
@@ -51,6 +62,8 @@ export function LivePlayerWithExt(_a) {
51
62
  }))));
52
63
  }
53
64
  export function SegmentPlayerWithExt(_a) {
65
+ var _b;
66
+
54
67
  var begin = _a.begin,
55
68
  style = _a.style,
56
69
  className = _a.className,
@@ -63,10 +76,17 @@ export function SegmentPlayerWithExt(_a) {
63
76
  var update = useCallback(function () {
64
77
  return updatePlayer(ref);
65
78
  }, [updatePlayer]);
79
+
80
+ var _useFullscreen4 = _useFullscreen3((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
81
+ _useFullscreen5 = _slicedToArray(_useFullscreen4, 2),
82
+ _ = _useFullscreen5[0],
83
+ toggleFullscreen = _useFullscreen5[1].toggleFullscreen;
84
+
66
85
  return /*#__PURE__*/React.createElement("div", {
67
86
  className: "player-with-ext-layout ".concat(className),
68
87
  style: style,
69
- onClick: onClick
88
+ onClick: onClick,
89
+ onDoubleClick: toggleFullscreen
70
90
  }, /*#__PURE__*/React.createElement(ExtModel, {
71
91
  segments: segments,
72
92
  mode: 1
@@ -90,6 +110,8 @@ export function FrontendPlayerWithExt(_ref) {
90
110
  onClick = _ref.onClick,
91
111
  pluginDownloadUrl = _ref.pluginDownloadUrl;
92
112
 
113
+ var _a;
114
+
93
115
  var _useState = useState({
94
116
  begin: 0,
95
117
  end: 0,
@@ -136,11 +158,17 @@ export function FrontendPlayerWithExt(_ref) {
136
158
  var update = useCallback(function () {
137
159
  return updatePlayer(ref);
138
160
  }, [updatePlayer]);
139
- console.log(state.url);
161
+
162
+ var _useFullscreen6 = _useFullscreen3((_a = ref.current) === null || _a === void 0 ? void 0 : _a.container),
163
+ _useFullscreen7 = _slicedToArray(_useFullscreen6, 2),
164
+ _ = _useFullscreen7[0],
165
+ toggleFullscreen = _useFullscreen7[1].toggleFullscreen;
166
+
140
167
  return /*#__PURE__*/React.createElement("div", {
141
168
  className: "player-with-ext-layout ".concat(className),
142
169
  style: style,
143
- onClick: onClick
170
+ onClick: onClick,
171
+ onDoubleClick: toggleFullscreen
144
172
  }, /*#__PURE__*/React.createElement(ExtModel, {
145
173
  segments: segments,
146
174
  mode: mode,
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "private": false,
3
3
  "name": "@cloud-app-dev/vidc",
4
4
  "description": "Video Image Data Componennts",
5
- "version": "3.0.3",
5
+ "version": "3.0.4",
6
6
  "scripts": {
7
7
  "start": "dumi dev",
8
8
  "docs:build": "dumi build",