@xysfe/actui2 0.0.1

package/lib/Pdfjs/index.mjs

@@ -0,0 +1,635 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
+import _URL from "@babel/runtime-corejs3/core-js/url";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js/instance/index-of";
+import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import * as pdfjs from "pdfjs-dist/es5/build/pdf.js";
+pdfjs.GlobalWorkerOptions.workerSrc = window.__global_cdn__ + "/js/pdf/pdf.worker.es5.js";
+import './style.css';var STATE = {
+  INITED: 1,
+  DRAWING: 2,
+  RENDERING: 3,
+  RENDERED: 4,
+  DESTROYED: 5
+};
+var PdfPage = /* @__PURE__ */ function() {
+  function PdfPage2() {
+    var option = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    _classCallCheck(this, PdfPage2);
+    this.scale = option.scale;
+    this.viewport = option.viewport;
+    this.container = option.container;
+    this.brandColor = option.brandColor;
+    this.pdfPage = null;
+    this.state = STATE.INITED;
+    this.canvas = null;
+    this.canvasWrapper = null;
+    this.index = option.index;
+    this.pdfDoc = option.pdfDoc;
+    var div = document.createElement("div");
+    div.className = "pdf-act-page";
+    this.pageWidth = Math.floor(this.viewport.width / this.scale);
+    this.pageHeight = Math.floor(this.viewport.height / this.scale);
+    this.div = div;
+    this.container.appendChild(div);
+  }
+  return _createClass(PdfPage2, [{
+    key: "setLoading",
+    value: function setLoading() {
+      var pdfActLoading = document.createElement("span");
+      pdfActLoading.className = "pdf-act-loading";
+      this.div.appendChild(pdfActLoading);
+    }
+  }, {
+    key: "hideLoading",
+    value: function hideLoading() {
+      var child = this.div.firstElementChild;
+      if (child) {
+        child.style.visibility = "hidden";
+      }
+    }
+  }, {
+    key: "draw",
+    value: function draw() {
+      var _context;
+      if (!_includesInstanceProperty(_context = [STATE.INITED]).call(_context, this.state)) {
+        return;
+      }
+      this.state = STATE.DRAWING;
+      if (!this.canvasWrapper) {
+        var _context2;
+        var canvasWrapper = document.createElement("div");
+        this.canvasWrapper = canvasWrapper;
+        canvasWrapper.style.cssText = _concatInstanceProperty(_context2 = "width:".concat(this.pageWidth, ";height:")).call(_context2, this.pageHeight);
+        canvasWrapper.className = "pdf-act-page-wrapper";
+      }
+      if (!this.canvas) {
+        var _context3;
+        var canvas = document.createElement("canvas");
+        this.canvas = canvas;
+        var ctx = canvas.getContext("2d", {
+          alpha: false
+        });
+        var dpr = Math.min(window.devicePixelRatio || 2, 3);
+        var scaledWidth = this.pageWidth * dpr;
+        var scaledHeight = this.pageHeight * dpr;
+        if (scaledWidth > 2048 || scaledHeight > 2048) {
+          var maxSize = 2048;
+          var ratio = Math.min(maxSize / scaledWidth, maxSize / scaledHeight);
+          canvas.width = scaledWidth * ratio;
+          canvas.height = scaledHeight * ratio;
+        } else {
+          canvas.width = scaledWidth;
+          canvas.height = scaledHeight;
+        }
+        canvas.style.cssText = _concatInstanceProperty(_context3 = "height:".concat(this.pageHeight, "px;width:")).call(_context3, this.pageWidth, "px");
+        this.renderContext = {
+          canvasContext: ctx,
+          viewport: this.viewport,
+          transform: [dpr / this.scale, 0, 0, dpr / this.scale, 0, 0],
+          enableWebGL: true,
+          renderInteractiveForms: false
+          // 限制图片大小
+          // maxImageSize: 1024 * 1024 // 1MB
+        };
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this = this;
+      var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
+      if (this.state !== STATE.DRAWING) {
+        return _Promise.resolve();
+      }
+      this.state = STATE.RENDERING;
+      var renderPromise = this.pdfPage.render(this.renderContext).promise;
+      var timeoutPromise = new _Promise(function(resolve, reject) {
+        setTimeout(function() {
+          return reject(new Error("渲染超时"));
+        }, 6e3);
+      });
+      this.renderTask = {
+        promise: _Promise.race([renderPromise, timeoutPromise]),
+        cancel: function cancel() {
+          if (_this.renderTask && _this.renderTask._internalRenderTask) {
+            _this.renderTask._internalRenderTask.cancel();
+          }
+        }
+      };
+      return this.renderTask.promise.then(function() {
+        if (_this.state === STATE.DESTROYED) {
+          return _Promise.reject("Page destroyed");
+        }
+        _this.state = STATE.RENDERED;
+        _this.renderTask = null;
+        return _this.createImageFromCanvas();
+      }).catch(function(error) {
+        if (retryCount < 2) {
+          return new _Promise(function(resolve) {
+            setTimeout(function() {
+              resolve(_this.render(retryCount + 1));
+            }, 500 * (retryCount + 1));
+          });
+        } else {
+          _this.cleanupCanvas();
+          return _Promise.reject(new Error("页面 ".concat(_this.index + 1, " 渲染失败，已达到最大重试次数")));
+        }
+      });
+    }
+    // 图片创建逻辑
+  }, {
+    key: "createImageFromCanvas",
+    value: function() {
+      var _createImageFromCanvas = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee() {
+        var _context4, _this2 = this;
+        var img;
+        return _regeneratorRuntime.wrap(function(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              img = document.createElement("img");
+              img.style.cssText = _concatInstanceProperty(_context4 = "width:".concat(this.pageWidth, "px;height:")).call(_context4, this.pageHeight, "px");
+              img.onload = function() {
+                var _context5;
+                _this2.div.style.cssText = _concatInstanceProperty(_context5 = "width:".concat(_this2.pageWidth, "px;height:")).call(_context5, _this2.pageHeight, "px;");
+                _this2.canvasWrapper.appendChild(img);
+                _this2.div.appendChild(_this2.canvasWrapper);
+                if (_this2.pdfDoc) {
+                  var _this2$pdfDoc = _this2.pdfDoc, renderedPages = _this2$pdfDoc.renderedPages, curLoadEnd = _this2$pdfDoc.curLoadEnd, maxConcurrentRenders = _this2$pdfDoc.maxConcurrentRenders;
+                  if (!_includesInstanceProperty(renderedPages).call(renderedPages, _this2.index)) {
+                    _this2.pdfDoc.renderedPages.push(_this2.index);
+                  }
+                  var flag = true;
+                  for (var i = curLoadEnd - (maxConcurrentRenders - 1); i <= curLoadEnd; i++) {
+                    if (!_includesInstanceProperty(renderedPages).call(renderedPages, i)) {
+                      flag = false;
+                      break;
+                    }
+                  }
+                  if (flag) {
+                    _this2.pdfDoc.loadNextBatch();
+                  }
+                  _this2.pdfDoc.refreshScroll();
+                }
+              };
+              img.src = this.canvas.toDataURL("image/jpeg", 0.9);
+              this.cleanupCanvas();
+            case 1:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee, this);
+      }));
+      function createImageFromCanvas() {
+        return _createImageFromCanvas.apply(this, arguments);
+      }
+      return createImageFromCanvas;
+    }()
+    // 立即清理 canvas 资源
+  }, {
+    key: "cleanupCanvas",
+    value: function cleanupCanvas() {
+      if (this.canvas) {
+        var ctx = this.canvas.getContext("2d");
+        ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+        this.canvas.width = 0;
+        this.canvas.height = 0;
+        this.canvas = null;
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      if (this.renderTask) {
+        this.renderTask.cancel();
+        this.renderTask = null;
+      }
+      this.cleanupCanvas();
+      if (this.canvasWrapper) {
+        var _context7;
+        var img = this.canvasWrapper.querySelector("img");
+        if (img && _startsWithInstanceProperty(_context7 = img.src).call(_context7, "blob:")) {
+          _URL.revokeObjectURL(img.src);
+        }
+        this.canvasWrapper = null;
+      }
+      if (this.pdfPage) {
+        this.pdfPage.cleanup();
+        this.pdfPage = null;
+      }
+      if (this.div && this.div.parentNode) {
+        this.div.parentNode.removeChild(this.div);
+      }
+      this.state = STATE.DESTROYED;
+    }
+  }, {
+    key: "setPdfPage",
+    value: function setPdfPage(pdfPage) {
+      this.pdfPage = pdfPage;
+    }
+  }]);
+}();
+var Pdf = /* @__PURE__ */ function() {
+  function Pdf2() {
+    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    _classCallCheck(this, Pdf2);
+    this.url = options.url || "";
+    this.container = options.container || null;
+    this.brandColor = options.brandColor || "#8c7fee";
+    this.pdfLoadingTask = null;
+    this.pdfDocument = null;
+    this.numPages = 0;
+    this.pageHeight = 0;
+    this.pageArr = [];
+    this.startNum = 0;
+    this.renderQueue = [];
+    this.isRendering = false;
+    this.maxConcurrentRenders = 1;
+    this.isDestroyed = false;
+    this.curLoadEnd = 0;
+    this.renderedPages = [];
+    this.scollRef = null;
+    this.inited = false;
+  }
+  return _createClass(Pdf2, [{
+    key: "init",
+    value: function init() {
+      var _this3 = this;
+      var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      try {
+        if (this.isDestroyed) return null;
+        this.url = options.url || this.url;
+        this.container = options.container || this.container;
+        this.brandColor = options.brandColor || this.brandColor;
+        this.scollRef = options.scollRef;
+        this.pdfLoadingTask = pdfjs.getDocument({
+          url: this.url,
+          cMapPacked: true,
+          cMapUrl: window.__global_cdn__ + "/js/pdf/cmaps/",
+          maxImageSize: 1024 * 1024 * 10
+          // 限制图片大小
+        });
+        return this.pdfLoadingTask.promise.then(function(pdfDocument) {
+          _this3.pdfDocument = pdfDocument;
+          _this3.numPages = pdfDocument.numPages;
+          _this3.inited = true;
+          return _this3.initPage();
+        }).catch(function(e) {
+          return _Promise.reject(e);
+        });
+      } catch (error) {
+        return _Promise.reject(error);
+      }
+    }
+    // 改造后的初始化函数
+    // 旧的初始化函数中使用到是第一个页面的viewport作为每一个pdf页面的viewport，这样会导致后面的页面如果大小 不等于第一个页面的大小，就会裁剪掉超出页面的内容
+    // 改造后，每个pdf页面使用自己的viewport，这样canvas就能绘制原始大小的页面内容
+    // 初始化页面
+  }, {
+    key: "initPage",
+    value: function() {
+      var _initPage = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee2() {
+        return _regeneratorRuntime.wrap(function(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              if (!this.isDestroyed) {
+                _context8.next = 1;
+                break;
+              }
+              return _context8.abrupt("return");
+            case 1:
+              _context8.next = 2;
+              return this.setPdfPages(this.startNum, this.maxConcurrentRenders - 1);
+            case 2:
+              this.render(this.startNum, this.maxConcurrentRenders - 1);
+              return _context8.abrupt("return", _Promise.resolve({
+                render: this.render.bind(this),
+                totalPages: this.numPages
+              }));
+            case 3:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee2, this);
+      }));
+      function initPage() {
+        return _initPage.apply(this, arguments);
+      }
+      return initPage;
+    }()
+    // 加载下一组页面
+  }, {
+    key: "loadNextBatch",
+    value: function() {
+      var _loadNextBatch = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee3() {
+        var start, end;
+        return _regeneratorRuntime.wrap(function(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
+            case 0:
+              if (!this.isRendering) {
+                _context9.next = 1;
+                break;
+              }
+              return _context9.abrupt("return");
+            case 1:
+              start = this.curLoadEnd + 1;
+              end = Math.min(this.numPages - 1, start + this.maxConcurrentRenders - 1);
+              if (!(start > end)) {
+                _context9.next = 2;
+                break;
+              }
+              return _context9.abrupt("return");
+            case 2:
+              _context9.next = 3;
+              return this.setPdfPages(start, end);
+            case 3:
+              this.render(start, end);
+            case 4:
+            case "end":
+              return _context9.stop();
+          }
+        }, _callee3, this);
+      }));
+      function loadNextBatch() {
+        return _loadNextBatch.apply(this, arguments);
+      }
+      return loadNextBatch;
+    }()
+    // 插入占位盒子
+  }, {
+    key: "setPdfPages",
+    value: function() {
+      var _setPdfPages = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee4(start, end) {
+        var containerWidth, pageHeight, i, gotPage, viewport, scale, page, _t;
+        return _regeneratorRuntime.wrap(function(_context0) {
+          while (1) switch (_context0.prev = _context0.next) {
+            case 0:
+              this.curLoadEnd = end;
+              containerWidth = this.container.offsetWidth;
+              pageHeight = this.pageHeight || 0;
+              i = start;
+            case 1:
+              if (!(i <= end)) {
+                _context0.next = 6;
+                break;
+              }
+              _context0.prev = 2;
+              _context0.next = 3;
+              return this.pdfDocument.getPage(i + 1);
+            case 3:
+              gotPage = _context0.sent;
+              viewport = gotPage.getViewport({
+                scale: 1
+              });
+              scale = viewport.width / containerWidth;
+              pageHeight = Math.max(Math.floor(viewport.height / scale), pageHeight);
+              page = new PdfPage({
+                scale,
+                viewport,
+                container: this.container,
+                brandColor: this.brandColor,
+                index: i,
+                pdfDoc: this
+              });
+              page.setPdfPage(gotPage);
+              this.pageArr[i] = page;
+              _context0.next = 5;
+              break;
+            case 4:
+              _context0.prev = 4;
+              _t = _context0["catch"](2);
+            case 5:
+              i++;
+              _context0.next = 1;
+              break;
+            case 6:
+              this.pageHeight = pageHeight;
+              if (end < this.numPages - 1 && end !== 0) {
+                this.setBottomLoading();
+              } else {
+                this.hideBottomLoading();
+              }
+            case 7:
+            case "end":
+              return _context0.stop();
+          }
+        }, _callee4, this, [[2, 4]]);
+      }));
+      function setPdfPages(_x, _x2) {
+        return _setPdfPages.apply(this, arguments);
+      }
+      return setPdfPages;
+    }()
+    // 渲染页面
+  }, {
+    key: "render",
+    value: function() {
+      var _render = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee5(start, end) {
+        var _context1;
+        var _end, i;
+        return _regeneratorRuntime.wrap(function(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
+            case 0:
+              if (!_includesInstanceProperty(_context1 = this.renderedPages).call(_context1, end)) {
+                _context10.next = 1;
+                break;
+              }
+              return _context10.abrupt("return");
+            case 1:
+              if (!this.isDestroyed) {
+                _context10.next = 2;
+                break;
+              }
+              return _context10.abrupt("return");
+            case 2:
+              this.renderQueue = [];
+              _end = Math.min(end, this.numPages - 1);
+              for (i = start; i <= _end; i++) {
+                if (i >= 0 && i < this.numPages && this.pageArr[i]) {
+                  this.renderQueue.push(this.pageArr[i]);
+                }
+              }
+              _context10.next = 3;
+              return this.processRenderQueue();
+            case 3:
+            case "end":
+              return _context10.stop();
+          }
+        }, _callee5, this);
+      }));
+      function render(_x3, _x4) {
+        return _render.apply(this, arguments);
+      }
+      return render;
+    }()
+    // 并发渲染控制
+  }, {
+    key: "processRenderQueue",
+    value: function() {
+      var _processRenderQueue = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee6() {
+        var _this4 = this;
+        var activeRenders, _loop, _ret, _t2;
+        return _regeneratorRuntime.wrap(function(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
+            case 0:
+              if (!(this.isRendering || this.renderQueue.length === 0)) {
+                _context13.next = 1;
+                break;
+              }
+              return _context13.abrupt("return");
+            case 1:
+              this.isRendering = true;
+              activeRenders = [];
+              _context13.prev = 2;
+            case 3:
+              if (!(this.renderQueue.length > 0 || activeRenders.length > 0)) {
+                _context13.next = 9;
+                break;
+              }
+              _loop = /* @__PURE__ */ _regeneratorRuntime.mark(function _loop2() {
+                var _context11;
+                var pageView, renderTask;
+                return _regeneratorRuntime.wrap(function(_context12) {
+                  while (1) switch (_context12.prev = _context12.next) {
+                    case 0:
+                      pageView = _this4.renderQueue.shift();
+                      if (_includesInstanceProperty(_context11 = [STATE.INITED]).call(_context11, pageView.state)) {
+                        _context12.next = 1;
+                        break;
+                      }
+                      return _context12.abrupt("return", 0);
+                    case 1:
+                      pageView.draw();
+                      if (!(pageView.state !== STATE.DRAWING)) {
+                        _context12.next = 2;
+                        break;
+                      }
+                      return _context12.abrupt("return", 0);
+                    case 2:
+                      renderTask = {
+                        pageView,
+                        promise: pageView.render().then(function() {
+                        }).catch(function(e) {
+                        }).finally(function() {
+                          var index = _indexOfInstanceProperty(activeRenders).call(activeRenders, renderTask);
+                          if (index > -1) {
+                            _spliceInstanceProperty(activeRenders).call(activeRenders, index, 1);
+                          }
+                        })
+                      };
+                      activeRenders.push(renderTask);
+                    case 3:
+                    case "end":
+                      return _context12.stop();
+                  }
+                }, _loop2);
+              });
+            case 4:
+              if (!(activeRenders.length < this.maxConcurrentRenders && this.renderQueue.length > 0)) {
+                _context13.next = 7;
+                break;
+              }
+              return _context13.delegateYield(_loop(), "t0", 5);
+            case 5:
+              _ret = _context13.t0;
+              if (!(_ret === 0)) {
+                _context13.next = 6;
+                break;
+              }
+              return _context13.abrupt("continue", 4);
+            case 6:
+              _context13.next = 4;
+              break;
+            case 7:
+              if (!(activeRenders.length > 0)) {
+                _context13.next = 8;
+                break;
+              }
+              _context13.next = 8;
+              return _Promise.race(_mapInstanceProperty(activeRenders).call(activeRenders, function(task) {
+                return task.promise;
+              }));
+            case 8:
+              _context13.next = 3;
+              break;
+            case 9:
+              _context13.next = 11;
+              break;
+            case 10:
+              _context13.prev = 10;
+              _t2 = _context13["catch"](2);
+            case 11:
+              _context13.prev = 11;
+              this.isRendering = false;
+              return _context13.finish(11);
+            case 12:
+            case "end":
+              return _context13.stop();
+          }
+        }, _callee6, this, [[2, 10, 11, 12]]);
+      }));
+      function processRenderQueue() {
+        return _processRenderQueue.apply(this, arguments);
+      }
+      return processRenderQueue;
+    }()
+  }, {
+    key: "refreshScroll",
+    value: function refreshScroll() {
+      this.scollRef && this.scollRef.refresh();
+    }
+    // 显示底部loading
+  }, {
+    key: "setBottomLoading",
+    value: function setBottomLoading() {
+      this.hideBottomLoading();
+      var loadingDom = document.createElement("div");
+      loadingDom.innerHTML = '<div class="loading-wrap">\n      <div class="loading-cont-cir" style="color: '.concat(this.brandColor, '"></div>\n    </div>');
+      loadingDom.id = "pdf-bottom-loading";
+      this.container.appendChild(loadingDom);
+    }
+    // 隐藏底部loading
+  }, {
+    key: "hideBottomLoading",
+    value: function hideBottomLoading() {
+      var loadingDom = document.getElementById("pdf-bottom-loading");
+      loadingDom && loadingDom.remove();
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      var _context14;
+      this.isDestroyed = true;
+      this.isRendering = false;
+      this.renderQueue = [];
+      _forEachInstanceProperty(_context14 = this.pageArr).call(_context14, function(page) {
+        if (page) {
+          page.destroy();
+        }
+      });
+      this.pageArr = [];
+      if (this.pdfDocument) {
+        this.pdfDocument.destroy();
+        this.pdfDocument = null;
+      }
+      if (this.pdfLoadingTask) {
+        this.pdfLoadingTask.destroy();
+        this.pdfLoadingTask = null;
+      }
+      if (this.container) {
+        this.container.innerHTML = "";
+      }
+    }
+  }]);
+}();
+export {
+  Pdf as P
+};

package/lib/Pdfjs/style.css

@@ -0,0 +1 @@
+.pdf-act-loading{position:absolute;left:50%;top:50%;margin-left:-1.2rem;margin-top:-1.2rem;width:2.4rem;height:2.4rem;background:url(data:image/gif;base64,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) no-repeat;background-size:100%}.pdf-act-page{position:relative}.loading-wrap{width:30px;height:30px;margin:8px auto}.loading-cont-cir:before,.loading-cont-cir:after,.loading-cont-cir{border-radius:50%;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:loading-cir 1.2s infinite ease-in-out;animation:loading-cir 1.2s infinite ease-in-out}.loading-cont-cir{width:24px;height:24px;font-size:30px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s;top:-1em;margin:0 auto}.loading-cont-cir:before{right:100%;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.loading-cont-cir:after{left:100%}.loading-cont-cir:before,.loading-cont-cir:after{content:"";display:block;position:absolute;top:0;width:inherit;height:inherit}@-webkit-keyframes loading-cir{0%,80%,100%{box-shadow:0 1.1em 0 -1em}40%{box-shadow:0 1.1em 0 -.2em}}@keyframes loading-cir{0%,80%,100%{box-shadow:0 1.1em 0 -1em}40%{box-shadow:0 1.1em 0 -.2em}}#pdf-bottom-loading{pointer-events:none}

package/lib/PhotoBox/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var utils_create=require("../utils/create/index.js");var cert1=require("../assets/cert-0-1.2a67.png");var cert2=require("../assets/cert-0-2.4af9.png");var fail=require("../assets/fail.a274.png");var success=require("../assets/success.a6e3.png");var common=require("../common/index.js");var _sfc_main={name:"PhotoBox",props:{element:{type:Object,default:function _default(){return{}}}},computed:{updateBtnShow:function updateBtnShow(){if(this.element.hasUpdate&&this.element.picBase)return true;return false},background:function background(){if(!this.element.picBase&&Number(this.element.idType)===0){return"url("+this.element.side?cert1:cert2+")"}else{return"initial"}},uploadStatus:function uploadStatus(){if(!this.element.hasStatus||!this.element.picBase)return"";if(this.element.status===0){return fail}else if(this.element.status===1){return success}else{return""}}},methods:{chooseFile:function chooseFile(){this.$emit("chooseFile",this.element)},deleteFile:function deleteFile(){this.$emit("deleteFile",this.element)},imgClick:function imgClick(){this.$emit("imgClick",this.element)}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"act-photo-box",style:{"background-image":_vm.background},on:{"click":function click($event){$event.stopPropagation();return _vm.chooseFile.apply(null,arguments)}}},[_vm.element.picBase?_c("div",{staticClass:"act-photo-box-img",on:{"click":function click($event){$event.stopPropagation();return _vm.imgClick.apply(null,arguments)}}},[_c("img",{attrs:{"src":_vm.element.picBase}})]):_c("div",{staticClass:"act-photo-box-center",on:{"click":function click($event){$event.stopPropagation();return _vm.chooseFile.apply(null,arguments)}}},[_c("div",{staticClass:"act-photo-box-camera"}),_c("span",{staticClass:"act-photo-box-desc"},[_vm._v(" "+_vm._s(_vm.element.desc||"上传照片")+" ")])]),_vm.updateBtnShow?_c("div",{staticClass:"update-btn",on:{"click":function click($event){$event.stopPropagation();return _vm.deleteFile.apply(null,arguments)}}},[_vm._v(" × ")]):_vm._e(),_vm.uploadStatus?_c("img",{staticClass:"act-photo-box-status",attrs:{"src":_vm.uploadStatus,"alt":""}}):_vm._e()])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"89519ef8");var PhotoBox=__component__.exports;PhotoBox.install=function(Vue){Vue.component(PhotoBox.name,PhotoBox);Vue.prototype["$createPhotoBox"]=utils_create.create(PhotoBox,Vue)};exports.PhotoBox=PhotoBox;