diff --git a/lib/vue-drawer-layout.common.js b/lib/vue-drawer-layout.common.js index 3beed8d..740146e 100644 --- a/lib/vue-drawer-layout.common.js +++ b/lib/vue-drawer-layout.common.js @@ -1228,17 +1228,6 @@ $export($export.S + $export.F * !__webpack_require__("8e60"), 'Object', { define module.exports = {}; -/***/ }), - -/***/ "487e": -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DrawerLayout_vue_vue_type_style_index_0_id_383bb255_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4c50"); -/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DrawerLayout_vue_vue_type_style_index_0_id_383bb255_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DrawerLayout_vue_vue_type_style_index_0_id_383bb255_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__); -/* unused harmony reexport * */ - /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DrawerLayout_vue_vue_type_style_index_0_id_383bb255_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); - /***/ }), /***/ "499e": @@ -1514,21 +1503,6 @@ module.exports = function (it) { }; -/***/ }), - -/***/ "4c50": -/***/ (function(module, exports, __webpack_require__) { - -// style-loader: Adds some css to the DOM by adding a diff --git a/src/lib/DrawerLayout.vue b/src/lib/DrawerLayout.vue index 91067fc..a5b65b6 100644 --- a/src/lib/DrawerLayout.vue +++ b/src/lib/DrawerLayout.vue @@ -23,6 +23,7 @@ export default { name: 'vue-drawer-layout', props: { + drawerWidth: { type: Number }, @@ -129,7 +130,7 @@ this.width = typeof this.width === "undefined" ? defaultWidth : this.width this.distance = typeof this.distance === "undefined" ? defaultWidth : this.distance } - const {width, reverse, canAnimate} = this + let t1, t2, speed, startX, startY, nowX, nowY, lastX, startPos, isVertical //Start dragging handler const initDrag = function (e) { @@ -146,6 +147,7 @@ }.bind(this) //During dragging handler const drag = function (e) { + const {width, reverse} = this t1 = t2 t2 = +new Date() lastX = nowX @@ -173,6 +175,7 @@ }.bind(this) //Stop dragging handler const removeDrag = function () { + const {width, canAnimate} = this if (isVertical !== undefined) { if (!isVertical) { let pos = this.pos @@ -198,6 +201,7 @@ //Check transitionend and stop 'transitionend webkitTransitionEnd msTransitionEnd otransitionend oTransitionEnd'.split(' ').forEach((e) => { container.addEventListener(e, () => { + const {width} = this if (this.moving) { this.moving = false this.willChange = false