@cloud-app-dev/vidc 3.2.2 → 3.2.5

package/es/Picture/component/Tools/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import './index.less';
-import '../../../Player/style/iconfont';
 interface IToolsProps {
     scale: number;
     imgDownload: () => void;

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

@@ -1,10 +1,9 @@
 import "antd/lib/tooltip/style";
 import _Tooltip from "antd/lib/tooltip";
 import React from 'react';
-import IconFont from '../../../IconFont';
+import IconFont from '../../../Player/iconfont';
 import FullScreen from '../../../FullScreen';
 import "./index.css";
-import '../../../Player/style/iconfont';
 function Tools(_ref) {
   var scale = _ref.scale,
     imgDownload = _ref.imgDownload,

package/es/Player/single_player.js

@@ -1,4 +1,5 @@
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
+import _useLatest from "ahooks/es/useLatest";
 import _useToggle3 from "ahooks/es/useToggle";
 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."); }
@@ -85,6 +86,8 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var hasLink = useMemo(function () {
     return !!url || !!flvConfig.mediaDataSource.segments && vType === 'flv';
   }, [url, flvConfig.mediaDataSource.segments, vType]);
+  var hlsRef = _useLatest(hls);
+  var flvRef = _useLatest(flv);
   // 存储容器
   useEffect(function () {
     setState(function (old) {
@@ -100,10 +103,10 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, [url]);
   // 特殊接口实现 reload是可能被重写的,但是API只暴露原生的方法
   var reload = function reload() {
-    return playReload(video, event, flv, hls, url);
+    return playReload(video, event, flvRef.current, hlsRef.current, url);
   };
   var unload = function unload() {
-    return playUnload(video, flv, hls);
+    return playUnload(video, flvRef.current, hlsRef.current);
   };
   var openFpsPlay = function openFpsPlay() {
     setState(function (old) {
@@ -165,10 +168,12 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       container: state.container,
       api: playApi,
       event: playEvent,
-      plugins: [flv, hls],
+      plugins: [flvRef.current, hlsRef.current],
       fit: fit
     };
-  }, [video, state.container, playApi, playEvent, flv, hls, fit]);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [video, state.container, playApi, playEvent, fit]);
   _useUpdateEffect(function () {
     return api && event && video ? onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit() : undefined;
   }, [api, event, video]);

package/es/Player/util.js

@@ -48,11 +48,9 @@ export function createFlvPlayer(video, url, isLive, flvConfig) {
   return player;
 }
 export var playReload = function playReload(video, event, flv, hls, url) {
-  video.pause();
-  video.removeAttribute('src');
+  playUnload(video, flv, hls);
   if (flv) {
     tryCatch(function () {
-      flv.unload();
       flv.load();
       flv.play();
     });
@@ -61,7 +59,6 @@ export var playReload = function playReload(video, event, flv, hls, url) {
     tryCatch(function () {
       hls.swapAudioCodec();
       hls.recoverMediaError();
-      hls.stopLoad();
       hls.startLoad();
       hls.loadSource(url);
       video.play();

package/es/ScreenPlayer/Live.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { ILivePlayerProps } from './interface';
 import './index.less';
-declare function LivePlayer({ list, children, onIndexChange, onClose, onCloseAll, snapshot, defaultScreen, screenChange, defaultSelectIndex, oneWinExtTools, allWinExtTools, pluginDownloadUrl, ...options }: ILivePlayerProps): JSX.Element;
+declare function LivePlayer({ list, children, oneWinExtTools, allWinExtTools, ...props }: ILivePlayerProps): JSX.Element;
 declare namespace LivePlayer {
     var defaultProps: {
         list: any[];

package/es/ScreenPlayer/Live.js

@@ -1,3 +1,4 @@
+import _useMemoizedFn from "ahooks/es/useMemoizedFn";
 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."); }
@@ -14,22 +15,15 @@ import useVideoFit from './useVideoFit';
 import DisableMark from '../DisableMark';
 import "./index.css";
 function LivePlayer(_a) {
+  var _b, _c;
   var list = _a.list,
     children = _a.children,
-    onIndexChange = _a.onIndexChange,
-    onClose = _a.onClose,
-    onCloseAll = _a.onCloseAll,
-    snapshot = _a.snapshot,
-    defaultScreen = _a.defaultScreen,
-    screenChange = _a.screenChange,
-    defaultSelectIndex = _a.defaultSelectIndex,
     oneWinExtTools = _a.oneWinExtTools,
     allWinExtTools = _a.allWinExtTools,
-    pluginDownloadUrl = _a.pluginDownloadUrl,
-    options = __rest(_a, ["list", "children", "onIndexChange", "onClose", "onCloseAll", "snapshot", "defaultScreen", "screenChange", "defaultSelectIndex", "oneWinExtTools", "allWinExtTools", "pluginDownloadUrl"]);
+    props = __rest(_a, ["list", "children", "oneWinExtTools", "allWinExtTools"]);
   var _useState = useState({
-      screenNum: defaultScreen !== null && defaultScreen !== void 0 ? defaultScreen : 4,
-      selectIndex: defaultSelectIndex !== null && defaultSelectIndex !== void 0 ? defaultSelectIndex : 0,
+      screenNum: (_b = props.defaultScreen) !== null && _b !== void 0 ? _b : 4,
+      selectIndex: (_c = props.defaultSelectIndex) !== null && _c !== void 0 ? _c : 0,
       modes: {}
     }),
     _useState2 = _slicedToArray(_useState, 2),
@@ -42,8 +36,8 @@ function LivePlayer(_a) {
   // 若外部来控制screenNum 则由外部完全控制
   var screenNum = useMemo(function () {
     var _a;
-    return (_a = options.screenNum) !== null && _a !== void 0 ? _a : state.screenNum;
-  }, [options.screenNum, state.screenNum]);
+    return (_a = props.screenNum) !== null && _a !== void 0 ? _a : state.screenNum;
+  }, [props.screenNum, state.screenNum]);
   // 缓存所有player对象
   var playerRef = useRef({});
   var screenType = useMemo(function () {
@@ -62,11 +56,12 @@ function LivePlayer(_a) {
   };
   // 更新状态
   var updateState = function updateState(newState) {
+    var _a;
     var obj = {};
     if (newState.hasOwnProperty('screenNum')) {
-      if (options.screenNum) {
+      if (props.screenNum) {
         // 若外部控制，不需要update state
-        screenChange === null || screenChange === void 0 ? void 0 : screenChange(newState.screenNum);
+        (_a = props.screenChange) === null || _a === void 0 ? void 0 : _a.call(props, newState.screenNum);
       } else {
         obj.screenNum = newState.screenNum;
       }
@@ -93,29 +88,57 @@ function LivePlayer(_a) {
    * 同步外部的selectIndex变化
    */
   useEffect(function () {
-    if (typeof defaultSelectIndex !== 'number') {
+    if (typeof props.defaultSelectIndex !== 'number') {
       return;
     }
     setState(function (old) {
-      if (old.selectIndex !== defaultSelectIndex) {
+      if (old.selectIndex !== props.defaultSelectIndex) {
         return Object.assign(Object.assign({}, old), {
-          selectIndex: defaultSelectIndex
+          selectIndex: props.defaultSelectIndex
         });
       }
       return old;
     });
-  }, [defaultSelectIndex]);
+  }, [props.defaultSelectIndex]);
   // index变化同步到父组件
   // eslint-disable-next-line react-hooks/exhaustive-deps
   _useUpdateEffect(function () {
-    return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(state.selectIndex);
+    var _a;
+    return (_a = props.onIndexChange) === null || _a === void 0 ? void 0 : _a.call(props, state.selectIndex);
   }, [state.selectIndex]);
   /**
    * 通知screenNum变化
    */
   _useUpdateEffect(function () {
-    return screenChange === null || screenChange === void 0 ? void 0 : screenChange(state.screenNum);
+    var _a;
+    return (_a = props.screenChange) === null || _a === void 0 ? void 0 : _a.call(props, state.screenNum);
   }, [state.screenNum]);
+  var onClose = _useMemoizedFn(function () {
+    var _a;
+    setState(function (old) {
+      var item = screenList[old.selectIndex];
+      if (item && item.cid) {
+        var modes = Object.assign({}, old.modes);
+        delete modes["".concat(item.cid)];
+        return Object.assign(Object.assign({}, old), {
+          modes: modes
+        });
+      } else {
+        return old;
+      }
+    });
+    (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+  });
+  var onCloseAll = _useMemoizedFn(function () {
+    var _a;
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        modes: {},
+        currentTimes: {}
+      });
+    });
+    (_a = props.onCloseAll) === null || _a === void 0 ? void 0 : _a.call(props);
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: "split-screen-player-wrapper split-screen-player-live-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
@@ -141,7 +164,7 @@ function LivePlayer(_a) {
         width: screenType.width,
         height: screenType.height
       },
-      pluginDownloadUrl: pluginDownloadUrl
+      pluginDownloadUrl: props.pluginDownloadUrl
     }));
   })), /*#__PURE__*/React.createElement(DisableMark, {
     disabled: !segmentItem.url,
@@ -156,9 +179,10 @@ function LivePlayer(_a) {
     mode: state.modes[state.selectIndex],
     containerRef: domRef,
     updateState: updateState,
-    snapshot: snapshot,
+    snapshot: props.snapshot,
     oneWinExtTools: oneWinExtTools,
-    allWinExtTools: allWinExtTools
+    allWinExtTools: allWinExtTools,
+    hasPlugin: !!props.pluginDownloadUrl
   }), children && /*#__PURE__*/React.cloneElement(children, {
     selectIndex: state.selectIndex
   })));

package/es/ScreenPlayer/LiveTools.d.ts

@@ -23,6 +23,7 @@ interface IToolsProps {
      * 全局窗口工具条，右侧
      */
     allWinExtTools?: JSX.Element;
+    hasPlugin?: boolean;
 }
-declare function LiveTools({ containerRef, oneWinExtTools, allWinExtTools, updateState, screenNum, getPlayerItem, mode, toggleFit, fit, onClose, onCloseAll, snapshot, }: IToolsProps): JSX.Element;
+declare function LiveTools({ containerRef, oneWinExtTools, allWinExtTools, screenNum, mode, fit, hasPlugin, ...props }: IToolsProps): JSX.Element;
 export default LiveTools;

package/es/ScreenPlayer/LiveTools.js

@@ -6,25 +6,22 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { __rest } from "tslib";
 import React from 'react';
 import IconFont from '../Player/iconfont';
 import ScreenSelect from './ScreenSelect';
 import useFullscreen from '../useFullscreen';
 import Volume from '../Player/contraller_bar/volume';
-function LiveTools(_ref) {
-  var containerRef = _ref.containerRef,
-    oneWinExtTools = _ref.oneWinExtTools,
-    allWinExtTools = _ref.allWinExtTools,
-    updateState = _ref.updateState,
-    screenNum = _ref.screenNum,
-    getPlayerItem = _ref.getPlayerItem,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 1 : _ref$mode,
-    toggleFit = _ref.toggleFit,
-    fit = _ref.fit,
-    onClose = _ref.onClose,
-    onCloseAll = _ref.onCloseAll,
-    snapshot = _ref.snapshot;
+function LiveTools(_a) {
+  var containerRef = _a.containerRef,
+    oneWinExtTools = _a.oneWinExtTools,
+    allWinExtTools = _a.allWinExtTools,
+    screenNum = _a.screenNum,
+    _a$mode = _a.mode,
+    mode = _a$mode === void 0 ? 1 : _a$mode,
+    fit = _a.fit,
+    hasPlugin = _a.hasPlugin,
+    props = __rest(_a, ["containerRef", "oneWinExtTools", "allWinExtTools", "screenNum", "mode", "fit", "hasPlugin"]);
   var _useFullscreen = useFullscreen(containerRef),
     _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
     isFullscreen = _useFullscreen2[0],
@@ -32,22 +29,23 @@ function LiveTools(_ref) {
   var update = _useUpdate();
   // 播放状态控制
   var playToggle = function playToggle() {
-    var player = getPlayerItem();
+    var player = props.getPlayerItem();
     // eslint-disable-next-line @typescript-eslint/no-unused-expressions
     player ? player.video.paused ? player.api.play() : player.api.pause() : undefined;
     update();
   };
   // 重连
   var reload = function reload() {
-    var player = getPlayerItem();
+    var player = props.getPlayerItem();
     player === null || player === void 0 ? void 0 : player.api.reload();
   };
   var snapshotaction = function snapshotaction() {
-    var player = getPlayerItem();
+    var _a;
+    var player = props.getPlayerItem();
     var base64 = player === null || player === void 0 ? void 0 : player.api.snapshot();
-    snapshot === null || snapshot === void 0 ? void 0 : snapshot(base64);
+    (_a = props.snapshot) === null || _a === void 0 ? void 0 : _a.call(props, base64);
   };
-  var player = getPlayerItem();
+  var player = props.getPlayerItem();
   /**
    * 定时获取play状态
    */
@@ -74,10 +72,10 @@ function LiveTools(_ref) {
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-Refresh_Main",
     title: "\u91CD\u8F7D"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), hasPlugin && /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
     onClick: function onClick() {
-      return updateState({
+      return props.updateState({
         mode: mode !== 2 ? 2 : 1
       });
     }
@@ -90,7 +88,7 @@ function LiveTools(_ref) {
     title: "\u5207\u6362".concat(mode === 1 ? '插件' : '浏览器', "\u6A21\u5F0F")
   })), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-item",
-    onClick: onClose,
+    onClick: props.onClose,
     style: {
       marginRight: 6
     }
@@ -115,16 +113,16 @@ function LiveTools(_ref) {
     className: "player-tools-right"
   }, allWinExtTools, /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
-    onClick: onCloseAll
+    onClick: props.onCloseAll
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-quanbuguanbi",
     title: "\u5173\u95ED\u6240\u6709"
   })), /*#__PURE__*/React.createElement(ScreenSelect, {
     screenNum: screenNum,
-    updateState: updateState
+    updateState: props.updateState
   }), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
-    onClick: toggleFit
+    onClick: props.toggleFit
   }, fit === 'fill' ? /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-huamianshiying",
     title: "\u81EA\u9002\u5E94"

package/es/ScreenPlayer/PlayerWithExt.d.ts

@@ -16,7 +16,7 @@ interface ISegmentPlayerWithExtProps extends Omit<ILivePlayerWithExtProps, 'url'
     fps?: number;
     httpLoading: boolean;
 }
-export declare function SegmentPlayerWithExt({ begin, style, className, segments, updatePlayer, onClick, mode, fpsDelay, fps, httpLoading, ...props }: ISegmentPlayerWithExtProps): JSX.Element;
+export declare function SegmentPlayerWithExt({ begin, style, className, segments, mode, fpsDelay, fps, httpLoading, ...props }: ISegmentPlayerWithExtProps): JSX.Element;
 interface IFrontendPlayerWithExtProps extends Omit<ILivePlayerWithExtProps, 'url'> {
     segments?: ISegmentType[];
     begin?: number;
@@ -27,5 +27,5 @@ interface IFrontendPlayerWithExtProps extends Omit<ILivePlayerWithExtProps, 'url
         end: number;
     }) => Promise<string>;
 }
-export declare function FrontendPlayerWithExt({ mode, style, className, segments, updatePlayer, onClick, pluginDownloadUrl, httpLoading, getLocalRecordUrl, }: IFrontendPlayerWithExtProps): JSX.Element;
+export declare function FrontendPlayerWithExt({ mode, style, className, segments, pluginDownloadUrl, httpLoading, ...props }: IFrontendPlayerWithExtProps): JSX.Element;
 export {};

package/es/ScreenPlayer/PlayerWithExt.js

@@ -59,17 +59,15 @@ export function SegmentPlayerWithExt(_a) {
     style = _a.style,
     className = _a.className,
     segments = _a.segments,
-    updatePlayer = _a.updatePlayer,
-    onClick = _a.onClick,
     mode = _a.mode,
     fpsDelay = _a.fpsDelay,
     fps = _a.fps,
     httpLoading = _a.httpLoading,
-    props = __rest(_a, ["begin", "style", "className", "segments", "updatePlayer", "onClick", "mode", "fpsDelay", "fps", "httpLoading"]);
+    props = __rest(_a, ["begin", "style", "className", "segments", "mode", "fpsDelay", "fps", "httpLoading"]);
   var forceUpdate = _useUpdate();
   var ref = useRef();
   var update = function update() {
-    updatePlayer(ref);
+    props.updatePlayer(ref);
     forceUpdate();
   };
   var _useFullscreen3 = useFullscreen((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
@@ -78,7 +76,7 @@ export function SegmentPlayerWithExt(_a) {
   return /*#__PURE__*/React.createElement("div", {
     className: "player-with-ext-layout ".concat(className),
     style: style,
-    onClick: onClick,
+    onClick: props.onClick,
     onDoubleClick: toggleFullscreen
   }, /*#__PURE__*/React.createElement(ExtModel, {
     mode: 1,
@@ -96,17 +94,15 @@ export function SegmentPlayerWithExt(_a) {
     customTimeLine: /*#__PURE__*/React.createElement(React.Fragment, null)
   }))));
 }
-export function FrontendPlayerWithExt(_ref) {
-  var mode = _ref.mode,
-    style = _ref.style,
-    className = _ref.className,
-    segments = _ref.segments,
-    updatePlayer = _ref.updatePlayer,
-    onClick = _ref.onClick,
-    pluginDownloadUrl = _ref.pluginDownloadUrl,
-    httpLoading = _ref.httpLoading,
-    getLocalRecordUrl = _ref.getLocalRecordUrl;
-  var _a;
+export function FrontendPlayerWithExt(_a) {
+  var _b;
+  var mode = _a.mode,
+    style = _a.style,
+    className = _a.className,
+    segments = _a.segments,
+    pluginDownloadUrl = _a.pluginDownloadUrl,
+    httpLoading = _a.httpLoading,
+    props = __rest(_a, ["mode", "style", "className", "segments", "pluginDownloadUrl", "httpLoading"]);
   var _useState = useState({
       begin: 0,
       end: 0,
@@ -126,13 +122,13 @@ export function FrontendPlayerWithExt(_ref) {
     if (index === -1) {
       return undefined;
     }
-    var _ref2 = [segments[0].beginTime, segments[segments.length - 1].endTime],
-      begin = _ref2[0],
-      end = _ref2[1];
+    var _ref = [segments[0].beginTime, segments[segments.length - 1].endTime],
+      begin = _ref[0],
+      end = _ref[1];
     var videoUrl = new URL(segments[index].url);
     var url;
-    if (getLocalRecordUrl) {
-      getLocalRecordUrl({
+    if (props.getLocalRecordUrl) {
+      props.getLocalRecordUrl({
         url: videoUrl,
         begin: moment(begin).unix(),
         end: moment(end).unix()
@@ -162,8 +158,8 @@ export function FrontendPlayerWithExt(_ref) {
     var end = moment().unix();
     var begin = moment(time).unix();
     var videoUrl = new URL(latestUrl.current);
-    if (getLocalRecordUrl) {
-      getLocalRecordUrl({
+    if (props.getLocalRecordUrl) {
+      props.getLocalRecordUrl({
         url: videoUrl,
         begin: begin,
         end: end
@@ -188,16 +184,16 @@ export function FrontendPlayerWithExt(_ref) {
   var forceUpdate = _useUpdate();
   var ref = useRef();
   var update = _useMemoizedFn(function () {
-    updatePlayer(ref);
+    props.updatePlayer(ref);
     forceUpdate();
   });
-  var _useFullscreen5 = useFullscreen((_a = ref.current) === null || _a === void 0 ? void 0 : _a.container),
+  var _useFullscreen5 = useFullscreen((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
     _useFullscreen6 = _slicedToArray(_useFullscreen5, 2),
     toggleFullscreen = _useFullscreen6[1].toggleFullscreen;
   return /*#__PURE__*/React.createElement("div", {
     className: "player-with-ext-layout ".concat(className),
     style: style,
-    onClick: onClick,
+    onClick: props.onClick,
     onDoubleClick: toggleFullscreen
   }, /*#__PURE__*/React.createElement(ExtModel, {
     url: state.url,

package/es/ScreenPlayer/Record.d.ts

@@ -6,5 +6,5 @@ import './index.less';
  * @param param0
  * @returns
  */
-declare function RecordPlayer({ list, children, onIndexChange, onClose, onCloseAll, download, snapshot, defaultScreen, screenChange, defaultSelectIndex, oneWinExtTools, allWinExtTools, fpsDelay, fps, getLocalRecordUrl, pluginDownloadUrl, onTimeLineChange, seekLoading, ...options }: IRecordPlayerProps): JSX.Element;
+declare function RecordPlayer({ list, children, oneWinExtTools, allWinExtTools, fpsDelay, fps, seekLoading, ...props }: IRecordPlayerProps): JSX.Element;
 export default RecordPlayer;

package/es/ScreenPlayer/Record.js

@@ -1,4 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import _useMemoizedFn from "ahooks/es/useMemoizedFn";
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
@@ -33,27 +34,17 @@ var defaultState = {
  */
 function RecordPlayer(_a) {
   var _this = this;
+  var _b;
   var list = _a.list,
     children = _a.children,
-    onIndexChange = _a.onIndexChange,
-    onClose = _a.onClose,
-    onCloseAll = _a.onCloseAll,
-    download = _a.download,
-    snapshot = _a.snapshot,
-    defaultScreen = _a.defaultScreen,
-    screenChange = _a.screenChange,
-    defaultSelectIndex = _a.defaultSelectIndex,
     oneWinExtTools = _a.oneWinExtTools,
     allWinExtTools = _a.allWinExtTools,
     fpsDelay = _a.fpsDelay,
     fps = _a.fps,
-    getLocalRecordUrl = _a.getLocalRecordUrl,
-    pluginDownloadUrl = _a.pluginDownloadUrl,
-    onTimeLineChange = _a.onTimeLineChange,
     seekLoading = _a.seekLoading,
-    options = __rest(_a, ["list", "children", "onIndexChange", "onClose", "onCloseAll", "download", "snapshot", "defaultScreen", "screenChange", "defaultSelectIndex", "oneWinExtTools", "allWinExtTools", "fpsDelay", "fps", "getLocalRecordUrl", "pluginDownloadUrl", "onTimeLineChange", "seekLoading"]);
+    props = __rest(_a, ["list", "children", "oneWinExtTools", "allWinExtTools", "fpsDelay", "fps", "seekLoading"]);
   var _useState = useState(Object.assign(Object.assign({}, cloneDeep(defaultState)), {
-      screenNum: defaultScreen !== null && defaultScreen !== void 0 ? defaultScreen : defaultState.screenNum
+      screenNum: (_b = props.defaultScreen) !== null && _b !== void 0 ? _b : defaultState.screenNum
     })),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
@@ -61,8 +52,8 @@ function RecordPlayer(_a) {
   // 若外部来控制screenNum 则由外部完全控制
   var screenNum = useMemo(function () {
     var _a;
-    return (_a = options.screenNum) !== null && _a !== void 0 ? _a : state.screenNum;
-  }, [options.screenNum, state.screenNum]);
+    return (_a = props.screenNum) !== null && _a !== void 0 ? _a : state.screenNum;
+  }, [props.screenNum, state.screenNum]);
   var domRef = useRef(null);
   var screenType = useMemo(function () {
     return ScreenType.find(function (v) {
@@ -123,7 +114,7 @@ function RecordPlayer(_a) {
     if (index === -1) {
       return;
     }
-    // list变化导致ref被销毁，这里设计了一个处理机制，1s内重试5次，尝试获取新的ref，正常情况下都会获取到播放器初始化很快，还未获取到那么丢弃
+    // list变化导致ref被销毁，这里设计了一个处理机制，1s内重试5次，尝试获取新的ref，播放器初始化很快正常情况下都会获取到，还未获取到那么丢弃
     var timer = 0;
     function getPlay(mapkey) {
       var _a;
@@ -152,7 +143,7 @@ function RecordPlayer(_a) {
                   return getPlay(mapkey);
                 }));
               case 10:
-                return _context.abrupt("return", undefined);
+                return _context.abrupt("return", Promise.reject('seek执行失败！'));
               case 11:
               case "end":
                 return _context.stop();
@@ -173,11 +164,12 @@ function RecordPlayer(_a) {
   }, [state.seekTo, list]);
   // 更新状态
   var updateState = function updateState(newState) {
+    var _a;
     var obj = {};
     if (newState.hasOwnProperty('screenNum')) {
-      if (options.screenNum) {
+      if (props.screenNum) {
         // 若外部控制，不需要update state
-        screenChange === null || screenChange === void 0 ? void 0 : screenChange(newState.screenNum);
+        (_a = props.screenChange) === null || _a === void 0 ? void 0 : _a.call(props, newState.screenNum);
       } else {
         obj.screenNum = newState.screenNum;
       }
@@ -206,7 +198,7 @@ function RecordPlayer(_a) {
    */
   var onTimeChange = useCallback(function (time, outTimeline) {
     return __awaiter(_this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var index;
+      var _c, index;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -237,7 +229,7 @@ function RecordPlayer(_a) {
               });
               if (index === -1) {
                 // 触发回调
-                onTimeLineChange === null || onTimeLineChange === void 0 ? void 0 : onTimeLineChange(time);
+                (_c = props.onTimeLineChange) === null || _c === void 0 ? void 0 : _c.call(props, time);
               }
               //更新time
               setState(function (old) {
@@ -270,29 +262,61 @@ function RecordPlayer(_a) {
    * 同步外部的selectIndex变化
    */
   useEffect(function () {
-    if (typeof defaultSelectIndex !== 'number') {
+    if (typeof props.defaultSelectIndex !== 'number') {
       return;
     }
     setState(function (old) {
-      if (old.selectIndex !== defaultSelectIndex) {
+      if (old.selectIndex !== props.defaultSelectIndex) {
         return Object.assign(Object.assign({}, old), {
-          selectIndex: defaultSelectIndex
+          selectIndex: props.defaultSelectIndex
         });
       }
       return old;
     });
-  }, [defaultSelectIndex]);
+  }, [props.defaultSelectIndex]);
   // index变化同步到父组件
   // eslint-disable-next-line react-hooks/exhaustive-deps
   _useUpdateEffect(function () {
-    return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(state.selectIndex);
+    var _a;
+    return (_a = props.onIndexChange) === null || _a === void 0 ? void 0 : _a.call(props, state.selectIndex);
   }, [state.selectIndex]);
   /**
    * 通知screenNum变化
    */
   _useUpdateEffect(function () {
-    return screenChange === null || screenChange === void 0 ? void 0 : screenChange(state.screenNum);
+    var _a;
+    return (_a = props.screenChange) === null || _a === void 0 ? void 0 : _a.call(props, state.screenNum);
   }, [state.screenNum]);
+  var onClose = _useMemoizedFn(function () {
+    var _a;
+    setState(function (old) {
+      var item = screenList[old.selectIndex];
+      if (item && item.cid && item.date) {
+        var key = "".concat(item.cid, "-").concat(item.date);
+        var currentTimes = Object.assign({}, old.currentTimes);
+        var modes = Object.assign({}, old.modes);
+        delete currentTimes[key];
+        delete modes[key];
+        return Object.assign(Object.assign({}, old), {
+          currentTimes: currentTimes,
+          modes: modes
+        });
+      } else {
+        return old;
+      }
+    });
+    (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+  });
+  var onCloseAll = _useMemoizedFn(function () {
+    var _a;
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        modes: {},
+        currentTimes: {}
+      });
+    });
+    (_a = props.onCloseAll) === null || _a === void 0 ? void 0 : _a.call(props);
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: "split-screen-player-wrapper split-screen-player-wrapper-record"
   }, /*#__PURE__*/React.createElement("div", {
@@ -342,8 +366,8 @@ function RecordPlayer(_a) {
         height: screenType.height
       },
       httpLoading: item.loading,
-      getLocalRecordUrl: getLocalRecordUrl,
-      pluginDownloadUrl: pluginDownloadUrl
+      getLocalRecordUrl: props.getLocalRecordUrl,
+      pluginDownloadUrl: props.pluginDownloadUrl
     }));
   })), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-group"
@@ -363,13 +387,14 @@ function RecordPlayer(_a) {
     onClose: onClose,
     onCloseAll: onCloseAll,
     timeMode: state.timeMode,
-    download: download ? function () {
+    download: props.download ? function () {
       var _a;
-      return download((_a = segmentItem.segments) !== null && _a !== void 0 ? _a : []);
+      return props.download((_a = segmentItem.segments) !== null && _a !== void 0 ? _a : []);
     } : undefined,
-    snapshot: snapshot,
+    snapshot: props.snapshot,
     oneWinExtTools: oneWinExtTools,
-    allWinExtTools: allWinExtTools
+    allWinExtTools: allWinExtTools,
+    hasPlugin: !!props.pluginDownloadUrl
   })), /*#__PURE__*/React.createElement(DisableMark, {
     disabled: !segmentItem.cid
   }, /*#__PURE__*/React.createElement(SegmentTimeLine, {

package/es/ScreenPlayer/RecordTools.d.ts

@@ -28,6 +28,7 @@ interface IToolsProps {
      * 全局窗口工具条，右侧
      */
     allWinExtTools?: JSX.Element;
+    hasPlugin?: boolean;
 }
-declare function RecordTools({ containerRef, updateState, download, screenNum, timeMode, getPlayerItem, mode, toggleFit, fit, time, onTimeChange, onClose, onCloseAll, snapshot, oneWinExtTools, allWinExtTools, }: IToolsProps): JSX.Element;
+declare function RecordTools({ containerRef, screenNum, timeMode, mode, fit, time, oneWinExtTools, allWinExtTools, hasPlugin, ...props }: IToolsProps): JSX.Element;
 export default RecordTools;

package/es/ScreenPlayer/RecordTools.js

@@ -8,33 +8,27 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { __rest } from "tslib";
 import React from 'react';
 import IconFont from '../Player/iconfont';
 import ScreenSelect from './ScreenSelect';
 import TimeSelect from './TimeSelect';
-// import TimeMode from './TimeMode';
 import useFullscreen from '../useFullscreen';
 import Volume from '../Player/contraller_bar/volume';
 import RatePick from './RatePick';
-function RecordTools(_ref) {
-  var containerRef = _ref.containerRef,
-    updateState = _ref.updateState,
-    download = _ref.download,
-    screenNum = _ref.screenNum,
-    timeMode = _ref.timeMode,
-    getPlayerItem = _ref.getPlayerItem,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 1 : _ref$mode,
-    toggleFit = _ref.toggleFit,
-    fit = _ref.fit,
-    time = _ref.time,
-    onTimeChange = _ref.onTimeChange,
-    onClose = _ref.onClose,
-    onCloseAll = _ref.onCloseAll,
-    snapshot = _ref.snapshot,
-    oneWinExtTools = _ref.oneWinExtTools,
-    allWinExtTools = _ref.allWinExtTools;
-  var _a, _b, _c;
+function RecordTools(_a) {
+  var _b, _c, _d;
+  var containerRef = _a.containerRef,
+    screenNum = _a.screenNum,
+    timeMode = _a.timeMode,
+    _a$mode = _a.mode,
+    mode = _a$mode === void 0 ? 1 : _a$mode,
+    fit = _a.fit,
+    time = _a.time,
+    oneWinExtTools = _a.oneWinExtTools,
+    allWinExtTools = _a.allWinExtTools,
+    hasPlugin = _a.hasPlugin,
+    props = __rest(_a, ["containerRef", "screenNum", "timeMode", "mode", "fit", "time", "oneWinExtTools", "allWinExtTools", "hasPlugin"]);
   var _useFullscreen = useFullscreen(containerRef),
     _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
     isFullscreen = _useFullscreen2[0],
@@ -46,29 +40,30 @@ function RecordTools(_ref) {
   var update = _useUpdate();
   // 播放状态控制
   var playToggle = function playToggle() {
-    var player = getPlayerItem();
+    var player = props.getPlayerItem();
     // eslint-disable-next-line @typescript-eslint/no-unused-expressions
     player ? player.video.paused ? player.api.play() : player.api.pause() : undefined;
     update();
   };
   // 重连
   var reload = function reload() {
-    var player = getPlayerItem();
+    var player = props.getPlayerItem();
     // eslint-disable-next-line @typescript-eslint/no-unused-expressions
     player ? player.reload ? player.reload() : player.api.reload() : undefined;
   };
   var snapshotaction = function snapshotaction() {
-    var player = getPlayerItem();
-    snapshot === null || snapshot === void 0 ? void 0 : snapshot(player === null || player === void 0 ? void 0 : player.api.snapshot());
+    var _a;
+    var player = props.getPlayerItem();
+    (_a = props.snapshot) === null || _a === void 0 ? void 0 : _a.call(props, player === null || player === void 0 ? void 0 : player.api.snapshot());
   };
   var ratechange = function ratechange(value) {
-    var player = getPlayerItem();
+    var player = props.getPlayerItem();
     player === null || player === void 0 ? void 0 : player.api.setPlaybackRate(value);
     update();
   };
-  var player = getPlayerItem();
+  var player = props.getPlayerItem();
   _useUpdateEffect(function () {
-    var player = getPlayerItem();
+    var player = props.getPlayerItem();
     isFpsPlay ? player.api.openFpsPlay() : player.api.closeFpsPlay();
   }, [isFpsPlay]);
   /**
@@ -99,14 +94,14 @@ function RecordTools(_ref) {
     title: "\u91CD\u8F7D"
   })), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
-    onClick: download
+    onClick: props.download
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-xiazai",
     title: "\u4E0B\u8F7D\u5F53\u524D\u5F55\u50CF"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), hasPlugin && /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
     onClick: function onClick() {
-      return updateState({
+      return props.updateState({
         mode: mode !== 2 ? 2 : 1
       });
     }
@@ -128,12 +123,12 @@ function RecordTools(_ref) {
     title: "\u9010\u5E27\u64AD\u653E"
   })), /*#__PURE__*/React.createElement(RatePick, {
     onChange: ratechange,
-    value: (_b = (_a = player === null || player === void 0 ? void 0 : player.video) === null || _a === void 0 ? void 0 : _a.playbackRate) !== null && _b !== void 0 ? _b : 1
+    value: (_c = (_b = player === null || player === void 0 ? void 0 : player.video) === null || _b === void 0 ? void 0 : _b.playbackRate) !== null && _c !== void 0 ? _c : 1
   }), oneWinExtTools), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-mid"
   }, /*#__PURE__*/React.createElement("div", {
     className: "player-tools-item",
-    onClick: onClose
+    onClick: props.onClose
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-tingzhi",
     title: "\u505C\u6B62",
@@ -142,11 +137,11 @@ function RecordTools(_ref) {
     }
   })), /*#__PURE__*/React.createElement(TimeSelect, {
     time: time,
-    onChange: onTimeChange
+    onChange: props.onTimeChange
   }), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-item",
     onClick: playToggle
-  }, player && !((_c = player.video) === null || _c === void 0 ? void 0 : _c.paused) ? /*#__PURE__*/React.createElement(IconFont, {
+  }, player && !((_d = player.video) === null || _d === void 0 ? void 0 : _d.paused) ? /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-Pause_Main",
     title: "\u6682\u505C",
     style: {
@@ -159,13 +154,13 @@ function RecordTools(_ref) {
     className: "player-tools-right"
   }, allWinExtTools, /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
-    onClick: onCloseAll
+    onClick: props.onCloseAll
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-quanbuguanbi",
     title: "\u5173\u95ED\u6240\u6709"
   })), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
-    onClick: toggleFit
+    onClick: props.toggleFit
   }, fit === 'fill' ? /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-huamianshiying",
     title: "\u81EA\u9002\u5E94"
@@ -174,7 +169,7 @@ function RecordTools(_ref) {
     title: "\u586B\u5145"
   })), /*#__PURE__*/React.createElement(ScreenSelect, {
     screenNum: screenNum,
-    updateState: updateState
+    updateState: props.updateState
   }), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
     onClick: toggleFullscreen

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "3.2.2",
+  "version": "3.2.5",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/test.html

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
-  <script src="./test.js"></script>
-</head>
-<body>
-  <script>
-    const html = `<p class=MsoNormal  ><span ><font face="仿宋_GB2312" >涉案服装合格证上带有</font><font face="仿宋_GB2312" >“售后服务热线：18928955232”等信息；购物小票显示该店地址为“芙蓉中路一段88号天健芙蓉盛，汇名仓外贸服装店（小门东1门旁）”，并且带有“合作热线：188-1184-0024、13360003040”等信息；店内宣传有“DHC二维码”等信息。涉案服装合格证上带有“‘</font></span><img width="720"  height="720"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2671.png" ><span ><font face="仿宋_GB2312" >’商标、</font></span><span><a href="http://www.dhcfs.com" ><u><span class="16"  ><font face="仿宋_GB2312" >www.dhcfs.com</font></span></u></a></span><span ><font face="仿宋_GB2312" >网址</font><font face="仿宋_GB2312" >”等信息，下方显示地址为“开平市幕沙路70号益华广场B幢131室”；购物小票上显示官网网址为“</font></span><span><a href="http://www.dhcfs.com" ><u><span class="16"  ><font face="仿宋_GB2312" >www.dhcfs.com</font></span></u></a></span><span ><font face="仿宋_GB2312" >”；购物塑料袋上带有“‘</font></span><img width="720"  height="720"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2672.png" ><a href="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2672.png">11111</a><span ><font face="仿宋_GB2312" >’商标、</font></span><span><a href="http://www.dhcfs.com" ><u><span class="16"  ><font face="仿宋_GB2312" >www.dhcfs.com</font></span></u></a></span><span ><font face="仿宋_GB2312" >网址</font><font face="仿宋_GB2312" >”等信息。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >1：同其他实物证据意见一致。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >2、4：同上意见。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >原：出示证据</font><font face="仿宋_GB2312" >12封存实物。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >？：各被告确认被控侵权产品封存是否完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >1：完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >2、4：完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >？：当庭开启，发表比对意见。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >原：（</font><font face="仿宋_GB2312" >1）1件蓝色棒球运动服，正面带有“</font></span><img width="1576"  height="1440"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2673.jpg" ><span ><font face="仿宋_GB2312" >” “YANKEES”标识，与原告第4336076号、第4336075号注册商标相同，背面带有“YANKEES”标识，与原告第4336075号注册商标相同，衣袖带有“</font></span><img width="2560"  height="1390"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2674.jpg" ><span ><font face="仿宋_GB2312" >”标识，与原告第1800888号注册商标相同，纽扣使用“MLB”标识，与原告第4336063号注册商标相同，水洗标带有“</font></span><img width="1249"  height="720"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2675.jpg" ><span ><font face="仿宋_GB2312" >” “MLB”标识，与原告第506821号、第4336063号注册商标相同；</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >（</font><font face="仿宋_GB2312" >2）1条紫色裤子，正面带有“</font></span><img width="1440"  height="1932"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2676.jpg" ><span ><font face="仿宋_GB2312" >” “</font></span><img width="1280"  height="652"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2677.jpg" ><span ><font face="仿宋_GB2312" >”标识，与原告第506820号、第4336084号注册商标相同，裤子的背面带有“</font></span><img width="2560"  height="1390"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2678.jpg" ><span ><font face="仿宋_GB2312" >”标识，与原告第1800888号注册商标相同，水洗标带有“</font></span><img width="1249"  height="720"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2679.jpg" ><span ><font face="仿宋_GB2312" >” “MLB”标识，与原告第506821号、第4336063号注册商标相同。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >1：真实性、合法性无异议，关联性不认可。该商品并非被告1销售，也没有证据证明该商品属于侵权商品，销售方有可能是从合法途径进货销售的。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >2、4：同被告1意见。关于购物袋和卡牌的意见与证据8一致。被告胡拔庆与</font></span><span ><font face="仿宋_GB2312" >大汇仓设计室旗下店铺</font><font face="仿宋_GB2312" >“汇名仓 外贸出口成衣工厂店”（长沙华创店）有其他自有品牌合作，没有授权其在该被控侵权产品上使用，该商品来源我方也不清楚，应当由该店铺经营者自行陈述。涉案产品也不是我方销售给涉案店铺的。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >原：出示证据</font><font face="仿宋_GB2312" >14封存实物。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >？：各被告确认被控侵权产品封存是否完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >1：完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >2、4：完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >？：当庭开启，发表比对意见。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >原：（</font><font face="仿宋_GB2312" >1）1件深蓝色棒球服，正面带有“</font></span><img width="1576"  height="1440"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2680.jpg" ><span ><font face="仿宋_GB2312" >” “YANKEES”标识，与原告第4336076号、第4336075号注册商标相同，背面带有“</font></span><img width="2560"  height="1386"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2681.jpg" ><span ><font face="仿宋_GB2312" >”标识，与原告第</font></span><span >1800888</span><span ><font face="仿宋_GB2312" >号注册商标相同，纽扣使用</font><font face="仿宋_GB2312" >“MLB”标识，与原告第4336063号注册商标相同，水洗标带有“</font></span><img width="1241"  height="720"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2682.jpg" ><span ><font face="仿宋_GB2312" >” “MLB”标识，与原告第</font></span><span >506821</span><span ><font face="仿宋_GB2312" >号、第</font><font face="仿宋_GB2312" >4336063号注册商标相同；</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >（</font><font face="仿宋_GB2312" >2）1件蓝色卫衣，正面带有“</font></span><img width="1440"  height="1540"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2683.jpg" ><span ><font face="仿宋_GB2312" >” “YANKEES”标识，与原告第</font></span><span >506836</span><span ><font face="仿宋_GB2312" >号、第</font><font face="仿宋_GB2312" >4336075号注册商标相同，水洗标带有“</font></span><img width="1241"  height="720"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2684.jpg" ><span ><font face="仿宋_GB2312" >” “MLB”标识，与原告第</font></span><span >506821</span><span ><font face="仿宋_GB2312" >号、第</font><font face="仿宋_GB2312" >4336063号注册商标相同。蓝色卫衣吊牌“大汇仓”商标以及网站与其他被控侵权产品实物一致，但是吊牌上售后服务热线为4008088140，经销商为南京庆创服饰有限公司。</font></span><span ><o:p></o:p></span></p><table class=MsoTableGrid  border=1  cellspacing=0  ><tr><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td></tr><tr><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td></tr><tr><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td></tr><tr><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td></tr><tr><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td></tr><tr><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66  valign=top  ><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p></td></tr></table><p class=MsoNormal  ><span ><o:p>&nbsp;</o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >1：与其他侵权实物证据质证意见一致。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >2、4：公证书、实物真实性、合法性无异议，认可蓝色棒球服上的卡牌是被告、4提供，但是蓝色卫衣该吊牌上所显示公司并不存在，该卡牌长的与被告2、4提供的卡牌有部分相似之处，但并不是被告提供，不清楚来源，细看发现字体和颜色是有差异的。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >原：从蓝色卫衣上的大汇仓商标和网站信息可以将商品来源指向被告</font><font face="仿宋_GB2312" >2、4。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >原：出示证据</font><font face="仿宋_GB2312" >16封存实物。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >？：各被告确认被控侵权产品封存是否完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >1：完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >2、4：完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal  ><span ><font face="仿宋_GB2312" >？：当庭开启，发表比对意见。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >原：</font><font face="仿宋_GB2312" >1件蓝色棒球运动服，正面带有“</font></span><img width="1576"  height="1440"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2685.jpg" ><span ><font face="仿宋_GB2312" >” “YANKEES”标识，与原告第4336076号、第4336075号注册商标相同，背面带有“</font></span><img width="2560"  height="1390"  src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2686.jpg" ><span ><font face="仿宋_GB2312" >”标识，与原告第1800888号注册商标相同，纽扣带有“MLB”标识，与原告第4336063号注册商标相同，水</font></span></p>`
-    document.body.innerHTML = parseHtml(html)
-  </script>
-</body>
-</html>

package/test.js

@@ -1,96 +0,0 @@
-const igrone_tag = ['table', 'ul', 'ol', 'img'];
-
-/**
- *
- * @param {string} html
- * @returns {HTMLElement}
- */
-function parseHtml(html) {
-  let htmlstr = '';
-  const doc = new DOMParser().parseFromString(html, 'text/html');
-  Array.from(doc.body.childNodes).forEach((item) => {
-    const tag = item.tagName ? item.tagName.toLowerCase() : '';
-    const html_str = getNodeHTML(item);
-    htmlstr += igrone_tag.includes(tag) ? html_str : `<p class="parse-html-p">${html_str}</p>`;
-  });
-  return htmlstr;
-}
-
-const filter_map = {
-  img: filterImgAttr,
-  table: filterTableAttr,
-};
-
-/**
- *
- * @param {HTMLElement} node HTML
- * @returns {string}
- */
-function getNodeHTML(node, html = '') {
-  if (node.nodeType === 3) {
-    html += node.textContent.replace(/\s/, '');
-    return html;
-  }
-
-  // 过滤其他
-  if (node.nodeType !== 1) {
-    return html;
-  }
-
-  const tag = node.tagName.toLowerCase();
-
-  switch (tag) {
-    case 'img':
-    case 'table':
-      filter_map[tag](node);
-      html += node.outerHTML;
-      break;
-    default:
-      const childNodes = node.childNodes;
-      if (childNodes.length > 0) {
-        Array.from(childNodes).forEach((item) => {
-          html += getNodeHTML(item); //  合并标签处理，并且递归处理子元素
-        });
-      } else {
-        html += node.innerText.replace(/\s/, '');
-      }
-      break;
-  }
-  return html;
-}
-
-/**
- *
- * @param {HTMLElement} node
- */
-function filterImgAttr(node) {
-  node.removeAttribute('width');
-  node.removeAttribute('height');
-
-  // 非顶层的img定义成行内元素，顶层定义为块元素
-  if (node.parentNode !== document.body) {
-    node.setAttribute('width', 40);
-    node.setAttribute('class', 'parse-html-img-inline');
-  } else {
-    node.style.display = 'block';
-    node.setAttribute('class', 'parse-html-img-block');
-  }
-}
-
-/**
- *
- * @param {HTMLTableElement} node
- */
-function filterTableAttr(node) {
-  // 表格自适应
-  node.setAttribute('width', '100%');
-  node.setAttribute('class', 'parse-html-table');
-  const tds = node.querySelectorAll('td');
-  Array.from(tds).forEach((item_td) => {
-    //td 自适应
-    item_td.removeAttribute('width');
-
-    //格式化td内容
-    item_td.innerHTML = parseHtml(item_td.innerHTML);
-  });
-}