vdesign-ui 0.1.12 → 0.1.14
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/components/datetime-picker/style.less +0 -1
- package/dist/components/tabs/index.vue +30 -41
- package/dist/components/tabs/tab/index.vue +25 -17
- package/dist/vdesign-ui.common.js +89 -86
- package/dist/vdesign-ui.umd.js +89 -86
- package/dist/vdesign-ui.umd.min.js +3 -3
- package/package.json +1 -1
package/dist/vdesign-ui.umd.js
CHANGED
|
@@ -187,6 +187,17 @@ exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDes
|
|
|
187
187
|
};
|
|
188
188
|
|
|
189
189
|
|
|
190
|
+
/***/ }),
|
|
191
|
+
|
|
192
|
+
/***/ "06f4":
|
|
193
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
194
|
+
|
|
195
|
+
"use strict";
|
|
196
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_784ba21a_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ca10");
|
|
197
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_784ba21a_prod_lang_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_784ba21a_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
|
|
198
|
+
/* unused harmony reexport * */
|
|
199
|
+
|
|
200
|
+
|
|
190
201
|
/***/ }),
|
|
191
202
|
|
|
192
203
|
/***/ "07b7":
|
|
@@ -9042,17 +9053,6 @@ module.exports = version;
|
|
|
9042
9053
|
|
|
9043
9054
|
// extracted by mini-css-extract-plugin
|
|
9044
9055
|
|
|
9045
|
-
/***/ }),
|
|
9046
|
-
|
|
9047
|
-
/***/ "2ec8":
|
|
9048
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
9049
|
-
|
|
9050
|
-
"use strict";
|
|
9051
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1e9bc0ee_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8267");
|
|
9052
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1e9bc0ee_prod_lang_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1e9bc0ee_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
|
|
9053
|
-
/* unused harmony reexport * */
|
|
9054
|
-
|
|
9055
|
-
|
|
9056
9056
|
/***/ }),
|
|
9057
9057
|
|
|
9058
9058
|
/***/ "2fdd":
|
|
@@ -10222,13 +10222,6 @@ module.exports = function (argument) {
|
|
|
10222
10222
|
};
|
|
10223
10223
|
|
|
10224
10224
|
|
|
10225
|
-
/***/ }),
|
|
10226
|
-
|
|
10227
|
-
/***/ "8267":
|
|
10228
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
10229
|
-
|
|
10230
|
-
// extracted by mini-css-extract-plugin
|
|
10231
|
-
|
|
10232
10225
|
/***/ }),
|
|
10233
10226
|
|
|
10234
10227
|
/***/ "82de":
|
|
@@ -11148,6 +11141,13 @@ module.exports = g;
|
|
|
11148
11141
|
/* unused harmony reexport * */
|
|
11149
11142
|
|
|
11150
11143
|
|
|
11144
|
+
/***/ }),
|
|
11145
|
+
|
|
11146
|
+
/***/ "ca10":
|
|
11147
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
11148
|
+
|
|
11149
|
+
// extracted by mini-css-extract-plugin
|
|
11150
|
+
|
|
11151
11151
|
/***/ }),
|
|
11152
11152
|
|
|
11153
11153
|
/***/ "ca84":
|
|
@@ -15240,8 +15240,8 @@ var component = normalizeComponent(
|
|
|
15240
15240
|
)
|
|
15241
15241
|
|
|
15242
15242
|
/* harmony default export */ var components_button = (component.exports);
|
|
15243
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"82037bd6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/tabs/index.vue?vue&type=template&id=
|
|
15244
|
-
var
|
|
15243
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"82037bd6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/tabs/index.vue?vue&type=template&id=784ba21a
|
|
15244
|
+
var tabsvue_type_template_id_784ba21a_render = function render() {
|
|
15245
15245
|
var _vm = this,
|
|
15246
15246
|
_c = _vm._self._c;
|
|
15247
15247
|
return _c('div', {
|
|
@@ -15285,20 +15285,16 @@ var tabsvue_type_template_id_1e9bc0ee_render = function render() {
|
|
|
15285
15285
|
staticClass: "vd-tabs__content"
|
|
15286
15286
|
}, [_vm._t("default")], 2)]);
|
|
15287
15287
|
};
|
|
15288
|
-
var
|
|
15288
|
+
var tabsvue_type_template_id_784ba21a_staticRenderFns = [];
|
|
15289
15289
|
|
|
15290
|
-
// CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=template&id=
|
|
15291
|
-
|
|
15292
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
|
|
15293
|
-
var es_array_push = __webpack_require__("14d9");
|
|
15290
|
+
// CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=template&id=784ba21a
|
|
15294
15291
|
|
|
15295
15292
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/tabs/index.vue?vue&type=script&lang=js
|
|
15296
|
-
|
|
15297
15293
|
const prefixCls = "vd-tabs";
|
|
15298
15294
|
/* harmony default export */ var tabsvue_type_script_lang_js = ({
|
|
15299
15295
|
name: "vd-tabs",
|
|
15300
15296
|
props: {
|
|
15301
|
-
value: [String, Number
|
|
15297
|
+
value: [String, Number],
|
|
15302
15298
|
tabsType: {
|
|
15303
15299
|
type: String,
|
|
15304
15300
|
default: "primary"
|
|
@@ -15366,39 +15362,30 @@ const prefixCls = "vd-tabs";
|
|
|
15366
15362
|
this.$emit('menu-click');
|
|
15367
15363
|
},
|
|
15368
15364
|
tabClasses(item) {
|
|
15369
|
-
|
|
15370
|
-
|
|
15371
|
-
|
|
15372
|
-
|
|
15373
|
-
active = `${prefixCls}-${tabsType}-active`;
|
|
15374
|
-
}
|
|
15375
|
-
return [tabsBaseClass, active];
|
|
15365
|
+
return {
|
|
15366
|
+
[`${prefixCls}-${this.tabsType}`]: true,
|
|
15367
|
+
[`${prefixCls}-${this.tabsType}-active`]: item.name === this.currentValue
|
|
15368
|
+
};
|
|
15376
15369
|
},
|
|
15377
15370
|
getTabs() {
|
|
15378
|
-
|
|
15371
|
+
const tabs = this.$children.filter(item => item.$options.name === "vd-tab");
|
|
15372
|
+
return tabs;
|
|
15379
15373
|
},
|
|
15380
15374
|
updateNav() {
|
|
15381
|
-
this.navList =
|
|
15382
|
-
|
|
15383
|
-
|
|
15384
|
-
|
|
15385
|
-
|
|
15386
|
-
|
|
15387
|
-
|
|
15388
|
-
|
|
15389
|
-
pane.name = index;
|
|
15390
|
-
}
|
|
15391
|
-
if (index == 0) {
|
|
15392
|
-
if (!this.currentValue) {
|
|
15393
|
-
this.currentValue = pane.name || index;
|
|
15394
|
-
}
|
|
15395
|
-
}
|
|
15396
|
-
});
|
|
15375
|
+
this.navList = this.getTabs().map((pane, index) => ({
|
|
15376
|
+
title: pane.title,
|
|
15377
|
+
name: pane.name || index,
|
|
15378
|
+
arrow: pane.arrow
|
|
15379
|
+
}));
|
|
15380
|
+
if (!this.currentValue) {
|
|
15381
|
+
this.currentValue = this.navList[0].name;
|
|
15382
|
+
}
|
|
15397
15383
|
this.updateStatus();
|
|
15398
15384
|
},
|
|
15399
15385
|
updateStatus() {
|
|
15400
15386
|
this.getTabs().forEach(tab => {
|
|
15401
|
-
|
|
15387
|
+
console.log(tab.localName);
|
|
15388
|
+
tab.show = tab.localName === this.currentValue;
|
|
15402
15389
|
});
|
|
15403
15390
|
},
|
|
15404
15391
|
handleChange(index) {
|
|
@@ -15413,18 +15400,7 @@ const prefixCls = "vd-tabs";
|
|
|
15413
15400
|
name: name
|
|
15414
15401
|
};
|
|
15415
15402
|
this.$emit('change', eventData);
|
|
15416
|
-
|
|
15417
|
-
const selectedTab = container.children[index];
|
|
15418
|
-
if (selectedTab) {
|
|
15419
|
-
const containerWidth = container.offsetWidth;
|
|
15420
|
-
const tabWidth = selectedTab.offsetWidth;
|
|
15421
|
-
const tabOffsetLeft = selectedTab.offsetLeft;
|
|
15422
|
-
const scrollLeft = tabOffsetLeft - (containerWidth - tabWidth) / 2;
|
|
15423
|
-
container.scrollTo({
|
|
15424
|
-
left: scrollLeft,
|
|
15425
|
-
behavior: "smooth"
|
|
15426
|
-
});
|
|
15427
|
-
}
|
|
15403
|
+
this.adjustTabPosition(index);
|
|
15428
15404
|
}
|
|
15429
15405
|
const eventData = {
|
|
15430
15406
|
index: index,
|
|
@@ -15432,6 +15408,20 @@ const prefixCls = "vd-tabs";
|
|
|
15432
15408
|
name: name
|
|
15433
15409
|
};
|
|
15434
15410
|
this.$emit("click", eventData);
|
|
15411
|
+
},
|
|
15412
|
+
adjustTabPosition(index) {
|
|
15413
|
+
const container = this.$refs.tabsContainer;
|
|
15414
|
+
const selectedTab = container.children[index];
|
|
15415
|
+
if (selectedTab) {
|
|
15416
|
+
const containerWidth = container.offsetWidth;
|
|
15417
|
+
const tabWidth = selectedTab.offsetWidth;
|
|
15418
|
+
const tabOffsetLeft = selectedTab.offsetLeft;
|
|
15419
|
+
const scrollLeft = tabOffsetLeft - (containerWidth - tabWidth) / 2;
|
|
15420
|
+
container.scrollTo({
|
|
15421
|
+
left: scrollLeft,
|
|
15422
|
+
behavior: "smooth"
|
|
15423
|
+
});
|
|
15424
|
+
}
|
|
15435
15425
|
}
|
|
15436
15426
|
},
|
|
15437
15427
|
mounted() {
|
|
@@ -15441,8 +15431,8 @@ const prefixCls = "vd-tabs";
|
|
|
15441
15431
|
});
|
|
15442
15432
|
// CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=script&lang=js
|
|
15443
15433
|
/* harmony default export */ var components_tabsvue_type_script_lang_js = (tabsvue_type_script_lang_js);
|
|
15444
|
-
// EXTERNAL MODULE: ./packages/components/tabs/index.vue?vue&type=style&index=0&id=
|
|
15445
|
-
var
|
|
15434
|
+
// EXTERNAL MODULE: ./packages/components/tabs/index.vue?vue&type=style&index=0&id=784ba21a&prod&lang=less
|
|
15435
|
+
var tabsvue_type_style_index_0_id_784ba21a_prod_lang_less = __webpack_require__("06f4");
|
|
15446
15436
|
|
|
15447
15437
|
// CONCATENATED MODULE: ./packages/components/tabs/index.vue
|
|
15448
15438
|
|
|
@@ -15455,8 +15445,8 @@ var tabsvue_type_style_index_0_id_1e9bc0ee_prod_lang_less = __webpack_require__(
|
|
|
15455
15445
|
|
|
15456
15446
|
var tabs_component = normalizeComponent(
|
|
15457
15447
|
components_tabsvue_type_script_lang_js,
|
|
15458
|
-
|
|
15459
|
-
|
|
15448
|
+
tabsvue_type_template_id_784ba21a_render,
|
|
15449
|
+
tabsvue_type_template_id_784ba21a_staticRenderFns,
|
|
15460
15450
|
false,
|
|
15461
15451
|
null,
|
|
15462
15452
|
null,
|
|
@@ -15465,25 +15455,23 @@ var tabs_component = normalizeComponent(
|
|
|
15465
15455
|
)
|
|
15466
15456
|
|
|
15467
15457
|
/* harmony default export */ var tabs = (tabs_component.exports);
|
|
15468
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"82037bd6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/tabs/tab/index.vue?vue&type=template&id=
|
|
15469
|
-
var
|
|
15458
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"82037bd6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/tabs/tab/index.vue?vue&type=template&id=079d9e9e
|
|
15459
|
+
var tabvue_type_template_id_079d9e9e_render = function render() {
|
|
15470
15460
|
var _vm = this,
|
|
15471
15461
|
_c = _vm._self._c;
|
|
15472
15462
|
return _c('div', {
|
|
15473
|
-
class: _vm.getCls
|
|
15463
|
+
class: _vm.getCls
|
|
15474
15464
|
}, [_vm._t("default")], 2);
|
|
15475
15465
|
};
|
|
15476
|
-
var
|
|
15466
|
+
var tabvue_type_template_id_079d9e9e_staticRenderFns = [];
|
|
15477
15467
|
|
|
15478
|
-
// CONCATENATED MODULE: ./packages/components/tabs/tab/index.vue?vue&type=template&id=
|
|
15468
|
+
// CONCATENATED MODULE: ./packages/components/tabs/tab/index.vue?vue&type=template&id=079d9e9e
|
|
15479
15469
|
|
|
15480
15470
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/tabs/tab/index.vue?vue&type=script&lang=js
|
|
15481
15471
|
/* harmony default export */ var tabvue_type_script_lang_js = ({
|
|
15482
15472
|
name: 'vd-tab',
|
|
15483
15473
|
props: {
|
|
15484
|
-
name:
|
|
15485
|
-
type: String
|
|
15486
|
-
},
|
|
15474
|
+
name: [String, Number],
|
|
15487
15475
|
title: {
|
|
15488
15476
|
type: String
|
|
15489
15477
|
},
|
|
@@ -15494,26 +15482,38 @@ var tabvue_type_template_id_774dd13a_staticRenderFns = [];
|
|
|
15494
15482
|
},
|
|
15495
15483
|
data() {
|
|
15496
15484
|
return {
|
|
15497
|
-
show:
|
|
15485
|
+
show: false,
|
|
15486
|
+
localName: this.name // 初始化时使用 prop 的值
|
|
15498
15487
|
};
|
|
15499
15488
|
},
|
|
15500
15489
|
watch: {
|
|
15501
15490
|
title() {
|
|
15502
15491
|
this.updateNav();
|
|
15492
|
+
},
|
|
15493
|
+
name(newName) {
|
|
15494
|
+
// 响应 prop 的改变
|
|
15495
|
+
this.localName = newName;
|
|
15503
15496
|
}
|
|
15504
15497
|
},
|
|
15505
|
-
|
|
15506
|
-
this.updateNav();
|
|
15507
|
-
},
|
|
15508
|
-
methods: {
|
|
15509
|
-
updateNav() {
|
|
15510
|
-
this.$parent.updateNav();
|
|
15511
|
-
},
|
|
15498
|
+
computed: {
|
|
15512
15499
|
getCls() {
|
|
15513
15500
|
return ['vd-tab', {
|
|
15514
15501
|
'vd-tab-active': this.show
|
|
15515
15502
|
}];
|
|
15516
15503
|
}
|
|
15504
|
+
},
|
|
15505
|
+
methods: {
|
|
15506
|
+
updateNav() {
|
|
15507
|
+
this.$parent.updateNav();
|
|
15508
|
+
}
|
|
15509
|
+
},
|
|
15510
|
+
mounted() {
|
|
15511
|
+
if (this.name === undefined) {
|
|
15512
|
+
let parent = this.$parent;
|
|
15513
|
+
let index = parent.getTabs().indexOf(this);
|
|
15514
|
+
this.localName = index; // 将索引设置为字符串作为 localName
|
|
15515
|
+
}
|
|
15516
|
+
this.updateNav();
|
|
15517
15517
|
}
|
|
15518
15518
|
});
|
|
15519
15519
|
// CONCATENATED MODULE: ./packages/components/tabs/tab/index.vue?vue&type=script&lang=js
|
|
@@ -15528,8 +15528,8 @@ var tabvue_type_template_id_774dd13a_staticRenderFns = [];
|
|
|
15528
15528
|
|
|
15529
15529
|
var tab_component = normalizeComponent(
|
|
15530
15530
|
tabs_tabvue_type_script_lang_js,
|
|
15531
|
-
|
|
15532
|
-
|
|
15531
|
+
tabvue_type_template_id_079d9e9e_render,
|
|
15532
|
+
tabvue_type_template_id_079d9e9e_staticRenderFns,
|
|
15533
15533
|
false,
|
|
15534
15534
|
null,
|
|
15535
15535
|
null,
|
|
@@ -16572,6 +16572,9 @@ var checkboxvue_type_template_id_0276ed69_staticRenderFns = [];
|
|
|
16572
16572
|
|
|
16573
16573
|
// CONCATENATED MODULE: ./packages/components/checkbox/index.vue?vue&type=template&id=0276ed69
|
|
16574
16574
|
|
|
16575
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
|
|
16576
|
+
var es_array_push = __webpack_require__("14d9");
|
|
16577
|
+
|
|
16575
16578
|
// CONCATENATED MODULE: ./packages/components/checkbox/assist.js
|
|
16576
16579
|
|
|
16577
16580
|
|