@cloud-app-dev/vidc 2.2.0-alpha.2 → 2.2.0-alpha.4

package/.umirc.ts

@@ -39,8 +39,6 @@ export default defineConfig({
       },
     },
   },
-  fastRefresh: true,
-
   // mfsu: {
   //   development: {
   //     output: './.mfsu/dev',

package/es/DeviceSelect/index.js

@@ -22,7 +22,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import TreeMode from '../Tree';
 import DynamicDeviceList from '../List/DynamicDeviceList';
 import DeviceList from '../List/DeviceList';
-import { uniq, uniqBy } from 'lodash';
+import { uniq, uniqBy } from 'lodash-es';
 import TreeType from './TreeType';
 import "./index.css";
 

package/es/FullScreen/index.d.ts

@@ -4,6 +4,7 @@ interface IFullScrenProps {
     className?: string;
     getContainer: () => HTMLElement | Element;
     fullScreenChange?: (flag: boolean) => void;
+    hasText?: boolean;
 }
-declare function FullScreen({ className, getContainer, fullScreenChange }: IFullScrenProps): JSX.Element;
+declare function FullScreen({ className, getContainer, fullScreenChange, hasText }: IFullScrenProps): JSX.Element;
 export default FullScreen;

package/es/FullScreen/index.js

@@ -19,7 +19,8 @@ import "./index.css";
 function FullScreen(_ref) {
   var className = _ref.className,
       getContainer = _ref.getContainer,
-      fullScreenChange = _ref.fullScreenChange;
+      fullScreenChange = _ref.fullScreenChange,
+      hasText = _ref.hasText;
 
   var _useFullscreen = _useFullscreen3(getContainer),
       _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
@@ -27,15 +28,17 @@ function FullScreen(_ref) {
       toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
 
   useEffect(function () {
-    return fullScreenChange && fullScreenChange(isFullscreen);
+    if (isFullscreen) {
+      fullScreenChange(isFullscreen);
+    }
   }, [isFullscreen]);
   return /*#__PURE__*/React.createElement("span", {
-    className: "tools-screen-layer ".concat(className ? className : ''),
+    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 ? 'icon-S_View_ScreenViewFull' : 'icon-S_View_ScreenViewExit'
-  }), !isFullscreen ? '全屏' : '窗口');
+  }), hasText ? !isFullscreen ? '全屏' : '窗口' : undefined);
 }
 
 export default FullScreen;

package/es/HightLevel/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { replace, escapeRegExp } from 'lodash';
+import { replace, escapeRegExp } from 'lodash-es';
 import "./index.css";
 
 function HighLevel(_ref) {

package/es/Picture/component/MoveContent/index.js

@@ -8,7 +8,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -18,7 +18,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 import React from 'react';
 import addEventListener from 'add-dom-event-listener';

package/es/Picture/demo.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function App(): JSX.Element;

package/es/Picture/demo.js

@@ -0,0 +1,16 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+import React from 'react';
+import Picture from '.';
+export default function App() {
+  return /*#__PURE__*/React.createElement(_ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 400
+    }
+  }, /*#__PURE__*/React.createElement(Picture, {
+    imagePath: "https://x0.ifengimg.com/cmpp/fck/2020_30/65cca65a549d6c2_w1024_h578.jpg"
+  })));
+}

package/es/Picture/index.js

@@ -23,7 +23,7 @@ import Tools from './component/Tools';
 import DrawRect from './component/DrawRect';
 import WheelScale from './component/WheelScale';
 import DefaultRects from './component/DefaultRects';
-import { isFunction } from 'lodash';
+import { isFunction } from 'lodash-es';
 import "./index.css";
 
 function Picture(_a) {
@@ -187,7 +187,7 @@ function Picture(_a) {
         rotate = state.rotate;
 
     if (!layoutRef.current) {
-      return;
+      return undefined;
     }
 
     var position = computedBound(layoutRef.current, currrentPosition, scale, rotate);

package/es/Picture/utils.js

@@ -1,4 +1,4 @@
-import { cloneDeep } from 'lodash';
+import { cloneDeep } from 'lodash-es';
 export function customContextMenu(e) {
   e.preventDefault();
   return false;

package/es/Player/frontend_player.d.ts

@@ -1,11 +1,5 @@
 /// <reference types="react" />
-import type { ISinglePlayerProps } from './player';
-declare type OmitPlayerProps = 'customTimeLine' | 'onCanPlayerInit' | 'isLive' | 'reload' | 'type';
-interface IFrontendPlayerProps extends Omit<ISinglePlayerProps, OmitPlayerProps> {
-    begin?: number;
-    end?: number;
-    onSeek(time: number): void;
-}
+import type { IFrontendPlayerProps } from './player';
 /**
  * @desc 主组件，负责片段整体逻辑控制
  * @param param0

package/es/Player/index.d.ts

@@ -1,8 +1,2 @@
-import SegmentPlayer from './segment_player';
-import FrontendPlayer from './frontend_player';
-declare const _default: {
-    SinglePlayer: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./player").ISinglePlayerProps & import("react").RefAttributes<import("./player").ExportPlayerType>>>;
-    FrontendPlayer: typeof FrontendPlayer;
-    SegmentPlayer: typeof SegmentPlayer;
-};
-export default _default;
+import SinglePlayer from './single_player';
+export default SinglePlayer;

package/es/Player/index.js

@@ -1,8 +1,2 @@
 import SinglePlayer from './single_player';
-import SegmentPlayer from './segment_player';
-import FrontendPlayer from './frontend_player';
-export default {
-  SinglePlayer: SinglePlayer,
-  FrontendPlayer: FrontendPlayer,
-  SegmentPlayer: SegmentPlayer
-};
+export default SinglePlayer;

package/es/Player/player.d.ts

@@ -37,7 +37,22 @@ export interface ISinglePlayerProps {
   playerEvents?: CustomEvent[];
 }
 
+type OmitPlayerProps = 'customTimeLine' | 'onCanPlayerInit' | 'isLive' | 'reload' | 'type';
+
+export interface IFrontendPlayerProps extends Omit<ISinglePlayerProps, OmitPlayerProps> {
+  begin?: number;
+  end?: number;
+  onSeek(time: number): void;
+}
+
+export interface ISegmentPlayerProps extends Omit<ISinglePlayerProps, 'url' | 'customTimeLine' | 'onCanPlayerInit'> {
+  segments?: ISegmentType[];
+  begin?: number;
+}
+
 export const SinglePlayer: React.FunctionComponent<ISinglePlayerProps>;
+export const FrontendPlayer: React.FunctionComponent<IFrontendPlayerProps>;
+export const SegmentPlayer: React.FunctionComponent<ISegmentPlayerProps>;
 
 export interface EventName {
   RELOAD: 'reload'; //手动视频重载

package/es/Player/segment_player.d.ts

@@ -1,9 +1,5 @@
 /// <reference types="react" />
-import type { ISegmentType, ISinglePlayerProps } from './player';
-interface ISegmentPlayerProps extends Omit<ISinglePlayerProps, 'url' | 'customTimeLine' | 'onCanPlayerInit'> {
-    segments?: ISegmentType[];
-    begin?: number;
-}
+import type { ISegmentPlayerProps } from './player';
 /**
  * @desc 主组件，负责片段整体逻辑控制
  * @param param0

package/es/PlayerExt/demo.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => JSX.Element;
+export default App;

package/es/PlayerExt/demo.js

@@ -0,0 +1,227 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+import "antd/lib/button/style";
+import _Button from "antd/lib/button";
+import "antd/lib/input/style";
+import _Input from "antd/lib/input";
+import "antd/lib/select/style";
+import _Select from "antd/lib/select";
+
+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';
+var options = [{
+  value: '',
+  label: '自动'
+}, {
+  value: 'flv',
+  label: 'FLV'
+}, {
+  value: 'hls',
+  label: 'HLS'
+}];
+var options2 = [{
+  value: 1,
+  label: '直播'
+}, {
+  value: 0,
+  label: '录像'
+}];
+
+function Demo1() {
+  var _useState = useState({
+    type: undefined,
+    isLive: 1,
+    url: '',
+    tempUrl: ''
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 800
+    }
+  }, /*#__PURE__*/React.createElement("h3", null, "\u6807\u51C6\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(_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: 1
+  }, /*#__PURE__*/React.createElement(Player, {
+    type: state.type,
+    url: state.url,
+    isLive: !!state.isLive
+  }))));
+}
+
+function Demo2() {
+  var _useState3 = useState({
+    type: undefined,
+    isLive: 1,
+    url: '',
+    tempUrl: ''
+  }),
+      _useState4 = _slicedToArray(_useState3, 2),
+      state = _useState4[0],
+      setState = _useState4[1];
+
+  return /*#__PURE__*/React.createElement("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(_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: 2
+  }, /*#__PURE__*/React.createElement(Player, {
+    type: state.type,
+    url: state.url,
+    isLive: !!state.isLive
+  }))));
+}
+
+var App = function App() {
+  return /*#__PURE__*/React.createElement(_ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement(Demo1, null), /*#__PURE__*/React.createElement(Demo2, null));
+};
+
+export default App;

package/es/PlayerExt/index.css

@@ -0,0 +1,13 @@
+.lm-player-ext-layput {
+  background-color: #000;
+  width: 100%;
+  height: 100%;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.lm-player-ext-layput .lm-player-PlaySource {
+  font-size: 66px;
+}

package/es/PlayerExt/index.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import './index.less';
+export declare type PlayModeType = 1 | 2;
+export interface IPluginProps {
+    url?: string;
+    children: JSX.Element;
+    /**
+     * @description 模式1浏览器模式，2插件模式
+     * @default 1
+     */
+    mode?: PlayModeType;
+    /**
+     * @description 插件下载地址
+     */
+    pluginDownloadUrl?: string;
+    /**
+     * @description 插件模式下传递的参数 ’&’开头
+     * @default ''
+     */
+    pluginParams?: string;
+}
+/**
+ * 客户端插件模式，随机端口
+ */
+export declare const LOCAL_PORT: string[];
+/**
+ * 随机获取端口号
+ * @returns
+ */
+export declare function getLocalPort(): string;
+export declare function getLocalPlayPath(url: string, params?: string): string;
+export declare function usePlugin(mode: PlayModeType): {
+    needInstall: boolean;
+};
+export declare function ExtModel({ url, children, mode, pluginDownloadUrl, pluginParams }: IPluginProps): JSX.Element;
+export { ExtModel as default };

package/es/PlayerExt/index.js

@@ -0,0 +1,120 @@
+import _useMount from "ahooks/es/useMount";
+
+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 IconFont from '../Player/iconfont';
+import "./index.css";
+/**
+ * 客户端插件模式，随机端口
+ */
+
+export var LOCAL_PORT = ['15080', '15081', '15082', '15083', '15084', '15085', '15086', '15087', '15088', '15089'];
+/**
+ * 随机获取端口号
+ * @returns
+ */
+
+export function getLocalPort() {
+  return LOCAL_PORT[Math.floor(Math.random() * LOCAL_PORT.length)];
+}
+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('+', '-');
+  return URL_TEMPLATE.replace('<port>', port).replace('<pull_uri>', pull_uri) + params;
+}
+export function usePlugin(mode) {
+  var _useState = useState({
+    installed: false
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  _useMount(function () {
+    if (mode !== 2) {
+      return undefined;
+    }
+
+    var port = getLocalPort();
+    fetch("http://127.0.0.1:".concat(port, "/video/v1/state")).then(function (res) {
+      if (res.status === 200) {
+        setState({
+          installed: true
+        });
+      }
+    }).catch(function (e) {
+      console.error('插件未安装');
+    });
+  });
+
+  return {
+    needInstall: useMemo(function () {
+      return mode === 2 && !state.installed;
+    }, [state.installed])
+  };
+}
+export function ExtModel(_ref) {
+  var url = _ref.url,
+      children = _ref.children,
+      mode = _ref.mode,
+      pluginDownloadUrl = _ref.pluginDownloadUrl,
+      pluginParams = _ref.pluginParams;
+  var hasUrl = useMemo(function () {
+    return !!url;
+  }, [url]);
+
+  var _usePlugin = usePlugin(mode),
+      needInstall = _usePlugin.needInstall;
+
+  var playUrl = useMemo(function () {
+    return needInstall && url ? getLocalPlayPath(url, pluginParams) : url;
+  }, [url]);
+
+  if (needInstall) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "lm-player-ext-layput"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginTop: -60,
+        textAlign: 'center'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconFont, {
+      type: "lm-player-PlaySource"
+    })), /*#__PURE__*/React.createElement("div", 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")));
+  }
+
+  if (!hasUrl) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "lm-player-ext-layput"
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      type: "lm-player-PlaySource"
+    }));
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(children, {
+    url: playUrl
+  }));
+}
+export { ExtModel as default };

package/es/UserSelect/index.js

@@ -24,7 +24,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useCallback, useMemo, useState, useImperativeHandle } from 'react';
 import api from '../Api';
 import TreeMode from '../Tree';
-import { uniq, intersectionWith, uniqBy, differenceWith } from 'lodash';
+import { uniq, intersectionWith, uniqBy, differenceWith } from 'lodash-es';
 import IconFont from '../IconFont';
 import useHttp from '../useHttp';
 import ListExt from '../List/ListExt';

package/es/WorkerFlow/Form/EmptyUserSet.js

@@ -19,7 +19,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
 import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
-import { replace } from 'lodash';
+import { replace } from 'lodash-es';
 import chroma from 'chroma-js';
 import UserSelectModalContent from './UserSelectModalContent';
 import IconFont from '../../IconFont';

package/es/WorkerFlow/Form/FormAuth.js

@@ -25,7 +25,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useCallback, useEffect, useState } from 'react';
 import Box from '../../Box';
-import { cloneDeep } from 'lodash';
+import { cloneDeep } from 'lodash-es';
 
 function FormAuth(_ref) {
   var form = _ref.form,

package/es/WorkerFlow/Form/GroupSelect.js

@@ -19,7 +19,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
 import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
-import { replace } from 'lodash';
+import { replace } from 'lodash-es';
 import chroma from 'chroma-js';
 import GroupSelectModalContent from './GroupSelectModalContent';
 import IconFont from '../../IconFont';

package/es/WorkerFlow/Form/GroupSelectModalContent.js

@@ -23,7 +23,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useCallback, useMemo, useState, useImperativeHandle } from 'react';
 import api from '../../Api';
 import TreeMode from '../../Tree';
-import { uniq, intersectionWith } from 'lodash';
+import { uniq, intersectionWith } from 'lodash-es';
 import useHttp from '../../useHttp';
 import { formatRenderGroup } from './utils';
 import GroupList from './GroupList';

package/es/WorkerFlow/Form/LevelGroupSelect.js

@@ -21,7 +21,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
 import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
-import { replace } from 'lodash';
+import { replace } from 'lodash-es';
 import chroma from 'chroma-js';
 import GroupSelectModalContent from './GroupSelectModalContent';
 import { formatRenderGroup, ToUpperNumberString } from './utils';

package/es/WorkerFlow/Form/UserAndGroupSelect.js

@@ -21,7 +21,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
 import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
-import { replace } from 'lodash';
+import { replace } from 'lodash-es';
 import chroma from 'chroma-js';
 import UserSelectModalContent from './UserSelectModalContent';
 import GroupSelectModalContent from './GroupSelectModalContent';

package/es/WorkerFlow/Form/UserSelect.js

@@ -19,7 +19,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
 import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
-import { replace } from 'lodash';
+import { replace } from 'lodash-es';
 import chroma from 'chroma-js';
 import UserSelectModalContent from './UserSelectModalContent';
 import IconFont from '../../IconFont';

package/es/WorkerFlow/Form/UserSelectModalContent.js

@@ -22,7 +22,7 @@ import React, { useCallback, useMemo, useState, forwardRef, useImperativeHandle
 import api from '../../Api';
 import TreeMode from '../../Tree';
 import List from '../../List/ListExt';
-import { uniq, uniqBy, differenceWith, intersectionWith } from 'lodash';
+import { uniq, uniqBy, differenceWith, intersectionWith } from 'lodash-es';
 import useHttp from '../../useHttp';
 var UserSelectModalContent = /*#__PURE__*/forwardRef(function UserSelectModalContent(_ref, ref) {
   var selectUsers = _ref.selectUsers;

package/es/WorkerFlow/Form/UserSet.js

@@ -17,7 +17,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { UserSetOptions } from '../Nodes/Constants';
-import { cloneDeep } from 'lodash';
+import { cloneDeep } from 'lodash-es';
 import UsersHandleType from './UsersHandleType';
 import UserSelect from './UserSelect';
 import UserAndGroupSelect from './UserAndGroupSelect';

package/es/WorkerFlow/index.js

@@ -33,7 +33,7 @@ import ApproverForm from './Form/Approver';
 import ConditionForm from './Form/Condition';
 import NotifierForm from './Form/Notifier';
 import { TemplateConfig1 } from './template';
-import { cloneDeep } from 'lodash';
+import { cloneDeep } from 'lodash-es';
 import EndNode from './Nodes/End';
 import Render from './Nodes/Render';
 import Tools from './Tools';

package/es/WorkerFlow/utils.js

@@ -10,7 +10,7 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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; }
 
-import { cloneDeep } from 'lodash';
+import { cloneDeep } from 'lodash-es';
 import { getNodeById } from './XML/utils';
 export function getJAVATaskData(data) {
   var _a;

package/es/index.d.ts

@@ -27,6 +27,7 @@ export { default as LoaderScript } from './LoaderScript';
 export { default as Modal } from './Modal';
 export { default as Picture } from './Picture';
 export { default as Player } from './Player';
+export { default as PlayerExt } from './PlayerExt';
 export { default as Progress } from './Progress';
 export { default as SegmentPlayer } from './SegmentPlayer';
 export { default as Service } from './Service';

package/es/index.js

@@ -27,6 +27,7 @@ export { default as LoaderScript } from './LoaderScript';
 export { default as Modal } from './Modal';
 export { default as Picture } from './Picture';
 export { default as Player } from './Player';
+export { default as PlayerExt } from './PlayerExt';
 export { default as Progress } from './Progress';
 export { default as SegmentPlayer } from './SegmentPlayer';
 export { default as Service } from './Service';

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "2.2.0-alpha.2",
+  "version": "2.2.0-alpha.4",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -30,7 +30,6 @@
     ]
   },
   "dependencies": {
-    "@types/lodash-es": "^4.17.6",
     "add-dom-event-listener": "^1.1.0",
     "ahooks": "^3.1.0",
     "axios": "^0.27.2",
@@ -38,7 +37,6 @@
     "flv.zv.js": "^2.2.0",
     "hls.js": "^1.1.5",
     "immer": "^9.0.5",
-    "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "rc-queue-anim": "^2.0.0"
   },
@@ -46,15 +44,15 @@
     "@cloud-app-dev/utils": "^3.0.3",
     "@types/add-dom-event-listener": "^1.1.0",
     "@types/chroma-js": "^2.1.3",
-    "@types/lodash": "^4.14.178",
+    "@types/lodash-es": "^4.17.6",
     "@types/node": "^17.0.5",
     "@types/react": "^18.0.9",
     "@types/react-dom": "^18.0.4",
-    "@umijs/test": "^3.0.5",
-    "antd": "^4.20.6",
+    "@umijs/test": "^3.5.26",
+    "antd": "^4.21.0",
     "babel-plugin-import": "^1.13.3",
-    "dumi": "^1.1.40",
-    "father-build": "^1.22.1",
+    "dumi": "^1.1.42",
+    "father-build": "^1.22.3",
     "gh-pages": "^3.0.0",
     "history": "^5.3.0",
     "lint-staged": "^10.0.7",
@@ -62,6 +60,7 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "react-router-dom": "^6.3.0",
+    "tslib": "^2.4.0",
     "typescript": "^4.5.4",
     "yorkie": "^2.0.0"
   },

package/tsconfig.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "target": "es6",
     "module": "esnext",
-    "lib": ["es2018", "dom", "es2019"],
+    "lib": ["es2018", "dom", "es2021"],
     "rootDir": "./",
     "outDir": "es",
     "moduleResolution": "node",