@phoenix-cg/v-tabs 0.1.15 → 0.1.16
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/dist/v-tabs.common.js +10 -19
- package/dist/v-tabs.common.js.map +1 -1
- package/dist/v-tabs.umd.js +10 -19
- package/dist/v-tabs.umd.js.map +1 -1
- package/dist/v-tabs.umd.min.js +1 -1
- package/dist/v-tabs.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/VTabs.vue +6 -13
package/dist/v-tabs.common.js
CHANGED
|
@@ -5745,7 +5745,7 @@ if (typeof window !== 'undefined') {
|
|
|
5745
5745
|
// Indicate to webpack that this file can be concatenated
|
|
5746
5746
|
/* harmony default export */ var setPublicPath = (null);
|
|
5747
5747
|
|
|
5748
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
5748
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"293500e2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VTabs.vue?vue&type=template&id=5baf6b67&
|
|
5749
5749
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"v-tabs",class:[("__" + _vm.direction)]},[_c('div',{staticClass:"v-tabs_inner"},_vm._l((_vm.list),function(tab){return _c('div',{key:tab[_vm.trackBy],ref:"tabs",refInFor:true,staticClass:"v-tabs_tab",class:{
|
|
5750
5750
|
__active: _vm.value && _vm.value[_vm.trackBy] === tab[_vm.trackBy],
|
|
5751
5751
|
_disabled: tab && tab._disabled
|
|
@@ -5753,7 +5753,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
|
|
|
5753
5753
|
var staticRenderFns = []
|
|
5754
5754
|
|
|
5755
5755
|
|
|
5756
|
-
// CONCATENATED MODULE: ./src/components/VTabs.vue?vue&type=template&id=
|
|
5756
|
+
// CONCATENATED MODULE: ./src/components/VTabs.vue?vue&type=template&id=5baf6b67&
|
|
5757
5757
|
|
|
5758
5758
|
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
|
|
5759
5759
|
function _arrayWithHoles(arr) {
|
|
@@ -6007,6 +6007,11 @@ var es_array_find = __webpack_require__("7db0");
|
|
|
6007
6007
|
sliderStyle: {}
|
|
6008
6008
|
};
|
|
6009
6009
|
},
|
|
6010
|
+
watch: {
|
|
6011
|
+
value: function value() {
|
|
6012
|
+
this.withSlider && this.calcSlider();
|
|
6013
|
+
}
|
|
6014
|
+
},
|
|
6010
6015
|
mounted: function mounted() {
|
|
6011
6016
|
var _this = this;
|
|
6012
6017
|
|
|
@@ -6021,11 +6026,6 @@ var es_array_find = __webpack_require__("7db0");
|
|
|
6021
6026
|
tab && this.handleTabSelect(tab);
|
|
6022
6027
|
}
|
|
6023
6028
|
},
|
|
6024
|
-
watch: {
|
|
6025
|
-
value: function value() {
|
|
6026
|
-
this.withSlider && this.calcSlider();
|
|
6027
|
-
}
|
|
6028
|
-
},
|
|
6029
6029
|
methods: {
|
|
6030
6030
|
handleTabSelect: function handleTabSelect(tab) {
|
|
6031
6031
|
this.$emit('input', tab);
|
|
@@ -6035,7 +6035,7 @@ var es_array_find = __webpack_require__("7db0");
|
|
|
6035
6035
|
var _this2 = this;
|
|
6036
6036
|
|
|
6037
6037
|
return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
6038
|
-
var _this2$$el$getBoundin, tabsLeft, _this2$$el$getElement, _this2$$el$getElement2, currentTabEl, _currentTabEl$getBoun, currentTabLeft, width,
|
|
6038
|
+
var _this2$$el$getBoundin, tabsLeft, _this2$$el$getElement, _this2$$el$getElement2, currentTabEl, _currentTabEl$getBoun, currentTabLeft, width, tabsLeftScroll, leftPoisiton;
|
|
6039
6039
|
|
|
6040
6040
|
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
6041
6041
|
while (1) {
|
|
@@ -6056,23 +6056,14 @@ var es_array_find = __webpack_require__("7db0");
|
|
|
6056
6056
|
_this2$$el$getBoundin = _this2.$el.getBoundingClientRect(), tabsLeft = _this2$$el$getBoundin.left;
|
|
6057
6057
|
_this2$$el$getElement = _this2.$el.getElementsByClassName('__active'), _this2$$el$getElement2 = _slicedToArray(_this2$$el$getElement, 1), currentTabEl = _this2$$el$getElement2[0];
|
|
6058
6058
|
_currentTabEl$getBoun = currentTabEl.getBoundingClientRect(), currentTabLeft = _currentTabEl$getBoun.left, width = _currentTabEl$getBoun.width;
|
|
6059
|
-
widthTabs = _this2.$el.scrollWidth;
|
|
6060
|
-
screenWidth = window.innerWidth;
|
|
6061
6059
|
tabsLeftScroll = _this2.$el.scrollLeft;
|
|
6062
|
-
leftPoisiton =
|
|
6063
|
-
|
|
6064
|
-
if (widthTabs > screenWidth) {
|
|
6065
|
-
leftPoisiton = currentTabLeft + tabsLeftScroll - tabsLeft;
|
|
6066
|
-
} else {
|
|
6067
|
-
leftPoisiton = currentTabLeft - tabsLeft;
|
|
6068
|
-
}
|
|
6069
|
-
|
|
6060
|
+
leftPoisiton = currentTabLeft + tabsLeftScroll - tabsLeft;
|
|
6070
6061
|
_this2.sliderStyle = {
|
|
6071
6062
|
transform: "translateX(".concat(leftPoisiton, "px)"),
|
|
6072
6063
|
width: "".concat(width, "px")
|
|
6073
6064
|
};
|
|
6074
6065
|
|
|
6075
|
-
case
|
|
6066
|
+
case 10:
|
|
6076
6067
|
case "end":
|
|
6077
6068
|
return _context.stop();
|
|
6078
6069
|
}
|