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.
855 lines
26 KiB
855 lines
26 KiB
(function webpackUniversalModuleDefinition(root, factory) {
|
|
if(typeof exports === 'object' && typeof module === 'object')
|
|
module.exports = factory();
|
|
else if(typeof define === 'function' && define.amd)
|
|
define([], factory);
|
|
else if(typeof exports === 'object')
|
|
exports["vueSeamlessScroll"] = factory();
|
|
else
|
|
root["vueSeamlessScroll"] = factory();
|
|
})(typeof self !== 'undefined' ? self : this, function() {
|
|
return /******/ (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, {
|
|
/******/ 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 = "";
|
|
/******/
|
|
/******/ // Load entry module and return exports
|
|
/******/ return __webpack_require__(__webpack_require__.s = 1);
|
|
/******/ })
|
|
/************************************************************************/
|
|
/******/ ([
|
|
/* 0 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
|
|
__webpack_require__(4)();
|
|
var arrayEqual = __webpack_require__(5);
|
|
var copyObj = __webpack_require__(6);
|
|
exports.default = {
|
|
name: 'vue-seamless-scroll',
|
|
data: function data() {
|
|
return {
|
|
xPos: 0,
|
|
yPos: 0,
|
|
delay: 0,
|
|
copyHtml: '',
|
|
height: 0,
|
|
width: 0,
|
|
realBoxWidth: 0 };
|
|
},
|
|
|
|
props: {
|
|
data: {
|
|
type: Array,
|
|
default: function _default() {
|
|
return [];
|
|
}
|
|
},
|
|
classOption: {
|
|
type: Object,
|
|
default: function _default() {
|
|
return {};
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
leftSwitchState: function leftSwitchState() {
|
|
return this.xPos < 0;
|
|
},
|
|
rightSwitchState: function rightSwitchState() {
|
|
return Math.abs(this.xPos) < this.realBoxWidth - this.width;
|
|
},
|
|
leftSwitchClass: function leftSwitchClass() {
|
|
return this.leftSwitchState ? '' : this.options.switchDisabledClass;
|
|
},
|
|
rightSwitchClass: function rightSwitchClass() {
|
|
return this.rightSwitchState ? '' : this.options.switchDisabledClass;
|
|
},
|
|
leftSwitch: function leftSwitch() {
|
|
return {
|
|
position: 'absolute',
|
|
margin: this.height / 2 + 'px 0 0 -' + this.options.switchOffset + 'px',
|
|
transform: 'translate(-100%,-50%)'
|
|
};
|
|
},
|
|
rightSwitch: function rightSwitch() {
|
|
return {
|
|
position: 'absolute',
|
|
margin: this.height / 2 + 'px 0 0 ' + (this.width + this.options.switchOffset) + 'px',
|
|
transform: 'translateY(-50%)'
|
|
};
|
|
},
|
|
float: function float() {
|
|
return this.isHorizontal ? { float: 'left', overflow: 'hidden' } : { overflow: 'hidden' };
|
|
},
|
|
pos: function pos() {
|
|
return {
|
|
transform: 'translate(' + this.xPos + 'px,' + this.yPos + 'px)',
|
|
transition: 'all ' + this.ease + ' ' + this.delay + 'ms',
|
|
overflow: 'hidden'
|
|
};
|
|
},
|
|
defaultOption: function defaultOption() {
|
|
return {
|
|
step: 1,
|
|
limitMoveNum: 5,
|
|
hoverStop: true,
|
|
direction: 1,
|
|
openTouch: true,
|
|
singleHeight: 0,
|
|
singleWidth: 0,
|
|
waitTime: 1000,
|
|
switchOffset: 30,
|
|
autoPlay: true,
|
|
navigation: false,
|
|
switchSingleStep: 134,
|
|
switchDelay: 400,
|
|
switchDisabledClass: 'disabled',
|
|
isSingleRemUnit: false };
|
|
},
|
|
options: function options() {
|
|
return copyObj({}, this.defaultOption, this.classOption);
|
|
},
|
|
navigation: function navigation() {
|
|
return this.options.navigation;
|
|
},
|
|
autoPlay: function autoPlay() {
|
|
if (this.navigation) return false;
|
|
return this.options.autoPlay;
|
|
},
|
|
scrollSwitch: function scrollSwitch() {
|
|
return this.data.length >= this.options.limitMoveNum;
|
|
},
|
|
hoverStopSwitch: function hoverStopSwitch() {
|
|
return this.options.hoverStop && this.autoPlay && this.scrollSwitch;
|
|
},
|
|
canTouchScroll: function canTouchScroll() {
|
|
return this.options.openTouch;
|
|
},
|
|
isHorizontal: function isHorizontal() {
|
|
return this.options.direction > 1;
|
|
},
|
|
baseFontSize: function baseFontSize() {
|
|
return this.options.isSingleRemUnit ? parseInt(window.getComputedStyle(document.documentElement, null).fontSize) : 1;
|
|
},
|
|
realSingleStopWidth: function realSingleStopWidth() {
|
|
return this.options.singleWidth * this.baseFontSize;
|
|
},
|
|
realSingleStopHeight: function realSingleStopHeight() {
|
|
return this.options.singleHeight * this.baseFontSize;
|
|
},
|
|
step: function step() {
|
|
var singleStep = void 0;
|
|
var step = this.options.step;
|
|
if (this.isHorizontal) {
|
|
singleStep = this.realSingleStopWidth;
|
|
} else {
|
|
singleStep = this.realSingleStopHeight;
|
|
}
|
|
if (singleStep > 0 && singleStep % step > 0) {
|
|
console.error('如果设置了单步滚动,step需是单步大小的约数,否则无法保证单步滚动结束的位置是否准确。~~~~~');
|
|
}
|
|
return step;
|
|
}
|
|
},
|
|
methods: {
|
|
reset: function reset() {
|
|
this._cancle();
|
|
this._initMove();
|
|
},
|
|
leftSwitchClick: function leftSwitchClick() {
|
|
if (!this.leftSwitchState) return;
|
|
|
|
if (Math.abs(this.xPos) < this.options.switchSingleStep) {
|
|
this.xPos = 0;
|
|
return;
|
|
}
|
|
this.xPos += this.options.switchSingleStep;
|
|
},
|
|
rightSwitchClick: function rightSwitchClick() {
|
|
if (!this.rightSwitchState) return;
|
|
|
|
if (this.realBoxWidth - this.width + this.xPos < this.options.switchSingleStep) {
|
|
this.xPos = this.width - this.realBoxWidth;
|
|
return;
|
|
}
|
|
this.xPos -= this.options.switchSingleStep;
|
|
},
|
|
_cancle: function _cancle() {
|
|
cancelAnimationFrame(this.reqFrame || '');
|
|
},
|
|
touchStart: function touchStart(e) {
|
|
var _this = this;
|
|
|
|
if (!this.canTouchScroll) return;
|
|
var timer = void 0;
|
|
var touch = e.targetTouches[0];var _options = this.options,
|
|
waitTime = _options.waitTime,
|
|
singleHeight = _options.singleHeight,
|
|
singleWidth = _options.singleWidth;
|
|
|
|
this.startPos = {
|
|
x: touch.pageX,
|
|
y: touch.pageY
|
|
};
|
|
this.startPosY = this.yPos;
|
|
this.startPosX = this.xPos;
|
|
if (!!singleHeight && !!singleWidth) {
|
|
if (timer) clearTimeout(timer);
|
|
timer = setTimeout(function () {
|
|
_this._cancle();
|
|
}, waitTime + 20);
|
|
} else {
|
|
this._cancle();
|
|
}
|
|
},
|
|
touchMove: function touchMove(e) {
|
|
if (!this.canTouchScroll || e.targetTouches.length > 1 || e.scale && e.scale !== 1) return;
|
|
var touch = e.targetTouches[0];
|
|
var direction = this.options.direction;
|
|
|
|
this.endPos = {
|
|
x: touch.pageX - this.startPos.x,
|
|
y: touch.pageY - this.startPos.y
|
|
};
|
|
event.preventDefault();
|
|
var dir = Math.abs(this.endPos.x) < Math.abs(this.endPos.y) ? 1 : 0;
|
|
if (dir === 1 && direction < 2) {
|
|
this.yPos = this.startPosY + this.endPos.y;
|
|
} else if (dir === 0 && direction > 1) {
|
|
this.xPos = this.startPosX + this.endPos.x;
|
|
}
|
|
},
|
|
touchEnd: function touchEnd() {
|
|
var _this2 = this;
|
|
|
|
if (!this.canTouchScroll) return;
|
|
var timer = void 0;
|
|
var direction = this.options.direction;
|
|
this.delay = 50;
|
|
if (direction === 1) {
|
|
if (this.yPos > 0) this.yPos = 0;
|
|
} else if (direction === 0) {
|
|
var h = this.realBoxHeight / 2 * -1;
|
|
if (this.yPos < h) this.yPos = h;
|
|
} else if (direction === 2) {
|
|
if (this.xPos > 0) this.xPos = 0;
|
|
} else if (direction === 3) {
|
|
var w = this.realBoxWidth * -1;
|
|
if (this.xPos < w) this.xPos = w;
|
|
}
|
|
if (timer) clearTimeout(timer);
|
|
timer = setTimeout(function () {
|
|
_this2.delay = 0;
|
|
_this2._move();
|
|
}, this.delay);
|
|
},
|
|
enter: function enter() {
|
|
if (this.hoverStopSwitch) this._stopMove();
|
|
},
|
|
leave: function leave() {
|
|
if (this.hoverStopSwitch) this._startMove();
|
|
},
|
|
_move: function _move() {
|
|
if (this.isHover) return;
|
|
this._cancle();
|
|
this.reqFrame = requestAnimationFrame(function () {
|
|
var _this3 = this;
|
|
|
|
var h = this.realBoxHeight / 2;
|
|
var w = this.realBoxWidth / 2;var _options2 = this.options,
|
|
direction = _options2.direction,
|
|
waitTime = _options2.waitTime;
|
|
var step = this.step;
|
|
|
|
if (direction === 1) {
|
|
if (Math.abs(this.yPos) >= h) {
|
|
this.$emit('ScrollEnd');
|
|
this.yPos = 0;
|
|
}
|
|
this.yPos -= step;
|
|
} else if (direction === 0) {
|
|
if (this.yPos >= 0) {
|
|
this.$emit('ScrollEnd');
|
|
this.yPos = h * -1;
|
|
}
|
|
this.yPos += step;
|
|
} else if (direction === 2) {
|
|
if (Math.abs(this.xPos) >= w) {
|
|
this.$emit('ScrollEnd');
|
|
this.xPos = 0;
|
|
}
|
|
this.xPos -= step;
|
|
} else if (direction === 3) {
|
|
if (this.xPos >= 0) {
|
|
this.$emit('ScrollEnd');
|
|
this.xPos = w * -1;
|
|
}
|
|
this.xPos += step;
|
|
}
|
|
if (this.singleWaitTime) clearTimeout(this.singleWaitTime);
|
|
if (!!this.realSingleStopHeight) {
|
|
if (Math.abs(this.yPos) % this.realSingleStopHeight < step) {
|
|
this.singleWaitTime = setTimeout(function () {
|
|
_this3._move();
|
|
}, waitTime);
|
|
} else {
|
|
this._move();
|
|
}
|
|
} else if (!!this.realSingleStopWidth) {
|
|
if (Math.abs(this.xPos) % this.realSingleStopWidth < step) {
|
|
this.singleWaitTime = setTimeout(function () {
|
|
_this3._move();
|
|
}, waitTime);
|
|
} else {
|
|
this._move();
|
|
}
|
|
} else {
|
|
this._move();
|
|
}
|
|
}.bind(this));
|
|
},
|
|
_initMove: function _initMove() {
|
|
var _this4 = this;
|
|
|
|
this.$nextTick(function () {
|
|
var switchDelay = _this4.options.switchDelay;
|
|
var autoPlay = _this4.autoPlay,
|
|
isHorizontal = _this4.isHorizontal;
|
|
|
|
_this4._dataWarm(_this4.data);
|
|
_this4.copyHtml = '';
|
|
if (isHorizontal) {
|
|
_this4.height = _this4.$refs.wrap.offsetHeight;
|
|
_this4.width = _this4.$refs.wrap.offsetWidth;
|
|
var slotListWidth = _this4.$refs.slotList.offsetWidth;
|
|
|
|
if (autoPlay) {
|
|
slotListWidth = slotListWidth * 2 + 1;
|
|
}
|
|
_this4.$refs.realBox.style.width = slotListWidth + 'px';
|
|
_this4.realBoxWidth = slotListWidth;
|
|
}
|
|
|
|
if (autoPlay) {
|
|
_this4.ease = 'ease-in';
|
|
_this4.delay = 0;
|
|
} else {
|
|
_this4.ease = 'linear';
|
|
_this4.delay = switchDelay;
|
|
return;
|
|
}
|
|
|
|
if (_this4.scrollSwitch) {
|
|
var timer = void 0;
|
|
if (timer) clearTimeout(timer);
|
|
_this4.copyHtml = _this4.$refs.slotList.innerHTML;
|
|
setTimeout(function () {
|
|
_this4.realBoxHeight = _this4.$refs.realBox.offsetHeight;
|
|
_this4._move();
|
|
}, 0);
|
|
} else {
|
|
_this4._cancle();
|
|
_this4.yPos = _this4.xPos = 0;
|
|
}
|
|
});
|
|
},
|
|
_dataWarm: function _dataWarm(data) {
|
|
if (data.length > 100) {
|
|
console.warn('\u6570\u636E\u8FBE\u5230\u4E86' + data.length + '\u6761\u6709\u70B9\u591A\u54E6~,\u53EF\u80FD\u4F1A\u9020\u6210\u90E8\u5206\u8001\u65E7\u6D4F\u89C8\u5668\u5361\u987F\u3002');
|
|
}
|
|
},
|
|
_startMove: function _startMove() {
|
|
this.isHover = false;
|
|
this._move();
|
|
},
|
|
_stopMove: function _stopMove() {
|
|
this.isHover = true;
|
|
if (this.singleWaitTime) clearTimeout(this.singleWaitTime);
|
|
this._cancle();
|
|
}
|
|
},
|
|
mounted: function mounted() {
|
|
this._initMove();
|
|
},
|
|
|
|
watch: {
|
|
data: function data(newData, oldData) {
|
|
this._dataWarm(newData);
|
|
|
|
if (!arrayEqual(newData, oldData)) {
|
|
this.reset();
|
|
}
|
|
},
|
|
autoPlay: function autoPlay(bol) {
|
|
if (bol) {
|
|
this.reset();
|
|
} else {
|
|
this._stopMove();
|
|
}
|
|
}
|
|
},
|
|
beforeCreate: function beforeCreate() {
|
|
this.reqFrame = null;
|
|
this.singleWaitTime = null;
|
|
this.isHover = false;
|
|
this.ease = 'ease-in';
|
|
},
|
|
beforeDestroy: function beforeDestroy() {
|
|
this._cancle();
|
|
clearTimeout(this.singleWaitTime);
|
|
}
|
|
};
|
|
|
|
/***/ }),
|
|
/* 1 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _myClass = __webpack_require__(2);
|
|
|
|
var _myClass2 = _interopRequireDefault(_myClass);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
_myClass2.default.install = function (Vue) {
|
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
|
|
Vue.component(options.componentName || _myClass2.default.name, _myClass2.default);
|
|
};
|
|
|
|
if (typeof window !== 'undefined' && window.Vue) {
|
|
Vue.component(_myClass2.default.name, _myClass2.default);
|
|
}
|
|
|
|
exports.default = _myClass2.default;
|
|
|
|
/***/ }),
|
|
/* 2 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_myClass_vue__ = __webpack_require__(0);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_myClass_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_myClass_vue__);
|
|
/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_myClass_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_myClass_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_f52f2968_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_myClass_vue__ = __webpack_require__(7);
|
|
var disposed = false
|
|
var normalizeComponent = __webpack_require__(3)
|
|
/* script */
|
|
|
|
|
|
/* template */
|
|
|
|
/* template functional */
|
|
var __vue_template_functional__ = false
|
|
/* styles */
|
|
var __vue_styles__ = null
|
|
/* scopeId */
|
|
var __vue_scopeId__ = null
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_myClass_vue___default.a,
|
|
__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_f52f2968_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_myClass_vue__["a" /* default */],
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
Component.options.__file = "src/components/myClass.vue"
|
|
|
|
/* hot reload */
|
|
if (false) {(function () {
|
|
var hotAPI = require("vue-hot-reload-api")
|
|
hotAPI.install(require("vue"), false)
|
|
if (!hotAPI.compatible) return
|
|
module.hot.accept()
|
|
if (!module.hot.data) {
|
|
hotAPI.createRecord("data-v-f52f2968", Component.options)
|
|
} else {
|
|
hotAPI.reload("data-v-f52f2968", Component.options)
|
|
}
|
|
module.hot.dispose(function (data) {
|
|
disposed = true
|
|
})
|
|
})()}
|
|
|
|
/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
/* 3 */
|
|
/***/ (function(module, exports) {
|
|
|
|
/* globals __VUE_SSR_CONTEXT__ */
|
|
|
|
// IMPORTANT: Do NOT use ES2015 features in this file.
|
|
// This module is a runtime utility for cleaner component module output and will
|
|
// be included in the final webpack user bundle.
|
|
|
|
module.exports = function normalizeComponent (
|
|
rawScriptExports,
|
|
compiledTemplate,
|
|
functionalTemplate,
|
|
injectStyles,
|
|
scopeId,
|
|
moduleIdentifier /* server only */
|
|
) {
|
|
var esModule
|
|
var scriptExports = rawScriptExports = rawScriptExports || {}
|
|
|
|
// ES6 modules interop
|
|
var type = typeof rawScriptExports.default
|
|
if (type === 'object' || type === 'function') {
|
|
esModule = rawScriptExports
|
|
scriptExports = rawScriptExports.default
|
|
}
|
|
|
|
// Vue.extend constructor export interop
|
|
var options = typeof scriptExports === 'function'
|
|
? scriptExports.options
|
|
: scriptExports
|
|
|
|
// render functions
|
|
if (compiledTemplate) {
|
|
options.render = compiledTemplate.render
|
|
options.staticRenderFns = compiledTemplate.staticRenderFns
|
|
options._compiled = true
|
|
}
|
|
|
|
// functional template
|
|
if (functionalTemplate) {
|
|
options.functional = true
|
|
}
|
|
|
|
// scopedId
|
|
if (scopeId) {
|
|
options._scopeId = scopeId
|
|
}
|
|
|
|
var hook
|
|
if (moduleIdentifier) { // server build
|
|
hook = function (context) {
|
|
// 2.3 injection
|
|
context =
|
|
context || // cached call
|
|
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
|
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
|
// 2.2 with runInNewContext: true
|
|
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
|
context = __VUE_SSR_CONTEXT__
|
|
}
|
|
// inject component styles
|
|
if (injectStyles) {
|
|
injectStyles.call(this, context)
|
|
}
|
|
// register component module identifier for async chunk inferrence
|
|
if (context && context._registeredComponents) {
|
|
context._registeredComponents.add(moduleIdentifier)
|
|
}
|
|
}
|
|
// used by ssr in case component is cached and beforeCreate
|
|
// never gets called
|
|
options._ssrRegister = hook
|
|
} else if (injectStyles) {
|
|
hook = injectStyles
|
|
}
|
|
|
|
if (hook) {
|
|
var functional = options.functional
|
|
var existing = functional
|
|
? options.render
|
|
: options.beforeCreate
|
|
|
|
if (!functional) {
|
|
// inject component registration as beforeCreate hook
|
|
options.beforeCreate = existing
|
|
? [].concat(existing, hook)
|
|
: [hook]
|
|
} else {
|
|
// for template-only hot-reload because in that case the render fn doesn't
|
|
// go through the normalizer
|
|
options._injectStyles = hook
|
|
// register for functioal component in vue file
|
|
options.render = function renderWithStyleInjection (h, context) {
|
|
hook.call(context)
|
|
return existing(h, context)
|
|
}
|
|
}
|
|
}
|
|
|
|
return {
|
|
esModule: esModule,
|
|
exports: scriptExports,
|
|
options: options
|
|
}
|
|
}
|
|
|
|
|
|
/***/ }),
|
|
/* 4 */
|
|
/***/ (function(module, exports) {
|
|
|
|
/**
|
|
* @desc AnimationFrame简单兼容hack
|
|
*/
|
|
var animationFrame = function animationFrame() {
|
|
window.cancelAnimationFrame = function () {
|
|
return window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || window.msCancelAnimationFrame || function (id) {
|
|
return window.clearTimeout(id);
|
|
};
|
|
}();
|
|
window.requestAnimationFrame = function () {
|
|
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {
|
|
return window.setTimeout(callback, 1000 / 60);
|
|
};
|
|
}();
|
|
};
|
|
|
|
module.exports = animationFrame;
|
|
|
|
/***/ }),
|
|
/* 5 */
|
|
/***/ (function(module, exports) {
|
|
|
|
/**
|
|
* @desc 判断数组是否相等
|
|
* @param {arr1,arr2}
|
|
* @return {Boolean}
|
|
*/
|
|
var arrayEqual = function arrayEqual(arr1, arr2) {
|
|
if (arr1 === arr2) return true;
|
|
if (arr1.length !== arr2.length) return false;
|
|
for (var i = 0; i < arr1.length; ++i) {
|
|
if (arr1[i] !== arr2[i]) return false;
|
|
}
|
|
return true;
|
|
};
|
|
|
|
module.exports = arrayEqual;
|
|
|
|
/***/ }),
|
|
/* 6 */
|
|
/***/ (function(module, exports) {
|
|
|
|
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
|
|
|
|
/**
|
|
* @desc 深浅合并拷贝
|
|
*/
|
|
function copyObj() {
|
|
if (!Array.isArray) {
|
|
Array.isArray = function (arg) {
|
|
return Object.prototype.toString.call(arg) === '[object Array]';
|
|
};
|
|
}
|
|
var name = void 0,
|
|
options = void 0,
|
|
src = void 0,
|
|
copy = void 0,
|
|
copyIsArray = void 0,
|
|
clone = void 0,
|
|
i = 1,
|
|
target = arguments[0] || {},
|
|
// 使用||运算符，排除隐式强制类型转换为false的数据类型
|
|
deep = false,
|
|
len = arguments.length;
|
|
if (typeof target === 'boolean') {
|
|
deep = target;
|
|
target = arguments[1] || {};
|
|
i++;
|
|
}
|
|
if ((typeof target === 'undefined' ? 'undefined' : _typeof(target)) !== 'object' && typeof target !== 'function') {
|
|
target = {};
|
|
}
|
|
// 如果arguments.length === 1 或typeof arguments[0] === 'boolean',且存在arguments[1]，则直接返回target对象
|
|
if (i === len) {
|
|
return target;
|
|
}
|
|
for (; i < len; i++) {
|
|
//所以如果源对象中数据类型为Undefined或Null那么就会跳过本次循环，接着循环下一个源对象
|
|
if ((options = arguments[i]) != null) {
|
|
// 如果遇到源对象的数据类型为Boolean, Number for in循环会被跳过，不执行for in循环// src用于判断target对象是否存在name属性
|
|
for (name in options) {
|
|
// src用于判断target对象是否存在name属性
|
|
src = target[name];
|
|
// 需要复制的属性当前源对象的name属性
|
|
copy = options[name];
|
|
// 判断copy是否是数组
|
|
copyIsArray = Array.isArray(copy);
|
|
// 如果是深复制且copy是一个对象或数组则需要递归直到copy成为一个基本数据类型为止
|
|
if (deep && copy && ((typeof copy === 'undefined' ? 'undefined' : _typeof(copy)) === 'object' || copyIsArray)) {
|
|
if (copyIsArray) {
|
|
copyIsArray = false;
|
|
// 如果目标对象存在name属性且是一个数组
|
|
// 则使用目标对象的name属性，否则重新创建一个数组，用于复制
|
|
clone = src && Array.isArray(src) ? src : [];
|
|
} else {
|
|
// 如果目标对象存在name属性且是一个对象则使用目标对象的name属性，否则重新创建一个对象，用于复制
|
|
clone = src && (typeof src === 'undefined' ? 'undefined' : _typeof(src)) === 'object' ? src : {};
|
|
}
|
|
// 深复制，所以递归调用copyObject函数
|
|
// 返回值为target对象，即clone对象
|
|
// copy是一个源对象
|
|
target[name] = copyObj(deep, clone, copy);
|
|
} else if (copy !== undefined) {
|
|
// 浅复制，直接复制到target对象上
|
|
target[name] = copy;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return target;
|
|
}
|
|
|
|
module.exports = copyObj;
|
|
|
|
/***/ }),
|
|
/* 7 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
var render = function() {
|
|
var _vm = this
|
|
var _h = _vm.$createElement
|
|
var _c = _vm._self._c || _h
|
|
return _c("div", { ref: "wrap" }, [
|
|
_vm.navigation
|
|
? _c(
|
|
"div",
|
|
{
|
|
class: _vm.leftSwitchClass,
|
|
style: _vm.leftSwitch,
|
|
on: { click: _vm.leftSwitchClick }
|
|
},
|
|
[_vm._t("left-switch")],
|
|
2
|
|
)
|
|
: _vm._e(),
|
|
_vm._v(" "),
|
|
_vm.navigation
|
|
? _c(
|
|
"div",
|
|
{
|
|
class: _vm.rightSwitchClass,
|
|
style: _vm.rightSwitch,
|
|
on: { click: _vm.rightSwitchClick }
|
|
},
|
|
[_vm._t("right-switch")],
|
|
2
|
|
)
|
|
: _vm._e(),
|
|
_vm._v(" "),
|
|
_c(
|
|
"div",
|
|
{
|
|
ref: "realBox",
|
|
style: _vm.pos,
|
|
on: {
|
|
mouseenter: _vm.enter,
|
|
mouseleave: _vm.leave,
|
|
touchstart: _vm.touchStart,
|
|
touchmove: _vm.touchMove,
|
|
touchend: _vm.touchEnd
|
|
}
|
|
},
|
|
[
|
|
_c(
|
|
"div",
|
|
{ ref: "slotList", style: _vm.float },
|
|
[_vm._t("default")],
|
|
2
|
|
),
|
|
_vm._v(" "),
|
|
_c("div", {
|
|
style: _vm.float,
|
|
domProps: { innerHTML: _vm._s(_vm.copyHtml) }
|
|
})
|
|
]
|
|
)
|
|
])
|
|
}
|
|
var staticRenderFns = []
|
|
render._withStripped = true
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ __webpack_exports__["a"] = (esExports);
|
|
if (false) {
|
|
module.hot.accept()
|
|
if (module.hot.data) {
|
|
require("vue-hot-reload-api") .rerender("data-v-f52f2968", esExports)
|
|
}
|
|
}
|
|
|
|
/***/ })
|
|
/******/ ])["default"];
|
|
}); |