ofd-view 0.1.40 → 0.1.43

package/lib/ofd-view.common.js

@@ -1,7 +1,7 @@
 /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 218:
+/***/ 911:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -15,14 +15,14 @@ __webpack_require__.r(__webpack_exports__);
 
 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-eeede7ac]{touch-action:none;position:absolute;box-sizing:border-box;border:1px dashed #ddd;cursor:move}.vdr button[data-v-eeede7ac]{display:none}.vdr[data-v-eeede7ac]:hover{border:1px solid #fd397a;background:rgba(253,57,122,.08)}.vdr:hover button[data-v-eeede7ac]{display:block}.handle[data-v-eeede7ac]{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-eeede7ac]{top:-10px;left:-10px;cursor:nw-resize}.handle-tm[data-v-eeede7ac]{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr[data-v-eeede7ac]{top:-10px;right:-10px;cursor:ne-resize}.handle-ml[data-v-eeede7ac]{left:-10px;cursor:w-resize}.handle-ml[data-v-eeede7ac],.handle-mr[data-v-eeede7ac]{top:50%;margin-top:-5px}.handle-mr[data-v-eeede7ac]{right:-10px;cursor:e-resize}.handle-bl[data-v-eeede7ac]{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm[data-v-eeede7ac]{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br[data-v-eeede7ac]{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-][data-v-eeede7ac]:before{content:\"\";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}.close[data-v-eeede7ac]{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-eeede7ac]:before{content:\"\\2716\"}.close[data-v-eeede7ac]{top:5px;right:2px;position:absolute}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".vdr[data-v-b44a7a5c]{touch-action:none;position:absolute;box-sizing:border-box;border:1px dashed #ddd;cursor:move}.vdr button[data-v-b44a7a5c]{display:none}.vdr[data-v-b44a7a5c]:hover{border:1px solid #fd397a;background:rgba(253,57,122,.08)}.vdr:hover button[data-v-b44a7a5c]{display:block}.handle[data-v-b44a7a5c]{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-b44a7a5c]{top:-10px;left:-10px;cursor:nw-resize}.handle-tm[data-v-b44a7a5c]{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr[data-v-b44a7a5c]{top:-10px;right:-10px;cursor:ne-resize}.handle-ml[data-v-b44a7a5c]{left:-10px;cursor:w-resize}.handle-ml[data-v-b44a7a5c],.handle-mr[data-v-b44a7a5c]{top:50%;margin-top:-5px}.handle-mr[data-v-b44a7a5c]{right:-10px;cursor:e-resize}.handle-bl[data-v-b44a7a5c]{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm[data-v-b44a7a5c]{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br[data-v-b44a7a5c]{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-][data-v-b44a7a5c]:before{content:\"\";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}.close[data-v-b44a7a5c]{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-b44a7a5c]:before{content:\"\\2716\"}.close[data-v-b44a7a5c]{top:5px;right:2px;position:absolute}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
 /***/ }),
 
-/***/ 668:
+/***/ 936:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -36,7 +36,7 @@ __webpack_require__.r(__webpack_exports__);
 
 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, ".stamp[data-v-55070405]{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".stamp[data-v-7dfc8129]{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -164,35 +164,35 @@ module.exports = function (i) {
 
 /***/ }),
 
-/***/ 56:
+/***/ 141:
 /***/ (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__(218);
+var content = __webpack_require__(911);
 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("8ce077e8", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("71f86d50", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
-/***/ 226:
+/***/ 979:
 /***/ (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__(668);
+var content = __webpack_require__(936);
 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("69868474", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("0ff97a64", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -564,21 +564,21 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// 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=55070405&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/ofdView/src/index.vue?vue&type=template&id=7dfc8129&scoped=true&
 var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{"id":"outerContainer"}},[_vm._m(0),_vm._v(" "),_c('div',{attrs:{"id":"mainContainer"}},[_vm._m(1),_vm._v(" "),_vm._m(2),_c('div',{attrs:{"id":"viewerContainer","tabindex":"0"}},[_c('div',{staticClass:"pdfViewer",attrs:{"id":"viewer"},on:{"dragover":function($event){$event.preventDefault();return _vm.onStampDragOver.apply(null, arguments)}}},_vm._l((_vm.stamps),function(stamp,index){return (_vm.viewVisible)?_c('vue-draggable-resizable',{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.ofdViewer._pages,"currentPage":_vm.sp,"origin-bottom":false,"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._t("openFileRef")],2),_vm._m(3)]),_vm._v(" "),_vm._m(4)])
 }
-var staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{"id":"sidebarContainer"}},[_c('div',{attrs:{"id":"toolbarSidebar"}},[_c('div',{attrs:{"id":"toolbarSidebarLeft"}},[_c('div',{staticClass:"splitToolbarButton toggled",attrs:{"id":"sidebarViewButtons","role":"radiogroup"}})]),_c('div',{attrs:{"id":"toolbarSidebarRight"}},[_c('div',{staticClass:"hidden",attrs:{"id":"outlineOptionsContainer"}},[_c('div',{staticClass:"verticalToolbarSeparator"}),_c('button',{staticClass:"toolbarButton",attrs:{"id":"currentOutlineItem","disabled":"disabled","title":"Find Current Outline Item","tabindex":"6","data-l10n-id":"current_outline_item"}},[_c('span',{attrs:{"data-l10n-id":"current_outline_item_label"}},[_vm._v("Current Outline Item")])])])])]),_c('div',{attrs:{"id":"sidebarContent"}},[_c('div',{attrs:{"id":"signaturesView"}})]),_c('div',{attrs:{"id":"sidebarResizer"}})])
-},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("文档属性…")])])])])
+var staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{"id":"sidebarContainer"}},[_c('div',{attrs:{"id":"toolbarSidebar"}},[_c('div',{attrs:{"id":"toolbarSidebarLeft"}},[_c('div',{staticClass:"splitToolbarButton toggled",attrs:{"id":"sidebarViewButtons","role":"radiogroup"}},[_c('button',{staticClass:"toolbarButton",attrs:{"id":"viewAttachments","title":"Show Attachments","tabindex":"4","data-l10n-id":"attachments","role":"radio","aria-checked":"false","aria-controls":"attachmentsView"}},[_c('span',{attrs:{"data-l10n-id":"attachments_label"}},[_vm._v("Attachments")])]),_c('button',{staticClass:"toolbarButton",attrs:{"id":"viewSignatures","title":"Show Signatures","tabindex":"6","data-l10n-id":"layers","role":"radio","aria-checked":"false","aria-controls":"signaturesView"}},[_c('span',{attrs:{"data-l10n-id":"signatures_label"}},[_vm._v("Signatures")])])])]),_c('div',{attrs:{"id":"toolbarSidebarRight"}},[_c('div',{staticClass:"hidden",attrs:{"id":"outlineOptionsContainer"}},[_c('div',{staticClass:"verticalToolbarSeparator"}),_c('button',{staticClass:"toolbarButton",attrs:{"id":"currentOutlineItem","disabled":"disabled","title":"Find Current Outline Item","tabindex":"6","data-l10n-id":"current_outline_item"}},[_c('span',{attrs:{"data-l10n-id":"current_outline_item_label"}},[_vm._v("Current Outline Item")])])])])]),_c('div',{attrs:{"id":"sidebarContent"}},[_c('div',{attrs:{"id":"attachmentsView"}}),_c('div',{staticClass:"hidden",attrs:{"id":"signaturesView"}})]),_c('div',{attrs:{"id":"sidebarResizer"}})])
+},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 download visibleMediumView",attrs:{"id":"secondaryDownload","title":"Download","tabindex":"54","data-l10n-id":"download"}},[_c('span',{attrs:{"data-l10n-id":"download_label"}},[_vm._v("Download")])]),_c('a',{staticClass:"secondaryToolbarButton bookmark visibleSmallView",attrs:{"href":"#","id":"secondaryViewBookmark","title":"Current view (copy or open in new window)","tabindex":"55","data-l10n-id":"bookmark"}},[_c('span',{attrs:{"data-l10n-id":"bookmark_label"}},[_vm._v("Current View")])]),_c('div',{staticClass:"horizontalToolbarSeparator visibleLargeView"}),_c('button',{staticClass:"secondaryToolbarButton firstPage",attrs:{"id":"firstPage","title":"Go to First Page","tabindex":"56","data-l10n-id":"first_page"}},[_c('span',{attrs:{"data-l10n-id":"first_page_label"}},[_vm._v("Go to First Page")])]),_c('button',{staticClass:"secondaryToolbarButton lastPage",attrs:{"id":"lastPage","title":"Go to Last Page","tabindex":"57","data-l10n-id":"last_page"}},[_c('span',{attrs:{"data-l10n-id":"last_page_label"}},[_vm._v("Go to Last Page")])]),_c('div',{staticClass:"horizontalToolbarSeparator"}),_c('button',{staticClass:"secondaryToolbarButton rotateCw",attrs:{"id":"pageRotateCw","title":"Rotate Clockwise","tabindex":"58","data-l10n-id":"page_rotate_cw"}},[_c('span',{attrs:{"data-l10n-id":"page_rotate_cw_label"}},[_vm._v("Rotate Clockwise")])]),_c('button',{staticClass:"secondaryToolbarButton rotateCcw",attrs:{"id":"pageRotateCcw","title":"Rotate Counterclockwise","tabindex":"59","data-l10n-id":"page_rotate_ccw"}},[_c('span',{attrs:{"data-l10n-id":"page_rotate_ccw_label"}},[_vm._v("Rotate Counterclockwise")])]),_c('div',{staticClass:"horizontalToolbarSeparator"}),_c('div',{attrs:{"id":"cursorToolButtons","role":"radiogroup"}},[_c('button',{staticClass:"secondaryToolbarButton selectTool toggled",attrs:{"id":"cursorSelectTool","title":"Enable Text Selection Tool","tabindex":"60","data-l10n-id":"cursor_text_select_tool","role":"radio","aria-checked":"true"}},[_c('span',{attrs:{"data-l10n-id":"cursor_text_select_tool_label"}},[_vm._v("Text Selection Tool")])]),_c('button',{staticClass:"secondaryToolbarButton handTool",attrs:{"id":"cursorHandTool","title":"Enable Hand Tool","tabindex":"61","data-l10n-id":"cursor_hand_tool","role":"radio","aria-checked":"false"}},[_c('span',{attrs:{"data-l10n-id":"cursor_hand_tool_label"}},[_vm._v("Hand Tool")])])]),_c('div',{attrs:{"id":"scrollModeButtons","role":"radiogroup"}},[_c('div',{staticClass:"horizontalToolbarSeparator"}),_c('button',{staticClass:"secondaryToolbarButton scrollPage",attrs:{"id":"scrollPage","title":"Use Page Scrolling","tabindex":"62","data-l10n-id":"scroll_page","role":"radio","aria-checked":"false"}},[_c('span',{attrs:{"data-l10n-id":"scroll_page_label"}},[_vm._v("Page Scrolling")])]),_c('button',{staticClass:"secondaryToolbarButton scrollVertical toggled",attrs:{"id":"scrollVertical","title":"Use Vertical Scrolling","tabindex":"63","data-l10n-id":"scroll_vertical","role":"radio","aria-checked":"true"}},[_c('span',{attrs:{"data-l10n-id":"scroll_vertical_label"}},[_vm._v("Vertical Scrolling")])]),_c('button',{staticClass:"secondaryToolbarButton scrollHorizontal",attrs:{"id":"scrollHorizontal","title":"Use Horizontal Scrolling","tabindex":"64","data-l10n-id":"scroll_horizontal","role":"radio","aria-checked":"false"}},[_c('span',{attrs:{"data-l10n-id":"scroll_horizontal_label"}},[_vm._v("Horizontal Scrolling")])]),_c('button',{staticClass:"secondaryToolbarButton scrollWrapped",attrs:{"id":"scrollWrapped","title":"Use Wrapped Scrolling","tabindex":"65","data-l10n-id":"scroll_wrapped","role":"radio","aria-checked":"false"}},[_c('span',{attrs:{"data-l10n-id":"scroll_wrapped_label"}},[_vm._v("Wrapped Scrolling")])])]),_c('div',{attrs:{"id":"spreadModeButtons","role":"radiogroup"}},[_c('div',{staticClass:"horizontalToolbarSeparator"}),_c('button',{staticClass:"secondaryToolbarButton spreadNone toggled",attrs:{"id":"spreadNone","title":"Do not join page spreads","tabindex":"66","data-l10n-id":"spread_none","role":"radio","aria-checked":"true"}},[_c('span',{attrs:{"data-l10n-id":"spread_none_label"}},[_vm._v("No Spreads")])]),_c('button',{staticClass:"secondaryToolbarButton spreadOdd",attrs:{"id":"spreadOdd","title":"Join page spreads starting with odd-numbered pages","tabindex":"67","data-l10n-id":"spread_odd","role":"radio","aria-checked":"false"}},[_c('span',{attrs:{"data-l10n-id":"spread_odd_label"}},[_vm._v("Odd Spreads")])]),_c('button',{staticClass:"secondaryToolbarButton spreadEven",attrs:{"id":"spreadEven","title":"Join page spreads starting with even-numbered pages","tabindex":"68","data-l10n-id":"spread_even","role":"radio","aria-checked":"false"}},[_c('span',{attrs:{"data-l10n-id":"spread_even_label"}},[_vm._v("Even Spreads")])])]),_c('div',{staticClass:"horizontalToolbarSeparator"}),_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('button',{staticClass:"toolbarButton",attrs:{"id":"sidebarToggle","title":"Toggle Sidebar","tabindex":"11","data-l10n-id":"toggle_sidebar","aria-expanded":"false","aria-controls":"sidebarContainer"}},[_c('span',{attrs:{"data-l10n-id":"toggle_sidebar_label"}},[_vm._v("切换侧栏")])]),_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=55070405&scoped=true&
+;// CONCATENATED MODULE: ./packages/ofdView/src/index.vue?vue&type=template&id=7dfc8129&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=eeede7ac&scoped=true&
-var draggable_resizablevue_type_template_id_eeede7ac_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"vdr",class:{
+;// 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=b44a7a5c&scoped=true&
+var draggable_resizablevue_type_template_id_b44a7a5c_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,
@@ -586,603 +586,603 @@ var draggable_resizablevue_type_template_id_eeede7ac_scoped_true_render = functi
     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_eeede7ac_scoped_true_staticRenderFns = []
+var draggable_resizablevue_type_template_id_b44a7a5c_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 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]));
+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;
+  if (!isFunction(node[matchesSelectorFunc])) return false;
 
-    do {
-      if (node[matchesSelectorFunc](selector)) return true;
-      if (node === baseNode) return false;
-      node = node.parentNode
-    } while (node);
+  do {
+    if (node[matchesSelectorFunc](selector)) return true;
+    if (node === baseNode) return false;
+    node = node.parentNode
+  } while (node);
 
-    return false
-  }
+  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
-      },
-      originBottom: {
-        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
-      }
+/* 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
     },
-    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;
+    originBottom: {
+      type: Boolean, default: true
     },
-    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);
+    w: {
+      type: Number,
+      default: 200,
+      validator: function (val) {
+        return val > 0
       }
-      //resize
-      if(this.eventBus){
-        this.eventBus.on('stampResize', this.stampResize);
+    },
+    h: {
+      type: Number,
+      default: 200,
+      validator: function (val) {
+        return val > 0
       }
-      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);
+    },
+    minw: {
+      type: Number,
+      default: 50,
+      validator: function (val) {
+        return val >= 0
       }
     },
-    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);
+    minh: {
+      type: Number,
+      default: 50,
+      validator: function (val) {
+        return val >= 0
       }
-      if(this.eventBus){
-        this.eventBus.off('stampResize', this.stampResize);
+    },
+    x: {
+      type: Number,
+      default: 0,
+      validator: function (val) {
+        return typeof val === 'number'
       }
-      // 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
+    y: {
+      type: Number,
+      default: 0,
+      validator: function (val) {
+        return typeof val === 'number'
       }
     },
-    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;
+    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']
       },
-      //二分查找
-      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;
+      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;
         }
-      },
-      updateSection(){
-        this.section.length = 0;
-        let t = 10;
-        for(let i = 0; i < this.pagesCount; i++){
-          t = t + (i > 0 ? this.pages[this.originBottom?i:i-1].viewport.height : 0) + (i > 0 ? 9+2 : 0);
-          this.section.push({
-            t,
-            o: this.pages[i].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[this.originBottom ? i : i - 1].viewport.height : 0) + (i > 0 ? 9 + 2 : 0);
         this.section.push({
-          t: this.section[this.pagesCount-1].t + this.pages[this.pagesCount-1].viewport.height +9+2,
-          o: this.pages[this.pagesCount-1].div.offsetLeft + 9
+          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.originBottom ? (this.top - this.section[pageIndex].t) : (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.section.push({
+        t: this.section[this.pagesCount - 1].t + this.pages[this.pagesCount - 1].viewport.height + 9 + 2,
+        o: this.pages[this.pagesCount - 1].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;
-      },
-      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.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.originBottom ? (this.top - this.section[pageIndex].t) : (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
-          }
+          return
         }
-      },
-      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.reviewDimensions();
+        if (!this.enabled) {
+          this.enabled = true
+          this.$emit('activated')
+          this.$emit('update:active', true)
         }
-        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)
-          }
+        if (this.draggable) {
+          this.dragging = true
         }
-      },
-      handleDown: function (handle, e) {
-        this.handle = handle;
-        if (e.cancelable) {
-          e.stopPropagation();
-          e.preventDefault();
+      }
+    },
+    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)
         }
-        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
+      }
+    },
+    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
+      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))
+      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 + 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))
+            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;
           }
-          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.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.axis === 'y' || this.axis === 'both') {
-            this.top = (Math.round(this.elmY / this.grid[1]) * this.grid[1])
+          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.$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)
+        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.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);
+        if (this.axis === 'y' || this.axis === 'both') {
+          this.top = (Math.round(this.elmY / this.grid[1]) * this.grid[1])
         }
-        this.elmX = this.left;
-        this.elmY = this.top;
-      },
-      dropItem(){
-        this.$emit('dropitem', this.index);
+        this.$emit('dragging', this.left, this.top)
       }
     },
-    computed: {
-      style: function () {
-        return {
-          top: this.top + 'px',
-          left: this.left + 'px',
-          width: this.width + 'px',
-          height: this.height + 'px',
-          zIndex: this.zIndex
+    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;
     },
-    watch: {
-      active: function (val) {
-        this.enabled = val
-      },
-      z: function (val) {
-        if (val >= 0 || val === 'auto') {
-          this.zIndex = val
-        }
-      },
-      currentPage: function(newVal){
-        this.stampAreaUpdate(newVal);
-      },
+    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-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.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=eeede7ac&prod&scoped=true&lang=css&
-var draggable_resizablevue_type_style_index_0_id_eeede7ac_prod_scoped_true_lang_css_ = __webpack_require__(56);
-;// CONCATENATED MODULE: ./packages/draggable-resizable/draggable-resizable.vue?vue&type=style&index=0&id=eeede7ac&prod&scoped=true&lang=css&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.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=b44a7a5c&prod&scoped=true&lang=css&
+var draggable_resizablevue_type_style_index_0_id_b44a7a5c_prod_scoped_true_lang_css_ = __webpack_require__(141);
+;// CONCATENATED MODULE: ./packages/draggable-resizable/draggable-resizable.vue?vue&type=style&index=0&id=b44a7a5c&prod&scoped=true&lang=css&
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -1293,11 +1293,11 @@ function normalizeComponent(
 
 var component = normalizeComponent(
   draggable_resizable_draggable_resizablevue_type_script_lang_js_,
-  draggable_resizablevue_type_template_id_eeede7ac_scoped_true_render,
-  draggable_resizablevue_type_template_id_eeede7ac_scoped_true_staticRenderFns,
+  draggable_resizablevue_type_template_id_b44a7a5c_scoped_true_render,
+  draggable_resizablevue_type_template_id_b44a7a5c_scoped_true_staticRenderFns,
   false,
   null,
-  "eeede7ac",
+  "b44a7a5c",
   null
   
 )
@@ -1307,9 +1307,10 @@ var component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var srcvue_type_script_lang_js_ = ({
   name: "OfdView",
-  components:{
+  components: {
     VueDraggableResizable: draggable_resizable
   },
   props: {
@@ -1350,7 +1351,7 @@ var component = normalizeComponent(
   },
 
   watch: {
-    file : {
+    file: {
       immediate: true,
       handler(val) {
         if (this.config && this.mem) {
@@ -1359,13 +1360,12 @@ var component = normalizeComponent(
         }
       }
     },
-
     stamps: {
       immediate: true,
       handler(val) {
-        if (this.config && this.mem && val.length > 0) {
-          this.config.toolbar.openFile.hidden = true
-          this.config.secondaryToolbar.openFileButton.hidden = true
+        if (val.length > 0 && this.config) {
+          document.getElementById('scrollModeButtons').hidden = true
+          document.getElementById('spreadModeButtons').hidden = true
         }
       }
     }
@@ -1432,7 +1432,10 @@ var component = normalizeComponent(
 
   methods: {
     getViewerConfiguration() {
-      console.log(this.$slots?.openFileRef)
+      let openFileTip
+      if (this.$slots && this.$slots.openFileRef && this.$slots.openFileRef[0].elm) {
+        openFileTip = this.$slots.openFileRef[0].elm
+      }
       let errorWrapper = null
       errorWrapper = {
         container: document.getElementById('errorWrapper'),
@@ -1447,7 +1450,7 @@ var component = normalizeComponent(
         appContainer: document.body,
         mainContainer: document.getElementById('viewerContainer'),
         viewerContainer: document.getElementById('viewer'),
-        // openFileTip: this.$slots?.openFileRef?.[0].elm,
+        openFileTip: openFileTip,
         toolbar: {
           container: document.getElementById('toolbarViewer'),
           numPages: document.getElementById('numPages'),
@@ -1469,6 +1472,21 @@ var component = normalizeComponent(
           ),
           openFileButton: document.getElementById('secondaryOpenFile'),
           printButton: document.getElementById('secondaryPrint'),
+          downloadButton: document.getElementById("secondaryDownload"),
+          viewBookmarkButton: document.getElementById("secondaryViewBookmark"),
+          firstPageButton: document.getElementById("firstPage"),
+          lastPageButton: document.getElementById("lastPage"),
+          pageRotateCwButton: document.getElementById("pageRotateCw"),
+          pageRotateCcwButton: document.getElementById("pageRotateCcw"),
+          cursorSelectToolButton: document.getElementById("cursorSelectTool"),
+          cursorHandToolButton: document.getElementById("cursorHandTool"),
+          scrollPageButton: document.getElementById("scrollPage"),
+          scrollVerticalButton: document.getElementById("scrollVertical"),
+          scrollHorizontalButton: document.getElementById("scrollHorizontal"),
+          scrollWrappedButton: document.getElementById("scrollWrapped"),
+          spreadNoneButton: document.getElementById("spreadNone"),
+          spreadOddButton: document.getElementById("spreadOdd"),
+          spreadEvenButton: document.getElementById("spreadEven"),
           documentPropertiesButton: document.getElementById('documentProperties'),
         },
         sidebar: {
@@ -1479,20 +1497,20 @@ var component = normalizeComponent(
           // Buttons
           // thumbnailButton: document.getElementById("viewThumbnail"),
           // outlineButton: document.getElementById("viewOutline"),
-          // attachmentsButton: document.getElementById("viewAttachments"),
+          attachmentsButton: document.getElementById("viewAttachments"),
           // layersButton: document.getElementById("viewLayers"),
-          // signaturesButton: document.getElementById("viewSignatures"),
+          signaturesButton: document.getElementById("viewSignatures"),
           // Views
           // thumbnailView: document.getElementById("thumbnailView"),
           // outlineView: document.getElementById("outlineView"),
-          // attachmentsView: document.getElementById("attachmentsView"),
+          attachmentsView: document.getElementById("attachmentsView"),
           // layersView: document.getElementById("layersView"),
           signaturesView: document.getElementById("signaturesView"),
           // View-specific options
           // outlineOptionsContainer: document.getElementById(
           //     "outlineOptionsContainer"
           // ),
-          // currentOutlineItemButton: document.getElementById("currentOutlineItem"),
+          currentOutlineItemButton: document.getElementById("currentOutlineItem"),
         },
         sidebarResizer: {
           outerContainer: document.getElementById('outerContainer'),
@@ -1546,14 +1564,14 @@ var component = normalizeComponent(
     onStampDragOver(e) {
       e.dataTransfer.dropEffect = 'move';
     },
-    removeStamp(index){
+    removeStamp(index) {
       this.$emit('removePos', index);
     },
     // eslint-disable-next-line no-unused-vars
-    onStampDragStop(ctx){
+    onStampDragStop(ctx) {
 
     },
-    placed(pageNum, index, params, stampId){
+    placed(pageNum, index, params, stampId) {
       this.$emit('itemDropped', index, pageNum, params, stampId);
     },
   }
@@ -1561,9 +1579,9 @@ var component = normalizeComponent(
 
 ;// 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_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ofdView/src/index.vue?vue&type=style&index=0&id=55070405&prod&scoped=true&lang=css&
-var srcvue_type_style_index_0_id_55070405_prod_scoped_true_lang_css_ = __webpack_require__(226);
-;// CONCATENATED MODULE: ./packages/ofdView/src/index.vue?vue&type=style&index=0&id=55070405&prod&scoped=true&lang=css&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ofdView/src/index.vue?vue&type=style&index=0&id=7dfc8129&prod&scoped=true&lang=css&
+var srcvue_type_style_index_0_id_7dfc8129_prod_scoped_true_lang_css_ = __webpack_require__(979);
+;// CONCATENATED MODULE: ./packages/ofdView/src/index.vue?vue&type=style&index=0&id=7dfc8129&prod&scoped=true&lang=css&
 
 ;// CONCATENATED MODULE: ./packages/ofdView/src/index.vue
 
@@ -1580,7 +1598,7 @@ var src_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "55070405",
+  "7dfc8129",
   null
   
 )