ofd-view 0.1.7 → 0.1.9

package/lib/ofd-view.umd.js

@@ -1025,892 +1025,157 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./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/ofdView/src/index.vue?vue&type=template&id=41f3cab9&scoped=true&
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _vm._m(0);
-};
-var staticRenderFns = [function () {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    attrs: {
-      "id": "outerContainer"
-    }
-  }, [_c('div', {
-    attrs: {
-      "id": "mainContainer"
-    }
-  }, [_c('div', {
-    staticClass: "secondaryToolbar hidden doorHangerRight",
-    attrs: {
-      "id": "secondaryToolbar"
-    }
-  }, [_c('div', {
-    attrs: {
-      "id": "secondaryToolbarButtonContainer"
-    }
-  }, [_c('button', {
-    staticClass: "secondaryToolbarButton openFile visibleLargeView",
-    attrs: {
-      "id": "secondaryOpenFile",
-      "title": "打开文件",
-      "tabindex": "52",
-      "data-l10n-id": "open_file"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "open_file_label"
-    }
-  }, [_vm._v("打开")])]), _c('button', {
-    staticClass: "secondaryToolbarButton print visibleMediumView",
-    attrs: {
-      "id": "secondaryPrint",
-      "title": "打印",
-      "tabindex": "53",
-      "data-l10n-id": "print"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "print_label"
-    }
-  }, [_vm._v("打印")])]), _c('button', {
-    staticClass: "secondaryToolbarButton documentProperties",
-    attrs: {
-      "id": "documentProperties",
-      "title": "文档属性…",
-      "tabindex": "69",
-      "data-l10n-id": "document_properties",
-      "aria-controls": "documentPropertiesDialog"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "document_properties_label"
-    }
-  }, [_vm._v("文档属性…")])])])]), _vm._v(" "), _c('div', {
-    staticClass: "toolbar"
-  }, [_c('div', {
-    attrs: {
-      "id": "toolbarContainer"
-    }
-  }, [_c('div', {
-    attrs: {
-      "id": "toolbarViewer"
-    }
-  }, [_c('div', {
-    attrs: {
-      "id": "toolbarViewerLeft"
-    }
-  }, [_c('div', {
-    staticClass: "splitToolbarButton hiddenSmallView"
-  }, [_c('button', {
-    staticClass: "toolbarButton pageUp",
-    attrs: {
-      "title": "上一页",
-      "id": "previous",
-      "tabindex": "13",
-      "data-l10n-id": "previous"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "previous_label"
-    }
-  }, [_vm._v("上一页")])]), _c('div', {
-    staticClass: "splitToolbarButtonSeparator"
-  }), _c('button', {
-    staticClass: "toolbarButton pageDown",
-    attrs: {
-      "title": "下一页",
-      "id": "next",
-      "tabindex": "14",
-      "data-l10n-id": "next"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "next_label"
-    }
-  }, [_vm._v("下一页")])])]), _c('input', {
-    staticClass: "toolbarField pageNumber",
-    attrs: {
-      "type": "number",
-      "id": "pageNumber",
-      "title": "页面",
-      "value": "1",
-      "size": "4",
-      "min": "1",
-      "tabindex": "15",
-      "data-l10n-id": "page",
-      "autocomplete": "off"
-    }
-  }), _c('span', {
-    staticClass: "toolbarLabel",
-    attrs: {
-      "id": "numPages"
-    }
-  })]), _c('div', {
-    attrs: {
-      "id": "toolbarViewerRight"
-    }
-  }, [_c('button', {
-    staticClass: "toolbarButton openFile hiddenLargeView",
-    attrs: {
-      "id": "openFile",
-      "title": "打开文件",
-      "tabindex": "32",
-      "data-l10n-id": "open_file"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "open_file_label"
-    }
-  }, [_vm._v("打开")])]), _c('button', {
-    staticClass: "toolbarButton print hiddenMediumView",
-    attrs: {
-      "id": "print",
-      "title": "打印",
-      "tabindex": "33",
-      "data-l10n-id": "print"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "print_label"
-    }
-  }, [_vm._v("打印")])]), _c('div', {
-    staticClass: "verticalToolbarSeparator hiddenSmallView"
-  }), _c('button', {
-    staticClass: "toolbarButton",
-    attrs: {
-      "id": "secondaryToolbarToggle",
-      "title": "工具",
-      "tabindex": "36",
-      "data-l10n-id": "tools",
-      "aria-expanded": "false",
-      "aria-controls": "secondaryToolbar"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "tools_label"
-    }
-  }, [_vm._v("工具")])])]), _c('div', {
-    attrs: {
-      "id": "toolbarViewerMiddle"
-    }
-  }, [_c('div', {
-    staticClass: "splitToolbarButton"
-  }, [_c('button', {
-    staticClass: "toolbarButton zoomOut",
-    attrs: {
-      "id": "zoomOut",
-      "title": "缩小",
-      "tabindex": "21",
-      "data-l10n-id": "zoom_out"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "zoom_out_label"
-    }
-  }, [_vm._v("缩小")])]), _c('div', {
-    staticClass: "splitToolbarButtonSeparator"
-  }), _c('button', {
-    staticClass: "toolbarButton zoomIn",
-    attrs: {
-      "id": "zoomIn",
-      "title": "放大",
-      "tabindex": "22",
-      "data-l10n-id": "zoom_in"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "zoom_in_label"
-    }
-  }, [_vm._v("放大")])])]), _c('span', {
-    staticClass: "dropdownToolbarButton",
-    attrs: {
-      "id": "scaleSelectContainer"
-    }
-  }, [_c('select', {
-    attrs: {
-      "id": "scaleSelect",
-      "title": "缩放",
-      "tabindex": "23",
-      "data-l10n-id": "zoom"
-    }
-  }, [_c('option', {
-    attrs: {
-      "id": "pageAutoOption",
-      "title": "",
-      "value": "auto",
-      "selected": "selected",
-      "data-l10n-id": "page_scale_auto"
-    }
-  }, [_vm._v("自动缩放")]), _c('option', {
-    attrs: {
-      "id": "pageActualOption",
-      "title": "",
-      "value": "page-actual",
-      "data-l10n-id": "page_scale_actual"
-    }
-  }, [_vm._v("实际大小")]), _c('option', {
-    attrs: {
-      "id": "pageFitOption",
-      "title": "",
-      "value": "page-fit",
-      "data-l10n-id": "page_scale_fit"
-    }
-  }, [_vm._v("适合页面")]), _c('option', {
-    attrs: {
-      "id": "pageWidthOption",
-      "title": "",
-      "value": "page-width",
-      "data-l10n-id": "page_scale_width"
-    }
-  }, [_vm._v("适合页宽")]), _c('option', {
-    attrs: {
-      "id": "customScaleOption",
-      "title": "",
-      "value": "custom",
-      "disabled": "disabled",
-      "hidden": "true"
-    }
-  }), _c('option', {
-    attrs: {
-      "title": "",
-      "value": "0.5",
-      "data-l10n-id": "page_scale_percent",
-      "data-l10n-args": "{ \"scale\": 50 }"
-    }
-  }, [_vm._v("50%")]), _c('option', {
-    attrs: {
-      "title": "",
-      "value": "0.75",
-      "data-l10n-id": "page_scale_percent",
-      "data-l10n-args": "{ \"scale\": 75 }"
-    }
-  }, [_vm._v("75%")]), _c('option', {
-    attrs: {
-      "title": "",
-      "value": "1",
-      "data-l10n-id": "page_scale_percent",
-      "data-l10n-args": "{ \"scale\": 100 }"
-    }
-  }, [_vm._v("100%")]), _c('option', {
-    attrs: {
-      "title": "",
-      "value": "1.25",
-      "data-l10n-id": "page_scale_percent",
-      "data-l10n-args": "{ \"scale\": 125 }"
-    }
-  }, [_vm._v("125%")]), _c('option', {
-    attrs: {
-      "title": "",
-      "value": "1.5",
-      "data-l10n-id": "page_scale_percent",
-      "data-l10n-args": "{ \"scale\": 150 }"
-    }
-  }, [_vm._v("150%")]), _c('option', {
-    attrs: {
-      "title": "",
-      "value": "2",
-      "data-l10n-id": "page_scale_percent",
-      "data-l10n-args": "{ \"scale\": 200 }"
-    }
-  }, [_vm._v("200%")]), _c('option', {
-    attrs: {
-      "title": "",
-      "value": "3",
-      "data-l10n-id": "page_scale_percent",
-      "data-l10n-args": "{ \"scale\": 300 }"
-    }
-  }, [_vm._v("300%")]), _c('option', {
-    attrs: {
-      "title": "",
-      "value": "4",
-      "data-l10n-id": "page_scale_percent",
-      "data-l10n-args": "{ \"scale\": 400 }"
-    }
-  }, [_vm._v("400%")])])])])])])]), _c('div', {
-    attrs: {
-      "id": "viewerContainer",
-      "tabindex": "0"
-    }
-  }, [_c('div', {
-    staticClass: "pdfViewer",
-    attrs: {
-      "id": "viewer"
-    }
-  })]), _c('div', {
-    attrs: {
-      "id": "errorWrapper",
-      "hidden": "true"
-    }
-  }, [_c('div', {
-    attrs: {
-      "id": "errorMessageLeft"
-    }
-  }, [_c('span', {
-    attrs: {
-      "id": "errorMessage"
-    }
-  }), _c('button', {
-    attrs: {
-      "id": "errorShowMore",
-      "data-l10n-id": "error_more_info"
-    }
-  }, [_vm._v(" More Information ")]), _c('button', {
-    attrs: {
-      "id": "errorShowLess",
-      "data-l10n-id": "error_less_info",
-      "hidden": "true"
-    }
-  }, [_vm._v(" Less Information ")])]), _c('div', {
-    attrs: {
-      "id": "errorMessageRight"
-    }
-  }, [_c('button', {
-    attrs: {
-      "id": "errorClose",
-      "data-l10n-id": "error_close"
-    }
-  }, [_vm._v(" Close ")])]), _c('div', {
-    staticClass: "clearBoth"
-  }), _c('textarea', {
-    attrs: {
-      "id": "errorMoreInfo",
-      "hidden": "true",
-      "readonly": "readonly"
-    }
-  })])]), _vm._v(" "), _c('div', {
-    attrs: {
-      "id": "dialogContainer"
-    }
-  }, [_c('dialog', {
-    attrs: {
-      "id": "documentPropertiesDialog"
-    }
-  }, [_c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "fileNameLabel",
-      "data-l10n-id": "document_properties_file_name"
-    }
-  }, [_vm._v("文件名:")]), _c('p', {
-    attrs: {
-      "id": "fileNameField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "fileSizeLabel",
-      "data-l10n-id": "document_properties_file_size"
-    }
-  }, [_vm._v("文件大小:")]), _c('p', {
-    attrs: {
-      "id": "fileSizeField",
-      "aria-labelledby": "fileSizeLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "separator"
-  }), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "titleLabel",
-      "data-l10n-id": "document_properties_title"
-    }
-  }, [_vm._v("标题:")]), _c('p', {
-    attrs: {
-      "id": "titleField",
-      "aria-labelledby": "titleLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "authorLabel",
-      "data-l10n-id": "document_properties_author"
-    }
-  }, [_vm._v("作者:")]), _c('p', {
-    attrs: {
-      "id": "authorField",
-      "aria-labelledby": "authorLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "subjectLabel",
-      "data-l10n-id": "document_properties_subject"
-    }
-  }, [_vm._v("主题:")]), _c('p', {
-    attrs: {
-      "id": "subjectField",
-      "aria-labelledby": "subjectLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "keywordsLabel",
-      "data-l10n-id": "document_properties_keywords"
-    }
-  }, [_vm._v("关键词:")]), _c('p', {
-    attrs: {
-      "id": "keywordsField",
-      "aria-labelledby": "keywordsLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "creationDateLabel",
-      "data-l10n-id": "document_properties_creation_date"
-    }
-  }, [_vm._v("创建日期:")]), _c('p', {
-    attrs: {
-      "id": "creationDateField",
-      "aria-labelledby": "creationDateLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "modificationDateLabel",
-      "data-l10n-id": "document_properties_modification_date"
-    }
-  }, [_vm._v("修改日期:")]), _c('p', {
-    attrs: {
-      "id": "modificationDateField",
-      "aria-labelledby": "modificationDateLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "creatorLabel",
-      "data-l10n-id": "document_properties_creator"
-    }
-  }, [_vm._v("创建者:")]), _c('p', {
-    attrs: {
-      "id": "creatorField",
-      "aria-labelledby": "creatorLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "separator"
-  }), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "producerLabel",
-      "data-l10n-id": "document_properties_producer"
-    }
-  }, [_vm._v("OFD 生成器:")]), _c('p', {
-    attrs: {
-      "id": "producerField",
-      "aria-labelledby": "producerLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "versionLabel",
-      "data-l10n-id": "document_properties_version"
-    }
-  }, [_vm._v("OFD 版本:")]), _c('p', {
-    attrs: {
-      "id": "versionField",
-      "aria-labelledby": "versionLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "pageCountLabel",
-      "data-l10n-id": "document_properties_page_count"
-    }
-  }, [_vm._v("页数:")]), _c('p', {
-    attrs: {
-      "id": "pageCountField",
-      "aria-labelledby": "pageCountLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "pageSizeLabel",
-      "data-l10n-id": "document_properties_page_size"
-    }
-  }, [_vm._v("页面大小:")]), _c('p', {
-    attrs: {
-      "id": "pageSizeField",
-      "aria-labelledby": "pageSizeLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "separator"
-  }), _c('div', {
-    staticClass: "row",
-    attrs: {
-      "hidden": "hidden"
-    }
-  }, [_c('span', {
-    attrs: {
-      "id": "linearizedLabel",
-      "data-l10n-id": "document_properties_linearized"
-    }
-  }, [_vm._v("快速 Web 视图:")]), _c('p', {
-    attrs: {
-      "id": "linearizedField",
-      "aria-labelledby": "linearizedLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "buttonRow"
-  }, [_c('button', {
-    staticClass: "dialogButton",
-    attrs: {
-      "id": "documentPropertiesClose"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "document_properties_close"
-    }
-  }, [_vm._v("关闭")])])])]), _c('dialog', {
-    staticStyle: {
-      "min-width": "200px"
-    },
-    attrs: {
-      "id": "printServiceDialog"
-    }
-  }, [_c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "print_progress_message"
-    }
-  }, [_vm._v("正在准备打印文档…")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('progress', {
-    attrs: {
-      "id": "printProgress",
-      "value": "0",
-      "max": "100"
-    }
-  }), _c('span', {
-    staticClass: "relative-progress",
-    attrs: {
-      "data-l10n-id": "print_progress_percent",
-      "data-l10n-args": "{ \"progress\": 0 }"
-    }
-  }, [_vm._v("0%")])]), _c('div', {
-    staticClass: "buttonRow"
-  }, [_c('button', {
-    staticClass: "dialogButton",
-    attrs: {
-      "id": "printCancel"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "print_progress_close"
-    }
-  }, [_vm._v("取消")])])])]), _c('dialog', {
-    attrs: {
-      "id": "signaturePropertiesDialog"
-    }
-  }, [_c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "signerLabel"
-    }
-  }, [_vm._v("签章人:")]), _c('p', {
-    attrs: {
-      "id": "signerField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "providerLabel"
-    }
-  }, [_vm._v("签章提供者:")]), _c('p', {
-    attrs: {
-      "id": "providerField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "hashedValueLabel"
-    }
-  }, [_vm._v("原文摘要值:")]), _c('p', {
-    attrs: {
-      "id": "hashedValueField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "signedValueLabel"
-    }
-  }, [_vm._v("签名值:")]), _c('p', {
-    attrs: {
-      "id": "signedValueField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "signMethodLabel"
-    }
-  }, [_vm._v("签名算法:")]), _c('p', {
-    attrs: {
-      "id": "signMethodField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "signVersionLabel"
-    }
-  }, [_vm._v("版本号:")]), _c('p', {
-    attrs: {
-      "id": "signVersionField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "verifyLabel"
-    }
-  }, [_vm._v("验签结果:")]), _c('p', {
-    attrs: {
-      "id": "verifyField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "separator"
-  }), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "sealIDLabel"
-    }
-  }, [_vm._v("印章标识:")]), _c('p', {
-    attrs: {
-      "id": "sealIDField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "sealNameLabel"
-    }
-  }, [_vm._v("印章名称:")]), _c('p', {
-    attrs: {
-      "id": "sealNameField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "sealTypeLabel"
-    }
-  }, [_vm._v("印章类型:")]), _c('p', {
-    attrs: {
-      "id": "sealTypeField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "sealAuthTimeLabel"
-    }
-  }, [_vm._v("有效时间:")]), _c('p', {
-    attrs: {
-      "id": "sealAuthTimeField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "sealMakeTimeLabel"
-    }
-  }, [_vm._v("制章日期:")]), _c('p', {
-    attrs: {
-      "id": "sealMakeTimeField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "row"
-  }, [_c('span', {
-    attrs: {
-      "id": "sealVersionLabel"
-    }
-  }, [_vm._v("印章版本:")]), _c('p', {
-    attrs: {
-      "id": "sealVersionField",
-      "aria-labelledby": "fileNameLabel"
-    }
-  }, [_vm._v("-")])]), _c('div', {
-    staticClass: "buttonRow"
-  }, [_c('button', {
-    staticClass: "dialogButton",
-    attrs: {
-      "id": "signaturePropertiesClose"
-    }
-  }, [_c('span', {
-    attrs: {
-      "data-l10n-id": "document_properties_close"
-    }
-  }, [_vm._v("关闭")])])])])])]);
-}];
+;// CONCATENATED MODULE: ./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/ofdView/src/index.vue?vue&type=template&id=41f3cab9&scoped=true&
+var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)
+}
+var staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{"id":"outerContainer"}},[_c('div',{attrs:{"id":"mainContainer"}},[_c('div',{staticClass:"secondaryToolbar hidden doorHangerRight",attrs:{"id":"secondaryToolbar"}},[_c('div',{attrs:{"id":"secondaryToolbarButtonContainer"}},[_c('button',{staticClass:"secondaryToolbarButton openFile visibleLargeView",attrs:{"id":"secondaryOpenFile","title":"打开文件","tabindex":"52","data-l10n-id":"open_file"}},[_c('span',{attrs:{"data-l10n-id":"open_file_label"}},[_vm._v("打开")])]),_c('button',{staticClass:"secondaryToolbarButton print visibleMediumView",attrs:{"id":"secondaryPrint","title":"打印","tabindex":"53","data-l10n-id":"print"}},[_c('span',{attrs:{"data-l10n-id":"print_label"}},[_vm._v("打印")])]),_c('button',{staticClass:"secondaryToolbarButton documentProperties",attrs:{"id":"documentProperties","title":"文档属性…","tabindex":"69","data-l10n-id":"document_properties","aria-controls":"documentPropertiesDialog"}},[_c('span',{attrs:{"data-l10n-id":"document_properties_label"}},[_vm._v("文档属性…")])])])]),_vm._v(" "),_c('div',{staticClass:"toolbar"},[_c('div',{attrs:{"id":"toolbarContainer"}},[_c('div',{attrs:{"id":"toolbarViewer"}},[_c('div',{attrs:{"id":"toolbarViewerLeft"}},[_c('div',{staticClass:"splitToolbarButton hiddenSmallView"},[_c('button',{staticClass:"toolbarButton pageUp",attrs:{"title":"上一页","id":"previous","tabindex":"13","data-l10n-id":"previous"}},[_c('span',{attrs:{"data-l10n-id":"previous_label"}},[_vm._v("上一页")])]),_c('div',{staticClass:"splitToolbarButtonSeparator"}),_c('button',{staticClass:"toolbarButton pageDown",attrs:{"title":"下一页","id":"next","tabindex":"14","data-l10n-id":"next"}},[_c('span',{attrs:{"data-l10n-id":"next_label"}},[_vm._v("下一页")])])]),_c('input',{staticClass:"toolbarField pageNumber",attrs:{"type":"number","id":"pageNumber","title":"页面","value":"1","size":"4","min":"1","tabindex":"15","data-l10n-id":"page","autocomplete":"off"}}),_c('span',{staticClass:"toolbarLabel",attrs:{"id":"numPages"}})]),_c('div',{attrs:{"id":"toolbarViewerRight"}},[_c('button',{staticClass:"toolbarButton openFile hiddenLargeView",attrs:{"id":"openFile","title":"打开文件","tabindex":"32","data-l10n-id":"open_file"}},[_c('span',{attrs:{"data-l10n-id":"open_file_label"}},[_vm._v("打开")])]),_c('button',{staticClass:"toolbarButton print hiddenMediumView",attrs:{"id":"print","title":"打印","tabindex":"33","data-l10n-id":"print"}},[_c('span',{attrs:{"data-l10n-id":"print_label"}},[_vm._v("打印")])]),_c('div',{staticClass:"verticalToolbarSeparator hiddenSmallView"}),_c('button',{staticClass:"toolbarButton",attrs:{"id":"secondaryToolbarToggle","title":"工具","tabindex":"36","data-l10n-id":"tools","aria-expanded":"false","aria-controls":"secondaryToolbar"}},[_c('span',{attrs:{"data-l10n-id":"tools_label"}},[_vm._v("工具")])])]),_c('div',{attrs:{"id":"toolbarViewerMiddle"}},[_c('div',{staticClass:"splitToolbarButton"},[_c('button',{staticClass:"toolbarButton zoomOut",attrs:{"id":"zoomOut","title":"缩小","tabindex":"21","data-l10n-id":"zoom_out"}},[_c('span',{attrs:{"data-l10n-id":"zoom_out_label"}},[_vm._v("缩小")])]),_c('div',{staticClass:"splitToolbarButtonSeparator"}),_c('button',{staticClass:"toolbarButton zoomIn",attrs:{"id":"zoomIn","title":"放大","tabindex":"22","data-l10n-id":"zoom_in"}},[_c('span',{attrs:{"data-l10n-id":"zoom_in_label"}},[_vm._v("放大")])])]),_c('span',{staticClass:"dropdownToolbarButton",attrs:{"id":"scaleSelectContainer"}},[_c('select',{attrs:{"id":"scaleSelect","title":"缩放","tabindex":"23","data-l10n-id":"zoom"}},[_c('option',{attrs:{"id":"pageAutoOption","title":"","value":"auto","selected":"selected","data-l10n-id":"page_scale_auto"}},[_vm._v("自动缩放")]),_c('option',{attrs:{"id":"pageActualOption","title":"","value":"page-actual","data-l10n-id":"page_scale_actual"}},[_vm._v("实际大小")]),_c('option',{attrs:{"id":"pageFitOption","title":"","value":"page-fit","data-l10n-id":"page_scale_fit"}},[_vm._v("适合页面")]),_c('option',{attrs:{"id":"pageWidthOption","title":"","value":"page-width","data-l10n-id":"page_scale_width"}},[_vm._v("适合页宽")]),_c('option',{attrs:{"id":"customScaleOption","title":"","value":"custom","disabled":"disabled","hidden":"true"}}),_c('option',{attrs:{"title":"","value":"0.5","data-l10n-id":"page_scale_percent","data-l10n-args":"{ \"scale\": 50 }"}},[_vm._v("50%")]),_c('option',{attrs:{"title":"","value":"0.75","data-l10n-id":"page_scale_percent","data-l10n-args":"{ \"scale\": 75 }"}},[_vm._v("75%")]),_c('option',{attrs:{"title":"","value":"1","data-l10n-id":"page_scale_percent","data-l10n-args":"{ \"scale\": 100 }"}},[_vm._v("100%")]),_c('option',{attrs:{"title":"","value":"1.25","data-l10n-id":"page_scale_percent","data-l10n-args":"{ \"scale\": 125 }"}},[_vm._v("125%")]),_c('option',{attrs:{"title":"","value":"1.5","data-l10n-id":"page_scale_percent","data-l10n-args":"{ \"scale\": 150 }"}},[_vm._v("150%")]),_c('option',{attrs:{"title":"","value":"2","data-l10n-id":"page_scale_percent","data-l10n-args":"{ \"scale\": 200 }"}},[_vm._v("200%")]),_c('option',{attrs:{"title":"","value":"3","data-l10n-id":"page_scale_percent","data-l10n-args":"{ \"scale\": 300 }"}},[_vm._v("300%")]),_c('option',{attrs:{"title":"","value":"4","data-l10n-id":"page_scale_percent","data-l10n-args":"{ \"scale\": 400 }"}},[_vm._v("400%")])])])])])])]),_c('div',{attrs:{"id":"viewerContainer","tabindex":"0"}},[_c('div',{staticClass:"pdfViewer",attrs:{"id":"viewer"}})]),_c('div',{attrs:{"id":"errorWrapper","hidden":"true"}},[_c('div',{attrs:{"id":"errorMessageLeft"}},[_c('span',{attrs:{"id":"errorMessage"}}),_c('button',{attrs:{"id":"errorShowMore","data-l10n-id":"error_more_info"}},[_vm._v(" More Information ")]),_c('button',{attrs:{"id":"errorShowLess","data-l10n-id":"error_less_info","hidden":"true"}},[_vm._v(" Less Information ")])]),_c('div',{attrs:{"id":"errorMessageRight"}},[_c('button',{attrs:{"id":"errorClose","data-l10n-id":"error_close"}},[_vm._v(" Close ")])]),_c('div',{staticClass:"clearBoth"}),_c('textarea',{attrs:{"id":"errorMoreInfo","hidden":"true","readonly":"readonly"}})])]),_vm._v(" "),_c('div',{attrs:{"id":"dialogContainer"}},[_c('dialog',{attrs:{"id":"documentPropertiesDialog"}},[_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"fileNameLabel","data-l10n-id":"document_properties_file_name"}},[_vm._v("文件名:")]),_c('p',{attrs:{"id":"fileNameField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"fileSizeLabel","data-l10n-id":"document_properties_file_size"}},[_vm._v("文件大小:")]),_c('p',{attrs:{"id":"fileSizeField","aria-labelledby":"fileSizeLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"separator"}),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"titleLabel","data-l10n-id":"document_properties_title"}},[_vm._v("标题:")]),_c('p',{attrs:{"id":"titleField","aria-labelledby":"titleLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"authorLabel","data-l10n-id":"document_properties_author"}},[_vm._v("作者:")]),_c('p',{attrs:{"id":"authorField","aria-labelledby":"authorLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"subjectLabel","data-l10n-id":"document_properties_subject"}},[_vm._v("主题:")]),_c('p',{attrs:{"id":"subjectField","aria-labelledby":"subjectLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"keywordsLabel","data-l10n-id":"document_properties_keywords"}},[_vm._v("关键词:")]),_c('p',{attrs:{"id":"keywordsField","aria-labelledby":"keywordsLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"creationDateLabel","data-l10n-id":"document_properties_creation_date"}},[_vm._v("创建日期:")]),_c('p',{attrs:{"id":"creationDateField","aria-labelledby":"creationDateLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"modificationDateLabel","data-l10n-id":"document_properties_modification_date"}},[_vm._v("修改日期:")]),_c('p',{attrs:{"id":"modificationDateField","aria-labelledby":"modificationDateLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"creatorLabel","data-l10n-id":"document_properties_creator"}},[_vm._v("创建者:")]),_c('p',{attrs:{"id":"creatorField","aria-labelledby":"creatorLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"separator"}),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"producerLabel","data-l10n-id":"document_properties_producer"}},[_vm._v("OFD 生成器:")]),_c('p',{attrs:{"id":"producerField","aria-labelledby":"producerLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"versionLabel","data-l10n-id":"document_properties_version"}},[_vm._v("OFD 版本:")]),_c('p',{attrs:{"id":"versionField","aria-labelledby":"versionLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"pageCountLabel","data-l10n-id":"document_properties_page_count"}},[_vm._v("页数:")]),_c('p',{attrs:{"id":"pageCountField","aria-labelledby":"pageCountLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"pageSizeLabel","data-l10n-id":"document_properties_page_size"}},[_vm._v("页面大小:")]),_c('p',{attrs:{"id":"pageSizeField","aria-labelledby":"pageSizeLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"separator"}),_c('div',{staticClass:"row",attrs:{"hidden":"hidden"}},[_c('span',{attrs:{"id":"linearizedLabel","data-l10n-id":"document_properties_linearized"}},[_vm._v("快速 Web 视图:")]),_c('p',{attrs:{"id":"linearizedField","aria-labelledby":"linearizedLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"buttonRow"},[_c('button',{staticClass:"dialogButton",attrs:{"id":"documentPropertiesClose"}},[_c('span',{attrs:{"data-l10n-id":"document_properties_close"}},[_vm._v("关闭")])])])]),_c('dialog',{staticStyle:{"min-width":"200px"},attrs:{"id":"printServiceDialog"}},[_c('div',{staticClass:"row"},[_c('span',{attrs:{"data-l10n-id":"print_progress_message"}},[_vm._v("正在准备打印文档…")])]),_c('div',{staticClass:"row"},[_c('progress',{attrs:{"id":"printProgress","value":"0","max":"100"}}),_c('span',{staticClass:"relative-progress",attrs:{"data-l10n-id":"print_progress_percent","data-l10n-args":"{ \"progress\": 0 }"}},[_vm._v("0%")])]),_c('div',{staticClass:"buttonRow"},[_c('button',{staticClass:"dialogButton",attrs:{"id":"printCancel"}},[_c('span',{attrs:{"data-l10n-id":"print_progress_close"}},[_vm._v("取消")])])])]),_c('dialog',{attrs:{"id":"signaturePropertiesDialog"}},[_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"signerLabel"}},[_vm._v("签章人:")]),_c('p',{attrs:{"id":"signerField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"providerLabel"}},[_vm._v("签章提供者:")]),_c('p',{attrs:{"id":"providerField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"hashedValueLabel"}},[_vm._v("原文摘要值:")]),_c('p',{attrs:{"id":"hashedValueField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"signedValueLabel"}},[_vm._v("签名值:")]),_c('p',{attrs:{"id":"signedValueField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"signMethodLabel"}},[_vm._v("签名算法:")]),_c('p',{attrs:{"id":"signMethodField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"signVersionLabel"}},[_vm._v("版本号:")]),_c('p',{attrs:{"id":"signVersionField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"verifyLabel"}},[_vm._v("验签结果:")]),_c('p',{attrs:{"id":"verifyField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"separator"}),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"sealIDLabel"}},[_vm._v("印章标识:")]),_c('p',{attrs:{"id":"sealIDField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"sealNameLabel"}},[_vm._v("印章名称:")]),_c('p',{attrs:{"id":"sealNameField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"sealTypeLabel"}},[_vm._v("印章类型:")]),_c('p',{attrs:{"id":"sealTypeField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"sealAuthTimeLabel"}},[_vm._v("有效时间:")]),_c('p',{attrs:{"id":"sealAuthTimeField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"sealMakeTimeLabel"}},[_vm._v("制章日期:")]),_c('p',{attrs:{"id":"sealMakeTimeField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"row"},[_c('span',{attrs:{"id":"sealVersionLabel"}},[_vm._v("印章版本:")]),_c('p',{attrs:{"id":"sealVersionField","aria-labelledby":"fileNameLabel"}},[_vm._v("-")])]),_c('div',{staticClass:"buttonRow"},[_c('button',{staticClass:"dialogButton",attrs:{"id":"signaturePropertiesClose"}},[_c('span',{attrs:{"data-l10n-id":"document_properties_close"}},[_vm._v("关闭")])])])])])])
+}]
+
 
 ;// CONCATENATED MODULE: ./packages/ofdView/src/index.vue?vue&type=template&id=41f3cab9&scoped=true&
 
 // EXTERNAL MODULE: ./packages/ofdView/viewer.css
 var viewer = __webpack_require__(508);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ofdView/src/index.vue?vue&type=script&lang=js&
-
-let config;
-/* harmony default export */ var srcvue_type_script_lang_js_ = ({
-  name: "OfdView",
-  props: {},
-  data() {
-    return {
-      containerHeight: 0
-    };
-  },
-  mounted() {
-    if (!config) {
-      config = this.getViewerConfiguration();
-      console.log('mounted');
-      //vue下viewerContainer必须设置height
-      this.containerHeight = `${window.innerHeight - 100}px`;
-      let img = new Image();
-      img.style.position = 'absolute';
-      img.style.left = 0;
-      img.style.right = 0;
-      img.style.margin = 'auto';
-      img.style.top = 0;
-      img.style.bottom = 0;
-      img.src = 'data:image/gif;base64,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';
-      img.draggable = false;
-      config.loadingContainer = img;
-      // config.onPageChanging = pageNumber => {
-      //   // console.log(pageNumber)
-      // }
-      // config.parserOFDSuccess = core => {
-      //   // console.log(core)
-      // }
-      // config.onPageScale = scale => {
-      //   // console.log(scale)
-      // }
-    }
-    // ofd.openOFDViewer(config)
-  },
-
-  methods: {
-    getViewerConfiguration() {
-      let errorWrapper = null;
-      errorWrapper = {
-        container: document.getElementById('errorWrapper'),
-        errorMessage: document.getElementById('errorMessage'),
-        closeButton: document.getElementById('errorClose'),
-        errorMoreInfo: document.getElementById('errorMoreInfo'),
-        moreInfoButton: document.getElementById('errorShowMore'),
-        lessInfoButton: document.getElementById('errorShowLess')
-      };
-      return {
-        appContainer: document.body,
-        mainContainer: document.getElementById('viewerContainer'),
-        viewerContainer: document.getElementById('viewer'),
-        toolbar: {
-          container: document.getElementById('toolbarViewer'),
-          numPages: document.getElementById('numPages'),
-          pageNumber: document.getElementById('pageNumber'),
-          scaleSelect: document.getElementById('scaleSelect'),
-          customScaleOption: document.getElementById('customScaleOption'),
-          previous: document.getElementById('previous'),
-          next: document.getElementById('next'),
-          zoomIn: document.getElementById('zoomIn'),
-          zoomOut: document.getElementById('zoomOut'),
-          openFile: document.getElementById('openFile'),
-          print: document.getElementById('print')
-        },
-        secondaryToolbar: {
-          toolbar: document.getElementById('secondaryToolbar'),
-          toggleButton: document.getElementById('secondaryToolbarToggle'),
-          toolbarButtonContainer: document.getElementById('secondaryToolbarButtonContainer'),
-          openFileButton: document.getElementById('secondaryOpenFile'),
-          printButton: document.getElementById('secondaryPrint'),
-          documentPropertiesButton: document.getElementById('documentProperties')
-        },
-        sidebar: {
-          // Divs (and sidebar button)
-          outerContainer: document.getElementById('outerContainer'),
-          viewerContainer: document.getElementById('viewerContainer')
-        },
-        sidebarResizer: {
-          outerContainer: document.getElementById('outerContainer')
-        },
-        documentProperties: {
-          dialog: document.getElementById('documentPropertiesDialog'),
-          closeButton: document.getElementById('documentPropertiesClose'),
-          fields: {
-            fileName: document.getElementById('fileNameField'),
-            fileSize: document.getElementById('fileSizeField'),
-            title: document.getElementById('titleField'),
-            author: document.getElementById('authorField'),
-            subject: document.getElementById('subjectField'),
-            keywords: document.getElementById('keywordsField'),
-            creationDate: document.getElementById('creationDateField'),
-            modificationDate: document.getElementById('modificationDateField'),
-            creator: document.getElementById('creatorField'),
-            producer: document.getElementById('producerField'),
-            version: document.getElementById('versionField'),
-            pageCount: document.getElementById('pageCountField'),
-            pageSize: document.getElementById('pageSizeField'),
-            linearized: document.getElementById('linearizedField')
-          }
-        },
-        signatureProperties: {
-          dialog: document.getElementById('signaturePropertiesDialog'),
-          closeButton: document.getElementById('signaturePropertiesClose'),
-          fields: {
-            signer: document.getElementById('signerField'),
-            provider: document.getElementById('providerField'),
-            hashedValue: document.getElementById('hashedValueField'),
-            signedValue: document.getElementById('signedValueField'),
-            signMethod: document.getElementById('signMethodField'),
-            signVersion: document.getElementById('signVersionField'),
-            verify: document.getElementById('verifyField'),
-            sealID: document.getElementById('sealIDField'),
-            sealName: document.getElementById('sealNameField'),
-            sealType: document.getElementById('sealTypeField'),
-            sealAuthTime: document.getElementById('sealAuthTimeField'),
-            sealMakeTime: document.getElementById('sealMakeTimeField'),
-            sealVersion: document.getElementById('sealVersionField')
-          }
-        },
-        errorWrapper,
-        printContainer: document.getElementById('printContainer'),
-        openFileInputName: 'fileInput'
-      };
-    }
-  }
-});
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ofdView/src/index.vue?vue&type=script&lang=js&
+
+
+let config;
+/* harmony default export */ var srcvue_type_script_lang_js_ = ({
+  name: "OfdView",
+  props: {
+
+  },
+  data() {
+    return {
+      containerHeight: 0,
+    }
+  },
+
+  mounted() {
+    if (!config) {
+      config = this.getViewerConfiguration()
+      console.log('mounted')
+      //vue下viewerContainer必须设置height
+      this.containerHeight = `${window.innerHeight - 100}px`
+      let img = new Image();
+      img.style.position = 'absolute';
+      img.style.left = 0;
+      img.style.right = 0;
+      img.style.margin = 'auto';
+      img.style.top = 0;
+      img.style.bottom = 0;
+      img.src = 'data:image/gif;base64,R0lGODlhNgA3APMAAP///zAyOJKTlkdJTzw+RN/g4XV2euPj5M/Q0WtscaChpDAyODAyODAyODAyODAyOCH5BAkKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAANgA3AAAEzBDISau9OOvNu/9gKI5kaZ4lkhBEgqCnws6EApMITb93uOqsRC8EpA1Bxdnx8wMKl51ckXcsGFiGAkamsy0LA9pAe1EFqRbBYCAYXXUGk4DWJhZN4dlAlMSLRW80cSVzM3UgB3ksAwcnamwkB28GjVCWl5iZmpucnZ4cj4eWoRqFLKJHpgSoFIoEe5ausBeyl7UYqqw9uaVrukOkn8LDxMXGx8ibwY6+JLxydCO3JdMg1dJ/Is+E0SPLcs3Jnt/F28XXw+jC5uXh4u89EQAh+QQJCgAAACwAAAAANgA3AAAEzhDISau9OOvNu/9gKI5kaZ5oqhYGQRiFWhaD6w6xLLa2a+iiXg8YEtqIIF7vh/QcarbB4YJIuBKIpuTAM0wtCqNiJBgMBCaE0ZUFCXpoknWdCEFvpfURdCcM8noEIW82cSNzRnWDZoYjamttWhphQmOSHFVXkZecnZ6foKFujJdlZxqELo1AqQSrFH1/TbEZtLM9shetrzK7qKSSpryixMXGx8jJyifCKc1kcMzRIrYl1Xy4J9cfvibdIs/MwMue4cffxtvE6qLoxubk8ScRACH5BAkKAAAALAAAAAA2ADcAAATOEMhJq7046827/2AojmRpnmiqrqwwDAJbCkRNxLI42MSQ6zzfD0Sz4YYfFwyZKxhqhgJJeSQVdraBNFSsVUVPHsEAzJrEtnJNSELXRN2bKcwjw19f0QG7PjA7B2EGfn+FhoeIiYoSCAk1CQiLFQpoChlUQwhuBJEWcXkpjm4JF3w9P5tvFqZsLKkEF58/omiksXiZm52SlGKWkhONj7vAxcbHyMkTmCjMcDygRNAjrCfVaqcm11zTJrIjzt64yojhxd/G28XqwOjG5uTxJhEAIfkECQoAAAAsAAAAADYANwAABM0QyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhhh8XDMk0KY/OF5TIm4qKNWtnZxOWuDUvCNw7kcXJ6gl7Iz1T76Z8Tq/b7/i8qmCoGQoacT8FZ4AXbFopfTwEBhhnQ4w2j0GRkgQYiEOLPI6ZUkgHZwd6EweLBqSlq6ytricICTUJCKwKkgojgiMIlwS1VEYlspcJIZAkvjXHlcnKIZokxJLG0KAlvZfAebeMuUi7FbGz2z/Rq8jozavn7Nev8CsRACH5BAkKAAAALAAAAAA2ADcAAATLEMhJq7046827/2AojmRpnmiqrqwwDAJbCkRNxLI42MSQ6zzfD0Sz4YYfFwzJNCmPzheUyJuKijVrZ2cTlrg1LwjcO5HFyeoJeyM9U++mfE6v2+/4PD6O5F/YWiqAGWdIhRiHP4kWg0ONGH4/kXqUlZaXmJlMBQY1BgVuUicFZ6AhjyOdPAQGQF0mqzauYbCxBFdqJao8rVeiGQgJNQkIFwdnB0MKsQrGqgbJPwi2BMV5wrYJetQ129x62LHaedO21nnLq82VwcPnIhEAIfkECQoAAAAsAAAAADYANwAABMwQyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhhh8XDMk0KY/OF5TIm4qKNWtnZxOWuDUvCNw7kcXJ6gl7Iz1T76Z8Tq/b7/g8Po7kX9haKoAZZ0iFGIc/iRaDQ40Yfj+RepSVlpeYAAgJNQkIlgo8NQqUCKI2nzNSIpynBAkzaiCuNl9BIbQ1tl0hraewbrIfpq6pbqsioaKkFwUGNQYFSJudxhUFZ9KUz6IGlbTfrpXcPN6UB2cHlgfcBuqZKBEAIfkECQoAAAAsAAAAADYANwAABMwQyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhhh8XDMk0KY/OF5TIm4qKNWtnZxOWuDUvCNw7kcXJ6gl7Iz1T76Z8Tq/b7yJEopZA4CsKPDUKfxIIgjZ+P3EWe4gECYtqFo82P2cXlTWXQReOiJE5bFqHj4qiUhmBgoSFho59rrKztLVMBQY1BgWzBWe8UUsiuYIGTpMglSaYIcpfnSHEPMYzyB8HZwdrqSMHxAbath2MsqO0zLLorua05OLvJxEAIfkECQoAAAAsAAAAADYANwAABMwQyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhfohELYHQuGBDgIJXU0Q5CKqtOXsdP0otITHjfTtiW2lnE37StXUwFNaSScXaGZvm4r0jU1RWV1hhTIWJiouMjVcFBjUGBY4WBWw1A5RDT3sTkVQGnGYYaUOYPaVip3MXoDyiP3k3GAeoAwdRnRoHoAa5lcHCw8TFxscduyjKIrOeRKRAbSe3I9Um1yHOJ9sjzCbfyInhwt3E2cPo5dHF5OLvJREAOw==';
+      img.draggable = false;
+      config.loadingContainer = img
+      // config.onPageChanging = pageNumber => {
+      //   // console.log(pageNumber)
+      // }
+      // config.parserOFDSuccess = core => {
+      //   // console.log(core)
+      // }
+      // config.onPageScale = scale => {
+      //   // console.log(scale)
+      // }
+    }
+    // ofd.openOFDViewer(config)
+
+  },
+
+  methods: {
+    getViewerConfiguration() {
+      let errorWrapper = null
+      errorWrapper = {
+        container: document.getElementById('errorWrapper'),
+        errorMessage: document.getElementById('errorMessage'),
+        closeButton: document.getElementById('errorClose'),
+        errorMoreInfo: document.getElementById('errorMoreInfo'),
+        moreInfoButton: document.getElementById('errorShowMore'),
+        lessInfoButton: document.getElementById('errorShowLess'),
+      }
+
+      return {
+        appContainer: document.body,
+        mainContainer: document.getElementById('viewerContainer'),
+        viewerContainer: document.getElementById('viewer'),
+        toolbar: {
+          container: document.getElementById('toolbarViewer'),
+          numPages: document.getElementById('numPages'),
+          pageNumber: document.getElementById('pageNumber'),
+          scaleSelect: document.getElementById('scaleSelect'),
+          customScaleOption: document.getElementById('customScaleOption'),
+          previous: document.getElementById('previous'),
+          next: document.getElementById('next'),
+          zoomIn: document.getElementById('zoomIn'),
+          zoomOut: document.getElementById('zoomOut'),
+          openFile: document.getElementById('openFile'),
+          print: document.getElementById('print'),
+        },
+        secondaryToolbar: {
+          toolbar: document.getElementById('secondaryToolbar'),
+          toggleButton: document.getElementById('secondaryToolbarToggle'),
+          toolbarButtonContainer: document.getElementById(
+              'secondaryToolbarButtonContainer'
+          ),
+          openFileButton: document.getElementById('secondaryOpenFile'),
+          printButton: document.getElementById('secondaryPrint'),
+          documentPropertiesButton: document.getElementById('documentProperties'),
+        },
+        sidebar: {
+          // Divs (and sidebar button)
+          outerContainer: document.getElementById('outerContainer'),
+          viewerContainer: document.getElementById('viewerContainer'),
+        },
+        sidebarResizer: {
+          outerContainer: document.getElementById('outerContainer'),
+        },
+        documentProperties: {
+          dialog: document.getElementById('documentPropertiesDialog'),
+          closeButton: document.getElementById('documentPropertiesClose'),
+          fields: {
+            fileName: document.getElementById('fileNameField'),
+            fileSize: document.getElementById('fileSizeField'),
+            title: document.getElementById('titleField'),
+            author: document.getElementById('authorField'),
+            subject: document.getElementById('subjectField'),
+            keywords: document.getElementById('keywordsField'),
+            creationDate: document.getElementById('creationDateField'),
+            modificationDate: document.getElementById('modificationDateField'),
+            creator: document.getElementById('creatorField'),
+            producer: document.getElementById('producerField'),
+            version: document.getElementById('versionField'),
+            pageCount: document.getElementById('pageCountField'),
+            pageSize: document.getElementById('pageSizeField'),
+            linearized: document.getElementById('linearizedField'),
+          },
+        },
+        signatureProperties: {
+          dialog: document.getElementById('signaturePropertiesDialog'),
+          closeButton: document.getElementById('signaturePropertiesClose'),
+          fields: {
+            signer: document.getElementById('signerField'),
+            provider: document.getElementById('providerField'),
+            hashedValue: document.getElementById('hashedValueField'),
+            signedValue: document.getElementById('signedValueField'),
+            signMethod: document.getElementById('signMethodField'),
+            signVersion: document.getElementById('signVersionField'),
+            verify: document.getElementById('verifyField'),
+
+            sealID: document.getElementById('sealIDField'),
+            sealName: document.getElementById('sealNameField'),
+            sealType: document.getElementById('sealTypeField'),
+            sealAuthTime: document.getElementById('sealAuthTimeField'),
+            sealMakeTime: document.getElementById('sealMakeTimeField'),
+            sealVersion: document.getElementById('sealVersionField'),
+          },
+        },
+        errorWrapper,
+        printContainer: document.getElementById('printContainer'),
+        openFileInputName: 'fileInput',
+      }
+    }
+  }
+});
+
 ;// CONCATENATED MODULE: ./packages/ofdView/src/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var ofdView_srcvue_type_script_lang_js_ = (srcvue_type_script_lang_js_); 
 ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
@@ -2032,32 +1297,40 @@ var component = normalizeComponent(
 
 /* harmony default export */ var ofdView_src = (component.exports);
 ;// CONCATENATED MODULE: ./packages/ofdView/index.js
+
+
+ofdView_src.install = Vue => Vue.component(ofdView_src.name, ofdView_src);//注册组件
+
+/* harmony default export */ var ofdView = (ofdView_src);
 
-ofdView_src.install = Vue => Vue.component(ofdView_src.name, ofdView_src); //注册组件
-
-/* harmony default export */ var ofdView = (ofdView_src);
 ;// CONCATENATED MODULE: ./packages/index.js
+
+
+const components = [
+    ofdView
+]
+
+// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
+const install = function (Vue) {
+
+// 判断是否安装
+    if (install.installed) return
+    // 遍历注册全局组件
+    components.map(component => Vue.component(component.name, component))
+}
+
+// 判断是否是直接引入文件
+if (typeof window !== 'undefined' && window.Vue) {
+    install(window.Vue)
+}
+
+/* harmony default export */ var packages_0 = ({
+    // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+    install,
+    // 以下是具体的组件列表
+    OfdView: ofdView
+});
 
-const components = [ofdView];
-
-// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
-const install = function (Vue) {
-  // 判断是否安装
-  if (install.installed) return;
-  // 遍历注册全局组件
-  components.map(component => Vue.component(component.name, component));
-};
-
-// 判断是否是直接引入文件
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue);
-}
-/* harmony default export */ var packages_0 = ({
-  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
-  install,
-  // 以下是具体的组件列表
-  OfdView: ofdView
-});
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js