ofd-view 0.1.28 → 0.1.29

package/lib/ofd-view.umd.js

@@ -1,22 +1,454 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("ofd.js"));
+		module.exports = factory(require("ofd.js"), require("parser_x.js"));
 	else if(typeof define === 'function' && define.amd)
-		define([], factory);
+		define([, ], factory);
 	else if(typeof exports === 'object')
-		exports["ofd-view"] = factory(require("ofd.js"));
+		exports["ofd-view"] = factory(require("ofd.js"), require("parser_x.js"));
 	else
-		root["ofd-view"] = factory(root["ofd"]);
-})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__485__) {
+		root["ofd-view"] = factory(root["ofd"], root["parser_x"]);
+})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__485__, __WEBPACK_EXTERNAL_MODULE__700__) {
 return /******/ (function() { // webpackBootstrap
-/******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 966:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".vdr[data-v-6cdf0a0c]{touch-action:none;position:absolute;box-sizing:border-box;border:1px dashed #ddd;cursor:move}.vdr button[data-v-6cdf0a0c]{display:none}.vdr[data-v-6cdf0a0c]:hover{border:1px solid #fd397a;background:rgba(253,57,122,.08)}.vdr:hover button[data-v-6cdf0a0c]{display:block}.handle[data-v-6cdf0a0c]{box-sizing:border-box;display:none;position:absolute;width:10px;height:10px;font-size:1px;background:rgba(253,57,122,.08);border:1px solid #fd397a}.handle-tl[data-v-6cdf0a0c]{top:-10px;left:-10px;cursor:nw-resize}.handle-tm[data-v-6cdf0a0c]{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr[data-v-6cdf0a0c]{top:-10px;right:-10px;cursor:ne-resize}.handle-ml[data-v-6cdf0a0c]{left:-10px;cursor:w-resize}.handle-ml[data-v-6cdf0a0c],.handle-mr[data-v-6cdf0a0c]{top:50%;margin-top:-5px}.handle-mr[data-v-6cdf0a0c]{right:-10px;cursor:e-resize}.handle-bl[data-v-6cdf0a0c]{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm[data-v-6cdf0a0c]{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br[data-v-6cdf0a0c]{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-][data-v-6cdf0a0c]:before{content:\"\";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}.close[data-v-6cdf0a0c]{background:orange;color:red;border-radius:12px;line-height:20px;text-align:center;height:20px;width:20px;font-size:18px;padding:1px}.close[data-v-6cdf0a0c]:before{content:\"\\2716\"}.close[data-v-6cdf0a0c]{top:5px;right:2px;position:absolute}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 645:
+/***/ (function(module) {
+
+"use strict";
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+module.exports = function (cssWithMappingToString) {
+  var list = []; // return the list of modules as css string
+
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = "";
+      var needLayer = typeof item[5] !== "undefined";
+
+      if (item[4]) {
+        content += "@supports (".concat(item[4], ") {");
+      }
+
+      if (item[2]) {
+        content += "@media ".concat(item[2], " {");
+      }
+
+      if (needLayer) {
+        content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
+      }
+
+      content += cssWithMappingToString(item);
+
+      if (needLayer) {
+        content += "}";
+      }
+
+      if (item[2]) {
+        content += "}";
+      }
+
+      if (item[4]) {
+        content += "}";
+      }
+
+      return content;
+    }).join("");
+  }; // import a list of modules into the list
+
+
+  list.i = function i(modules, media, dedupe, supports, layer) {
+    if (typeof modules === "string") {
+      modules = [[null, modules, undefined]];
+    }
+
+    var alreadyImportedModules = {};
+
+    if (dedupe) {
+      for (var k = 0; k < this.length; k++) {
+        var id = this[k][0];
+
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
+
+    for (var _k = 0; _k < modules.length; _k++) {
+      var item = [].concat(modules[_k]);
+
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        continue;
+      }
+
+      if (typeof layer !== "undefined") {
+        if (typeof item[5] === "undefined") {
+          item[5] = layer;
+        } else {
+          item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
+          item[5] = layer;
+        }
+      }
+
+      if (media) {
+        if (!item[2]) {
+          item[2] = media;
+        } else {
+          item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
+          item[2] = media;
+        }
+      }
+
+      if (supports) {
+        if (!item[4]) {
+          item[4] = "".concat(supports);
+        } else {
+          item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
+          item[4] = supports;
+        }
+      }
+
+      list.push(item);
+    }
+  };
+
+  return list;
+};
+
+/***/ }),
+
+/***/ 81:
+/***/ (function(module) {
+
+"use strict";
+
+
+module.exports = function (i) {
+  return i[1];
+};
+
+/***/ }),
+
+/***/ 565:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(966);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(402)/* ["default"] */ .Z)
+var update = add("ca85196c", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 402:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": function() { return /* binding */ addStylesClient; }
+});
+
+;// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/listToStyles.js
+/**
+ * Translates the list format produced by css-loader into something
+ * easier to manipulate.
+ */
+function listToStyles (parentId, list) {
+  var styles = []
+  var newStyles = {}
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i]
+    var id = item[0]
+    var css = item[1]
+    var media = item[2]
+    var sourceMap = item[3]
+    var part = {
+      id: parentId + ':' + i,
+      css: css,
+      media: media,
+      sourceMap: sourceMap
+    }
+    if (!newStyles[id]) {
+      styles.push(newStyles[id] = { id: id, parts: [part] })
+    } else {
+      newStyles[id].parts.push(part)
+    }
+  }
+  return styles
+}
+
+;// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/addStylesClient.js
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+  Modified by Evan You @yyx990803
+*/
+
+
+
+var hasDocument = typeof document !== 'undefined'
+
+if (typeof DEBUG !== 'undefined' && DEBUG) {
+  if (!hasDocument) {
+    throw new Error(
+    'vue-style-loader cannot be used in a non-browser environment. ' +
+    "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
+  ) }
+}
+
+/*
+type StyleObject = {
+  id: number;
+  parts: Array<StyleObjectPart>
+}
+
+type StyleObjectPart = {
+  css: string;
+  media: string;
+  sourceMap: ?string
+}
+*/
+
+var stylesInDom = {/*
+  [id: number]: {
+    id: number,
+    refs: number,
+    parts: Array<(obj?: StyleObjectPart) => void>
+  }
+*/}
+
+var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
+var singletonElement = null
+var singletonCounter = 0
+var isProduction = false
+var noop = function () {}
+var options = null
+var ssrIdKey = 'data-vue-ssr-id'
+
+// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+// tags it will allow on a page
+var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
+
+function addStylesClient (parentId, list, _isProduction, _options) {
+  isProduction = _isProduction
+
+  options = _options || {}
+
+  var styles = listToStyles(parentId, list)
+  addStylesToDom(styles)
+
+  return function update (newList) {
+    var mayRemove = []
+    for (var i = 0; i < styles.length; i++) {
+      var item = styles[i]
+      var domStyle = stylesInDom[item.id]
+      domStyle.refs--
+      mayRemove.push(domStyle)
+    }
+    if (newList) {
+      styles = listToStyles(parentId, newList)
+      addStylesToDom(styles)
+    } else {
+      styles = []
+    }
+    for (var i = 0; i < mayRemove.length; i++) {
+      var domStyle = mayRemove[i]
+      if (domStyle.refs === 0) {
+        for (var j = 0; j < domStyle.parts.length; j++) {
+          domStyle.parts[j]()
+        }
+        delete stylesInDom[domStyle.id]
+      }
+    }
+  }
+}
+
+function addStylesToDom (styles /* Array<StyleObject> */) {
+  for (var i = 0; i < styles.length; i++) {
+    var item = styles[i]
+    var domStyle = stylesInDom[item.id]
+    if (domStyle) {
+      domStyle.refs++
+      for (var j = 0; j < domStyle.parts.length; j++) {
+        domStyle.parts[j](item.parts[j])
+      }
+      for (; j < item.parts.length; j++) {
+        domStyle.parts.push(addStyle(item.parts[j]))
+      }
+      if (domStyle.parts.length > item.parts.length) {
+        domStyle.parts.length = item.parts.length
+      }
+    } else {
+      var parts = []
+      for (var j = 0; j < item.parts.length; j++) {
+        parts.push(addStyle(item.parts[j]))
+      }
+      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
+    }
+  }
+}
+
+function createStyleElement () {
+  var styleElement = document.createElement('style')
+  styleElement.type = 'text/css'
+  head.appendChild(styleElement)
+  return styleElement
+}
+
+function addStyle (obj /* StyleObjectPart */) {
+  var update, remove
+  var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
+
+  if (styleElement) {
+    if (isProduction) {
+      // has SSR styles and in production mode.
+      // simply do nothing.
+      return noop
+    } else {
+      // has SSR styles but in dev mode.
+      // for some reason Chrome can't handle source map in server-rendered
+      // style tags - source maps in <style> only works if the style tag is
+      // created and inserted dynamically. So we remove the server rendered
+      // styles and inject new ones.
+      styleElement.parentNode.removeChild(styleElement)
+    }
+  }
+
+  if (isOldIE) {
+    // use singleton mode for IE9.
+    var styleIndex = singletonCounter++
+    styleElement = singletonElement || (singletonElement = createStyleElement())
+    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
+    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
+  } else {
+    // use multi-style-tag mode in all other cases
+    styleElement = createStyleElement()
+    update = applyToTag.bind(null, styleElement)
+    remove = function () {
+      styleElement.parentNode.removeChild(styleElement)
+    }
+  }
+
+  update(obj)
+
+  return function updateStyle (newObj /* StyleObjectPart */) {
+    if (newObj) {
+      if (newObj.css === obj.css &&
+          newObj.media === obj.media &&
+          newObj.sourceMap === obj.sourceMap) {
+        return
+      }
+      update(obj = newObj)
+    } else {
+      remove()
+    }
+  }
+}
+
+var replaceText = (function () {
+  var textStore = []
+
+  return function (index, replacement) {
+    textStore[index] = replacement
+    return textStore.filter(Boolean).join('\n')
+  }
+})()
+
+function applyToSingletonTag (styleElement, index, remove, obj) {
+  var css = remove ? '' : obj.css
+
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = replaceText(index, css)
+  } else {
+    var cssNode = document.createTextNode(css)
+    var childNodes = styleElement.childNodes
+    if (childNodes[index]) styleElement.removeChild(childNodes[index])
+    if (childNodes.length) {
+      styleElement.insertBefore(cssNode, childNodes[index])
+    } else {
+      styleElement.appendChild(cssNode)
+    }
+  }
+}
+
+function applyToTag (styleElement, obj) {
+  var css = obj.css
+  var media = obj.media
+  var sourceMap = obj.sourceMap
+
+  if (media) {
+    styleElement.setAttribute('media', media)
+  }
+  if (options.ssrId) {
+    styleElement.setAttribute(ssrIdKey, obj.id)
+  }
+
+  if (sourceMap) {
+    // https://developer.chrome.com/devtools/docs/javascript-debugging
+    // this makes source maps inside style tags work properly in Chrome
+    css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
+    // http://stackoverflow.com/a/26603875
+    css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
+  }
+
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = css
+  } else {
+    while (styleElement.firstChild) {
+      styleElement.removeChild(styleElement.firstChild)
+    }
+    styleElement.appendChild(document.createTextNode(css))
+  }
+}
+
+
+/***/ }),
+
 /***/ 485:
 /***/ (function(module) {
 
+"use strict";
 module.exports = __WEBPACK_EXTERNAL_MODULE__485__;
 
+/***/ }),
+
+/***/ 700:
+/***/ (function(module) {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__700__;
+
 /***/ })
 
 /******/ 	});
@@ -33,7 +465,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__485__;
 /******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
+/******/ 			id: moduleId,
 /******/ 			// no module.loaded needed
 /******/ 			exports: {}
 /******/ 		};
@@ -46,6 +478,18 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__485__;
 /******/ 	}
 /******/ 	
 /************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	!function() {
 /******/ 		// define getter functions for harmony exports
@@ -81,8 +525,9 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__485__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
 !function() {
+"use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
@@ -108,900 +553,618 @@ 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=6f77318f&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=4f83f1c8&scoped=true&
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{"id":"outerContainer"}},[_c('div',{attrs:{"id":"mainContainer"}},[_vm._m(0),_vm._v(" "),_vm._m(1),_c('div',{attrs:{"id":"viewerContainer","tabindex":"0"}},[_c('div',{staticClass:"pdfViewer",attrs:{"id":"viewer"}},_vm._l((_vm.stamps),function(stamp,index){return (_vm.viewVisible)?_c('vue-draggable-resizable',{key:stamp.key,attrs:{"w":stamp.w ? stamp.w : 174,"h":stamp.h ? stamp.h : 174,"parent":_vm.config.viewerContainer,"customForStamp":true,"eventBus":_vm.eventBus,"handles":['tl', 'tr', 'bl', 'br'],"index":index,"x":stamp.x,"y":stamp.located ? stamp.y : stamp.y + _vm.config.mainContainer.scrollTop,"pages":_vm.pdfViewer._pages,"currentPage":_vm.sp,"stampId":stamp.source.stampId,"draggable":_vm.draggable,"resizable":_vm.resizable,"editable":_vm.editable},on:{"dropitem":_vm.removeStamp,"dragstop":_vm.onStampDragStop,"placed":_vm.placed}},[_c('div',{staticClass:"stamp",style:({backgroundImage : 'url(data:image/png;base64,' + stamp.source.stampBase64 + ')'})})]):_vm._e()}),1)]),_vm._m(2)]),_vm._v(" "),_vm._m(3)])
+}
+var staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _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("文档属性…")])])])])
+},function (){var _vm=this,_c=_vm._self._c;return _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%")])])])])])])])
+},function (){var _vm=this,_c=_vm._self._c;return _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"}})])
+},function (){var _vm=this,_c=_vm._self._c;return _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=6f77318f&scoped=true&
 
-// EXTERNAL MODULE: external {"commonjs":"ofd.js","commonjs2":"ofd.js","root":"ofd"}
-var external_commonjs_ofd_js_commonjs2_ofd_js_root_ofd_ = __webpack_require__(485);
-;// 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&
+;// CONCATENATED MODULE: ./packages/ofdView/src/index.vue?vue&type=template&id=4f83f1c8&scoped=true&
+
+;// 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/draggable-resizable/draggable-resizable.vue?vue&type=template&id=6cdf0a0c&scoped=true&
+var draggable_resizablevue_type_template_id_6cdf0a0c_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"vdr",class:{
+    draggable: _vm.draggable,
+    resizable: _vm.resizable,
+    active: _vm.enabled,
+    dragging: _vm.dragging,
+    resizing: _vm.resizing
+  },style:(_vm.style),on:{"mousedown":_vm.elmDown,"touchstart":_vm.elmDown}},[(_vm.editable)?_c('button',{staticClass:"btn btn-danger btn-elevate btn-pill btn-icon btn-elevate-air btn-sm",staticStyle:{"position":"absolute","right":"5px","top":"-20px"},attrs:{"type":"button"},on:{"click":function($event){$event.stopPropagation();return _vm.dropItem.apply(null, arguments)}}},[_c('span',{staticClass:"close"})]):_vm._e(),_vm._l((_vm.handles),function(handle){return (_vm.resizable)?_c('div',{key:handle,staticClass:"handle",class:'handle-' + handle,style:({ display: _vm.enabled ? 'block' : 'none'}),on:{"mousedown":function($event){return _vm.handleDown(handle, $event)},"touchstart":function($event){return _vm.handleDown(handle, $event)}}}):_vm._e()}),_vm._t("default")],2)
+}
+var draggable_resizablevue_type_template_id_6cdf0a0c_scoped_true_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/draggable-resizable/draggable-resizable.vue?vue&type=script&lang=js&
+
+  function isFunction (func) {
+    return typeof func === 'function' || Object.prototype.toString.call(func) === '[object Function]'
+  }
+
+  function matchesSelectorToParentElements (el, selector, baseNode) {
+    let node = el;
+    const matchesSelectorFunc = [
+      'matches',
+      'webkitMatchesSelector',
+      'mozMatchesSelector',
+      'msMatchesSelector',
+      'oMatchesSelector'
+    ].find(func => isFunction(node[func]));
+
+    if (!isFunction(node[matchesSelectorFunc])) return false;
+
+    do {
+      if (node[matchesSelectorFunc](selector)) return true;
+      if (node === baseNode) return false;
+      node = node.parentNode
+    } while (node);
+
+    return false
+  }
+
+  /* harmony default export */ var draggable_resizablevue_type_script_lang_js_ = ({
+    replace: true,
+    name: 'VueDraggableResizable',
+    props: {
+      active: {
+        type: Boolean, default: false
+      },
+      draggable: {
+        type: Boolean, default: true
+      },
+      resizable: {
+        type: Boolean, default: true
+      },
+      editable: {
+        type: Boolean, default: true
+      },
+      w: {
+        type: Number,
+        default: 200,
+        validator: function (val) {
+          return val > 0
+        }
+      },
+      h: {
+        type: Number,
+        default: 200,
+        validator: function (val) {
+          return val > 0
+        }
+      },
+      minw: {
+        type: Number,
+        default: 50,
+        validator: function (val) {
+          return val >= 0
+        }
+      },
+      minh: {
+        type: Number,
+        default: 50,
+        validator: function (val) {
+          return val >= 0
+        }
+      },
+      x: {
+        type: Number,
+        default: 0,
+        validator: function (val) {
+          return typeof val === 'number'
+        }
+      },
+      y: {
+        type: Number,
+        default: 0,
+        validator: function (val) {
+          return typeof val === 'number'
+        }
+      },
+      z: {
+        type: [ String, Number ],
+        default: 'auto',
+        validator: function (val) {
+          return (typeof val === 'string') ? val === 'auto' : val >= 0;
+        }
+      },
+      handles: {
+        type: Array,
+        default: function () {
+          return ['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']
+        },
+        validator: function (val) {
+          let s = new Set(['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']);
+          return new Set(val.filter(h => s.has(h))).size === val.length
+        }
+      },
+      dragHandle: {
+        type: String,
+        default: null
+      },
+      dragCancel: {
+        type: String,
+        default: null
+      },
+      axis: {
+        type: String,
+        default: 'both',
+        validator: function (val) {
+          return ['x', 'y', 'both'].indexOf(val) !== -1
+        }
+      },
+      grid: {
+        type: Array,
+        default: function () {
+          return [1, 1]
+        }
+      },
+      parent: {
+        type: Element, default: null
+      },
+      maximize: {
+        type: Boolean, default: false
+      },
+      pages:{
+        type: Array, required: false, default: null
+      },
+      eventBus: {
+        type: Object, default: null
+      },
+      index: {
+        type: Number, required: false, default: 0
+      },
+      currentPage: {
+        type: Number, required: false, default: 0
+      },
+      stampId: {
+        type: String, required: false, default: null
+      }
+    },
+    created: function () {
+      this.parentX = 0;
+      this.parentW = 9999;
+      this.parentY = 0;
+      this.parentH = 9999;
+      this.mouseX = 0;
+      this.mouseY = 0;
+      this.lastMouseX = 0;
+      this.lastMouseY = 0;
+      this.mouseOffX = 0;
+      this.mouseOffY = 0;
+      this.elmX = 0;
+      this.elmY = 0;
+      this.elmW = 0;
+      this.elmH = 0;
+      this.scrollPosition = 0;
+      this.scrollDist = 0;
+      this.pagesCount = this.pages ? this.pages.length : 0;
+      this.section = [];
+      this.scale = null;
+    },
+    mounted: function () {
+      this.parent.addEventListener('mousemove', this.handleMove, false);
+      this.parent.addEventListener('mousedown', this.deselect, false);
+      this.parent.addEventListener('mouseup', this.handleUp, false);
+      // touch events bindings
+      this.parent.addEventListener('touchmove', this.handleMove, false);
+      this.parent.addEventListener('touchend', this.handleUp, false);
+      // this.parent.addEventListener('touchstart', this.handleUp, false);
+      this.parent.addEventListener('touchstart', this.deselect, false);
+      if(this.parent){
+        this.parent.parentNode.addEventListener('scroll', this.handleScrollMove, false);
+      }
+      //resize
+      if(this.eventBus){
+        this.eventBus.on('stampResize', this.stampResize);
+      }
+      this.elmX = parseInt(this.$el.style.left);
+      this.elmY = parseInt(this.$el.style.top);
+      this.elmW = this.$el.offsetWidth || this.$el.clientWidth;
+      this.elmH = this.$el.offsetHeight || this.$el.clientHeight;
+      this._reviewDimensions();
+      if(this.pages){
+        if(!this.scale){
+          this.scale = this.pages[0].viewport.scale;
+        }
+        this.updateSection();
+        this.top = this.y + 10 < 0 ? 10 : this.y + 10;
+        if(this.top < 10){
+          this.top = 10;
+        }
+        let pageIndex = this.adjust(this.section, this.top, this.currentPage - 1, this.pagesCount - 1);
+        this.elmY = this.top;
+        let placed = this.pages[pageIndex];
+        if(placed && this.x - placed.div.offsetLeft - 9 > 0){
+          //nothing
+        }else if(placed){
+          this.left = placed.div.offsetLeft + 9;
+        }
+        this.elmX = this.left;
+        this._emitPlaced(pageIndex);
+      }
+    },
+    beforeUnmount: function () {
+      this.parent.removeEventListener('mousemove', this.handleMove, false);
+      this.parent.removeEventListener('mousedown', this.deselect, false);
+      this.parent.removeEventListener('mouseup', this.handleUp, false);
+      if(this.parent){
+        this.parent.parentNode.removeEventListener('scroll', this.handleScrollMove, false);
+      }
+      if(this.eventBus){
+        this.eventBus.off('stampResize', this.stampResize);
+      }
+      // touch events bindings removed
+      this.parent.removeEventListener('touchmove', this.handleMove, false);
+      this.parent.removeEventListener('touchend', this.handleUp, false);
+      // this.parent.removeEventListener('touchstart', this.handleUp, false);
+      this.parent.removeEventListener('touchstart', this.deselect, false);
+    },
+    data: function () {
+      return {
+        top: this.y,
+        left: this.x,
+        width: this.w,
+        height: this.h,
+        resizing: false,
+        dragging: false,
+        enabled: this.active,
+        handle: null,
+        zIndex: this.z
+      }
+    },
+    methods: {
+      adjust(arr, val, leftIndex, rightIndex){
+        let pageIndex = this.binarySearch(arr, val, leftIndex, rightIndex);
+        if(pageIndex < 0 || pageIndex > this.pagesCount - 1){
+          pageIndex = 0;
+        }
+        pageIndex = this.adjustBoundary(pageIndex);
+        return pageIndex;
+      },
+      handleScrollMove(e){
+        if(this.dragging){
+          this.scrollDist = e.currentTarget.scrollTop - this.scrollPosition;
+          this.top = this.top + this.scrollDist;
+          this.elmY = this.top;
+        }
+        this.scrollPosition = e.currentTarget.scrollTop;
+      },
+      stampAreaUpdate(sp){
+        //update sp-1 and sp area
+        for(let i = sp-1; i < sp+1; i++){
+          if(i - 1 > 0 && i < this.pagesCount){
+            this.section[i].t = this.section[i -1].t + this.pages[i - 1].viewport.height + 11;
+            this.section[i].o = this.pages[i -1].div.offsetLeft + 9;
+          }
+        }
+      },
+      adjustBoundary(pageIndex){
+        if(this.pages[pageIndex] && this.top + this.elmH - this.section[pageIndex].t - this.pages[pageIndex].viewport.height > 0){
+          if(this.top + this.elmH - this.section[pageIndex].t - this.pages[pageIndex].viewport.height  - this.elmH / 2 > 0) {
+            this.top = this.section[pageIndex+1].t;
+            pageIndex++;
+          }else{
+            this.top = this.section[pageIndex+1].t - this.elmH - 9 - 2;
+          }
+        }
+        return pageIndex;
+      },
+      //二分查找
+      binarySearch(arr, val, leftIndex, rightIndex){
+        if(leftIndex > rightIndex){
+          return leftIndex - 1;
+        }
+        let midIndex =  Math.floor((leftIndex + rightIndex) / 2);
+        let midVal = arr[midIndex].t;
+        if(midVal > val){
+          return this.binarySearch(arr, val, leftIndex, midIndex - 1);
+        }else if(midVal < val){
+          return this.binarySearch(arr, val, midIndex+1, rightIndex);
+        }else{
+          return midIndex;
+        }
+      },
+      updateSection(){
+        this.section.length = 0;
+        let t = 10;
+        for(let i = 0; i < this.pagesCount; i++){
+          t = t + (i > 0 ? this.pages[i].viewport.height : 0) + (i > 0 ? 9+2 : 0);
+          this.section.push({
+            t,
+            o: this.pages[i].div.offsetLeft + 9
+          });
+        }
+      },
+      stampResize(){
+        if(this.scale != null){
+          const section = [].concat(this.section);
+          this.updateSection();
+          const TOP = this.top;
+          let pageIndex = this.binarySearch(section, TOP, this.currentPage - 1, this.pagesCount - 1);
+          if(pageIndex < 0){
+            pageIndex = 0;
+          }
+          const currentScale = this.pages[0].viewport.scale;
+          const WIDTH = this.width;
+          const HEIGHT = this.height;
+          this.width = (WIDTH * currentScale) / this.scale;
+          this.height = (HEIGHT * currentScale) / this.scale;
+          const LEFT = this.left;
+          this.top = ((TOP - 10) * currentScale) / this.scale + 10;
+          this.left = this.pages[pageIndex].div.offsetLeft + (((LEFT - section[pageIndex].o) * currentScale) / this.scale) + 9;
+          this.elmW = this.width;
+          this.elmH = this.height;
+          this.elmX = this.left;
+          this.elmY = this.top;
+          this.scale = currentScale;
+          this._emitPlaced(pageIndex);
+        }
+      },
+
+      _emitPlaced(pageIndex){
+        this.$emit('placed', pageIndex, this.index, {
+          x : (this.left - this.section[pageIndex].o) / this.pages[pageIndex].viewport.width,
+          y: (this.pages[pageIndex].viewport.height - (this.top + this.elmH - this.section[pageIndex].t)) / this.pages[pageIndex].viewport.height,
+          w: this.elmW / this.pages[pageIndex].viewport.width,
+          h: this.elmH / this.pages[pageIndex].viewport.height
+        }, this.stampId);
+      },
+      _reviewDimensions(){
+        if (this.minw > this.w) this.width = this.minw;
+        if (this.minh > this.h) this.height = this.minh;
+        if (this.parent) {
+          const parentW = parseInt(this.parent.scrollWidth, 10);
+          const parentH = parseInt(this.parent.scrollHeight, 10);
+          this.parentW = parentW;
+          this.parentH = parentH;
+          if (this.w > this.parentW) this.width = parentW;
+          if (this.h > this.parentH) this.height = parentH;
+          if ((this.x + this.w) > this.parentW) this.width = parentW - this.x;
+          if ((this.y + this.h) > this.parentH) this.height = parentH - this.y;
+        }
+        this.elmW = this.width;
+        this.elmH = this.height;
+      },
+      reviewDimensions: function () {
+        this._reviewDimensions();
+        this.$emit('resizing', this.left, this.top, this.width, this.height)
+      },
+      elmDown: function (e) {
+        const target = e.target || e.srcElement;
+        if (this.$el.contains(target)) {
+          if (
+            (this.dragHandle && !matchesSelectorToParentElements(target, this.dragHandle, this.$el)) ||
+            (this.dragCancel && matchesSelectorToParentElements(target, this.dragCancel, this.$el))) {
+            return
+          }
+          this.reviewDimensions();
+          if (!this.enabled) {
+            this.enabled = true
+            this.$emit('activated')
+            this.$emit('update:active', true)
+          }
+          if (this.draggable) {
+            this.dragging = true
+          }
+        }
+      },
+      deselect: function (e) {
+        if (e.type.indexOf('touch') !== -1) {
+          this.mouseX = e.changedTouches[0].clientX
+          this.mouseY = e.changedTouches[0].clientY
+        } else {
+          this.mouseX = e.pageX || e.clientX + this.parent.scrollLeft
+          this.mouseY = e.pageY || e.clientY + this.parent.scrollTop
+        }
+        this.lastMouseX = this.mouseX
+        this.lastMouseY = this.mouseY
+        const target = e.target || e.srcElement
+        const regex = new RegExp('handle-([trmbl]{2})', '')
+        if (!this.$el.contains(target) && !regex.test(target.className)) {
+          if (this.enabled) {
+            this.enabled = false
+            this.$emit('deactivated')
+            this.$emit('update:active', false)
+          }
+        }
+      },
+      handleDown: function (handle, e) {
+        this.handle = handle;
+        if (e.cancelable) {
+          e.stopPropagation();
+          e.preventDefault();
+        }
+        this.resizing = true;
+      },
+      // fillParent: function (e) {
+      //   if (!this.parent || !this.resizable || !this.maximize) return
+      //   let done = false
+      //   const animate = () => {
+      //     if (!done) {
+      //       window.requestAnimationFrame(animate)
+      //     }
+      //     if (this.axis === 'x') {
+      //       if (
+      //         this.width === this.parentW && this.left === this.parentX
+      //       ) done = true
+      //     } else if (this.axis === 'y') {
+      //       if (
+      //         this.height === this.parentH && this.top === this.parentY
+      //       ) done = true
+      //     } else if (this.axis === 'both') {
+      //       if (
+      //         this.width === this.parentW &&
+      //         this.height === this.parentH &&
+      //         this.top === this.parentY &&
+      //         this.left === this.parentX
+      //       ) done = true
+      //     }
+      //     if (this.axis === 'x' || this.axis === 'both') {
+      //       if (this.width < this.parentW) {
+      //         this.width++
+      //         this.elmW++
+      //       }
+      //       if (this.left > this.parentX) {
+      //         this.left--
+      //         this.elmX--
+      //       }
+      //     }
+      //     if (this.axis === 'y' || this.axis === 'both') {
+      //       if (this.height < this.parentH) {
+      //         this.height++
+      //         this.elmH++
+      //       }
+      //       if (this.top > this.parentY) {
+      //         this.top--
+      //         this.elmY--
+      //       }
+      //     }
+      //     this.$emit('resizing', this.left, this.top, this.width, this.height)
+      //   }
+      //   window.requestAnimationFrame(animate)
+      // },
+      handleMove: function (e) {
+        const isTouchMove = e.type.indexOf('touchmove') !== -1
+        this.mouseX = isTouchMove
+          ? e.touches[0].clientX
+          : e.pageX || e.clientX + document.documentElement.scrollLeft;
+        this.mouseY = isTouchMove
+          ? e.touches[0].clientY
+          : e.pageY || e.clientY + document.documentElement.scrollTop;
+        let diffX = this.mouseX - this.lastMouseX + this.mouseOffX;
+        let diffY = this.mouseY - this.lastMouseY + this.mouseOffY;
+        this.mouseOffX = this.mouseOffY = 0;
+        this.lastMouseX = this.mouseX;
+        this.lastMouseY = this.mouseY;
+        let dX = diffX;
+        let dY = diffY;
+        if (this.resizing) {
+          if (this.handle.indexOf('t') >= 0) {
+            if (this.elmH - dY < this.minh) this.mouseOffY = (dY - (diffY = this.elmH - this.minh));
+            else if (this.parent && this.elmY + dY < this.parentY) this.mouseOffY = (dY - (diffY = this.parentY - this.elmY));
+            this.elmY += diffY
+            this.elmH -= diffY
+          }
+          if (this.handle.indexOf('b') >= 0) {
+            if (this.elmH + dY < this.minh) this.mouseOffY = (dY - (diffY = this.minh - this.elmH));
+            else if (this.parent && this.elmY + this.elmH + dY > this.parentH) this.mouseOffY = (dY - (diffY = this.parentH - this.elmY - this.elmH));
+            this.elmH += diffY
+          }
+          if (this.handle.indexOf('l') >= 0) {
+            if (this.elmW - dX < this.minw) this.mouseOffX = (dX - (diffX = this.elmW - this.minw));
+            else if (this.parent && this.elmX + dX < this.parentX) this.mouseOffX = (dX - (diffX = this.parentX - this.elmX));
+            this.elmX += diffX
+            this.elmW -= diffX
+          }
+          if (this.handle.indexOf('r') >= 0) {
+            if (this.elmW + dX < this.minw) this.mouseOffX = (dX - (diffX = this.minw - this.elmW))
+            else if (this.parent && this.elmX + this.elmW + dX > this.parentW) this.mouseOffX = (dX - (diffX = this.parentW - this.elmX - this.elmW));
+            this.elmW += diffX
+          }
+          this.left = (Math.round(this.elmX / this.grid[0]) * this.grid[0]);
+          this.top = (Math.round(this.elmY / this.grid[1]) * this.grid[1]);
+          this.width = (Math.round(this.elmW / this.grid[0]) * this.grid[0]);
+          this.height = (Math.round(this.elmH / this.grid[1]) * this.grid[1]);
+          this.$emit('resizing', this.left, this.top, this.width, this.height);
+        } else if (this.dragging) {
+          if (this.parent) {
+            this._reviewDimensions();
+            let [_x, _y] = [0, 10];
+            if(this.pages){
+              let pageIndex = this.binarySearch(this.section, this.elmY+ diffY, this.currentPage - 1, this.pagesCount - 1);
+              if(pageIndex < 0){
+                pageIndex = 0;
+              }
+              if(this.elmY+ diffY + this.elmH - this.section[pageIndex].t - this.pages[pageIndex].viewport.height > 0){
+                if(this.elmY+ diffY + this.elmH - this.section[pageIndex].t - this.pages[pageIndex].viewport.height - (this.elmH * 0.9) - 11 > 0){
+                  pageIndex++;
+                }
+              }
+              _x = this.pages[pageIndex].div.offsetLeft + 9;
+            }
+            if (this.elmX + dX < this.parentX + _x){
+              this.mouseOffX = (dX - (diffX = this.parentX + _x - this.elmX))
+            } else if (this.elmX + this.elmW + dX > (this.parentW - _x)){
+              this.mouseOffX = (dX - (diffX = (this.parentW - _x) - this.elmX - this.elmW))
+            }
+            if (this.elmY + dY < this.parentY + _y){
+              this.mouseOffY = (dY - (diffY = this.parentY + _y - this.elmY))
+            } else if (this.elmY + this.elmH + dY > this.parentH) {
+              this.mouseOffY = (dY - (diffY = this.parentH - this.elmY - this.elmH))
+            }
+          }
+          this.elmX += diffX;
+          this.elmY += diffY;
+          if (this.axis === 'x' || this.axis === 'both') {
+            this.left = (Math.round(this.elmX / this.grid[0]) * this.grid[0])
+          }
+          if (this.axis === 'y' || this.axis === 'both') {
+            this.top = (Math.round(this.elmY / this.grid[1]) * this.grid[1])
+          }
+          this.$emit('dragging', this.left, this.top)
+        }
+      },
+      handleUp: function (e) {
+        if (e.type.indexOf('touch') !== -1) {
+          this.lastMouseX = e.changedTouches[0].clientX;
+          this.lastMouseY = e.changedTouches[0].clientY;
+        }
+        this.handle = null;
+        //this.enabled = false;
+        if (this.resizing) {
+          this.resizing = false;
+          this.$emit('resizestop', this.left, this.top, this.width, this.height)
+        }
+        if (this.dragging) {
+          this.dragging = false;
+          let pageIndex = 0;
+          if(this.pages){
+            pageIndex = this.adjust(this.section, this.top, this.currentPage - 1, this.pagesCount - 1);
+          }
+          this._emitPlaced(pageIndex);
+          this.$emit('dragstop', this.left, this.top);
+        }
+        this.elmX = this.left;
+        this.elmY = this.top;
+      },
+      dropItem(){
+        this.$emit('dropitem', this.index);
+      }
+    },
+    computed: {
+      style: function () {
+        return {
+          top: this.top + 'px',
+          left: this.left + 'px',
+          width: this.width + 'px',
+          height: this.height + 'px',
+          zIndex: this.zIndex
+        }
+      }
+    },
+    watch: {
+      active: function (val) {
+        this.enabled = val
+      },
+      z: function (val) {
+        if (val >= 0 || val === 'auto') {
+          this.zIndex = val
+        }
+      },
+      currentPage: function(newVal){
+        this.stampAreaUpdate(newVal);
+      }
+    }
+  });
+
+;// CONCATENATED MODULE: ./packages/draggable-resizable/draggable-resizable.vue?vue&type=script&lang=js&
+ /* harmony default export */ var draggable_resizable_draggable_resizablevue_type_script_lang_js_ = (draggable_resizablevue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/draggable-resizable/draggable-resizable.vue?vue&type=style&index=0&id=6cdf0a0c&prod&scoped=true&lang=css&
+var draggable_resizablevue_type_style_index_0_id_6cdf0a0c_prod_scoped_true_lang_css_ = __webpack_require__(565);
+;// CONCATENATED MODULE: ./packages/draggable-resizable/draggable-resizable.vue?vue&type=style&index=0&id=6cdf0a0c&prod&scoped=true&lang=css&
 
-/* harmony default export */ var srcvue_type_script_lang_js_ = ({
-  name: "OfdView",
-  props: {
-    url: {
-      type: String,
-      required: true
-    }
-  },
-  watch: {},
-  data() {
-    return {
-      config: null
-    };
-  },
-  mounted() {
-    if (!this.config) {
-      this.config = this.getViewerConfiguration();
-      //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;
-      this.config.loadingContainer = img;
-
-      // config.onPageChanging = pageNumber => {
-      //   // console.log(pageNumber)
-      // }
-      // config.parserOFDSuccess = core => {
-      //   // console.log(core)
-      // }
-      // config.onPageScale = scale => {
-      //   // console.log(scale)
-      // }
-      (0,external_commonjs_ofd_js_commonjs2_ofd_js_root_ofd_.initOFDViewer)(this.config);
-    }
-    (0,external_commonjs_ofd_js_commonjs2_ofd_js_root_ofd_.openOFD)(this.url);
-    this.$emit('ofdViewReady', this.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
 /* globals __VUE_SSR_CONTEXT__ */
 
@@ -1100,6 +1263,222 @@ function normalizeComponent(
   }
 }
 
+;// CONCATENATED MODULE: ./packages/draggable-resizable/draggable-resizable.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = normalizeComponent(
+  draggable_resizable_draggable_resizablevue_type_script_lang_js_,
+  draggable_resizablevue_type_template_id_6cdf0a0c_scoped_true_render,
+  draggable_resizablevue_type_template_id_6cdf0a0c_scoped_true_staticRenderFns,
+  false,
+  null,
+  "6cdf0a0c",
+  null
+  
+)
+
+/* harmony default export */ var draggable_resizable = (component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ofdView/src/index.vue?vue&type=script&lang=js&
+
+
+
+/* harmony default export */ var srcvue_type_script_lang_js_ = ({
+  name: "OfdView",
+  components:{
+    VueDraggableResizable: draggable_resizable
+  },
+  props: {
+    url: {
+      type: String,
+      required: true
+    },
+    mem: {
+      type: Boolean, required: false, default: true
+    },
+    draggable: {
+      type: Boolean, required: false, default: true
+    },
+    resizable: {
+      type: Boolean, required: false, default: false
+    },
+    editable: {
+      type: Boolean, required: false, default: true
+    },
+    stamps: {
+      type: Array,
+      required: false,
+      default: () => []
+    }
+  },
+
+  watch: {
+
+  },
+
+
+  data() {
+    return {
+      viewVisible: false,
+      config: null,
+      eventBus: null,
+      sp: 1,
+    }
+  },
+
+  mounted() {
+    let ofd;
+    if (this.mem) {
+      ofd = __webpack_require__(485)
+    } else {
+      ofd = __webpack_require__(700)
+    }
+    if (!this.config) {
+      this.config = this.getViewerConfiguration()
+      //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;
+      this.config.loadingContainer = img
+
+      this.config.onPageChanging = pageNumber => {
+        this.sp = pageNumber
+      }
+      // config.parserOFDSuccess = core => {
+      //   // console.log(core)
+      // }
+      // config.onPageScale = scale => {
+      //   // console.log(scale)
+      // }
+      ofd.initOFDViewer(this.config)
+    }
+    ofd.openOFD(this.url)
+    this.$emit('viewready', this.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',
+      }
+    },
+
+    onStampDragOver(e) {
+      e.dataTransfer.dropEffect = 'move';
+    },
+    removeStamp(index){
+      this.$emit('removePos', index);
+    },
+    // eslint-disable-next-line no-unused-vars
+    onStampDragStop(ctx){
+
+    },
+    placed(pageNum, index, params, stampId){
+      this.$emit('itemDropped', index, pageNum, params, stampId);
+    },
+  }
+});
+
+;// 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: ./packages/ofdView/src/index.vue
 
 
@@ -1108,50 +1487,56 @@ function normalizeComponent(
 
 /* normalize component */
 ;
-var component = normalizeComponent(
+var src_component = normalizeComponent(
   ofdView_srcvue_type_script_lang_js_,
   render,
   staticRenderFns,
   false,
   null,
-  "6f77318f",
+  "4f83f1c8",
   null
   
 )
 
-/* harmony default export */ var ofdView_src = (component.exports);
+/* harmony default export */ var ofdView_src = (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
+
+// import PdvView from './pdfView'
+
+const components = [
+    ofdView,
+    // PdvView
+]
+
+// 定义 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,
+    // PdvView
+});
 
-// import PdvView from './pdfView'
-
-const components = [ofdView
-// PdvView
-];
-
-// 定义 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
-  // PdvView
-});
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js