xjzh-component 0.1.24 → 0.1.26

package/dist/xjzh-component.common.js

@@ -560,6 +560,22 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ 983:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(1537);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("93623ce4", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 1036:
@@ -1099,19 +1115,24 @@ module.exports = function (argument) {
 
 /***/ }),
 
-/***/ 1364:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ 1537:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// style-loader: Adds some css to the DOM by adding a <style> tag
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-signature[data-v-345804f2]{width:100%;height:100%}.xjzh-signature .canvas-container[data-v-345804f2]{width:100%!important;height:100%!important}.xjzh-signature .canvas-box[data-v-345804f2]{width:100%;height:100%}.xjzh-signature .canvas-container[data-v-345804f2]{width:100%;height:100%;background-color:red}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
-// load the styles
-var content = __webpack_require__(3734);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("5fb10b78", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -1137,6 +1158,22 @@ var uncurryThis = __webpack_require__(9504);
 module.exports = uncurryThis({}.isPrototypeOf);
 
 
+/***/ }),
+
+/***/ 1666:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(2236);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("de29105c", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 1767:
@@ -1278,6 +1315,48 @@ module.exports = !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ 2236:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-set-bitmap-canvas[data-v-4028c124]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.xjzh-set-bitmap-canvas .video-item[data-v-4028c124]{width:640px;height:360px;background-color:#eee;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.xjzh-set-bitmap-canvas .video-item .item-head[data-v-4028c124]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;right:12px;left:12px;z-index:99}.xjzh-set-bitmap-canvas .video-item .item-head span[data-v-4028c124]{background-color:#fff;color:#0076f6;font-size:18px;padding:5px 8px;border-radius:6px}.xjzh-set-bitmap-canvas .video-item .set-screen[data-v-4028c124]{width:20px;height:20px;cursor:pointer;position:absolute;right:12px;bottom:8px;font-size:18px}.xjzh-set-bitmap-canvas .video-item .set-screen img[data-v-4028c124]{width:100%;height:100%}.xjzh-set-bitmap-canvas .video-item .set-full-screen[data-v-4028c124]{width:48px;height:48px}.xjzh-set-bitmap-canvas .video-item canvas[data-v-4028c124]{width:100%;height:100%}.xjzh-set-bitmap-canvas .full-screen[data-v-4028c124]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 2319:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-bitmap-canvas[data-v-0aae81e8]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-bitmap-canvas .itemBox[data-v-0aae81e8]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-bitmap-canvas .itemBox .item-title[data-v-0aae81e8]{width:30px;height:30px;padding:0;margin:0;font-size:20px;border-radius:50%;text-align:center;line-height:30px;position:absolute;left:10px;top:10px;z-index:999;background-color:#fff;color:#0076f6}.xjzh-bitmap-canvas .itemBox canvas[data-v-0aae81e8]{margin:0;padding:0;width:100%;height:100%;will-change:transform;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.xjzh-bitmap-canvas .itemBox[data-v-0aae81e8]:last-child{margin-bottom:0}.xjzh-bitmap-canvas .full-screen[data-v-0aae81e8]{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 2360:
@@ -1371,27 +1450,6 @@ module.exports = Object.create || function create(O, Properties) {
 };
 
 
-/***/ }),
-
-/***/ 2559:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-set-canvas[data-v-03d8f82e]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.xjzh-set-canvas .video-item[data-v-03d8f82e]{width:640px;height:360px;background-color:#eee;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.xjzh-set-canvas .video-item .item-head[data-v-03d8f82e]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;right:12px;left:12px;z-index:99}.xjzh-set-canvas .video-item .item-head span[data-v-03d8f82e]{background-color:#fff;color:#0076f6;font-size:18px;padding:5px 8px;border-radius:6px}.xjzh-set-canvas .video-item .set-screen[data-v-03d8f82e]{width:20px;height:20px;cursor:pointer;position:absolute;right:12px;bottom:8px;font-size:18px}.xjzh-set-canvas .video-item .set-screen img[data-v-03d8f82e]{width:100%;height:100%}.xjzh-set-canvas .video-item .set-full-screen[data-v-03d8f82e]{width:48px;height:48px}.xjzh-set-canvas .video-item canvas[data-v-03d8f82e]{width:100%;height:100%}.xjzh-set-canvas .full-screen[data-v-03d8f82e]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 2652:
@@ -1604,22 +1662,6 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADg
 
 /***/ }),
 
-/***/ 3222:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(5360);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("77f279d7", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ 3392:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -1636,6 +1678,27 @@ module.exports = function (key) {
 };
 
 
+/***/ }),
+
+/***/ 3453:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-img-canvas[data-v-d337bfb0]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-img-canvas .itemBox[data-v-d337bfb0]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-img-canvas .itemBox .item-title[data-v-d337bfb0]{width:30px;height:30px;padding:0;margin:0;font-size:20px;border-radius:50%;text-align:center;line-height:30px;position:absolute;left:10px;top:10px;z-index:999;background-color:#fff;color:#0076f6}.xjzh-img-canvas .itemBox canvas[data-v-d337bfb0]{margin:0;padding:0;width:100%;height:100%;will-change:transform;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.xjzh-img-canvas .itemBox[data-v-d337bfb0]:last-child{margin-bottom:0}.xjzh-img-canvas .full-screen[data-v-d337bfb0]{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 3479:
@@ -1654,6 +1717,22 @@ var update = add("669c5145", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 3523:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(9809);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("5e7c42c2", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 3612:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1753,27 +1832,6 @@ module.exports = !fails(function () {
 });
 
 
-/***/ }),
-
-/***/ 3734:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-set-bitmap-canvas[data-v-5f30f8d0]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.xjzh-set-bitmap-canvas .video-item[data-v-5f30f8d0]{width:640px;height:360px;background-color:#eee;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.xjzh-set-bitmap-canvas .video-item .item-head[data-v-5f30f8d0]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;right:12px;left:12px;z-index:99}.xjzh-set-bitmap-canvas .video-item .item-head span[data-v-5f30f8d0]{background-color:#fff;color:#0076f6;font-size:18px;padding:5px 8px;border-radius:6px}.xjzh-set-bitmap-canvas .video-item .set-screen[data-v-5f30f8d0]{width:20px;height:20px;cursor:pointer;position:absolute;right:12px;bottom:8px;font-size:18px}.xjzh-set-bitmap-canvas .video-item .set-screen img[data-v-5f30f8d0]{width:100%;height:100%}.xjzh-set-bitmap-canvas .video-item .set-full-screen[data-v-5f30f8d0]{width:48px;height:48px}.xjzh-set-bitmap-canvas .video-item canvas[data-v-5f30f8d0]{width:100%;height:100%}.xjzh-set-bitmap-canvas .full-screen[data-v-5f30f8d0]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 4055:
@@ -4980,22 +5038,6 @@ if (!window.VTTCue) {
 }
 
 
-/***/ }),
-
-/***/ 4821:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(7663);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("cd4082ae", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 4901:
@@ -5091,27 +5133,6 @@ module.exports = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
 };
 
 
-/***/ }),
-
-/***/ 5360:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-signature[data-v-7bb6a096],.xjzh-signature .canvas-box[data-v-7bb6a096],.xjzh-signature .canvas-box .canvas-container[data-v-7bb6a096]{width:100%;height:100%}.xjzh-signature .canvas-container[data-v-7bb6a096]{width:100%;height:100%;background-color:red}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 5397:
@@ -5128,6 +5149,22 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ 5419:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(3453);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("76dd747a", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 5610:
@@ -9555,22 +9592,6 @@ exports.HTML_ENTITIES = freeze({
 exports.entityMap = exports.HTML_ENTITIES;
 
 
-/***/ }),
-
-/***/ 6590:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(2559);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("30b8d30a", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 6699:
@@ -10124,27 +10145,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ 7663:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-bitmap-canvas[data-v-21c3733c]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-bitmap-canvas .itemBox[data-v-21c3733c]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-bitmap-canvas .itemBox .item-title[data-v-21c3733c]{width:30px;height:30px;padding:0;margin:0;font-size:20px;border-radius:50%;text-align:center;line-height:30px;position:absolute;left:10px;top:10px;z-index:999;background-color:#fff;color:#0076f6}.xjzh-bitmap-canvas .itemBox canvas[data-v-21c3733c]{margin:0;padding:0;width:100%;height:100%;will-change:transform;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.xjzh-bitmap-canvas .itemBox[data-v-21c3733c]:last-child{margin-bottom:0}.xjzh-bitmap-canvas .full-screen[data-v-21c3733c]{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 7740:
@@ -10227,6 +10227,22 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ 8081:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(2319);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("4e7c724f", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 8111:
@@ -10327,22 +10343,6 @@ module.exports = function (name) {
 };
 
 
-/***/ }),
-
-/***/ 8363:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(8865);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("49e01de1", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 8382:
@@ -10636,27 +10636,6 @@ exports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
 } : $propertyIsEnumerable;
 
 
-/***/ }),
-
-/***/ 8865:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-img-canvas[data-v-3985f8a3]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-img-canvas .itemBox[data-v-3985f8a3]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-img-canvas .itemBox .item-title[data-v-3985f8a3]{width:30px;height:30px;padding:0;margin:0;font-size:20px;border-radius:50%;text-align:center;line-height:30px;position:absolute;left:10px;top:10px;z-index:999;background-color:#fff;color:#0076f6}.xjzh-img-canvas .itemBox canvas[data-v-3985f8a3]{margin:0;padding:0;width:100%;height:100%;will-change:transform;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.xjzh-img-canvas .itemBox[data-v-3985f8a3]:last-child{margin-bottom:0}.xjzh-img-canvas .full-screen[data-v-3985f8a3]{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 8962:
@@ -11318,6 +11297,27 @@ if (typeof document !== 'undefined') {
 module.exports = doccy;
 
 
+/***/ }),
+
+/***/ 9809:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-set-canvas[data-v-3bf927da]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.xjzh-set-canvas .video-item[data-v-3bf927da]{width:640px;height:360px;background-color:#eee;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.xjzh-set-canvas .video-item .item-head[data-v-3bf927da]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;right:12px;left:12px;z-index:99}.xjzh-set-canvas .video-item .item-head span[data-v-3bf927da]{background-color:#fff;color:#0076f6;font-size:18px;padding:5px 8px;border-radius:6px}.xjzh-set-canvas .video-item .set-screen[data-v-3bf927da]{width:20px;height:20px;cursor:pointer;position:absolute;right:12px;bottom:8px;font-size:18px}.xjzh-set-canvas .video-item .set-screen img[data-v-3bf927da]{width:100%;height:100%}.xjzh-set-canvas .video-item .set-full-screen[data-v-3bf927da]{width:48px;height:48px}.xjzh-set-canvas .video-item canvas[data-v-3bf927da]{width:100%;height:100%}.xjzh-set-canvas .full-screen[data-v-3bf927da]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 9840:
@@ -11484,7 +11484,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhImgCanvas.vue?vue&type=template&id=3985f8a3&scoped=true
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhImgCanvas.vue?vue&type=template&id=d337bfb0&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -11706,9 +11706,10 @@ function initWorker() {
   },
   watch: {
     isSwitchSide: {
-      handler(val) {
-        console.log('object :>> ', val);
-        this.cameraType[2].label = this.isSwitchSide ? '显' : '侧';
+      handler() {
+        if (this.cameraType[2]) {
+          this.cameraType[2].label = this.isSwitchSide ? '显' : '侧';
+        }
       }
     }
   },
@@ -11832,7 +11833,7 @@ function initWorker() {
     showCanvas(type, blob) {
       this.cameraObj[type].totalFPS++;
       if (!this.cameraObj[type] || !this.cameraObj[type].imgBox || !this.cameraObj[type].ctx) return;
-      if (this.cameraObj[type].totalFPS % (this.framesPerSecond / this.frameRate).toFixed(1) !== 0) return; // 跳帧处理
+      if (Math.abs(this.cameraObj[type].totalFPS % (this.framesPerSecond / this.frameRate)) >= 1) return; // 跳帧处理
 
       if (this.currentFullScreen && this.currentFullScreen !== type) {
         this.destroyUrl(type);
@@ -11942,9 +11943,9 @@ function initWorker() {
 });
 ;// ./packages/components/xjzhImgCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhImgCanvasvue_type_script_lang_js = (xjzhImgCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=3985f8a3&prod&lang=scss&scoped=true
-var xjzhImgCanvasvue_type_style_index_0_id_3985f8a3_prod_lang_scss_scoped_true = __webpack_require__(8363);
-;// ./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=3985f8a3&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=d337bfb0&prod&lang=scss&scoped=true
+var xjzhImgCanvasvue_type_style_index_0_id_d337bfb0_prod_lang_scss_scoped_true = __webpack_require__(5419);
+;// ./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=d337bfb0&prod&lang=scss&scoped=true
 
 ;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -12059,14 +12060,14 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "3985f8a3",
+  "d337bfb0",
   null
   
 )
 
 /* harmony default export */ var xjzhImgCanvas = (component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=template&id=21c3733c&scoped=true
-var xjzhBitmapCanvasvue_type_template_id_21c3733c_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=template&id=0aae81e8&scoped=true
+var xjzhBitmapCanvasvue_type_template_id_0aae81e8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -12098,7 +12099,7 @@ var xjzhBitmapCanvasvue_type_template_id_21c3733c_scoped_true_render = function
     })]);
   }), 0);
 };
-var xjzhBitmapCanvasvue_type_template_id_21c3733c_scoped_true_staticRenderFns = [];
+var xjzhBitmapCanvasvue_type_template_id_0aae81e8_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=script&lang=js
 
@@ -12250,15 +12251,7 @@ var xjzhBitmapCanvasvue_type_template_id_21c3733c_scoped_true_staticRenderFns =
           }
           // 摄像头画面渲染
           count++;
-          if (count == 1) {
-            this.showCanvas('main', data);
-          }
-          if (count == 2) {
-            this.showCanvas('sub', data);
-          }
-          if (count == 3) {
-            this.showCanvas('side', data);
-          }
+          this.showCanvas(this.cameraType[count - 1].value, data);
           count = count >= this.cameraNum ? 0 : count;
         }
         if (type === 'close') {
@@ -12274,18 +12267,10 @@ var xjzhBitmapCanvasvue_type_template_id_21c3733c_scoped_true_staticRenderFns =
         url
       });
     },
-    // 销毁摄像头，worker
-    destroyWorker() {
-      if (this.worker) {
-        this.worker.terminate();
-        this.worker = null;
-      }
-      this.destroyCanvasData();
-    },
     showCanvas(type, blob) {
       this.cameraObj[type].totalFPS++;
       if (!this.cameraObj[type] || !this.cameraObj[type].ctx) return;
-      if (this.cameraObj[type].totalFPS % (this.framesPerSecond / this.frameRate).toFixed(1) !== 0) return; // 跳帧处理
+      if (Math.abs(this.cameraObj[type].totalFPS % (this.framesPerSecond / this.frameRate)) >= 1) return; // 跳帧处理
       if (this.currentFullScreen && this.currentFullScreen !== type) {
         this.destroyUrl(type);
         return;
@@ -12334,12 +12319,13 @@ var xjzhBitmapCanvasvue_type_template_id_21c3733c_scoped_true_staticRenderFns =
       this.currentFullScreen = this.cameraObj[type].isFullScreen ? type : '';
       this.$forceUpdate();
     },
-    destroyCanvasData() {
-      for (let i = 0; i < this.cameraNum; i++) {
-        let type = this.cameraType[i].value;
-        this.destroyUrl(type);
-        this.destroyCanvas(type);
+    // 销毁摄像头，worker
+    destroyWorker() {
+      if (this.worker) {
+        this.worker.terminate();
+        this.worker = null;
       }
+      this.destroyCanvasData();
     },
     destroyUrl(type) {
       if (!this.cameraObj[type]) return;
@@ -12353,6 +12339,13 @@ var xjzhBitmapCanvasvue_type_template_id_21c3733c_scoped_true_staticRenderFns =
         this.cameraObj[type].allUrl = [];
       }
     },
+    destroyCanvasData() {
+      for (let i = 0; i < this.cameraNum; i++) {
+        let type = this.cameraType[i].value;
+        this.destroyUrl(type);
+        this.destroyCanvas(type);
+      }
+    },
     destroyCanvas(type) {
       if (!this.cameraObj[type]) return;
       for (let key in this.cameraObj[type]) {
@@ -12381,8 +12374,7 @@ var xjzhBitmapCanvasvue_type_template_id_21c3733c_scoped_true_staticRenderFns =
     // 单个摄像头照片
     selectPhoto(num) {
       let type = this.cameraType[num - 1].value;
-      this.videoObj.videoMergeSrc = this.cameraObj[type].canvas.toDataURL('image/jpeg');
-      return this.videoObj.videoMergeSrc;
+      return this.cameraObj[type].canvas.toDataURL('image/jpeg');
     }
   },
   beforeDestroy() {
@@ -12393,9 +12385,9 @@ var xjzhBitmapCanvasvue_type_template_id_21c3733c_scoped_true_staticRenderFns =
 });
 ;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhBitmapCanvasvue_type_script_lang_js = (xjzhBitmapCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=21c3733c&prod&lang=scss&scoped=true
-var xjzhBitmapCanvasvue_type_style_index_0_id_21c3733c_prod_lang_scss_scoped_true = __webpack_require__(4821);
-;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=21c3733c&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=0aae81e8&prod&lang=scss&scoped=true
+var xjzhBitmapCanvasvue_type_style_index_0_id_0aae81e8_prod_lang_scss_scoped_true = __webpack_require__(8081);
+;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=0aae81e8&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhBitmapCanvas.vue
 
@@ -12408,11 +12400,11 @@ var xjzhBitmapCanvasvue_type_style_index_0_id_21c3733c_prod_lang_scss_scoped_tru
 
 var xjzhBitmapCanvas_component = normalizeComponent(
   components_xjzhBitmapCanvasvue_type_script_lang_js,
-  xjzhBitmapCanvasvue_type_template_id_21c3733c_scoped_true_render,
-  xjzhBitmapCanvasvue_type_template_id_21c3733c_scoped_true_staticRenderFns,
+  xjzhBitmapCanvasvue_type_template_id_0aae81e8_scoped_true_render,
+  xjzhBitmapCanvasvue_type_template_id_0aae81e8_scoped_true_staticRenderFns,
   false,
   null,
-  "21c3733c",
+  "0aae81e8",
   null
   
 )
@@ -75713,8 +75705,8 @@ var xjzhVideoList_component = normalizeComponent(
 )
 
 /* harmony default export */ var xjzhVideoList = (xjzhVideoList_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetCanvas.vue?vue&type=template&id=03d8f82e&scoped=true
-var xjzhSetCanvasvue_type_template_id_03d8f82e_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetCanvas.vue?vue&type=template&id=3bf927da&scoped=true
+var xjzhSetCanvasvue_type_template_id_3bf927da_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -75789,7 +75781,7 @@ var xjzhSetCanvasvue_type_template_id_03d8f82e_scoped_true_render = function ren
     })])]);
   }), 0);
 };
-var xjzhSetCanvasvue_type_template_id_03d8f82e_scoped_true_staticRenderFns = [];
+var xjzhSetCanvasvue_type_template_id_3bf927da_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetCanvas.vue?vue&type=script&lang=js
 
@@ -75995,7 +75987,6 @@ var xjzhSetCanvasvue_type_template_id_03d8f82e_scoped_true_staticRenderFns = [];
               this.showCanvas(2, data);
             }
           }
-          // this.showCanvas(count - 1, data)
           count = count >= this.cameraNum ? 0 : count;
         }
         if (type === 'close') {
@@ -76099,7 +76090,7 @@ var xjzhSetCanvasvue_type_template_id_03d8f82e_scoped_true_staticRenderFns = [];
     showCanvas(i, blob) {
       this.cameraArr[i].totalFPS++;
       if (!this.cameraArr[i] || !this.cameraArr[i].imgBox || !this.cameraArr[i].ctx) return; // 跳过没有canvas对象画面
-      if (this.cameraArr[i].totalFPS % (this.framesPerSecond / this.frameRate).toFixed(1) !== 0) return; // 跳帧处理
+      if (Math.abs(this.cameraArr[i].totalFPS % (this.framesPerSecond / this.frameRate)) >= 1) return; // 跳帧处理
       if (this.currentFullScreen && this.currentFullScreen !== i) {
         // 全屏 其他画面不做处理
         this.destroyUrl(i);
@@ -76182,9 +76173,9 @@ var xjzhSetCanvasvue_type_template_id_03d8f82e_scoped_true_staticRenderFns = [];
 });
 ;// ./packages/components/xjzhSetCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhSetCanvasvue_type_script_lang_js = (xjzhSetCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetCanvas.vue?vue&type=style&index=0&id=03d8f82e&prod&lang=scss&scoped=true
-var xjzhSetCanvasvue_type_style_index_0_id_03d8f82e_prod_lang_scss_scoped_true = __webpack_require__(6590);
-;// ./packages/components/xjzhSetCanvas.vue?vue&type=style&index=0&id=03d8f82e&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetCanvas.vue?vue&type=style&index=0&id=3bf927da&prod&lang=scss&scoped=true
+var xjzhSetCanvasvue_type_style_index_0_id_3bf927da_prod_lang_scss_scoped_true = __webpack_require__(3523);
+;// ./packages/components/xjzhSetCanvas.vue?vue&type=style&index=0&id=3bf927da&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhSetCanvas.vue
 
@@ -76197,18 +76188,18 @@ var xjzhSetCanvasvue_type_style_index_0_id_03d8f82e_prod_lang_scss_scoped_true =
 
 var xjzhSetCanvas_component = normalizeComponent(
   components_xjzhSetCanvasvue_type_script_lang_js,
-  xjzhSetCanvasvue_type_template_id_03d8f82e_scoped_true_render,
-  xjzhSetCanvasvue_type_template_id_03d8f82e_scoped_true_staticRenderFns,
+  xjzhSetCanvasvue_type_template_id_3bf927da_scoped_true_render,
+  xjzhSetCanvasvue_type_template_id_3bf927da_scoped_true_staticRenderFns,
   false,
   null,
-  "03d8f82e",
+  "3bf927da",
   null
   
 )
 
 /* harmony default export */ var xjzhSetCanvas = (xjzhSetCanvas_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetBitmapCanvas.vue?vue&type=template&id=5f30f8d0&scoped=true
-var xjzhSetBitmapCanvasvue_type_template_id_5f30f8d0_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetBitmapCanvas.vue?vue&type=template&id=4028c124&scoped=true
+var xjzhSetBitmapCanvasvue_type_template_id_4028c124_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -76283,7 +76274,7 @@ var xjzhSetBitmapCanvasvue_type_template_id_5f30f8d0_scoped_true_render = functi
     })])]);
   }), 0);
 };
-var xjzhSetBitmapCanvasvue_type_template_id_5f30f8d0_scoped_true_staticRenderFns = [];
+var xjzhSetBitmapCanvasvue_type_template_id_4028c124_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetBitmapCanvas.vue?vue&type=script&lang=js
 
@@ -76482,7 +76473,6 @@ var xjzhSetBitmapCanvasvue_type_template_id_5f30f8d0_scoped_true_staticRenderFns
               this.showCanvas(2, data);
             }
           }
-          // this.showCanvas(count - 1, data)
           count = count >= this.cameraNum ? 0 : count;
         }
         if (type === 'close') {
@@ -76585,7 +76575,7 @@ var xjzhSetBitmapCanvasvue_type_template_id_5f30f8d0_scoped_true_staticRenderFns
     showCanvas(i, blob) {
       this.cameraArr[i].totalFPS++;
       if (!this.cameraArr[i] || !this.cameraArr[i].ctx) return; // 跳过没有canvas对象画面
-      if (this.cameraArr[i].totalFPS % (this.framesPerSecond / this.frameRate).toFixed(1) !== 0) return; // 跳帧处理
+      if (Math.abs(this.cameraArr[i].totalFPS % (this.framesPerSecond / this.frameRate)) >= 1) return; // 跳帧处理
       if (this.currentFullScreen && this.currentFullScreen !== i) {
         // 全屏 其他画面不做处理
         this.destroyUrl(i);
@@ -76678,9 +76668,9 @@ var xjzhSetBitmapCanvasvue_type_template_id_5f30f8d0_scoped_true_staticRenderFns
 });
 ;// ./packages/components/xjzhSetBitmapCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhSetBitmapCanvasvue_type_script_lang_js = (xjzhSetBitmapCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetBitmapCanvas.vue?vue&type=style&index=0&id=5f30f8d0&prod&lang=scss&scoped=true
-var xjzhSetBitmapCanvasvue_type_style_index_0_id_5f30f8d0_prod_lang_scss_scoped_true = __webpack_require__(1364);
-;// ./packages/components/xjzhSetBitmapCanvas.vue?vue&type=style&index=0&id=5f30f8d0&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetBitmapCanvas.vue?vue&type=style&index=0&id=4028c124&prod&lang=scss&scoped=true
+var xjzhSetBitmapCanvasvue_type_style_index_0_id_4028c124_prod_lang_scss_scoped_true = __webpack_require__(1666);
+;// ./packages/components/xjzhSetBitmapCanvas.vue?vue&type=style&index=0&id=4028c124&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhSetBitmapCanvas.vue
 
@@ -76693,18 +76683,18 @@ var xjzhSetBitmapCanvasvue_type_style_index_0_id_5f30f8d0_prod_lang_scss_scoped_
 
 var xjzhSetBitmapCanvas_component = normalizeComponent(
   components_xjzhSetBitmapCanvasvue_type_script_lang_js,
-  xjzhSetBitmapCanvasvue_type_template_id_5f30f8d0_scoped_true_render,
-  xjzhSetBitmapCanvasvue_type_template_id_5f30f8d0_scoped_true_staticRenderFns,
+  xjzhSetBitmapCanvasvue_type_template_id_4028c124_scoped_true_render,
+  xjzhSetBitmapCanvasvue_type_template_id_4028c124_scoped_true_staticRenderFns,
   false,
   null,
-  "5f30f8d0",
+  "4028c124",
   null
   
 )
 
 /* harmony default export */ var xjzhSetBitmapCanvas = (xjzhSetBitmapCanvas_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSignature.vue?vue&type=template&id=7bb6a096&scoped=true
-var xjzhSignaturevue_type_template_id_7bb6a096_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSignature.vue?vue&type=template&id=345804f2&scoped=true
+var xjzhSignaturevue_type_template_id_345804f2_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -76713,9 +76703,7 @@ var xjzhSignaturevue_type_template_id_7bb6a096_scoped_true_render = function ren
     ref: "canvasBox",
     staticClass: "canvas-box",
     attrs: {
-      "id": "canvas",
-      "width": _vm.width,
-      "height": _vm.height
+      "id": "canvas"
     }
   }), _c('div', {
     directives: [{
@@ -76783,7 +76771,7 @@ var xjzhSignaturevue_type_template_id_7bb6a096_scoped_true_render = function ren
     staticClass: "draw-icon icon-del"
   })])])]);
 };
-var xjzhSignaturevue_type_template_id_7bb6a096_scoped_true_staticRenderFns = [];
+var xjzhSignaturevue_type_template_id_345804f2_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSignature.vue?vue&type=script&lang=js
 const Fabric = __webpack_require__(6039);
@@ -76791,8 +76779,8 @@ const Fabric = __webpack_require__(6039);
   name: 'XjzhSignature',
   data() {
     return {
-      width: 670,
-      height: 340,
+      width: 800,
+      height: 600,
       canvas: null,
       scaledCanvas: null,
       scaledContext: null,
@@ -76858,9 +76846,9 @@ const Fabric = __webpack_require__(6039);
 });
 ;// ./packages/components/xjzhSignature.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhSignaturevue_type_script_lang_js = (xjzhSignaturevue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSignature.vue?vue&type=style&index=0&id=7bb6a096&prod&lang=scss&scoped=true
-var xjzhSignaturevue_type_style_index_0_id_7bb6a096_prod_lang_scss_scoped_true = __webpack_require__(3222);
-;// ./packages/components/xjzhSignature.vue?vue&type=style&index=0&id=7bb6a096&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSignature.vue?vue&type=style&index=0&id=345804f2&prod&lang=scss&scoped=true
+var xjzhSignaturevue_type_style_index_0_id_345804f2_prod_lang_scss_scoped_true = __webpack_require__(983);
+;// ./packages/components/xjzhSignature.vue?vue&type=style&index=0&id=345804f2&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhSignature.vue
 
@@ -76873,11 +76861,11 @@ var xjzhSignaturevue_type_style_index_0_id_7bb6a096_prod_lang_scss_scoped_true =
 
 var xjzhSignature_component = normalizeComponent(
   components_xjzhSignaturevue_type_script_lang_js,
-  xjzhSignaturevue_type_template_id_7bb6a096_scoped_true_render,
-  xjzhSignaturevue_type_template_id_7bb6a096_scoped_true_staticRenderFns,
+  xjzhSignaturevue_type_template_id_345804f2_scoped_true_render,
+  xjzhSignaturevue_type_template_id_345804f2_scoped_true_staticRenderFns,
   false,
   null,
-  "7bb6a096",
+  "345804f2",
   null
   
 )