vdesign-ui 0.1.12 → 0.1.13

package/dist/components/tabs/index.vue

@@ -24,7 +24,7 @@ const prefixCls = "vd-tabs";
 export default {
   name: "vd-tabs",
   props: {
-    value: [String, Number, Boolean],
+    value: [String, Number],
     tabsType: {
       type: String,
       default: "primary",
@@ -102,36 +102,24 @@ export default {
       this.$emit('menu-click');
     },
     tabClasses(item) {
-      let active = "";
-      const tabsType = this.tabsType;
-      const tabsBaseClass = `${prefixCls}-${tabsType}`;
-
-      if (item.name === this.currentValue) {
-        active = `${prefixCls}-${tabsType}-active`;
-      }
-
-      return [tabsBaseClass, active];
+      return {
+        [`${prefixCls}-${this.tabsType}`]: true,
+        [`${prefixCls}-${this.tabsType}-active`]: item.name === this.currentValue
+      };
     },
     getTabs() {
       return this.$children.filter((item) => item.$options.name === "vd-tab");
     },
+
     updateNav() {
-      this.navList = [];
-      this.getTabs().forEach((pane, index) => {
-        this.navList.push({
-          title: pane.title,
-          name: pane.name || index,
-          arrow: pane.arrow,
-        });
-        if (!pane.name) {
-          pane.name = index;
-        }
-        if (index == 0) {
-          if (!this.currentValue) {
-            this.currentValue = pane.name || index;
-          }
-        }
-      });
+      this.navList = this.getTabs().map((pane, index) => ({
+        title: pane.title,
+        name: pane.name || index,
+        arrow: pane.arrow
+      }));
+      if (!this.currentValue) {
+        this.currentValue = this.navList[0].name;
+      }
       this.updateStatus();
     },
     updateStatus() {
@@ -152,19 +140,7 @@ export default {
           name: name
         };
         this.$emit('change', eventData);
-
-        const container = this.$refs.tabsContainer;
-        const selectedTab = container.children[index];
-        if (selectedTab) {
-          const containerWidth = container.offsetWidth;
-          const tabWidth = selectedTab.offsetWidth;
-          const tabOffsetLeft = selectedTab.offsetLeft;
-          const scrollLeft = tabOffsetLeft - (containerWidth - tabWidth) / 2;
-          container.scrollTo({
-            left: scrollLeft,
-            behavior: "smooth",
-          });
-        }
+        this.adjustTabPosition(index);
       }
       const eventData = {
         index: index,
@@ -173,6 +149,17 @@ export default {
       };
       this.$emit("click", eventData);
     },
+    adjustTabPosition(index) {
+      const container = this.$refs.tabsContainer;
+      const selectedTab = container.children[index];
+      if (selectedTab) {
+        const containerWidth = container.offsetWidth;
+        const tabWidth = selectedTab.offsetWidth;
+        const tabOffsetLeft = selectedTab.offsetLeft;
+        const scrollLeft = tabOffsetLeft - (containerWidth - tabWidth) / 2;
+        container.scrollTo({ left: scrollLeft, behavior: "smooth" });
+      }
+    },
   },
   mounted() {
     // 在组件挂载后更新标签

package/dist/components/tabs/tab/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="getCls()">
+    <div :class="getCls">
       <slot />
     </div>
   </template>
@@ -29,21 +29,21 @@
                 this.updateNav()
             }
         },
+        computed: {
+            getCls() {
+                return [
+                    'vd-tab',
+                    {'vd-tab-active': this.show}
+                ];
+            }
+        },
         mounted () {
             this.updateNav()
         },
         methods: {
-        updateNav () {
-            this.$parent.updateNav()
-        },
-        getCls () {
-            return [
-            'vd-tab',
-                {
-                    'vd-tab-active': this.show
-                }
-            ]
-        }
+            updateNav () {
+                this.$parent.updateNav()
+            },
         }
     }
   </script>

package/dist/vdesign-ui.common.js

@@ -178,6 +178,13 @@ exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDes
 };
 
 
+/***/ }),
+
+/***/ "0702":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "07b7":
@@ -9033,17 +9040,6 @@ module.exports = version;
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "2ec8":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* 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");
-/* 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__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "2fdd":
@@ -9807,6 +9803,17 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "5ebb":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* 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_2c1ab5d0_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0702");
+/* 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_2c1ab5d0_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_2c1ab5d0_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "5f72":
@@ -10213,13 +10220,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "8267":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "82de":
@@ -15231,8 +15231,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var components_button = (component.exports);
-// 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
-var tabsvue_type_template_id_1e9bc0ee_render = function render() {
+// 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=2c1ab5d0
+var tabsvue_type_template_id_2c1ab5d0_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -15276,20 +15276,16 @@ var tabsvue_type_template_id_1e9bc0ee_render = function render() {
     staticClass: "vd-tabs__content"
   }, [_vm._t("default")], 2)]);
 };
-var tabsvue_type_template_id_1e9bc0ee_staticRenderFns = [];
+var tabsvue_type_template_id_2c1ab5d0_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=template&id=1e9bc0ee
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
-var es_array_push = __webpack_require__("14d9");
+// CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=template&id=2c1ab5d0
 
 // 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
-
 const prefixCls = "vd-tabs";
 /* harmony default export */ var tabsvue_type_script_lang_js = ({
   name: "vd-tabs",
   props: {
-    value: [String, Number, Boolean],
+    value: [String, Number],
     tabsType: {
       type: String,
       default: "primary"
@@ -15357,34 +15353,23 @@ const prefixCls = "vd-tabs";
       this.$emit('menu-click');
     },
     tabClasses(item) {
-      let active = "";
-      const tabsType = this.tabsType;
-      const tabsBaseClass = `${prefixCls}-${tabsType}`;
-      if (item.name === this.currentValue) {
-        active = `${prefixCls}-${tabsType}-active`;
-      }
-      return [tabsBaseClass, active];
+      return {
+        [`${prefixCls}-${this.tabsType}`]: true,
+        [`${prefixCls}-${this.tabsType}-active`]: item.name === this.currentValue
+      };
     },
     getTabs() {
       return this.$children.filter(item => item.$options.name === "vd-tab");
     },
     updateNav() {
-      this.navList = [];
-      this.getTabs().forEach((pane, index) => {
-        this.navList.push({
-          title: pane.title,
-          name: pane.name || index,
-          arrow: pane.arrow
-        });
-        if (!pane.name) {
-          pane.name = index;
-        }
-        if (index == 0) {
-          if (!this.currentValue) {
-            this.currentValue = pane.name || index;
-          }
-        }
-      });
+      this.navList = this.getTabs().map((pane, index) => ({
+        title: pane.title,
+        name: pane.name || index,
+        arrow: pane.arrow
+      }));
+      if (!this.currentValue) {
+        this.currentValue = this.navList[0].name;
+      }
       this.updateStatus();
     },
     updateStatus() {
@@ -15404,18 +15389,7 @@ const prefixCls = "vd-tabs";
           name: name
         };
         this.$emit('change', eventData);
-        const container = this.$refs.tabsContainer;
-        const selectedTab = container.children[index];
-        if (selectedTab) {
-          const containerWidth = container.offsetWidth;
-          const tabWidth = selectedTab.offsetWidth;
-          const tabOffsetLeft = selectedTab.offsetLeft;
-          const scrollLeft = tabOffsetLeft - (containerWidth - tabWidth) / 2;
-          container.scrollTo({
-            left: scrollLeft,
-            behavior: "smooth"
-          });
-        }
+        this.adjustTabPosition(index);
       }
       const eventData = {
         index: index,
@@ -15423,6 +15397,20 @@ const prefixCls = "vd-tabs";
         name: name
       };
       this.$emit("click", eventData);
+    },
+    adjustTabPosition(index) {
+      const container = this.$refs.tabsContainer;
+      const selectedTab = container.children[index];
+      if (selectedTab) {
+        const containerWidth = container.offsetWidth;
+        const tabWidth = selectedTab.offsetWidth;
+        const tabOffsetLeft = selectedTab.offsetLeft;
+        const scrollLeft = tabOffsetLeft - (containerWidth - tabWidth) / 2;
+        container.scrollTo({
+          left: scrollLeft,
+          behavior: "smooth"
+        });
+      }
     }
   },
   mounted() {
@@ -15432,8 +15420,8 @@ const prefixCls = "vd-tabs";
 });
 // CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_tabsvue_type_script_lang_js = (tabsvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./packages/components/tabs/index.vue?vue&type=style&index=0&id=1e9bc0ee&prod&lang=less
-var tabsvue_type_style_index_0_id_1e9bc0ee_prod_lang_less = __webpack_require__("2ec8");
+// EXTERNAL MODULE: ./packages/components/tabs/index.vue?vue&type=style&index=0&id=2c1ab5d0&prod&lang=less
+var tabsvue_type_style_index_0_id_2c1ab5d0_prod_lang_less = __webpack_require__("5ebb");
 
 // CONCATENATED MODULE: ./packages/components/tabs/index.vue
 
@@ -15446,8 +15434,8 @@ var tabsvue_type_style_index_0_id_1e9bc0ee_prod_lang_less = __webpack_require__(
 
 var tabs_component = normalizeComponent(
   components_tabsvue_type_script_lang_js,
-  tabsvue_type_template_id_1e9bc0ee_render,
-  tabsvue_type_template_id_1e9bc0ee_staticRenderFns,
+  tabsvue_type_template_id_2c1ab5d0_render,
+  tabsvue_type_template_id_2c1ab5d0_staticRenderFns,
   false,
   null,
   null,
@@ -15456,17 +15444,17 @@ var tabs_component = normalizeComponent(
 )
 
 /* harmony default export */ var tabs = (tabs_component.exports);
-// 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
-var tabvue_type_template_id_774dd13a_render = function render() {
+// 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=858a2db8
+var tabvue_type_template_id_858a2db8_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    class: _vm.getCls()
+    class: _vm.getCls
   }, [_vm._t("default")], 2);
 };
-var tabvue_type_template_id_774dd13a_staticRenderFns = [];
+var tabvue_type_template_id_858a2db8_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/tabs/tab/index.vue?vue&type=template&id=774dd13a
+// CONCATENATED MODULE: ./packages/components/tabs/tab/index.vue?vue&type=template&id=858a2db8
 
 // 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
 /* harmony default export */ var tabvue_type_script_lang_js = ({
@@ -15493,17 +15481,19 @@ var tabvue_type_template_id_774dd13a_staticRenderFns = [];
       this.updateNav();
     }
   },
+  computed: {
+    getCls() {
+      return ['vd-tab', {
+        'vd-tab-active': this.show
+      }];
+    }
+  },
   mounted() {
     this.updateNav();
   },
   methods: {
     updateNav() {
       this.$parent.updateNav();
-    },
-    getCls() {
-      return ['vd-tab', {
-        'vd-tab-active': this.show
-      }];
     }
   }
 });
@@ -15519,8 +15509,8 @@ var tabvue_type_template_id_774dd13a_staticRenderFns = [];
 
 var tab_component = normalizeComponent(
   tabs_tabvue_type_script_lang_js,
-  tabvue_type_template_id_774dd13a_render,
-  tabvue_type_template_id_774dd13a_staticRenderFns,
+  tabvue_type_template_id_858a2db8_render,
+  tabvue_type_template_id_858a2db8_staticRenderFns,
   false,
   null,
   null,
@@ -16563,6 +16553,9 @@ var checkboxvue_type_template_id_0276ed69_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./packages/components/checkbox/index.vue?vue&type=template&id=0276ed69
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
+var es_array_push = __webpack_require__("14d9");
+
 // CONCATENATED MODULE: ./packages/components/checkbox/assist.js