wargerm 0.7.31 → 0.7.33

package/dist/index.js

@@ -5360,7 +5360,7 @@ var Index$b = function Index(_ref) {
   }, none || '暂无数据');
 };
 
-var _excluded$f = ["data", "onClick", "slidesPerView", "rowKey", "onSwiperChange", "renderItem"];
+var _excluded$f = ["data", "onClick", "slidesPerView", "rowKey", "onSwiperChange", "renderItem", "noMove"];
 
 SwiperCore__default['default'].use([SwiperCore.Pagination, SwiperCore.Navigation, SwiperCore.Autoplay, SwiperCore.Virtual]);
 var Index$c = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -5371,6 +5371,7 @@ var Index$c = /*#__PURE__*/React.forwardRef(function (props, ref) {
       rowKey = props.rowKey,
       onSwiperChange = props.onSwiperChange,
       renderItem = props.renderItem,
+      noMove = props.noMove,
       extraProps = _objectWithoutProperties(props, _excluded$f);
 
   var _useState = React.useState(null),
@@ -5416,7 +5417,7 @@ var Index$c = /*#__PURE__*/React.forwardRef(function (props, ref) {
           height: '100%'
         },
         onClick: function onClick(event) {
-          if (controlledSwiper) {
+          if (controlledSwiper && !noMove) {
             if (controlledSwiper.clickedIndex - slidesPerView > data.length) {
               controlledSwiper.slideNext();
             } else {
@@ -6128,6 +6129,7 @@ function DialogModel(props, ref) {
       _props$className = props.className,
       className = _props$className === void 0 ? 'default-dialog' : _props$className,
       wrapClassName = props.wrapClassName,
+      fullScreenStyle = props.fullScreenStyle,
       style = props.style;
 
   var _useState = React.useState(open),
@@ -6147,13 +6149,8 @@ function DialogModel(props, ref) {
 
   var _useState7 = React.useState(false),
       _useState8 = _slicedToArray(_useState7, 2),
-      hasVisit = _useState8[0],
-      setHasVisit = _useState8[1];
-
-  var _useState9 = React.useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      isDesChild = _useState10[0],
-      setIsDesChild = _useState10[1];
+      isDesChild = _useState8[0],
+      setIsDesChild = _useState8[1];
 
   var containerRef = React.useRef();
   var ltRef = React.useRef();
@@ -6180,11 +6177,12 @@ function DialogModel(props, ref) {
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       ref: containerRef,
       className: classnames__default['default']((_classNames = {}, _defineProperty(_classNames, className, true), _defineProperty(_classNames, 'model_container', true), _defineProperty(_classNames, "animate__animated", true), _defineProperty(_classNames, flag ? 'animate__bounceInDown' : 'animate__fadeOutRightBig', true), _classNames)),
-      style: _objectSpread2({
+      style: _objectSpread2(_objectSpread2({
         opacity: modelShowAync ? 1 : 0,
         width: typeof width == 'number' ? width + 'px' : width,
+        // transition: "width,height,left,top ease-in-out 0.3s",
         pointerEvents: 'all'
-      }, style)
+      }, style), fullScreenStyle)
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: 'model_wrap'
     }, isResize && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -6211,14 +6209,14 @@ function DialogModel(props, ref) {
         opacity: modelShowAync ? 0.6 : 0
       }
     })), document.body);
-  }, [modelShowAync, modelShow, props, isDesChild]);
+  }, [modelShowAync, modelShow, props, isDesChild, fullScreenStyle]);
   React.useEffect(function () {
     var containerEl = containerRef.current;
     var containerElWidth = containerEl.offsetWidth;
     var containerElHeight = containerEl.offsetHeight;
     containerEl.style.left = "calc(50% - ".concat(containerElWidth / 2, "px)");
     containerEl.style.top = "calc(50% - ".concat(containerElHeight / 2, "px)");
-  }, [modelShow]);
+  }, [modelShow, fullScreenStyle]);
   React.useEffect(function () {
     var containerEl = containerRef.current;
     var rEl = rRef.current;
@@ -6294,20 +6292,14 @@ function DialogModel(props, ref) {
     };
   }, [open]);
   React.useEffect(function () {
-    if (modelShow) {
-      setHasVisit(true);
-    }
-
-    if (destroyOnClose && hasVisit) {
-      if (!modelShow) {
-        setIsDesChild(true);
-      } else {
-        setIsDesChild(false);
-      }
+    if (destroyOnClose) {
+      setIsDesChild(!modelShow);
+    } else {
+      setIsDesChild(false);
     }
 
     !modelShow && typeof closeCb === 'function' && closeCb();
-  }, [modelShow, hasVisit, destroyOnClose]);
+  }, [modelShow, destroyOnClose]);
   return renderChildren;
 }
 
@@ -6331,6 +6323,9 @@ var Modal = /*#__PURE__*/function (_React$PureComponent) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      isFullScreen: false
+    };
 
     _this.renderFooter = function () {
       var _this$props = _this.props,
@@ -6367,19 +6362,61 @@ var Modal = /*#__PURE__*/function (_React$PureComponent) {
           onClose = _this$props2.onClose,
           closeCb = _this$props2.closeCb,
           renderClose = _this$props2.renderClose,
-          isDrag = _this$props2.isDrag;
+          isDrag = _this$props2.isDrag,
+          showFullscreen = _this$props2.showFullscreen,
+          renderMin = _this$props2.renderMin,
+          renderFullScreen = _this$props2.renderFullScreen;
+
+      var onMouseDown = function onMouseDown(eventDown) {
+        if (!isDrag) return;
+        if (!_this.containerRef.current) return;
+        var containerEl = _this.containerRef.current.containerRef;
+        var left = containerEl.offsetLeft;
+        var top = containerEl.offsetTop;
+        console.log(left, top);
+        var downX = eventDown.clientX;
+        var downY = eventDown.clientY;
+
+        document.onmousemove = function (eventMove) {
+          eventMove.stopPropagation();
+          eventMove.preventDefault();
+          var moveX = eventMove.clientX - downX;
+          var moveY = eventMove.clientY - downY;
+          containerEl.style.left = "".concat(left + moveX, "px");
+          containerEl.style.top = "".concat(top + moveY, "px");
+        };
+      };
+
+      var onMouseUp = function onMouseUp(event) {
+        document.onmousemove = null;
+      };
+
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "model-header"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         ref: _this.titleRef,
+        onMouseDown: onMouseDown,
+        onMouseUp: onMouseUp,
         className: "model-title ".concat(isDrag ? 'move' : '')
       }, title), /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "model-closeIcon",
+        style: {
+          display: 'flex',
+          alignItems: 'center'
+        },
+        className: "model-closeIcon"
+      }, showFullscreen && /*#__PURE__*/React__default['default'].createElement("span", {
+        className: 'mr5 cp',
+        onClick: function onClick() {
+          _this.setState({
+            isFullScreen: !_this.state.isFullScreen
+          });
+        }
+      }, _this.state.isFullScreen ? renderMin || /*#__PURE__*/React__default['default'].createElement(icons.MinusOutlined, null) : renderFullScreen || /*#__PURE__*/React__default['default'].createElement(icons.FullscreenOutlined, null)), /*#__PURE__*/React__default['default'].createElement("span", {
         onClick: function onClick() {
           onClose && onClose();
           closeCb && closeCb();
         }
-      }, renderClose ? renderClose : /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleOutlined, null)));
+      }, renderClose ? renderClose : /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleOutlined, null))));
     };
 
     _this.renderContent = function () {
@@ -6393,33 +6430,15 @@ var Modal = /*#__PURE__*/function (_React$PureComponent) {
   }
 
   _createClass(Modal, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var isDrag = this.props.isDrag;
-      if (!isDrag) return;
-      var tltleEl = this.titleRef.current;
-      var containerEl = this.containerRef.current.containerRef;
-
-      tltleEl.onmousedown = function (eventDown) {
-        var left = containerEl.offsetLeft;
-        var top = containerEl.offsetTop;
-        console.log(left, top);
-        var downX = eventDown.clientX;
-        var downY = eventDown.clientY;
-
-        document.onmousemove = function (eventMove) {
-          eventMove.stopPropagation();
-          eventMove.preventDefault();
-          var moveX = eventMove.clientX - downX;
-          var moveY = eventMove.clientY - downY;
-          containerEl.style.left = "".concat(left + moveX, "px");
-          containerEl.style.top = "".concat(top + moveY, "px");
-        };
-      };
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState, snapshot) {
+      var open = prevProps.open;
 
-      document.onmouseup = function (eventMove) {
-        document.onmousemove = null;
-      };
+      if (!open) {
+        this.setState({
+          isFullScreen: false
+        });
+      }
     }
   }, {
     key: "render",
@@ -6444,6 +6463,12 @@ var Modal = /*#__PURE__*/function (_React$PureComponent) {
         className: className,
         isDrag: isDrag,
         wrapClassName: wrapClassName,
+        fullScreenStyle: this.state.isFullScreen ? {
+          width: '100%',
+          height: '100%',
+          left: 0,
+          top: 0
+        } : {},
         style: style
       }, other), this.renderTop(), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "model-content"
@@ -7603,22 +7628,32 @@ var TabelCard = function TabelCard(props, ref) {
     actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current6 = actionRef.current) === null || _actionRef$current6 === void 0 ? void 0 : _actionRef$current6.reload(true);
   };
 
+  var onKeyUpSubmit = function onKeyUpSubmit(values) {
+    if (values.keyCode === 13) {
+      var _searchFormRef$curren, _searchFormRef$curren2, _actionRef$current7;
+
+      (searchFormConfig === null || searchFormConfig === void 0 ? void 0 : searchFormConfig.handleSubmit) && searchFormConfig.handleSubmit((_searchFormRef$curren = searchFormRef.current) === null || _searchFormRef$curren === void 0 ? void 0 : _searchFormRef$curren.getFormValues());
+      formSearchRef.current = (_searchFormRef$curren2 = searchFormRef.current) === null || _searchFormRef$curren2 === void 0 ? void 0 : _searchFormRef$curren2.getFormValues();
+      actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : _actionRef$current7.reload(true);
+    }
+  };
+
   var onReset = function onReset(values) {
-    var _actionRef$current7;
+    var _actionRef$current8;
 
     (searchFormConfig === null || searchFormConfig === void 0 ? void 0 : searchFormConfig.onReset) && searchFormConfig.onReset();
     formSearchRef.current = _objectSpread2({}, values);
-    actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : _actionRef$current7.reload(true);
+    actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current8 = actionRef.current) === null || _actionRef$current8 === void 0 ? void 0 : _actionRef$current8.reload(true);
   };
 
   React.useEffect(function () {
-    var _searchFormRef$curren, _searchFormRef$curren2;
+    var _searchFormRef$curren3, _searchFormRef$curren4;
 
-    if ((_searchFormRef$curren = searchFormRef.current) === null || _searchFormRef$curren === void 0 ? void 0 : (_searchFormRef$curren2 = _searchFormRef$curren.form) === null || _searchFormRef$curren2 === void 0 ? void 0 : _searchFormRef$curren2.getFieldsValue) {
-      var _searchFormRef$curren3;
+    if ((_searchFormRef$curren3 = searchFormRef.current) === null || _searchFormRef$curren3 === void 0 ? void 0 : (_searchFormRef$curren4 = _searchFormRef$curren3.form) === null || _searchFormRef$curren4 === void 0 ? void 0 : _searchFormRef$curren4.getFieldsValue) {
+      var _searchFormRef$curren5;
 
       var obj = // filterObj(searchFormRef.current?.form?.getFieldsValue()) || {};
-      filterObj((_searchFormRef$curren3 = searchFormRef.current) === null || _searchFormRef$curren3 === void 0 ? void 0 : _searchFormRef$curren3.handleSearch(true)) || {};
+      filterObj((_searchFormRef$curren5 = searchFormRef.current) === null || _searchFormRef$curren5 === void 0 ? void 0 : _searchFormRef$curren5.handleSearch(true)) || {};
       (columns || []).filter(function (c) {
         return c.notInitialValueInSearch;
       }).forEach(function (item) {
@@ -7764,6 +7799,7 @@ var TabelCard = function TabelCard(props, ref) {
     }),
     onSubmit: onSubmit,
     onReset: onReset,
+    onKeyUp: onKeyUpSubmit,
     columns: formSearchColumn.reduce(function (pre, column) {
       if (column.type == 'group') {
         return [].concat(_toConsumableArray(pre), _toConsumableArray(column.children));
@@ -11528,14 +11564,14 @@ function DhPlayer(_ref, ref) {
 
 var index$7 = /*#__PURE__*/React.forwardRef(DhPlayer);
 
-var _excluded$m = ["id", "videoUrls", "definitionList", "isLoop", "muted", "currentIndex", "setCurrentIndex", "className", "style", "visible", "autoplay", "videoInit", "enableMemory", "lastPlayTimeHideDelay"];
+var _excluded$m = ["id", "videoUrls", "definitionList", "isLoop", "muted", "currentIndex", "setCurrentIndex", "className", "style", "open", "autoplay", "videoInit", "enableMemory", "lastPlayTimeHideDelay"];
 
 var DEFAULT_PLAY_BACK_RATE = [0.5, 0.75, 1, 1.5, 2]; // 默认记忆提示文字展示时长(s)
 
 var DEFAULT_LAST_PLAY_TIME_DELAY = 5; // 默认音量大小
 
 var DEFAULT_VOLUME = 0.6;
-var index$8 = /*#__PURE__*/React.forwardRef(function (_ref, playerRef) {
+var index$8 = (function (_ref) {
   var id = _ref.id,
       _ref$videoUrls = _ref.videoUrls,
       videoUrls = _ref$videoUrls === void 0 ? [] : _ref$videoUrls,
@@ -11549,8 +11585,8 @@ var index$8 = /*#__PURE__*/React.forwardRef(function (_ref, playerRef) {
       setParentIndex = _ref.setCurrentIndex,
       className = _ref.className,
       style = _ref.style,
-      _ref$visible = _ref.visible,
-      visible = _ref$visible === void 0 ? true : _ref$visible,
+      _ref$open = _ref.open,
+      open = _ref$open === void 0 ? true : _ref$open,
       _ref$autoplay = _ref.autoplay,
       autoplay = _ref$autoplay === void 0 ? false : _ref$autoplay,
       _ref$videoInit = _ref.videoInit,
@@ -11562,26 +11598,19 @@ var index$8 = /*#__PURE__*/React.forwardRef(function (_ref, playerRef) {
       props = _objectWithoutProperties(_ref, _excluded$m);
 
   var player = React.useRef();
-
-  var _useState = React.useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      firstRender = _useState2[0],
-      setFirstRender = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      ready = _useState4[0],
-      setReady = _useState4[1];
-
   var currentPlayerIndex = React.useRef(0); // 内置的 index 状态管理
 
-  var _useState5 = React.useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      videoIndex = _useState6[0],
-      setVideoIndex = _useState6[1];
-
-  var currentIndex = parentIndex !== null && parentIndex !== void 0 ? parentIndex : videoIndex;
-  var setCurrentIndex = setParentIndex !== null && setParentIndex !== void 0 ? setParentIndex : setVideoIndex;
+  var _useState = React.useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      videoIndex = _useState2[0],
+      setVideoIndex = _useState2[1];
+
+  var currentIndex = React.useMemo(function () {
+    return parentIndex !== null && parentIndex !== void 0 ? parentIndex : videoIndex;
+  }, [parentIndex, videoIndex]);
+  var setCurrentIndex = React.useMemo(function () {
+    return setParentIndex !== null && setParentIndex !== void 0 ? setParentIndex : setVideoIndex;
+  }, [setParentIndex, setVideoIndex]);
   var config = React.useRef(_objectSpread2({
     url: videoUrls[0],
     playbackRate: DEFAULT_PLAY_BACK_RATE,
@@ -11595,52 +11624,25 @@ var index$8 = /*#__PURE__*/React.forwardRef(function (_ref, playerRef) {
   }, props));
   /** 设置当前播放 index */
 
-  var handleSetCurrentIndex = React.useCallback(function (_ref2) {
-    var currentIdx = _ref2.currentIdx,
-        videoUrls = _ref2.videoUrls;
+  var handleSetCurrentIndex = React.useCallback(function (currentIdx) {
     var newIdx = currentIdx !== null && currentIdx !== void 0 ? currentIdx : currentPlayerIndex.current + 1;
 
     if (newIdx >= videoUrls.length) {
-      newIdx = 0;
+      if (isLoop) {
+        // 允许循环则播放起始视频
+        newIdx = 0;
+      } else if (player.current && player.current.video) {
+        // 不允许循环则进度条快进到最后
+        player.current.currentTime = player.current.video.duration;
+        return;
+      }
     }
 
     setCurrentIndex(newIdx);
-  }, [setCurrentIndex]);
-  /** 结束事件 */
-
-  var onEnd = React.useCallback(function (isLoop, videoUrls) {
-    return function () {
-      // 如果是循环或有其他视频未播放完，继续播放下一个
-      if (isLoop || !isLoop && currentPlayerIndex.current < videoUrls.length - 1) {
-        setTimeout(function () {
-          var _player$current;
-
-          return (_player$current = player.current) === null || _player$current === void 0 ? void 0 : _player$current.play();
-        });
-      }
-
-      handleSetCurrentIndex({
-        videoUrls: videoUrls
-      });
-    };
-  }, [handleSetCurrentIndex]);
-  /** 点击下一个事件 */
-
-  var onPlayNextBtnClick = React.useCallback(function (videoUrls) {
-    return function () {
-      if (player.current) {
-        // 防止 next 按钮消失
-        player.current.currentVideoIndex = videoUrls.length - 2;
-      }
-
-      handleSetCurrentIndex({
-        videoUrls: videoUrls
-      });
-    };
-  }, [handleSetCurrentIndex]);
+  }, [isLoop, setCurrentIndex, videoUrls.length]);
   /** 播放下一个 */
 
-  var handlePlayNext = React.useCallback(function (currentIdx, isLoop) {
+  var handlePlayNext = React.useCallback(function (currentIdx) {
     if (!player.current) {
       return;
     }
@@ -11654,7 +11656,7 @@ var index$8 = /*#__PURE__*/React.forwardRef(function (_ref, playerRef) {
       // 防止 next 按钮消失
       player.current.currentVideoIndex = -videoUrls.length;
     }
-  }, [videoUrls]);
+  }, [videoUrls, isLoop]);
   /** 重置视频 */
 
   var handleReset = React.useCallback(function () {
@@ -11670,47 +11672,47 @@ var index$8 = /*#__PURE__*/React.forwardRef(function (_ref, playerRef) {
   /** 弹窗中的视频关闭以后重置 */
 
   React.useEffect(function () {
-    if (!visible) {
+    if (!open) {
       handleReset();
     }
-  }, [handleReset, visible]);
+  }, [handleReset, open]);
   /** 当 currentIndex 改变以后自动播放下一个 */
 
   React.useEffect(function () {
-    if (!player.current || !visible) {
+    if (!player.current || !open) {
       return;
     }
 
-    handlePlayNext(currentIndex !== null && currentIndex !== void 0 ? currentIndex : currentPlayerIndex.current, isLoop);
-  }, [currentIndex, handlePlayNext, isLoop, visible]);
+    handlePlayNext(currentIndex !== null && currentIndex !== void 0 ? currentIndex : currentPlayerIndex.current);
+  }, [currentIndex, handlePlayNext, open]);
   /** 播放器初始化并绑定事件 */
 
   React.useEffect(function () {
-    var _player$current4;
-
-    if (!visible || lodashEs.isEmpty(videoUrls) || player.current) {
+    if (!open || lodashEs.isEmpty(videoUrls) || player.current) {
       return;
     }
 
-    var newConfig = _objectSpread2(_objectSpread2({}, config.current), {}, {
-      muted: muted,
-      volume: muted ? 0 : DEFAULT_VOLUME,
-      autoplay: autoplay,
-      videoInit: videoInit
-    });
+    player.current = new Player__default['default'](config.current);
+    player.current.currentVideoIndex = -videoUrls.length;
+    player.current.on('ended', function () {
+      // 如果是循环或有其他视频未播放完，继续播放下一个
+      if (isLoop || !isLoop && currentPlayerIndex.current < videoUrls.length - 1) {
+        handleSetCurrentIndex();
+        setTimeout(function () {
+          var _player$current;
 
-    setReady(false);
-    setFirstRender(false); // @ts-ignore
+          return (_player$current = player.current) === null || _player$current === void 0 ? void 0 : _player$current.play();
+        });
+      } else {
+        var _player$current2;
 
-    player.current = new Player__default['default'](newConfig);
-    player.current.currentVideoIndex = -videoUrls.length;
-    player.current.on('ended', onEnd(isLoop, videoUrls)); // 播放记忆缓存
+        (_player$current2 = player.current) === null || _player$current2 === void 0 ? void 0 : _player$current2.pause();
+      }
+    }); // 播放记忆缓存
 
     if (enableMemory) {
-      var _player$current2;
-
       var videoPlayedTimeObj = JSON.parse(localStorage.getItem('videoPlayedTime') || '{}');
-      (_player$current2 = player.current) === null || _player$current2 === void 0 ? void 0 : _player$current2.on('timeupdate', function () {
+      player.current.on('timeupdate', function () {
         var _player$current3;
 
         if (currentPlayerIndex.current === -1) {
@@ -11724,23 +11726,27 @@ var index$8 = /*#__PURE__*/React.forwardRef(function (_ref, playerRef) {
       });
     }
 
-    (_player$current4 = player.current) === null || _player$current4 === void 0 ? void 0 : _player$current4.on('playNextBtnClick', onPlayNextBtnClick(videoUrls));
-  }, [ready, autoplay, enableMemory, handleSetCurrentIndex, id, isLoop, videoUrls, videoUrls.length, visible, muted, videoInit, onEnd, onPlayNextBtnClick]);
+    player.current.on('playNextBtnClick', function () {
+      if (!isLoop && player.current) {
+        // 防止 next 按钮消失
+        player.current.currentVideoIndex = videoUrls.length - 2;
+      }
+
+      handleSetCurrentIndex();
+    });
+  }, [autoplay, enableMemory, handleSetCurrentIndex, id, isLoop, videoUrls, videoUrls.length, open]);
   /** 读取缓存的播放记忆并跳转 */
 
   React.useEffect(function () {
-    if (enableMemory && visible) {
+    if (enableMemory && open) {
       var _JSON$parse;
 
-      var _ref3 = ((_JSON$parse = JSON.parse(localStorage.getItem('videoPlayedTime') || '{}')) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse[id]) || {},
-          lastPlayTime = _ref3.lastPlayTime,
-          _videoIndex = _ref3.videoIndex;
+      var _ref2 = ((_JSON$parse = JSON.parse(localStorage.getItem('videoPlayedTime') || '{}')) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse[id]) || {},
+          lastPlayTime = _ref2.lastPlayTime,
+          _videoIndex = _ref2.videoIndex;
 
       setTimeout(function () {
-        handleSetCurrentIndex({
-          currentIdx: _videoIndex,
-          videoUrls: videoUrls
-        });
+        handleSetCurrentIndex(_videoIndex);
         setTimeout(function () {
           if (player.current) {
             player.current.currentTime = lastPlayTime;
@@ -11748,7 +11754,7 @@ var index$8 = /*#__PURE__*/React.forwardRef(function (_ref, playerRef) {
         });
       });
     }
-  }, [visible, enableMemory, handleSetCurrentIndex, id, videoUrls]);
+  }, [open, enableMemory, handleSetCurrentIndex, id]);
   /** 加载清晰度配置 */
 
   React.useEffect(function () {
@@ -11756,23 +11762,10 @@ var index$8 = /*#__PURE__*/React.forwardRef(function (_ref, playerRef) {
       player.current.emit('resourceReady', definitionList[currentIndex]);
     }
   }, [currentIndex, definitionList]);
-  React.useEffect(function () {
-    var _player$current5, _player$current6, _player$current7;
-
-    if (firstRender) {
-      return;
-    }
-
-    (_player$current5 = player.current) === null || _player$current5 === void 0 ? void 0 : _player$current5.off('ended', onEnd(isLoop, videoUrls));
-    (_player$current6 = player.current) === null || _player$current6 === void 0 ? void 0 : _player$current6.off('playNextBtnClick', onPlayNextBtnClick(videoUrls));
-    (_player$current7 = player.current) === null || _player$current7 === void 0 ? void 0 : _player$current7.destroy();
-    player.current = undefined;
-    setReady(true); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [muted, isLoop, videoUrls, autoplay, videoInit, onEnd, onPlayNextBtnClick]);
-  var getRef = React.useCallback(function (r) {
-    if (r && visible) {
+  var getRef = React.useCallback(function (ref) {
+    if (ref && open) {
       var newConfig = _objectSpread2(_objectSpread2({}, config.current), {}, {
-        el: r,
+        el: ref,
         url: videoUrls[0],
         playNext: {
           urlList: videoUrls.slice(1)
@@ -11782,8 +11775,8 @@ var index$8 = /*#__PURE__*/React.forwardRef(function (_ref, playerRef) {
       if (enableMemory) {
         var _JSON$parse2;
 
-        var _ref4 = ((_JSON$parse2 = JSON.parse(localStorage.getItem('videoPlayedTime') || '{}')) === null || _JSON$parse2 === void 0 ? void 0 : _JSON$parse2[id]) || {},
-            lastPlayTime = _ref4.lastPlayTime;
+        var _ref3 = ((_JSON$parse2 = JSON.parse(localStorage.getItem('videoPlayedTime') || '{}')) === null || _JSON$parse2 === void 0 ? void 0 : _JSON$parse2[id]) || {},
+            lastPlayTime = _ref3.lastPlayTime;
 
         Object.assign(newConfig, {
           lastPlayTime: lastPlayTime,
@@ -11793,15 +11786,7 @@ var index$8 = /*#__PURE__*/React.forwardRef(function (_ref, playerRef) {
 
       config.current = newConfig;
     }
-
-    if (playerRef) {
-      if (typeof playerRef === 'function') {
-        playerRef(player.current);
-      } else {
-        playerRef.current = player.current;
-      }
-    }
-  }, [visible, playerRef, videoUrls, enableMemory, id, lastPlayTimeHideDelay]);
+  }, [open, id, videoUrls, lastPlayTimeHideDelay, enableMemory]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: className,
     ref: getRef,