Skip to content

Commit

Permalink
fix: make props changeable in events callbacks
Browse files Browse the repository at this point in the history
  • Loading branch information
huangjialiang committed Apr 30, 2019
1 parent b8daef5 commit a63b2ba
Show file tree
Hide file tree
Showing 7 changed files with 114 additions and 224 deletions.
102 changes: 53 additions & 49 deletions lib/vue-drawer-layout.common.js
Original file line number Diff line number Diff line change
Expand Up @@ -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":
Expand Down Expand Up @@ -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 <style> tag

// load the styles
var content = __webpack_require__("6bd0");
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var add = __webpack_require__("499e").default
var update = add("4cdf5297", content, true, {"sourceMap":false,"shadowMode":false});

/***/ }),

/***/ "50ed":
Expand Down Expand Up @@ -1876,6 +1850,17 @@ module.exports = function (key) {
};


/***/ }),

/***/ "62bd":
/***/ (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_5b668ed9_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6cab");
/* 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_5b668ed9_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_5b668ed9_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_5b668ed9_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a);

/***/ }),

/***/ "63b6":
Expand Down Expand Up @@ -2000,21 +1985,6 @@ module.exports = function (it) {
};


/***/ }),

/***/ "6bd0":
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__("2350")(false);
// imports


// module
exports.push([module.i, ".drawer-layout[data-v-383bb255]{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden}.content-wrap[data-v-383bb255],.drawer-wrap[data-v-383bb255]{position:absolute;top:0;bottom:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.content-wrap[data-v-383bb255]{right:0;left:0;overflow:hidden}.drawer-mask[data-v-383bb255]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:818}.moving[data-v-383bb255]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.will-change[data-v-383bb255]{will-change:transform}", ""]);

// exports


/***/ }),

/***/ "6c1c":
Expand All @@ -2041,6 +2011,21 @@ for (var i = 0; i < DOMIterables.length; i++) {
}


/***/ }),

/***/ "6cab":
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__("80f1");
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var add = __webpack_require__("499e").default
var update = add("7b574402", content, true, {"sourceMap":false,"shadowMode":false});

/***/ }),

/***/ "71c1":
Expand Down Expand Up @@ -2224,6 +2209,21 @@ NAME in FProto || __webpack_require__("9e1e") && dP(FProto, NAME, {
});


/***/ }),

/***/ "80f1":
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__("2350")(false);
// imports


// module
exports.push([module.i, ".drawer-layout[data-v-5b668ed9]{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden}.content-wrap[data-v-5b668ed9],.drawer-wrap[data-v-5b668ed9]{position:absolute;top:0;bottom:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.content-wrap[data-v-5b668ed9]{right:0;left:0;overflow:hidden}.drawer-mask[data-v-5b668ed9]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:818}.moving[data-v-5b668ed9]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.will-change[data-v-5b668ed9]{will-change:transform}", ""]);

// exports


/***/ }),

/***/ "8378":
Expand Down Expand Up @@ -3240,12 +3240,12 @@ if (typeof window !== 'undefined') {
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
var es6_function_name = __webpack_require__("7f7f");

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d1b3d832-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/lib/DrawerLayout.vue?vue&type=template&id=383bb255&scoped=true&
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d1b3d832-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/lib/DrawerLayout.vue?vue&type=template&id=5b668ed9&scoped=true&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"drawer-layout"},[_c('div',{staticClass:"drawer-wrap",class:_vm.animateStyle,style:(_vm.drawerStyle)},[_vm._t("drawer")],2),_c('div',{staticClass:"content-wrap",class:_vm.contentDrawable?_vm.animateStyle:{},style:(_vm.contentDrawable?_vm.contentStyle:{})},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.backdrop && _vm.pos),expression:"backdrop && pos"}],staticClass:"drawer-mask",style:({'opacity':_vm.backdropOpacity}),on:{"click":_vm.handleMaskClick}}),_vm._t("content")],2)])}
var staticRenderFns = []


// CONCATENATED MODULE: ./src/lib/DrawerLayout.vue?vue&type=template&id=383bb255&scoped=true&
// CONCATENATED MODULE: ./src/lib/DrawerLayout.vue?vue&type=template&id=5b668ed9&scoped=true&

// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.split.js
var es6_regexp_split = __webpack_require__("28a5");
Expand Down Expand Up @@ -3545,9 +3545,6 @@ var supportsTransitionsDetector = cacheFunctionWrapper(function () {
this.distance = typeof this.distance === "undefined" ? defaultWidth : this.distance;
}

var width = this.width,
reverse = this.reverse,
canAnimate = this.canAnimate;
var t1, t2, speed, startX, startY, nowX, nowY, lastX, startPos, isVertical; //Start dragging handler

var initDrag = function (e) {
Expand All @@ -3569,6 +3566,8 @@ var supportsTransitionsDetector = cacheFunctionWrapper(function () {


var drag = function (e) {
var width = this.width,
reverse = this.reverse;
t1 = t2;
t2 = +new Date();
lastX = nowX;
Expand Down Expand Up @@ -3601,6 +3600,9 @@ var supportsTransitionsDetector = cacheFunctionWrapper(function () {


var removeDrag = function () {
var width = this.width,
canAnimate = this.canAnimate;

if (isVertical !== undefined) {
if (!isVertical) {
var pos = this.pos;
Expand Down Expand Up @@ -3636,6 +3638,8 @@ var supportsTransitionsDetector = cacheFunctionWrapper(function () {

'transitionend webkitTransitionEnd msTransitionEnd otransitionend oTransitionEnd'.split(' ').forEach(function (e) {
container.addEventListener(e, function () {
var width = _this.width;

if (_this.moving) {
_this.moving = false;
_this.willChange = false;
Expand All @@ -3652,8 +3656,8 @@ var supportsTransitionsDetector = cacheFunctionWrapper(function () {
});
// CONCATENATED MODULE: ./src/lib/DrawerLayout.vue?vue&type=script&lang=js&
/* harmony default export */ var lib_DrawerLayoutvue_type_script_lang_js_ = (DrawerLayoutvue_type_script_lang_js_);
// EXTERNAL MODULE: ./src/lib/DrawerLayout.vue?vue&type=style&index=0&id=383bb255&lang=scss&scoped=true&
var DrawerLayoutvue_type_style_index_0_id_383bb255_lang_scss_scoped_true_ = __webpack_require__("487e");
// EXTERNAL MODULE: ./src/lib/DrawerLayout.vue?vue&type=style&index=0&id=5b668ed9&lang=scss&scoped=true&
var DrawerLayoutvue_type_style_index_0_id_5b668ed9_lang_scss_scoped_true_ = __webpack_require__("62bd");

// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
/* globals __VUE_SSR_CONTEXT__ */
Expand Down Expand Up @@ -3765,7 +3769,7 @@ var component = normalizeComponent(
staticRenderFns,
false,
null,
"383bb255",
"5b668ed9",
null

)
Expand Down
Loading

0 comments on commit a63b2ba

Please sign in to comment.