mazey-element-ui 2.0.1 → 2.15.16

package/lib/scrollbar.js

@@ -1,158 +1,219 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	const __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			const getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter/value functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			if(Array.isArray(definition)) {
+/******/ 				var i = 0;
+/******/ 				while(i < definition.length) {
+/******/ 					var key = definition[i++];
+/******/ 					var binding = definition[i++];
+/******/ 					if(!__webpack_require__.o(exports, key)) {
+/******/ 						if(binding === 0) {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
+/******/ 						} else {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, get: binding });
+/******/ 						}
+/******/ 					} else if(binding === 0) { i++; }
+/******/ 				}
+/******/ 			} else {
+/******/ 				for(var key in definition) {
+/******/ 					if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 					}
+/******/ 				}
+/******/ 			}
 /******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, {
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/dist/";
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 357);
-/******/ })
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
 /************************************************************************/
-/******/ ({
-
-/***/ 18:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/resize-event");
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/dom");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/util");
-
-/***/ }),
-
-/***/ 357:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _main = __webpack_require__(358);
-
-var _main2 = _interopRequireDefault(_main);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* istanbul ignore next */
-_main2.default.install = function (Vue) {
-  Vue.component(_main2.default.name, _main2.default);
+let __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ scrollbar)
+});
+
+;// external "mazey-element-ui/lib/utils/resize-event"
+const resize_event_namespaceObject = require("mazey-element-ui/lib/utils/resize-event");
+;// external "mazey-element-ui/lib/utils/scrollbar-width"
+const scrollbar_width_namespaceObject = require("mazey-element-ui/lib/utils/scrollbar-width");
+var scrollbar_width_default = /*#__PURE__*/__webpack_require__.n(scrollbar_width_namespaceObject);
+;// external "mazey-element-ui/lib/utils/util"
+const util_namespaceObject = require("mazey-element-ui/lib/utils/util");
+;// external "mazey-element-ui/lib/utils/dom"
+const dom_namespaceObject = require("mazey-element-ui/lib/utils/dom");
+;// ./packages/scrollbar/src/util.js
+var BAR_MAP = {
+  vertical: {
+    offset: 'offsetHeight',
+    scroll: 'scrollTop',
+    scrollSize: 'scrollHeight',
+    size: 'height',
+    key: 'vertical',
+    axis: 'Y',
+    client: 'clientY',
+    direction: 'top'
+  },
+  horizontal: {
+    offset: 'offsetWidth',
+    scroll: 'scrollLeft',
+    scrollSize: 'scrollWidth',
+    size: 'width',
+    key: 'horizontal',
+    axis: 'X',
+    client: 'clientX',
+    direction: 'left'
+  }
 };
+function renderThumbStyle(_ref) {
+  var move = _ref.move,
+    size = _ref.size,
+    bar = _ref.bar;
+  var style = {};
+  var translate = "translate" + bar.axis + "(" + move + "%)";
+  style[bar.size] = size;
+  style.transform = translate;
+  style.msTransform = translate;
+  style.webkitTransform = translate;
+  return style;
+}
+;
+;// ./packages/scrollbar/src/bar.js
 
-exports.default = _main2.default;
-
-/***/ }),
-
-/***/ 358:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
 
-var _resizeEvent = __webpack_require__(18);
 
-var _scrollbarWidth = __webpack_require__(40);
+/* istanbul ignore next */
+/* harmony default export */ const bar = ({
+  name: 'Bar',
+  props: {
+    vertical: Boolean,
+    size: String,
+    move: Number
+  },
+  computed: {
+    bar: function bar() {
+      return BAR_MAP[this.vertical ? 'vertical' : 'horizontal'];
+    },
+    wrap: function wrap() {
+      return this.$parent.wrap;
+    }
+  },
+  render: function render(h) {
+    var size = this.size,
+      move = this.move,
+      bar = this.bar;
+    return h("div", {
+      "class": ['el-scrollbar__bar', 'is-' + bar.key],
+      "on": {
+        "mousedown": this.clickTrackHandler
+      }
+    }, [h("div", {
+      "ref": "thumb",
+      "class": "el-scrollbar__thumb",
+      "on": {
+        "mousedown": this.clickThumbHandler
+      },
+      "style": renderThumbStyle({
+        size: size,
+        move: move,
+        bar: bar
+      })
+    })]);
+  },
+  methods: {
+    clickThumbHandler: function clickThumbHandler(e) {
+      // prevent click event of right button
+      if (e.ctrlKey || e.button === 2) {
+        return;
+      }
+      this.startDrag(e);
+      this[this.bar.axis] = e.currentTarget[this.bar.offset] - (e[this.bar.client] - e.currentTarget.getBoundingClientRect()[this.bar.direction]);
+    },
+    clickTrackHandler: function clickTrackHandler(e) {
+      var offset = Math.abs(e.target.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]);
+      var thumbHalf = this.$refs.thumb[this.bar.offset] / 2;
+      var thumbPositionPercentage = (offset - thumbHalf) * 100 / this.$el[this.bar.offset];
+      this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
+    },
+    startDrag: function startDrag(e) {
+      e.stopImmediatePropagation();
+      this.cursorDown = true;
+      (0,dom_namespaceObject.on)(document, 'mousemove', this.mouseMoveDocumentHandler);
+      (0,dom_namespaceObject.on)(document, 'mouseup', this.mouseUpDocumentHandler);
+      document.onselectstart = function () {
+        return false;
+      };
+    },
+    mouseMoveDocumentHandler: function mouseMoveDocumentHandler(e) {
+      if (this.cursorDown === false) return;
+      var prevPage = this[this.bar.axis];
+      if (!prevPage) return;
+      var offset = (this.$el.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]) * -1;
+      var thumbClickPosition = this.$refs.thumb[this.bar.offset] - prevPage;
+      var thumbPositionPercentage = (offset - thumbClickPosition) * 100 / this.$el[this.bar.offset];
+      this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
+    },
+    mouseUpDocumentHandler: function mouseUpDocumentHandler(e) {
+      this.cursorDown = false;
+      this[this.bar.axis] = 0;
+      (0,dom_namespaceObject.off)(document, 'mousemove', this.mouseMoveDocumentHandler);
+      document.onselectstart = null;
+    }
+  },
+  destroyed: function destroyed() {
+    ;(0,dom_namespaceObject.off)(document, 'mouseup', this.mouseUpDocumentHandler);
+  }
+});
+;// ./packages/scrollbar/src/main.js
+// reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js
 
-var _scrollbarWidth2 = _interopRequireDefault(_scrollbarWidth);
 
-var _util = __webpack_require__(3);
 
-var _bar = __webpack_require__(359);
 
-var _bar2 = _interopRequireDefault(_bar);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* istanbul ignore next */
-// reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js
-
-exports.default = {
+/* harmony default export */ const main = ({
   name: 'ElScrollbar',
-
-  components: { Bar: _bar2.default },
-
+  components: {
+    Bar: bar
+  },
   props: {
     native: Boolean,
     wrapStyle: {},
     wrapClass: {},
     viewClass: {},
     viewStyle: {},
-    noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
+    noresize: Boolean,
+    // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
     tag: {
       type: String,
       default: 'div'
     }
   },
-
   data: function data() {
     return {
       sizeWidth: '0',
@@ -161,24 +222,19 @@ exports.default = {
       moveY: 0
     };
   },
-
-
   computed: {
     wrap: function wrap() {
       return this.$refs.wrap;
     }
   },
-
   render: function render(h) {
-    var gutter = (0, _scrollbarWidth2.default)();
+    var gutter = scrollbar_width_default()();
     var style = this.wrapStyle;
-
     if (gutter) {
-      var gutterWith = '-' + gutter + 'px';
-      var gutterStyle = 'margin-bottom: ' + gutterWith + '; margin-right: ' + gutterWith + ';';
-
+      var gutterWith = "-" + gutter + "px";
+      var gutterStyle = "margin-bottom: " + gutterWith + "; margin-right: " + gutterWith + ";";
       if (Array.isArray(this.wrapStyle)) {
-        style = (0, _util.toObject)(this.wrapStyle);
+        style = (0,util_namespaceObject.toObject)(this.wrapStyle);
         style.marginRight = style.marginBottom = gutterWith;
       } else if (typeof this.wrapStyle === 'string') {
         style += gutterStyle;
@@ -191,239 +247,73 @@ exports.default = {
       style: this.viewStyle,
       ref: 'resize'
     }, this.$slots.default);
-    var wrap = h(
-      'div',
-      {
-        ref: 'wrap',
-        style: style,
-        on: {
-          'scroll': this.handleScroll
-        },
-
-        'class': [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default'] },
-      [[view]]
-    );
-    var nodes = void 0;
-
+    var wrap = h("div", {
+      "ref": "wrap",
+      "style": style,
+      "on": {
+        "scroll": this.handleScroll
+      },
+      "class": [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default']
+    }, [[view]]);
+    var nodes;
     if (!this.native) {
-      nodes = [wrap, h(_bar2.default, {
-        attrs: {
-          move: this.moveX,
-          size: this.sizeWidth }
-      }), h(_bar2.default, {
-        attrs: {
-          vertical: true,
-          move: this.moveY,
-          size: this.sizeHeight }
+      nodes = [wrap, h(bar, {
+        "attrs": {
+          "move": this.moveX,
+          "size": this.sizeWidth
+        }
+      }), h(bar, {
+        "attrs": {
+          "vertical": true,
+          "move": this.moveY,
+          "size": this.sizeHeight
+        }
       })];
     } else {
-      nodes = [h(
-        'div',
-        {
-          ref: 'wrap',
-          'class': [this.wrapClass, 'el-scrollbar__wrap'],
-          style: style },
-        [[view]]
-      )];
+      nodes = [h("div", {
+        "ref": "wrap",
+        "class": [this.wrapClass, 'el-scrollbar__wrap'],
+        "style": style
+      }, [[view]])];
     }
-    return h('div', { class: 'el-scrollbar' }, nodes);
+    return h('div', {
+      class: 'el-scrollbar'
+    }, nodes);
   },
-
-
   methods: {
     handleScroll: function handleScroll() {
       var wrap = this.wrap;
-
       this.moveY = wrap.scrollTop * 100 / wrap.clientHeight;
       this.moveX = wrap.scrollLeft * 100 / wrap.clientWidth;
     },
     update: function update() {
-      var heightPercentage = void 0,
-          widthPercentage = void 0;
+      var heightPercentage, widthPercentage;
       var wrap = this.wrap;
       if (!wrap) return;
-
       heightPercentage = wrap.clientHeight * 100 / wrap.scrollHeight;
       widthPercentage = wrap.clientWidth * 100 / wrap.scrollWidth;
-
       this.sizeHeight = heightPercentage < 100 ? heightPercentage + '%' : '';
       this.sizeWidth = widthPercentage < 100 ? widthPercentage + '%' : '';
     }
   },
-
   mounted: function mounted() {
     if (this.native) return;
     this.$nextTick(this.update);
-    !this.noresize && (0, _resizeEvent.addResizeListener)(this.$refs.resize, this.update);
+    !this.noresize && (0,resize_event_namespaceObject.addResizeListener)(this.$refs.resize, this.update);
   },
   beforeDestroy: function beforeDestroy() {
     if (this.native) return;
-    !this.noresize && (0, _resizeEvent.removeResizeListener)(this.$refs.resize, this.update);
+    !this.noresize && (0,resize_event_namespaceObject.removeResizeListener)(this.$refs.resize, this.update);
   }
-};
-
-/***/ }),
+});
+;// ./packages/scrollbar/index.js
 
-/***/ 359:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _dom = __webpack_require__(2);
-
-var _util = __webpack_require__(360);
 
 /* istanbul ignore next */
-exports.default = {
-  name: 'Bar',
-
-  props: {
-    vertical: Boolean,
-    size: String,
-    move: Number
-  },
-
-  computed: {
-    bar: function bar() {
-      return _util.BAR_MAP[this.vertical ? 'vertical' : 'horizontal'];
-    },
-    wrap: function wrap() {
-      return this.$parent.wrap;
-    }
-  },
-
-  render: function render(h) {
-    var size = this.size,
-        move = this.move,
-        bar = this.bar;
-
-
-    return h(
-      'div',
-      {
-        'class': ['el-scrollbar__bar', 'is-' + bar.key],
-        on: {
-          'mousedown': this.clickTrackHandler
-        }
-      },
-      [h('div', {
-        ref: 'thumb',
-        'class': 'el-scrollbar__thumb',
-        on: {
-          'mousedown': this.clickThumbHandler
-        },
-
-        style: (0, _util.renderThumbStyle)({ size: size, move: move, bar: bar }) })]
-    );
-  },
-
-
-  methods: {
-    clickThumbHandler: function clickThumbHandler(e) {
-      this.startDrag(e);
-      this[this.bar.axis] = e.currentTarget[this.bar.offset] - (e[this.bar.client] - e.currentTarget.getBoundingClientRect()[this.bar.direction]);
-    },
-    clickTrackHandler: function clickTrackHandler(e) {
-      var offset = Math.abs(e.target.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]);
-      var thumbHalf = this.$refs.thumb[this.bar.offset] / 2;
-      var thumbPositionPercentage = (offset - thumbHalf) * 100 / this.$el[this.bar.offset];
-
-      this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
-    },
-    startDrag: function startDrag(e) {
-      e.stopImmediatePropagation();
-      this.cursorDown = true;
-
-      (0, _dom.on)(document, 'mousemove', this.mouseMoveDocumentHandler);
-      (0, _dom.on)(document, 'mouseup', this.mouseUpDocumentHandler);
-      document.onselectstart = function () {
-        return false;
-      };
-    },
-    mouseMoveDocumentHandler: function mouseMoveDocumentHandler(e) {
-      if (this.cursorDown === false) return;
-      var prevPage = this[this.bar.axis];
-
-      if (!prevPage) return;
-
-      var offset = (this.$el.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]) * -1;
-      var thumbClickPosition = this.$refs.thumb[this.bar.offset] - prevPage;
-      var thumbPositionPercentage = (offset - thumbClickPosition) * 100 / this.$el[this.bar.offset];
-
-      this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
-    },
-    mouseUpDocumentHandler: function mouseUpDocumentHandler(e) {
-      this.cursorDown = false;
-      this[this.bar.axis] = 0;
-      (0, _dom.off)(document, 'mousemove', this.mouseMoveDocumentHandler);
-      document.onselectstart = null;
-    }
-  },
-
-  destroyed: function destroyed() {
-    (0, _dom.off)(document, 'mouseup', this.mouseUpDocumentHandler);
-  }
-};
-
-/***/ }),
-
-/***/ 360:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports.renderThumbStyle = renderThumbStyle;
-var BAR_MAP = exports.BAR_MAP = {
-  vertical: {
-    offset: 'offsetHeight',
-    scroll: 'scrollTop',
-    scrollSize: 'scrollHeight',
-    size: 'height',
-    key: 'vertical',
-    axis: 'Y',
-    client: 'clientY',
-    direction: 'top'
-  },
-  horizontal: {
-    offset: 'offsetWidth',
-    scroll: 'scrollLeft',
-    scrollSize: 'scrollWidth',
-    size: 'width',
-    key: 'horizontal',
-    axis: 'X',
-    client: 'clientX',
-    direction: 'left'
-  }
+main.install = function (Vue) {
+  Vue.component(main.name, main);
 };
-
-function renderThumbStyle(_ref) {
-  var move = _ref.move,
-      size = _ref.size,
-      bar = _ref.bar;
-
-  var style = {};
-  var translate = 'translate' + bar.axis + '(' + move + '%)';
-
-  style[bar.size] = size;
-  style.transform = translate;
-  style.msTransform = translate;
-  style.webkitTransform = translate;
-
-  return style;
-};
-
-/***/ }),
-
-/***/ 40:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/utils/scrollbar-width");
-
-/***/ })
-
-/******/ });
+/* harmony default export */ const scrollbar = (main);
+module.exports = __webpack_exports__["default"];
+/******/ })()
+;