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.
@@ -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=1e9bc0ee
15244
- var tabsvue_type_template_id_1e9bc0ee_render = function render() {
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 tabsvue_type_template_id_1e9bc0ee_staticRenderFns = [];
15288
+ var tabsvue_type_template_id_784ba21a_staticRenderFns = [];
15289
15289
 
15290
- // CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=template&id=1e9bc0ee
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, Boolean],
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
- let active = "";
15370
- const tabsType = this.tabsType;
15371
- const tabsBaseClass = `${prefixCls}-${tabsType}`;
15372
- if (item.name === this.currentValue) {
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
- return this.$children.filter(item => item.$options.name === "vd-tab");
15371
+ const tabs = this.$children.filter(item => item.$options.name === "vd-tab");
15372
+ return tabs;
15379
15373
  },
15380
15374
  updateNav() {
15381
- this.navList = [];
15382
- this.getTabs().forEach((pane, index) => {
15383
- this.navList.push({
15384
- title: pane.title,
15385
- name: pane.name || index,
15386
- arrow: pane.arrow
15387
- });
15388
- if (!pane.name) {
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
- tab.show = tab.name === this.currentValue;
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
- const container = this.$refs.tabsContainer;
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=1e9bc0ee&prod&lang=less
15445
- var tabsvue_type_style_index_0_id_1e9bc0ee_prod_lang_less = __webpack_require__("2ec8");
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
- tabsvue_type_template_id_1e9bc0ee_render,
15459
- tabsvue_type_template_id_1e9bc0ee_staticRenderFns,
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=774dd13a
15469
- var tabvue_type_template_id_774dd13a_render = function render() {
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 tabvue_type_template_id_774dd13a_staticRenderFns = [];
15466
+ var tabvue_type_template_id_079d9e9e_staticRenderFns = [];
15477
15467
 
15478
- // CONCATENATED MODULE: ./packages/components/tabs/tab/index.vue?vue&type=template&id=774dd13a
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: true
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
- mounted() {
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
- tabvue_type_template_id_774dd13a_render,
15532
- tabvue_type_template_id_774dd13a_staticRenderFns,
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