vue-slider-timer-control 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +16 -16
- package/vue-slider-timer-control.common.js +217 -196
- package/vue-slider-timer-control.common.js.map +1 -1
- package/vue-slider-timer-control.umd.js +202 -181
- package/vue-slider-timer-control.umd.js.map +1 -1
- package/vue-slider-timer-control.umd.min.js +2 -2
- package/vue-slider-timer-control.umd.min.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "vue-slider-timer-control",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "这是一个可自定义的播放器进度条组件",
|
|
5
|
-
"main": "vue-slider-timer-control.common.js",
|
|
6
|
-
"scripts": {
|
|
7
|
-
"test": "echo \"Error: no test specified\" && exit 1"
|
|
8
|
-
},
|
|
9
|
-
"keywords": [
|
|
10
|
-
"vue",
|
|
11
|
-
"vue-slider-component",
|
|
12
|
-
"自定义视频进度条"
|
|
13
|
-
],
|
|
14
|
-
"author": "XinSC",
|
|
15
|
-
"license": "ISC"
|
|
16
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "vue-slider-timer-control",
|
|
3
|
+
"version": "1.0.3",
|
|
4
|
+
"description": "这是一个可自定义的播放器进度条组件",
|
|
5
|
+
"main": "vue-slider-timer-control.common.js",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
8
|
+
},
|
|
9
|
+
"keywords": [
|
|
10
|
+
"vue",
|
|
11
|
+
"vue-slider-component",
|
|
12
|
+
"自定义视频进度条"
|
|
13
|
+
],
|
|
14
|
+
"author": "XinSC",
|
|
15
|
+
"license": "ISC"
|
|
16
|
+
}
|
|
@@ -1,14 +1,6 @@
|
|
|
1
1
|
/******/ (function() { // webpackBootstrap
|
|
2
2
|
/******/ var __webpack_modules__ = ({
|
|
3
3
|
|
|
4
|
-
/***/ 100:
|
|
5
|
-
/***/ (function(module) {
|
|
6
|
-
|
|
7
|
-
"use strict";
|
|
8
|
-
module.exports = require("vue");
|
|
9
|
-
|
|
10
|
-
/***/ }),
|
|
11
|
-
|
|
12
4
|
/***/ 103:
|
|
13
5
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
14
6
|
|
|
@@ -28,6 +20,27 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".vue-slider-disabled{opacity:.5;cursor
|
|
|
28
20
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
29
21
|
|
|
30
22
|
|
|
23
|
+
/***/ }),
|
|
24
|
+
|
|
25
|
+
/***/ 225:
|
|
26
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
27
|
+
|
|
28
|
+
"use strict";
|
|
29
|
+
__webpack_require__.r(__webpack_exports__);
|
|
30
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(601);
|
|
31
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
32
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
|
|
33
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
34
|
+
// Imports
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
38
|
+
// Module
|
|
39
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".time-slider-container[data-v-e98463a8]{position:relative;padding:20px;width:100%;box-sizing:border-box}", ""]);
|
|
40
|
+
// Exports
|
|
41
|
+
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
42
|
+
|
|
43
|
+
|
|
31
44
|
/***/ }),
|
|
32
45
|
|
|
33
46
|
/***/ 238:
|
|
@@ -141,7 +154,7 @@ module.exports = function (cssWithMappingToString) {
|
|
|
141
154
|
/***/ 378:
|
|
142
155
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
143
156
|
|
|
144
|
-
(function(t,e){ true?module.exports=e(__webpack_require__(
|
|
157
|
+
(function(t,e){ true?module.exports=e(__webpack_require__(622)):0})("undefined"!==typeof self?self:this,(function(t){return function(t){var e={};function r(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s="fb15")}({"091b":function(t,e,r){var n=r("24fb");e=n(!1),e.push([t.i,".vue-slider-dot{position:absolute;-webkit-transition:all 0s;transition:all 0s;z-index:5}.vue-slider-dot:focus{outline:none}.vue-slider-dot-tooltip{position:absolute;visibility:hidden}.vue-slider-dot-hover:hover .vue-slider-dot-tooltip,.vue-slider-dot-tooltip-show{visibility:visible}.vue-slider-dot-tooltip-top{top:-10px;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.vue-slider-dot-tooltip-bottom{bottom:-10px;left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.vue-slider-dot-tooltip-left{left:-10px;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.vue-slider-dot-tooltip-right{right:-10px;top:50%;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}",""]),t.exports=e},"24fb":function(t,e,r){"use strict";function n(t,e){var r=t[1]||"",n=t[3];if(!n)return r;if(e&&"function"===typeof btoa){var i=o(n),a=n.sources.map((function(t){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(t," */")}));return[r].concat(a).concat([i]).join("\n")}return[r].join("\n")}function o(t){var e=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(e);return"/*# ".concat(r," */")}t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r=n(e,t);return e[2]?"@media ".concat(e[2]," {").concat(r,"}"):r})).join("")},e.i=function(t,r,n){"string"===typeof t&&(t=[[null,t,""]]);var o={};if(n)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var s=0;s<t.length;s++){var u=[].concat(t[s]);n&&o[u[0]]||(r&&(u[2]?u[2]="".concat(r," and ").concat(u[2]):u[2]=r),e.push(u))}},e}},2638:function(t,e,r){"use strict";function n(){return n=Object.assign||function(t){for(var e,r=1;r<arguments.length;r++)for(var n in e=arguments[r],e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},n.apply(this,arguments)}var o=["attrs","props","domProps"],i=["class","style","directives"],a=["on","nativeOn"],s=function(t){return t.reduce((function(t,e){for(var r in e)if(t[r])if(-1!==o.indexOf(r))t[r]=n({},t[r],e[r]);else if(-1!==i.indexOf(r)){var s=t[r]instanceof Array?t[r]:[t[r]],l=e[r]instanceof Array?e[r]:[e[r]];t[r]=s.concat(l)}else if(-1!==a.indexOf(r))for(var c in e[r])if(t[r][c]){var d=t[r][c]instanceof Array?t[r][c]:[t[r][c]],f=e[r][c]instanceof Array?e[r][c]:[e[r][c]];t[r][c]=d.concat(f)}else t[r][c]=e[r][c];else if("hook"==r)for(var h in e[r])t[r][h]=t[r][h]?u(t[r][h],e[r][h]):e[r][h];else t[r]=e[r];else t[r]=e[r];return t}),{})},u=function(t,e){return function(){t&&t.apply(this,arguments),e&&e.apply(this,arguments)}};t.exports=s},"499e":function(t,e,r){"use strict";function n(t,e){for(var r=[],n={},o=0;o<e.length;o++){var i=e[o],a=i[0],s=i[1],u=i[2],l=i[3],c={id:t+":"+o,css:s,media:u,sourceMap:l};n[a]?n[a].parts.push(c):r.push(n[a]={id:a,parts:[c]})}return r}r.r(e),r.d(e,"default",(function(){return p}));var o="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var i={},a=o&&(document.head||document.getElementsByTagName("head")[0]),s=null,u=0,l=!1,c=function(){},d=null,f="data-vue-ssr-id",h="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function p(t,e,r,o){l=r,d=o||{};var a=n(t,e);return y(a),function(e){for(var r=[],o=0;o<a.length;o++){var s=a[o],u=i[s.id];u.refs--,r.push(u)}e?(a=n(t,e),y(a)):a=[];for(o=0;o<r.length;o++){u=r[o];if(0===u.refs){for(var l=0;l<u.parts.length;l++)u.parts[l]();delete i[u.id]}}}}function y(t){for(var e=0;e<t.length;e++){var r=t[e],n=i[r.id];if(n){n.refs++;for(var o=0;o<n.parts.length;o++)n.parts[o](r.parts[o]);for(;o<r.parts.length;o++)n.parts.push(m(r.parts[o]));n.parts.length>r.parts.length&&(n.parts.length=r.parts.length)}else{var a=[];for(o=0;o<r.parts.length;o++)a.push(m(r.parts[o]));i[r.id]={id:r.id,refs:1,parts:a}}}}function v(){var t=document.createElement("style");return t.type="text/css",a.appendChild(t),t}function m(t){var e,r,n=document.querySelector("style["+f+'~="'+t.id+'"]');if(n){if(l)return c;n.parentNode.removeChild(n)}if(h){var o=u++;n=s||(s=v()),e=g.bind(null,n,o,!1),r=g.bind(null,n,o,!0)}else n=v(),e=k.bind(null,n),r=function(){n.parentNode.removeChild(n)};return e(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;e(t=n)}else r()}}var b=function(){var t=[];return function(e,r){return t[e]=r,t.filter(Boolean).join("\n")}}();function g(t,e,r,n){var o=r?"":n.css;if(t.styleSheet)t.styleSheet.cssText=b(e,o);else{var i=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function k(t,e){var r=e.css,n=e.media,o=e.sourceMap;if(n&&t.setAttribute("media",n),d.ssrId&&t.setAttribute(f,e.id),o&&(r+="\n/*# sourceURL="+o.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=r;else{while(t.firstChild)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}},"4abb":function(t,e,r){var n=r("7a57");"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var o=r("499e").default;o("b2af7572",n,!0,{sourceMap:!1,shadowMode:!1})},"4ed8":function(t,e,r){var n=r("091b");"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var o=r("499e").default;o("2f6bee1a",n,!0,{sourceMap:!1,shadowMode:!1})},"556c":function(t,e,r){var n=r("eef2");"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var o=r("499e").default;o("1209fd47",n,!0,{sourceMap:!1,shadowMode:!1})},"65d9":function(t,e,r){"use strict";
|
|
145
158
|
/**
|
|
146
159
|
* vue-class-component v7.0.1
|
|
147
160
|
* (c) 2015-present Evan You
|
|
@@ -151,24 +164,19 @@ module.exports = function (cssWithMappingToString) {
|
|
|
151
164
|
|
|
152
165
|
/***/ }),
|
|
153
166
|
|
|
154
|
-
/***/
|
|
155
|
-
/***/ (function(module,
|
|
156
|
-
|
|
157
|
-
"use strict";
|
|
158
|
-
__webpack_require__.r(__webpack_exports__);
|
|
159
|
-
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(601);
|
|
160
|
-
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
161
|
-
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
|
|
162
|
-
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
163
|
-
// Imports
|
|
164
|
-
|
|
167
|
+
/***/ 458:
|
|
168
|
+
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
165
169
|
|
|
166
|
-
|
|
167
|
-
// Module
|
|
168
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".time-slider-container[data-v-2836fa1c]{position:relative;padding:20px;width:100%;box-sizing:border-box}", ""]);
|
|
169
|
-
// Exports
|
|
170
|
-
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
170
|
+
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
171
171
|
|
|
172
|
+
// load the styles
|
|
173
|
+
var content = __webpack_require__(225);
|
|
174
|
+
if(content.__esModule) content = content.default;
|
|
175
|
+
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
176
|
+
if(content.locals) module.exports = content.locals;
|
|
177
|
+
// add the styles to the DOM
|
|
178
|
+
var add = (__webpack_require__(548)/* ["default"] */ .A)
|
|
179
|
+
var update = add("11ad13bc", content, true, {"sourceMap":false,"shadowMode":false});
|
|
172
180
|
|
|
173
181
|
/***/ }),
|
|
174
182
|
|
|
@@ -436,22 +444,6 @@ function applyToTag (styleElement, obj) {
|
|
|
436
444
|
}
|
|
437
445
|
|
|
438
446
|
|
|
439
|
-
/***/ }),
|
|
440
|
-
|
|
441
|
-
/***/ 592:
|
|
442
|
-
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
443
|
-
|
|
444
|
-
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
445
|
-
|
|
446
|
-
// load the styles
|
|
447
|
-
var content = __webpack_require__(419);
|
|
448
|
-
if(content.__esModule) content = content.default;
|
|
449
|
-
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
450
|
-
if(content.locals) module.exports = content.locals;
|
|
451
|
-
// add the styles to the DOM
|
|
452
|
-
var add = (__webpack_require__(548)/* ["default"] */ .A)
|
|
453
|
-
var update = add("7ee65530", content, true, {"sourceMap":false,"shadowMode":false});
|
|
454
|
-
|
|
455
447
|
/***/ }),
|
|
456
448
|
|
|
457
449
|
/***/ 601:
|
|
@@ -464,6 +456,14 @@ module.exports = function (i) {
|
|
|
464
456
|
return i[1];
|
|
465
457
|
};
|
|
466
458
|
|
|
459
|
+
/***/ }),
|
|
460
|
+
|
|
461
|
+
/***/ 622:
|
|
462
|
+
/***/ (function(module) {
|
|
463
|
+
|
|
464
|
+
"use strict";
|
|
465
|
+
module.exports = require("vue");
|
|
466
|
+
|
|
467
467
|
/***/ })
|
|
468
468
|
|
|
469
469
|
/******/ });
|
|
@@ -569,8 +569,8 @@ if (typeof window !== 'undefined') {
|
|
|
569
569
|
// Indicate to webpack that this file can be concatenated
|
|
570
570
|
/* harmony default export */ var setPublicPath = (null);
|
|
571
571
|
|
|
572
|
-
;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/VueSliderTimerControl/index.vue?vue&type=template&id=
|
|
573
|
-
var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"sliderWrapper",staticClass:"time-slider-container"},[(_vm.showCurrentTime)?_c('div',{staticClass:"time-label",style:(_vm.timeLabelStyle)},[_vm._v(" "+_vm._s(_vm.formattedTime)+" ")]):_vm._e(),_c('vue-slider',{ref:"slider",attrs:{"min":_vm.min,"max":_vm.max,"step":_vm.step,"tooltip":_vm.tooltip,"tooltip-formatter":_vm.tooltipFormatter || _vm.formatTooltip,"rail-style":_vm.railStyle,"process-style":_vm.processStyle,"dot-style":_vm.dotStyle},on:{"change":_vm.handleSeek},model:{value:(_vm.currentSecond),callback:function ($$v) {_vm.currentSecond=$$v},expression:"currentSecond"}}),(_vm.showHoverTooltip && _vm.hoverVisible)?_c('div',{style:([_vm.hoverTooltipStyle, { left: _vm.hoverX + 'px' }])},[_vm._v(" "+_vm._s((_vm.tooltipFormatter || _vm.formatTooltip)(_vm.hoverSecond))+" ")]):_vm._e(),(_vm.showTickLabels)?_c('div',{staticClass:"tick-labels",style:(_vm.tickLabelsStyle)},_vm._l((_vm.tickLabels),function(label){return _c('span',{key:label},[_vm._v(_vm._s(label))])}),0):_vm._e()],1)
|
|
572
|
+
;// ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/VueSliderTimerControl/index.vue?vue&type=template&id=e98463a8&scoped=true
|
|
573
|
+
var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"sliderWrapper",staticClass:"time-slider-container"},[(_vm.showCurrentTime)?_c('div',{staticClass:"time-label",style:(_vm.timeLabelStyle)},[_vm._v(" "+_vm._s(_vm.formattedTime)+" ")]):_vm._e(),_c('vue-slider',{ref:"slider",attrs:{"min":_vm.min,"max":_vm.max,"step":_vm.step,"tooltip":_vm.tooltip,"tooltip-formatter":_vm.tooltipFormatter || _vm.formatTooltip,"rail-style":_vm.railStyle,"process-style":_vm.processStyle,"dot-style":_vm.dotStyle},on:{"drag-start":_vm.onDragStart,"drag-end":_vm.onDragEnd,"change":_vm.handleSeek},model:{value:(_vm.currentSecond),callback:function ($$v) {_vm.currentSecond=$$v},expression:"currentSecond"}}),(_vm.showHoverTooltip && _vm.hoverVisible)?_c('div',{style:([_vm.hoverTooltipStyle, { left: _vm.hoverX + 'px' }])},[_vm._v(" "+_vm._s((_vm.tooltipFormatter || _vm.formatTooltip)(_vm.hoverSecond))+" ")]):_vm._e(),(_vm.showTickLabels)?_c('div',{staticClass:"tick-labels",style:(_vm.tickLabelsStyle)},_vm._l((_vm.tickLabels),function(label){return _c('span',{key:label},[_vm._v(_vm._s(label))])}),0):_vm._e()],1)
|
|
574
574
|
}
|
|
575
575
|
var staticRenderFns = []
|
|
576
576
|
|
|
@@ -580,162 +580,182 @@ var vue_slider_component_umd_min = __webpack_require__(378);
|
|
|
580
580
|
var vue_slider_component_umd_min_default = /*#__PURE__*/__webpack_require__.n(vue_slider_component_umd_min);
|
|
581
581
|
// EXTERNAL MODULE: ./node_modules/vue-slider-component/theme/default.css
|
|
582
582
|
var theme_default = __webpack_require__(238);
|
|
583
|
-
;// ./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/VueSliderTimerControl/index.vue?vue&type=script&lang=js
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
/* harmony default export */ var VueSliderTimerControlvue_type_script_lang_js = ({
|
|
589
|
-
name: "
|
|
590
|
-
components: { VueSlider: (vue_slider_component_umd_min_default()) },
|
|
591
|
-
props: {
|
|
592
|
-
min: { type: Number, default: 0 },
|
|
593
|
-
max: { type: Number, default: 86400 },
|
|
594
|
-
step: { type: Number, default: 1 },
|
|
595
|
-
currentTime: { type: Number, default: 0 },
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
},
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
},
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
type: Object,
|
|
651
|
-
default: () => ({ backgroundColor: "#
|
|
652
|
-
},
|
|
653
|
-
|
|
654
|
-
type: Object,
|
|
655
|
-
default: () => ({ backgroundColor: "#409EFF" }),
|
|
656
|
-
},
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
},
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
rail.addEventListener("
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
const
|
|
706
|
-
const
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
const
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
const rect = rail.getBoundingClientRect();
|
|
715
|
-
const offsetX = e.clientX - rect.left;
|
|
716
|
-
const ratio = Math.min(Math.max(offsetX / rect.width, 0), 1);
|
|
717
|
-
const second = Math.round((this.max - this.min) * ratio + this.min);
|
|
718
|
-
|
|
719
|
-
this.hoverVisible = true;
|
|
720
|
-
this.hoverX = offsetX;
|
|
721
|
-
this.hoverSecond = second;
|
|
722
|
-
},
|
|
723
|
-
hideHoverTime() {
|
|
724
|
-
this.hoverVisible = false;
|
|
725
|
-
},
|
|
726
|
-
|
|
727
|
-
this
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
583
|
+
;// ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/VueSliderTimerControl/index.vue?vue&type=script&lang=js
|
|
584
|
+
|
|
585
|
+
|
|
586
|
+
|
|
587
|
+
|
|
588
|
+
/* harmony default export */ var VueSliderTimerControlvue_type_script_lang_js = ({
|
|
589
|
+
name: "VueVideoTimerControl",
|
|
590
|
+
components: { VueSlider: (vue_slider_component_umd_min_default()) },
|
|
591
|
+
props: {
|
|
592
|
+
min: { type: Number, default: 0 },
|
|
593
|
+
max: { type: Number, default: 86400 },
|
|
594
|
+
step: { type: Number, default: 1 },
|
|
595
|
+
currentTime: { type: Number, default: 0 },
|
|
596
|
+
// 是否显示当前时间
|
|
597
|
+
showCurrentTime: { type: Boolean, default: false },
|
|
598
|
+
// 当前时间样式
|
|
599
|
+
timeLabelStyle: {
|
|
600
|
+
type: Object,
|
|
601
|
+
default: () => ({
|
|
602
|
+
textAlign: "center",
|
|
603
|
+
fontSize: "18px",
|
|
604
|
+
fontWeight: "500",
|
|
605
|
+
marginBottom: "10px",
|
|
606
|
+
}),
|
|
607
|
+
},
|
|
608
|
+
// hover 提示是否显示
|
|
609
|
+
showHoverTooltip: { type: Boolean, default: true },
|
|
610
|
+
hoverTooltipStyle: {
|
|
611
|
+
type: Object,
|
|
612
|
+
default: () => ({
|
|
613
|
+
position: "absolute",
|
|
614
|
+
top: "58px",
|
|
615
|
+
transform: "translateY(-70%)",
|
|
616
|
+
backgroundColor: "rgba(0, 0, 0, 0.75)",
|
|
617
|
+
color: "#fff",
|
|
618
|
+
padding: "2px 6px",
|
|
619
|
+
borderRadius: "4px",
|
|
620
|
+
fontSize: "12px",
|
|
621
|
+
pointerEvents: "none",
|
|
622
|
+
whiteSpace: "nowrap",
|
|
623
|
+
zIndex: 10,
|
|
624
|
+
}),
|
|
625
|
+
},
|
|
626
|
+
|
|
627
|
+
// 是否显示刻度
|
|
628
|
+
showTickLabels: { type: Boolean, default: false },
|
|
629
|
+
tickLabels: {
|
|
630
|
+
type: Array,
|
|
631
|
+
default: () => ["00:00", "12:00", "24:00"],
|
|
632
|
+
},
|
|
633
|
+
tickLabelsStyle: {
|
|
634
|
+
type: Object,
|
|
635
|
+
default: () => ({
|
|
636
|
+
display: "flex",
|
|
637
|
+
justifyContent: "space-between",
|
|
638
|
+
fontSize: "14px",
|
|
639
|
+
color: "#666",
|
|
640
|
+
marginTop: "6px",
|
|
641
|
+
padding: "0 2px",
|
|
642
|
+
}),
|
|
643
|
+
},
|
|
644
|
+
// 滑块样式配置
|
|
645
|
+
railStyle: {
|
|
646
|
+
type: Object,
|
|
647
|
+
default: () => ({ backgroundColor: "#d3d3d3" }),
|
|
648
|
+
},
|
|
649
|
+
processStyle: {
|
|
650
|
+
type: Object,
|
|
651
|
+
default: () => ({ backgroundColor: "#409EFF" }),
|
|
652
|
+
},
|
|
653
|
+
dotStyle: {
|
|
654
|
+
type: Object,
|
|
655
|
+
default: () => ({ backgroundColor: "#409EFF", border: "none" }),
|
|
656
|
+
},
|
|
657
|
+
|
|
658
|
+
tooltip: { type: [Boolean, String], default: "always" },
|
|
659
|
+
tooltipFormatter: { type: Function, default: null },
|
|
660
|
+
},
|
|
661
|
+
data() {
|
|
662
|
+
return {
|
|
663
|
+
rawSecond: 0,
|
|
664
|
+
hoverVisible: false,
|
|
665
|
+
hoverSecond: 0,
|
|
666
|
+
hoverX: 0,
|
|
667
|
+
isDragging: false, // 拖动标志
|
|
668
|
+
};
|
|
669
|
+
},
|
|
670
|
+
computed: {
|
|
671
|
+
currentSecond: {
|
|
672
|
+
get() {
|
|
673
|
+
return this.rawSecond;
|
|
674
|
+
},
|
|
675
|
+
set(val) {
|
|
676
|
+
this.rawSecond = val;
|
|
677
|
+
// this.$emit("seek", val);
|
|
678
|
+
},
|
|
679
|
+
},
|
|
680
|
+
formattedTime() {
|
|
681
|
+
return (this.tooltipFormatter || this.formatTooltip)(this.currentSecond);
|
|
682
|
+
},
|
|
683
|
+
},
|
|
684
|
+
watch: {
|
|
685
|
+
currentTime(val) {
|
|
686
|
+
if (!this.isDragging && val !== this.rawSecond) {
|
|
687
|
+
this.rawSecond = val;
|
|
688
|
+
}
|
|
689
|
+
},
|
|
690
|
+
},
|
|
691
|
+
mounted() {
|
|
692
|
+
this.$nextTick(() => {
|
|
693
|
+
const slider = this.$refs.slider;
|
|
694
|
+
const sliderEl = slider && slider.$el;
|
|
695
|
+
const rail = sliderEl && sliderEl.querySelector(".vue-slider-rail");
|
|
696
|
+
if (rail && this.showHoverTooltip) {
|
|
697
|
+
rail.addEventListener("mousemove", this.handleHover);
|
|
698
|
+
rail.addEventListener("mouseleave", this.hideHoverTime);
|
|
699
|
+
}
|
|
700
|
+
});
|
|
701
|
+
},
|
|
702
|
+
methods: {
|
|
703
|
+
formatTooltip(val) {
|
|
704
|
+
const h = String(Math.floor(val / 3600)).padStart(2, "0");
|
|
705
|
+
const m = String(Math.floor((val % 3600) / 60)).padStart(2, "0");
|
|
706
|
+
const s = String(val % 60).padStart(2, "0");
|
|
707
|
+
return `${h}:${m}:${s}`;
|
|
708
|
+
},
|
|
709
|
+
handleHover(e) {
|
|
710
|
+
const slider = this.$refs.slider;
|
|
711
|
+
const sliderEl = slider && slider.$el;
|
|
712
|
+
const rail = sliderEl && sliderEl.querySelector(".vue-slider-rail");
|
|
713
|
+
if (!rail) return;
|
|
714
|
+
const rect = rail.getBoundingClientRect();
|
|
715
|
+
const offsetX = e.clientX - rect.left;
|
|
716
|
+
const ratio = Math.min(Math.max(offsetX / rect.width, 0), 1);
|
|
717
|
+
const second = Math.round((this.max - this.min) * ratio + this.min);
|
|
718
|
+
|
|
719
|
+
this.hoverVisible = true;
|
|
720
|
+
this.hoverX = offsetX;
|
|
721
|
+
this.hoverSecond = second;
|
|
722
|
+
},
|
|
723
|
+
hideHoverTime() {
|
|
724
|
+
this.hoverVisible = false;
|
|
725
|
+
},
|
|
726
|
+
onDragStart() {
|
|
727
|
+
this.isDragging = true;
|
|
728
|
+
this.$emit("dragging-change", true); // 通知父组件开始拖动
|
|
729
|
+
},
|
|
730
|
+
onDragEnd() {
|
|
731
|
+
this.isDragging = false;
|
|
732
|
+
this.$emit("dragging-change", false); // 通知父组件结束拖动
|
|
733
|
+
this.$emit("seek", this.rawSecond); // 拖动结束时手动触发
|
|
734
|
+
},
|
|
735
|
+
handleSeek(val, index) {
|
|
736
|
+
if (!this.isDragging) {
|
|
737
|
+
this.rawSecond = val;
|
|
738
|
+
this.$emit("seek", val); // 点击轨道时触发
|
|
739
|
+
}
|
|
740
|
+
// 拖动中不触发
|
|
741
|
+
},
|
|
742
|
+
// onDragging(val, index) {
|
|
743
|
+
// console.log(val, index, "dragging");
|
|
744
|
+
// },
|
|
745
|
+
// // 只要轨道落点变了就出发用于该组件的change监听(点击的时候可用但是拖动触发太频繁需要节流)
|
|
746
|
+
// handleSeek(val) {
|
|
747
|
+
// this.$emit("seek", val);
|
|
748
|
+
// },
|
|
749
|
+
},
|
|
750
|
+
});
|
|
731
751
|
|
|
732
752
|
;// ./src/components/VueSliderTimerControl/index.vue?vue&type=script&lang=js
|
|
733
753
|
/* harmony default export */ var components_VueSliderTimerControlvue_type_script_lang_js = (VueSliderTimerControlvue_type_script_lang_js);
|
|
734
|
-
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/VueSliderTimerControl/index.vue?vue&type=style&index=0&id=
|
|
735
|
-
var
|
|
736
|
-
;// ./src/components/VueSliderTimerControl/index.vue?vue&type=style&index=0&id=
|
|
754
|
+
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/VueSliderTimerControl/index.vue?vue&type=style&index=0&id=e98463a8&prod&scoped=true&lang=css
|
|
755
|
+
var VueSliderTimerControlvue_type_style_index_0_id_e98463a8_prod_scoped_true_lang_css = __webpack_require__(458);
|
|
756
|
+
;// ./src/components/VueSliderTimerControl/index.vue?vue&type=style&index=0&id=e98463a8&prod&scoped=true&lang=css
|
|
737
757
|
|
|
738
|
-
;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
758
|
+
;// ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
739
759
|
/* globals __VUE_SSR_CONTEXT__ */
|
|
740
760
|
|
|
741
761
|
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
|
|
@@ -848,7 +868,7 @@ var component = normalizeComponent(
|
|
|
848
868
|
staticRenderFns,
|
|
849
869
|
false,
|
|
850
870
|
null,
|
|
851
|
-
"
|
|
871
|
+
"e98463a8",
|
|
852
872
|
null
|
|
853
873
|
|
|
854
874
|
)
|
|
@@ -858,6 +878,7 @@ var component = normalizeComponent(
|
|
|
858
878
|
// 这个文件是插件的入口文件,它的作用是将插件注册到Vue中,这样就可以在Vue的任何组件中使用插件了。
|
|
859
879
|
|
|
860
880
|
//import vue文件的name from 路径
|
|
881
|
+
// 导入组件,SDK通过webpack.ProvidePlugin提供为全局变量
|
|
861
882
|
|
|
862
883
|
|
|
863
884
|
const components = [VueSliderTimerControl];
|