@cloud-app-dev/vidc 3.2.11 → 3.2.14

package/es/PlayerExt/demo.js

@@ -6,15 +6,30 @@ import "antd/lib/input/style";
 import _Input from "antd/lib/input";
 import "antd/lib/select/style";
 import _Select from "antd/lib/select";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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, { useState } from 'react';
-import Player from '../Player/single_player';
-import ExtModel from './index';
+import Player from "../Player/single_player";
+import ExtModel from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var options = [{
   value: '',
   label: '自动'
@@ -32,124 +47,142 @@ var options2 = [{
   value: 0,
   label: '录像'
 }];
+
 //http://192.168.101.162:14088/flv/live/1853e2a5c3308bd62/2.flv?device_id=&channel_id=1853e2a5c3308bd62&stream_index=2&ip=0
 function Demo() {
   var _useState = useState({
-      type: undefined,
-      isLive: 1,
-      url: '',
-      tempUrl: '',
-      mode: 1
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  return /*#__PURE__*/React.createElement("div", {
+    type: undefined,
+    isLive: 1,
+    url: '',
+    tempUrl: '',
+    mode: 1
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  return /*#__PURE__*/_jsxs("div", {
     style: {
       width: '100%',
       height: 800
-    }
-  }, /*#__PURE__*/React.createElement("h3", null, "\u63D2\u4EF6\u89C6\u9891\u64AD\u653E"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: 10,
-      display: 'flex'
-    }
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: state.type || '',
-    onChange: function onChange(val) {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          type: val
-        });
-      });
-    }
-  }, options.map(function (v) {
-    return /*#__PURE__*/React.createElement(_Select.Option, {
-      key: v.label,
-      value: v.value
-    }, v.label);
-  })), /*#__PURE__*/React.createElement(_Input, {
-    style: {
-      flex: 1,
-      height: 32
-    },
-    type: "text",
-    placeholder: "\u8BF7\u8F93\u5165\u89C6\u9891\u5730\u5740",
-    onChange: function onChange(e) {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          tempUrl: e.target.value
-        });
-      });
-    }
-  }), /*#__PURE__*/React.createElement(_Select, {
-    value: state.isLive,
-    onChange: function onChange(val) {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          isLive: val
-        });
-      });
-    }
-  }, options2.map(function (v) {
-    return /*#__PURE__*/React.createElement(_Select.Option, {
-      key: v.label,
-      value: v.value
-    }, v.label);
-  })), /*#__PURE__*/React.createElement(_Select, {
-    value: state.mode,
-    onChange: function onChange(val) {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          mode: val
-        });
-      });
-    }
-  }, /*#__PURE__*/React.createElement(_Select.Option, {
-    value: 1
-  }, "\u6D4F\u89C8\u5668\u6A21\u5F0F"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: 2
-  }, "\u63D2\u4EF6\u6A21\u5F0F")), /*#__PURE__*/React.createElement(_Button, {
-    style: {
-      width: 60,
-      height: 32
     },
-    onClick: function onClick(e) {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          url: ''
-        });
-      });
-    }
-  }, "\u5173\u95ED"), /*#__PURE__*/React.createElement(_Button, {
-    style: {
-      width: 60,
-      height: 32
-    },
-    onClick: function onClick(e) {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          url: state.tempUrl
-        });
-      });
-    }
-  }, "\u64AD\u653E")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 600
-    }
-  }, /*#__PURE__*/React.createElement(ExtModel, {
-    url: state.url,
-    mode: state.mode,
-    pluginDownloadUrl: "http://192.168.101.162:19999/plugins/ZVPlayer.exe"
-  }, /*#__PURE__*/React.createElement(Player, {
-    type: state.type,
-    url: state.url,
-    isLive: !!state.isLive
-  }))));
+    children: [/*#__PURE__*/_jsx("h3", {
+      children: "\u63D2\u4EF6\u89C6\u9891\u64AD\u653E"
+    }), /*#__PURE__*/_jsxs("div", {
+      style: {
+        marginBottom: 10,
+        display: 'flex'
+      },
+      children: [/*#__PURE__*/_jsx(_Select, {
+        value: state.type || '',
+        onChange: function onChange(val) {
+          return setState(function (old) {
+            return _objectSpread(_objectSpread({}, old), {}, {
+              type: val
+            });
+          });
+        },
+        children: options.map(function (v) {
+          return /*#__PURE__*/_jsx(_Select.Option, {
+            value: v.value,
+            children: v.label
+          }, v.label);
+        })
+      }), /*#__PURE__*/_jsx(_Input, {
+        style: {
+          flex: 1,
+          height: 32
+        },
+        type: "text",
+        placeholder: "\u8BF7\u8F93\u5165\u89C6\u9891\u5730\u5740",
+        onChange: function onChange(e) {
+          return setState(function (old) {
+            return _objectSpread(_objectSpread({}, old), {}, {
+              tempUrl: e.target.value
+            });
+          });
+        }
+      }), /*#__PURE__*/_jsx(_Select, {
+        value: state.isLive,
+        onChange: function onChange(val) {
+          return setState(function (old) {
+            return _objectSpread(_objectSpread({}, old), {}, {
+              isLive: val
+            });
+          });
+        },
+        children: options2.map(function (v) {
+          return /*#__PURE__*/_jsx(_Select.Option, {
+            value: v.value,
+            children: v.label
+          }, v.label);
+        })
+      }), /*#__PURE__*/_jsxs(_Select, {
+        value: state.mode,
+        onChange: function onChange(val) {
+          return setState(function (old) {
+            return _objectSpread(_objectSpread({}, old), {}, {
+              mode: val
+            });
+          });
+        },
+        children: [/*#__PURE__*/_jsx(_Select.Option, {
+          value: 1,
+          children: "\u6D4F\u89C8\u5668\u6A21\u5F0F"
+        }), /*#__PURE__*/_jsx(_Select.Option, {
+          value: 2,
+          children: "\u63D2\u4EF6\u6A21\u5F0F"
+        })]
+      }), /*#__PURE__*/_jsx(_Button, {
+        style: {
+          width: 60,
+          height: 32
+        },
+        onClick: function onClick(e) {
+          return setState(function (old) {
+            return _objectSpread(_objectSpread({}, old), {}, {
+              url: ''
+            });
+          });
+        },
+        children: "\u5173\u95ED"
+      }), /*#__PURE__*/_jsx(_Button, {
+        style: {
+          width: 60,
+          height: 32
+        },
+        onClick: function onClick(e) {
+          return setState(function (old) {
+            return _objectSpread(_objectSpread({}, old), {}, {
+              url: state.tempUrl
+            });
+          });
+        },
+        children: "\u64AD\u653E"
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        height: 600
+      },
+      children: /*#__PURE__*/_jsx(ExtModel, {
+        url: state.url,
+        mode: state.mode,
+        pluginDownloadUrl: "http://192.168.101.162:19999/plugins/ZVPlayer.exe",
+        children: /*#__PURE__*/_jsx(Player, {
+          type: state.type,
+          url: state.url,
+          isLive: !!state.isLive
+        })
+      })
+    })]
+  });
 }
+
 var App = function App() {
-  return /*#__PURE__*/React.createElement(_ConfigProvider, {
-    prefixCls: "cloudapp"
-  }, /*#__PURE__*/React.createElement(Demo, null));
+  return /*#__PURE__*/_jsx(_ConfigProvider, {
+    prefixCls: "cloudapp",
+    children: /*#__PURE__*/_jsx(Demo, {})
+  });
 };
+
 export default App;

package/es/PlayerExt/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ISegmentType } from 'src/Player/player';
+import { ISegmentType } from "../Player/player";
 import './index.less';
 export declare type PlayModeType = 1 | 2;
 export interface IPluginProps {
@@ -41,7 +41,7 @@ export declare function getLocalPort(): string;
  * @returns
  */
 export declare function getLocalPlayPath(url: string, params?: string): string;
-export declare function usePlugin(mode: PlayModeType, key: any): {
+export declare function usePlugin(mode?: PlayModeType, key?: any): {
     needInstall: boolean;
 };
 export declare function ExtModel({ url, children, mode, pluginDownloadUrl, pluginParams, loading, segments }: IPluginProps): JSX.Element;

package/es/PlayerExt/index.js

@@ -1,13 +1,27 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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; }
-/* eslint-disable jsx-a11y/anchor-is-valid */
+
 import React, { useEffect, useMemo, useState } from 'react';
-import IconFont from '../Player/iconfont';
-import "./index.css";
+import IconFont from "../Player/iconfont";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 /**
  * 客户端插件模式，随机端口
  */
@@ -16,6 +30,7 @@ export var LOCAL_PORT = ['15080', '15081', '15082', '15083', '15084', '15085', '
  * 随机获取端口号
  * @returns
  */
+
 export function getLocalPort() {
   return LOCAL_PORT[Math.floor(Math.random() * LOCAL_PORT.length)];
 }
@@ -25,31 +40,36 @@ export function getLocalPort() {
  * @param params
  * @returns
  */
+
 export function getLocalPlayPath(url) {
   var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var URL_TEMPLATE = "http://127.0.0.1:<port>/video/v1/transcoding?uri=<pull_uri>";
   var port = getLocalPort();
-  var pull_uri = window.btoa(url).replaceAll('=', '').replaceAll('/', '_').replaceAll('+', '-');
+  var pull_uri = window.btoa(url).replace(/=/g, '').replace(/\//, '_').replace('+', '-');
   return URL_TEMPLATE.replace('<port>', port).replace('<pull_uri>', pull_uri) + params;
 }
 export function usePlugin(mode, key) {
   var _useState = useState({
-      installed: false
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+    installed: false
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
   useEffect(function () {
     if (mode !== 2) {
       return undefined;
     }
+
     var port = getLocalPort();
     var url = "http://127.0.0.1:".concat(port, "/video/v1/state");
+
     var thenFn = function thenFn(res) {
       return res.status === 200 ? setState({
         installed: true
       }) : undefined;
     };
+
     fetch(url).then(thenFn).catch(function (e) {
       return console.error('插件未安装', e);
     });
@@ -60,118 +80,150 @@ export function usePlugin(mode, key) {
     }, [state.installed, mode])
   };
 }
+
 function NeedInstallPlugin(_ref) {
   var pluginDownloadUrl = _ref.pluginDownloadUrl,
-    retry = _ref.retry;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "lm-player-ext-layout"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: -60,
-      textAlign: 'center'
-    }
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-PlaySource",
-    style: {
-      fontSize: 66
-    }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, "\u8BF7", /*#__PURE__*/React.createElement("a", {
-    target: "_blank",
-    href: pluginDownloadUrl,
-    style: {
-      textDecoration: 'none',
-      padding: '0 4px'
-    },
-    download: "PlayerPlugin.exe",
-    rel: "noopener noreferrer"
-  }, "\u4E0B\u8F7D"), "\u64AD\u653E\u63D2\u4EF6\uFF0C"), /*#__PURE__*/React.createElement("span", null, "\u82E5\u5DF2\u5B89\u88C5\u8BF7\u70B9\u51FB", /*#__PURE__*/React.createElement("a", {
-    style: {
-      padding: '0 4px'
-    },
-    onClick: retry
-  }, "\u91CD\u8BD5")))));
+      retry = _ref.retry;
+  return /*#__PURE__*/_jsx("div", {
+    className: "lm-player-ext-layout",
+    children: /*#__PURE__*/_jsxs("div", {
+      style: {
+        marginTop: -60,
+        textAlign: 'center'
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsx(IconFont, {
+          type: "lm-player-PlaySource",
+          style: {
+            fontSize: 66
+          }
+        })
+      }), /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsxs("span", {
+          children: ["\u8BF7", /*#__PURE__*/_jsx("a", {
+            target: "_blank",
+            href: pluginDownloadUrl,
+            style: {
+              textDecoration: 'none',
+              padding: '0 4px'
+            },
+            download: "PlayerPlugin.exe",
+            rel: "noopener noreferrer",
+            children: "\u4E0B\u8F7D"
+          }), "\u64AD\u653E\u63D2\u4EF6\uFF0C"]
+        }), /*#__PURE__*/_jsxs("span", {
+          children: ["\u82E5\u5DF2\u5B89\u88C5\u8BF7\u70B9\u51FB", /*#__PURE__*/_jsx("a", {
+            style: {
+              padding: '0 4px'
+            },
+            onClick: retry,
+            children: "\u91CD\u8BD5"
+          })]
+        })]
+      })]
+    })
+  });
 }
+
 function Loading() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "lm-player-ext-layout"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: -60,
-      textAlign: 'center'
-    }
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-PlaySource",
-    style: {
-      fontSize: 66
-    }
-  })), /*#__PURE__*/React.createElement("div", null, "\u6B63\u5728\u83B7\u53D6\u89C6\u9891\u6570\u636E\uFF0C\u8BF7\u7A0D\u7B49...")));
+  return /*#__PURE__*/_jsx("div", {
+    className: "lm-player-ext-layout",
+    children: /*#__PURE__*/_jsxs("div", {
+      style: {
+        marginTop: -60,
+        textAlign: 'center'
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsx(IconFont, {
+          type: "lm-player-PlaySource",
+          style: {
+            fontSize: 66
+          }
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        children: "\u6B63\u5728\u83B7\u53D6\u89C6\u9891\u6570\u636E\uFF0C\u8BF7\u7A0D\u7B49..."
+      })]
+    })
+  });
 }
+
 function Empty() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "lm-player-ext-layout"
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-PlaySource",
-    style: {
-      fontSize: 66
-    }
-  }));
+  return /*#__PURE__*/_jsx("div", {
+    className: "lm-player-ext-layout",
+    children: /*#__PURE__*/_jsx(IconFont, {
+      type: "lm-player-PlaySource",
+      style: {
+        fontSize: 66
+      }
+    })
+  });
 }
+
 export function ExtModel(_ref2) {
   var url = _ref2.url,
-    children = _ref2.children,
-    mode = _ref2.mode,
-    pluginDownloadUrl = _ref2.pluginDownloadUrl,
-    pluginParams = _ref2.pluginParams,
-    loading = _ref2.loading,
-    segments = _ref2.segments;
+      children = _ref2.children,
+      mode = _ref2.mode,
+      pluginDownloadUrl = _ref2.pluginDownloadUrl,
+      pluginParams = _ref2.pluginParams,
+      loading = _ref2.loading,
+      segments = _ref2.segments;
+
   var _useState3 = useState({
-      forceKey: Date.now()
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    state = _useState4[0],
-    setState = _useState4[1];
+    forceKey: Date.now()
+  }),
+      _useState4 = _slicedToArray(_useState3, 2),
+      state = _useState4[0],
+      setState = _useState4[1];
+
   var hasUrl = useMemo(function () {
     return !!url || Array.isArray(segments) && segments.findIndex(function (v) {
       return v.url;
     }) > -1;
   }, [segments, url]);
+
   var _usePlugin = usePlugin(mode, state.forceKey),
-    needInstall = _usePlugin.needInstall;
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+      needInstall = _usePlugin.needInstall; // eslint-disable-next-line react-hooks/exhaustive-deps
+
+
   var playUrl = useMemo(function () {
     return mode === 2 && url ? getLocalPlayPath(url, pluginParams) : url;
-  }, [url, mode]);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [url, mode]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
   var playSegments = useMemo(function () {
-    return mode === 2 && url ? segments.map(function (v) {
-      return Object.assign(Object.assign({}, v), {
-        url: getLocalPlayPath(v.url, pluginParams)
+    return mode === 2 && segments ? segments.map(function (v) {
+      return _objectSpread(_objectSpread({}, v), {}, {
+        url: v.url ? getLocalPlayPath(v.url, pluginParams) : undefined
       });
-    }) : url;
+    }) : segments;
   }, [segments, mode]);
+
   if (needInstall) {
-    return /*#__PURE__*/React.createElement(NeedInstallPlugin, {
+    return /*#__PURE__*/_jsx(NeedInstallPlugin, {
       pluginDownloadUrl: pluginDownloadUrl,
       retry: function retry() {
         return setState(function (old) {
-          return Object.assign(Object.assign({}, old), {
+          return _objectSpread(_objectSpread({}, old), {}, {
             forceKey: Date.now()
           });
         });
       }
     });
   }
+
   if (loading) {
-    return /*#__PURE__*/React.createElement(Loading, null);
+    return /*#__PURE__*/_jsx(Loading, {});
   }
+
   if (!hasUrl) {
-    return /*#__PURE__*/React.createElement(Empty, null);
+    return /*#__PURE__*/_jsx(Empty, {});
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "lm-player-ext-layout"
-  }, /*#__PURE__*/React.cloneElement(children, mode === 2 ? {
-    url: playUrl,
-    segments: playSegments
-  } : {}));
+
+  return /*#__PURE__*/_jsx("div", {
+    className: "lm-player-ext-layout",
+    children: /*#__PURE__*/React.cloneElement(children, mode === 2 ? {
+      url: playUrl,
+      segments: playSegments
+    } : {})
+  });
 }
 export { ExtModel as default };