{"version":3,"sources":["webpack:///./node_modules/@zyf2e/camera/lib/camera.js","webpack:///./src/assets/img/icon_right.png","webpack:///./src/pages/punch/components/punchModal/statusBar.vue?412e","webpack:///./src/pages/punch/components/punchModal/punchModal.vue?a0bc","webpack:///./src/pages/punch/components/punchModal/index.js","webpack:///./src/pages/punch/components/punchModal/punchModal.vue","webpack:///./src/pages/punch/components/punchModal/statusBar.vue","webpack:///./src/pages/punch/components/punchModal/constants.js","webpack:///src/pages/punch/components/punchModal/statusBar.vue","webpack:///./src/pages/punch/components/punchModal/statusBar.vue?b02c","webpack:///./src/pages/punch/components/punchModal/statusBar.vue?141c","webpack:///src/pages/punch/components/punchModal/punchModal.vue","webpack:///./src/pages/punch/components/punchModal/punchModal.vue?acef","webpack:///./src/pages/punch/components/punchModal/punchModal.vue?b422","webpack:///./src/pages/punch/components/punchModal/punchModal.vue?2ae7"],"names":["__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","apply","__generator","body","f","y","t","g","_","label","sent","trys","ops","verb","Symbol","iterator","this","n","v","op","TypeError","call","pop","length","push","Camera","debug","prototype","init","_a","container","removeElement","document","querySelector","_b","removeChild","start","_c","_this","_d","console","log","navigator","mediaDevices","getUserMedia","video","mediaStream","videoCamera","createElement","id","style","width","height","objectFit","srcObject","canvas","position","left","right","display","appendChild","res","onloadedmetadata","play","stop","tracks","getTracks","i","track","screenshot","videoWidth","videoHeight","ctx","getContext","drawImage","base64","toDataURL","clearScreenshot","w","h","clearRect","index","module","exports","instance","render","_vm","_self","attrs","visible","staticClass","on","close","_e","directives","name","rawName","imageUrl","expression","ref","status","remark","resetCamera","staticRenderFns","_v","_s","statusText","require","$event","$emit","STATUS_MAP","START","WAIT","RECOGNIZED","UNIDENTIFICATION","props","String","computed","component","timer1","timer2","callbackTimer","faceRecognitionTimer","faceRecognitionCount","components","statusBar","data","mediaStreamTrack","webRtc","mediaSize","success","_Promise","successCallback","successDelayDuration","watch","val","$nextTick","initCamera","camera","clearTimeout","stopVideoPreview","methods","open","_initCamera","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this$mediaSize","_this2","wrap","_context","prev","setTimeout","recognitionCount","faceRecognition","replace","isRecognition","$refs","photo","onload","arguments","fnTypes","PunchModalConstruct","Vue","extend","punchModal","PunchModal","options","undefined","_Object$assign","$data","$mount","$el","forEach","type","hide","destroy"],"mappings":"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","file":"js/punchModal.fa2ae8da.js","sourcesContent":["'use strict';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n\r\nfunction __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nfunction __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\n\nvar Camera = /** @class */ (function () {\n    function Camera() {\n        this.debug = false;\n    }\n    Camera.prototype.init = function (_a) {\n        var container = _a.container, debug = _a.debug;\n        this.removeElement();\n        this.container = document.querySelector(container);\n        this.debug = debug;\n    };\n    Camera.prototype.removeElement = function () {\n        var _a, _b;\n        if (this.container) {\n            if (document.querySelector('#__videoCamera')) {\n                (_a = this.container) === null || _a === void 0 ? void 0 : _a.removeChild(document.querySelector('#__videoCamera'));\n            }\n            if (document.querySelector('#__videoCanvas')) {\n                (_b = this.container) === null || _b === void 0 ? void 0 : _b.removeChild(document.querySelector('#__videoCanvas'));\n            }\n        }\n    };\n    Camera.prototype.start = function () {\n        var _a, _b;\n        return __awaiter(this, void 0, void 0, function () {\n            var _c;\n            var _this = this;\n            return __generator(this, function (_d) {\n                switch (_d.label) {\n                    case 0:\n                        console.log('start');\n                        this.removeElement();\n                        console.log(this.container);\n                        _c = this;\n                        return [4 /*yield*/, navigator.mediaDevices.getUserMedia({\n                                video: true,\n                            })];\n                    case 1:\n                        _c.mediaStream = _d.sent();\n                        this.videoCamera = document.createElement('video');\n                        this.videoCamera.id = '__videoCamera';\n                        this.videoCamera.style.width = '100%';\n                        this.videoCamera.style.height = '100%';\n                        this.videoCamera.style.objectFit = 'cover';\n                        this.videoCamera.srcObject = this.mediaStream;\n                        this.canvas = document.createElement('canvas');\n                        this.canvas.id = '__videoCanvas';\n                        this.canvas.style.position = 'absolute';\n                        this.canvas.style.left = '0';\n                        this.canvas.style.right = '0';\n                        this.canvas.style.width = '100%';\n                        this.canvas.style.height = '100%';\n                        if (!this.debug) {\n                            this.canvas.style.display = 'none';\n                        }\n                        (_a = this.container) === null || _a === void 0 ? void 0 : _a.appendChild(this.videoCamera);\n                        (_b = this.container) === null || _b === void 0 ? void 0 : _b.appendChild(this.canvas);\n                        return [4 /*yield*/, new Promise(function (res) {\n                                if (_this.videoCamera) {\n                                    _this.videoCamera.onloadedmetadata = function () {\n                                        var _a;\n                                        (_a = _this.videoCamera) === null || _a === void 0 ? void 0 : _a.play();\n                                        res(true);\n                                    };\n                                }\n                            })];\n                    case 2:\n                        _d.sent();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    Camera.prototype.stop = function () {\n        if (this.mediaStream) {\n            var tracks = this.mediaStream.getTracks();\n            for (var i = 0; i < tracks.length; i++) {\n                var track = tracks[i];\n                track.stop();\n            }\n        }\n        this.removeElement();\n    };\n    Camera.prototype.screenshot = function () {\n        var _a = this.videoCamera, videoWidth = _a.videoWidth, videoHeight = _a.videoHeight;\n        if (this.canvas) {\n            this.canvas.width = videoWidth;\n            this.canvas.height = videoHeight;\n            var ctx = this.canvas.getContext('2d');\n            this.videoCamera && ctx && ctx.drawImage(this.videoCamera, 0, 0, videoWidth, videoHeight);\n            var base64 = this.canvas.toDataURL('image/jpg');\n            return base64;\n        }\n    };\n    Camera.prototype.clearScreenshot = function () {\n        var canvas = this.canvas;\n        if (canvas) {\n            var w = canvas.width;\n            var h = canvas.height;\n            var ctx = canvas.getContext('2d');\n            if (ctx) {\n                ctx.clearRect(0, 0, w, h);\n            }\n        }\n    };\n    return Camera;\n}());\nvar index = new Camera();\n\nmodule.exports = index;\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAAC2UlEQVRIDbWWXUgUURTH/3d2Xb9d+/CThazdansoojQKIepB6QOKnluDoqBegoowJYigyI8oeiuUelmfo0AqhXqKwM0eEkKQMNC078TNNc2d2zl3nGVmd6xdrfsyc++c8zvn3ns+RuAPY++zw765X9pBSH2/lMIPISuVuBRjQsi3EFq3O0t/8Gh31+hCGOH0oa7nWCX02cuAPCoBl5OMuUaAOCDuQfNc6q2/O2aum88UA3U9oQNSR5jghaZQek8RFRpCvfXhh1Z5zTqpf9JwGjruZw5nCjlEuophgSZ2wJ6zgIS0GbXIpvUqIHRoOGTuRBngM5f67ODiPHeyy8flCfKdGN4aF5rhmTuBzTU+Lg4Sun4VijN497doMVXTfdLRxN3ZqNI4zpcCz3Xl4FQwhB0lW2y2mclsNyeR7UsGk3x3Hlq2NiJY7Edpzgq8+PzKrk1st8pQkL0MR1FWAVqrmxAoWoXx2CfcHuxKITDbrdLfgV9A3sUp46bjP1MUl3m8aKtpQlWBDyNTYzgfuYavM99T5Ji9YMx31LYgvPMmAoVVNsWV2ctxY9tFBR+OjuBs3xVn+LyWBipcNsL85PW3QRR5CnG9phkbvAG1Wp5bouC+/AoMTQ7jXOQqJmYnndSNNWK7/A0b99FsbbIUXxiD1nlXY1f5duVl46aTKCMjbyaGcOFlK37MTSWr2eZCoM/lP7K5GFKyEdugkoHnHyMozyvFeu8a1JZVg6OGd9bc345YfNom7zQRmnZL43rOSeEkoJOR9oE76B55qj73fxkgeJvjxSfrq0Qz2EDd41AHeXw8Wcg69+VV4H3sA5l0CDmr4Pw7Fb3O3j3hE0YUUbOgqhF1kEssjcbG04YrlmKCCisNrnrcLFSpTSAX98IMo/EY3S2RB1y/hRBnlmJEwYlh9gJ2ke7CPv5ry2RTaifULMibzoWiy+oSyyhZ1WDs/ZjlUnZgVf4Xvy2/AUJ9Fuks0B7lAAAAAElFTkSuQmCC\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./statusBar.vue?vue&type=style&index=0&id=6457eafa&prod&lang=scss&scoped=true\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./punchModal.vue?vue&type=style&index=1&id=560f2995&prod&lang=scss&scoped=true\"","import Vue from 'vue';\nimport punchModal from './punchModal';\n\nlet instance;\n\nconst fnTypes = ['show'];\n\nconst PunchModalConstruct = Vue.extend(punchModal);\n\nconst PunchModal = function(options = {}) {\n  if (!instance) {\n    instance = new PunchModalConstruct({\n      data: options\n    });\n    instance.$mount();\n    document.body.appendChild(instance.$el);\n  } else {\n    Object.assign(instance.$data, options);\n  }\n  return instance;\n};\n\nfnTypes.forEach(type => {\n  PunchModal[type] = options => PunchModal(options).open();\n});\n\nPunchModal.hide = () => {\n  instance && instance.close();\n};\n\nPunchModal.destroy = () => {\n  instance && instance.destroy();\n};\n\nexport default PunchModal;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition',{attrs:{\"name\":\"fade-in\"}},[(_vm.visible)?_c('div',{staticClass:\"punch-modal-wrapper\"},[_c('div',{staticClass:\"face-recognition-box\"},[_c('div',{staticClass:\"close\",on:{\"click\":_vm.close}}),_c('div',{staticClass:\"avatar\"},[_c('div',{staticClass:\"circle-wrapper\"}),_c('transition',{attrs:{\"name\":\"disappear\"}},[(!_vm.init)?_c('div',{staticClass:\"media mask\"},[_c('div',{staticClass:\"point\"})]):_vm._e()]),_c('div',{staticClass:\"container circle face-recognition-modal\",attrs:{\"id\":\"container\"}},[_c('div',{staticClass:\"__d\"})]),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.imageUrl),expression:\"imageUrl\"}],ref:\"photo\",staticClass:\"media photo\",attrs:{\"src\":_vm.imageUrl,\"alt\":\"\"}})],1),_c('status-bar',{attrs:{\"status\":_vm.status,\"remark\":_vm.remark},on:{\"reset\":_vm.resetCamera}})],1)]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"status-bar-wrapper\"},[(_vm.status == 'start' || _vm.status == 'wait')?_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.statusText))]):_vm._e(),_c('transition',{attrs:{\"name\":\"zoom-up\"}},[(_vm.status == 'recognized')?_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"text\"},[_c('img',{attrs:{\"src\":require('@/assets/img/icon_right.png'),\"alt\":\"\"}}),_vm._v(\"\\n        \"+_vm._s(_vm.statusText)+\"\\n      \")]),(_vm.remark)?_c('div',{staticClass:\"controller date\"},[_vm._v(_vm._s(_vm.remark))]):_vm._e()]):_vm._e()]),_c('transition',{attrs:{\"name\":\"zoom-up\"}},[(_vm.status == 'unidentification')?_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"text\"},[_vm._v(\"\\n        \"+_vm._s(_vm.statusText)+\"\\n      \")]),_c('el-button',{staticClass:\"controller btn\",attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.$emit('reset')}}},[_vm._v(\"再次识别\")])],1):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const STATUS_MAP = {\n  START: 'start',\n  WAIT: 'wait',\n  RECOGNIZED: 'recognized',\n  UNIDENTIFICATION: 'unidentification'\n};\n","<template>\n  <div class=\"status-bar-wrapper\">\n    <div v-if=\"status == 'start' || status == 'wait'\" class=\"text\">{{ statusText }}</div>\n    <transition name=\"zoom-up\">\n      <div v-if=\"status == 'recognized'\" class=\"content\">\n        <div class=\"text\">\n          <img :src=\"require('@/assets/img/icon_right.png')\" alt=\"\" />\n          {{ statusText }}\n        </div>\n        <div v-if=\"remark\" class=\"controller date\">{{ remark }}</div>\n      </div>\n    </transition>\n    <transition name=\"zoom-up\">\n      <div v-if=\"status == 'unidentification'\" class=\"content\">\n        <div class=\"text\">\n          {{ statusText }}\n        </div>\n        <el-button class=\"controller btn\" type=\"primary\" @click=\"$emit('reset')\">再次识别</el-button>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script>\nimport { STATUS_MAP } from './constants';\n\nexport default {\n  name: 'statusBar',\n  props: {\n    status: String,\n    remark: String\n  },\n  computed: {\n    statusText() {\n      const { status } = this;\n      switch (status) {\n        case STATUS_MAP.START:\n          return '人脸识别';\n        case STATUS_MAP.WAIT:\n          return '正在进行人脸识别...';\n        case STATUS_MAP.RECOGNIZED:\n          return '已识别';\n        case STATUS_MAP.UNIDENTIFICATION:\n          return '没有认出你';\n        default:\n          return '';\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.status-bar-wrapper {\n  color: #242424;\n\n  .content {\n    text-align: center;\n  }\n\n  .text {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    font-weight: 600;\n\n    img {\n      margin-right: 16px;\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .date {\n    text-align: center;\n    font-size: 22px;\n  }\n\n  .btn {\n    margin-top: 10px;\n    width: 174px;\n  }\n\n  .zoom-up-enter-active {\n    transition: all 3s;\n\n    .text {\n      transition: all 1s;\n      transform: translateY(0);\n    }\n\n    .controller {\n      transition: all 0.5s;\n      transition-delay: 0.3s;\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  .zoom-up-enter {\n    .text {\n      transform: translateY(32px);\n    }\n    .controller {\n      opacity: 0;\n      transform: translateY(32px);\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./statusBar.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./statusBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./statusBar.vue?vue&type=template&id=6457eafa&scoped=true\"\nimport script from \"./statusBar.vue?vue&type=script&lang=js\"\nexport * from \"./statusBar.vue?vue&type=script&lang=js\"\nimport style0 from \"./statusBar.vue?vue&type=style&index=0&id=6457eafa&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6457eafa\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <transition name=\"fade-in\">\n    <div v-if=\"visible\" class=\"punch-modal-wrapper\">\n      <div class=\"face-recognition-box\">\n        <div class=\"close\" @click=\"close\" />\n        <div class=\"avatar\">\n          <div class=\"circle-wrapper\" />\n          <transition name=\"disappear\">\n            <div v-if=\"!init\" class=\"media mask\">\n              <div class=\"point\" />\n            </div>\n          </transition>\n          <div id=\"container\" class=\"container circle face-recognition-modal\">\n            <div class=\"__d\"></div>\n          </div>\n          <img v-show=\"imageUrl\" ref=\"photo\" class=\"media photo\" :src=\"imageUrl\" alt=\"\" />\n        </div>\n        <status-bar :status=\"status\" :remark=\"remark\" @reset=\"resetCamera\" />\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script>\nimport statusBar from './statusBar';\nimport { STATUS_MAP } from './constants';\nimport store from '@/store';\nimport camera from '@zyf2e/camera';\nlet timer1 = null;\nlet timer2 = null;\nlet callbackTimer = null;\nlet faceRecognitionTimer = null;\nconst faceRecognitionCount = 10;\n\nexport default {\n  name: 'punchModal',\n  components: {\n    statusBar\n  },\n  data() {\n    return {\n      visible: false,\n      mediaStreamTrack: null,\n      webRtc: null,\n      mediaSize: {\n        width: 364,\n        height: 364\n      },\n      init: false,\n      status: STATUS_MAP.START,\n      remark: '',\n      success: () => Promise.resolve(),\n      successCallback: null,\n      imageUrl: '',\n      successDelayDuration: 2500\n    };\n  },\n  watch: {\n    visible(val) {\n      if (val) {\n        this.$nextTick(() => {\n          this.initCamera();\n        });\n      } else {\n        camera.stop();\n        timer1 && clearTimeout(timer1);\n        timer2 && clearTimeout(timer2);\n        faceRecognitionTimer && clearTimeout(faceRecognitionTimer);\n        this.init = false;\n        this.status = STATUS_MAP.START;\n        this.imageUrl = '';\n        this.remark = '';\n        this.webRtc && this.webRtc.stopVideoPreview();\n        this.success = () => Promise.resolve();\n      }\n    }\n  },\n  methods: {\n    open() {\n      this.visible = true;\n    },\n    close() {\n      this.visible = false;\n      callbackTimer && clearTimeout(callbackTimer);\n    },\n    async initCamera() {\n      console.log('init');\n      const {\n        mediaSize: { width, height }\n      } = this;\n      camera.init({\n        container: '.__d'\n        // debug: true\n      });\n      await camera.start();\n\n      this.init = true;\n      // setTimeout(() => {\n      //   const data = camera.screenshot();\n      //   this.imageUrl = data;\n      // }, 5000);\n      // return;\n      // 云信webRtc\n      // store.dispatch('webRtc/initWebRtc').then(webRtc => {\n      // if (webRtc) {\n      timer1 = setTimeout(() => {\n        // this.webRtc = webRtc;\n        // webRtc.startVideoPreview({ container: '.face-recognition-modal' }).then(_ => {\n        this.status = STATUS_MAP.WAIT;\n\n        let recognitionCount = 1;\n        const faceRecognition = () => {\n          // webRtc.screenshotCanvas().then(screenshot => {\n          const screenshot = camera.screenshot();\n          if (screenshot !== 'data:,') {\n            this.init = true;\n            this.success(screenshot.replace(/^data:image\\/\\w+;base64,/, ''), this).then(isRecognition => {\n              if (isRecognition || recognitionCount === faceRecognitionCount) {\n                if (isRecognition) {\n                  setTimeout(() => {\n                    this.visible = false;\n                    this.successCallback &&\n                      (callbackTimer = setTimeout(() => {\n                        this.successCallback();\n                      }, 300));\n                  }, this.successDelayDuration);\n                }\n\n                if (recognitionCount === faceRecognitionCount) {\n                  this.status = STATUS_MAP.UNIDENTIFICATION;\n                }\n\n                this.imageUrl = screenshot;\n                this.$refs.photo.onload = () => {\n                  // camera.stop();\n                  // webRtc.stopVideoPreview();\n                };\n              } else {\n                faceRecognitionTimer = setTimeout(() => {\n                  recognitionCount++;\n                  faceRecognition();\n                }, 3000);\n              }\n            });\n          } else {\n            // setTimeout hack 优先打开摄像头\n            setTimeout(() => faceRecognition());\n          }\n          // });\n        };\n\n        faceRecognition();\n        // });\n      }, 300);\n      // }\n      // });\n    },\n    resetCamera() {\n      this.init = false;\n      this.status = STATUS_MAP.START;\n      this.imageUrl = '';\n      // const node = document.querySelector('#container div');\n      // if (node) {\n      //   node.parentNode.removeChild(node);\n      // }\n      // this.close();\n      // this.$nextTick(() => {\n      //   this.open();\n      // });\n      this.initCamera();\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.punch-modal-wrapper {\n  #__videoCamera {\n    border-radius: 50%;\n  }\n  #__videoCanvas {\n    border-radius: 50%;\n  }\n}\n</style>\n<style lang=\"scss\" scoped>\n.punch-modal-wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  /*top: 48px;*/\n  /*left: 240px;*/\n  z-index: 999;\n  width: 100%;\n  height: 100%;\n  /*width: calc(100vw - 240px);*/\n  /*height: calc(100vh - 48px);*/\n  background-color: rgba(0, 0, 0, 0.5);\n\n  .face-recognition-box {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    padding: 35px 0;\n    width: 576px;\n    height: 600px;\n    transform: translate3d(-50%, -50%, 0);\n    background-color: #fff;\n    border-radius: 4px;\n\n    .close {\n      position: absolute;\n      top: 13px;\n      right: 13px;\n      width: 16px;\n      height: 16px;\n      background-image: url('~@/assets/img/icon_close.png');\n      background-size: 100% 100%;\n      background-repeat: no-repeats;\n      cursor: pointer;\n    }\n\n    .avatar {\n      position: relative;\n      margin-bottom: 15px;\n      width: 426px;\n      height: 426px;\n\n      .circle-wrapper {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 426px;\n        height: 426px;\n        background-image: url('~@/assets/img/circle-bg.png');\n        background-size: 100% 100%;\n        background-repeat: no-repeat;\n        animation: 3s linear infinite rotate;\n      }\n\n      .container {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        z-index: 5;\n        width: 364px;\n        height: 364px;\n        border-radius: 50%;\n        transform: translate(-50%, -50%);\n      }\n\n      .media {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        z-index: 5;\n        width: 364px;\n        height: 364px;\n        border-radius: 50%;\n        transform: translate(-50%, -50%);\n\n        &.camera {\n          z-index: 6;\n          //transform: translate(-50%, -50%) rotateY(180deg);\n        }\n\n        &.photo {\n          object-fit: cover;\n          z-index: 7;\n          //transform: translate(-50%, -50%) rotateY(180deg);\n        }\n\n        &.mask {\n          position: relative;\n          width: 366px;\n          height: 366px;\n          z-index: 9;\n          background-color: #f7f9fa;\n\n          .point {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background-color: #fff;\n            animation: 1s linear infinite scale;\n          }\n        }\n      }\n    }\n  }\n}\n\n.fade-in-enter-active,\n.fade-in-leave-active {\n  transition: all 0.3s;\n\n  .face-recognition-box {\n    transition: all 0.3s;\n  }\n}\n\n.fade-in-enter,\n.fade-in-leave-to {\n  opacity: 0;\n\n  .face-recognition-box {\n    transform: translate3d(-50%, -80%, 0);\n  }\n}\n\n.disappear-leave-active {\n  transition: all 1s;\n}\n\n.disappear-leave-to {\n  opacity: 0;\n}\n\n@keyframes rotate {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes scale {\n  0% {\n    transform: translate(-50%, -50%) scale(0.5);\n  }\n  50% {\n    transform: translate(-50%, -50%) scale(1.1);\n  }\n  100% {\n    transform: translate(-50%, -50%) scale(0.5);\n  }\n}\n.__d {\n  width: 100%;\n  height: 100%;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./punchModal.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./punchModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./punchModal.vue?vue&type=template&id=560f2995&scoped=true\"\nimport script from \"./punchModal.vue?vue&type=script&lang=js\"\nexport * from \"./punchModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./punchModal.vue?vue&type=style&index=0&id=560f2995&prod&lang=scss\"\nimport style1 from \"./punchModal.vue?vue&type=style&index=1&id=560f2995&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"560f2995\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./punchModal.vue?vue&type=style&index=0&id=560f2995&prod&lang=scss\""],"sourceRoot":""}