You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
422 lines
12 KiB
422 lines
12 KiB
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: {} |
|
/******/ }; |
|
/******/ |
|
/******/ // 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, { enumerable: true, get: getter }); |
|
/******/ } |
|
/******/ }; |
|
/******/ |
|
/******/ // define __esModule on exports |
|
/******/ __webpack_require__.r = function(exports) { |
|
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { |
|
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); |
|
/******/ } |
|
/******/ Object.defineProperty(exports, '__esModule', { value: true }); |
|
/******/ }; |
|
/******/ |
|
/******/ // create a fake namespace object |
|
/******/ // mode & 1: value is a module id, require it |
|
/******/ // mode & 2: merge all properties of value into the ns |
|
/******/ // mode & 4: return value when already ns object |
|
/******/ // mode & 8|1: behave like require |
|
/******/ __webpack_require__.t = function(value, mode) { |
|
/******/ if(mode & 1) value = __webpack_require__(value); |
|
/******/ if(mode & 8) return value; |
|
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; |
|
/******/ var ns = Object.create(null); |
|
/******/ __webpack_require__.r(ns); |
|
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); |
|
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); |
|
/******/ return ns; |
|
/******/ }; |
|
/******/ |
|
/******/ // 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 = 127); |
|
/******/ }) |
|
/************************************************************************/ |
|
/******/ ({ |
|
|
|
/***/ 127: |
|
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
|
|
|
"use strict"; |
|
__webpack_require__.r(__webpack_exports__); |
|
|
|
// EXTERNAL MODULE: external "element-ui/lib/utils/resize-event" |
|
var resize_event_ = __webpack_require__(16); |
|
|
|
// EXTERNAL MODULE: external "element-ui/lib/utils/scrollbar-width" |
|
var scrollbar_width_ = __webpack_require__(39); |
|
var scrollbar_width_default = /*#__PURE__*/__webpack_require__.n(scrollbar_width_); |
|
|
|
// EXTERNAL MODULE: external "element-ui/lib/utils/util" |
|
var util_ = __webpack_require__(3); |
|
|
|
// EXTERNAL MODULE: external "element-ui/lib/utils/dom" |
|
var dom_ = __webpack_require__(2); |
|
|
|
// CONCATENATED MODULE: ./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; |
|
}; |
|
// CONCATENATED MODULE: ./packages/scrollbar/src/bar.js |
|
|
|
|
|
|
|
/* istanbul ignore next */ |
|
/* harmony default export */ var src_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; |
|
|
|
Object(dom_["on"])(document, 'mousemove', this.mouseMoveDocumentHandler); |
|
Object(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; |
|
Object(dom_["off"])(document, 'mousemove', this.mouseMoveDocumentHandler); |
|
document.onselectstart = null; |
|
} |
|
}, |
|
|
|
destroyed: function destroyed() { |
|
Object(dom_["off"])(document, 'mouseup', this.mouseUpDocumentHandler); |
|
} |
|
}); |
|
// CONCATENATED MODULE: ./packages/scrollbar/src/main.js |
|
// reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js |
|
|
|
|
|
|
|
|
|
|
|
|
|
/* istanbul ignore next */ |
|
/* harmony default export */ var main = ({ |
|
name: 'ElScrollbar', |
|
|
|
components: { Bar: src_bar }, |
|
|
|
props: { |
|
native: Boolean, |
|
wrapStyle: {}, |
|
wrapClass: {}, |
|
viewClass: {}, |
|
viewStyle: {}, |
|
noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能 |
|
tag: { |
|
type: String, |
|
default: 'div' |
|
} |
|
}, |
|
|
|
data: function data() { |
|
return { |
|
sizeWidth: '0', |
|
sizeHeight: '0', |
|
moveX: 0, |
|
moveY: 0 |
|
}; |
|
}, |
|
|
|
|
|
computed: { |
|
wrap: function wrap() { |
|
return this.$refs.wrap; |
|
} |
|
}, |
|
|
|
render: function render(h) { |
|
var gutter = scrollbar_width_default()(); |
|
var style = this.wrapStyle; |
|
|
|
if (gutter) { |
|
var gutterWith = '-' + gutter + 'px'; |
|
var gutterStyle = 'margin-bottom: ' + gutterWith + '; margin-right: ' + gutterWith + ';'; |
|
|
|
if (Array.isArray(this.wrapStyle)) { |
|
style = Object(util_["toObject"])(this.wrapStyle); |
|
style.marginRight = style.marginBottom = gutterWith; |
|
} else if (typeof this.wrapStyle === 'string') { |
|
style += gutterStyle; |
|
} else { |
|
style = gutterStyle; |
|
} |
|
} |
|
var view = h(this.tag, { |
|
class: ['el-scrollbar__view', this.viewClass], |
|
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; |
|
|
|
if (!this.native) { |
|
nodes = [wrap, h(src_bar, { |
|
attrs: { |
|
move: this.moveX, |
|
size: this.sizeWidth } |
|
}), h(src_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]] |
|
)]; |
|
} |
|
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 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 && Object(resize_event_["addResizeListener"])(this.$refs.resize, this.update); |
|
}, |
|
beforeDestroy: function beforeDestroy() { |
|
if (this.native) return; |
|
!this.noresize && Object(resize_event_["removeResizeListener"])(this.$refs.resize, this.update); |
|
} |
|
}); |
|
// CONCATENATED MODULE: ./packages/scrollbar/index.js |
|
|
|
|
|
/* istanbul ignore next */ |
|
main.install = function (Vue) { |
|
Vue.component(main.name, main); |
|
}; |
|
|
|
/* harmony default export */ var scrollbar = __webpack_exports__["default"] = (main); |
|
|
|
/***/ }), |
|
|
|
/***/ 16: |
|
/***/ (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"); |
|
|
|
/***/ }), |
|
|
|
/***/ 39: |
|
/***/ (function(module, exports) { |
|
|
|
module.exports = require("element-ui/lib/utils/scrollbar-width"); |
|
|
|
/***/ }) |
|
|
|
/******/ }); |