vdesign-ui 0.1.12 → 0.1.14

package/dist/components/datetime-picker/style.less

@@ -1,7 +1,6 @@
 
 .vd-datetime-picker{
 
-
     .van-picker__columns{
         padding: 0 calc(var(--spacing-datepicker-padding_y) * 1px);
     }

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,41 +102,31 @@ 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");
+      const tabs = this.$children.filter((item) => item.$options.name === "vd-tab");
+      return tabs;
     },
+
     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() {
       this.getTabs().forEach((tab) => {
-        tab.show = tab.name === this.currentValue;
+        console.log(tab.localName);
+        tab.show = tab.localName  === this.currentValue;
       });
     },
     handleChange(index) {
@@ -152,19 +142,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 +151,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>
@@ -8,9 +8,7 @@
     export default {
         name: 'vd-tab',
         props: {
-            name: {
-                type: String
-            },
+            name:[String, Number],
             title: {
                 type: String,
             },
@@ -21,29 +19,39 @@
         },
         data () {
             return {
-                show: true
+                show: false,
+                localName: this.name // 初始化时使用 prop 的值
             }
         },
         watch: {
             title () {
                 this.updateNav()
+            },
+            name(newName) {
+                // 响应 prop 的改变
+                this.localName = newName;
             }
         },
-        mounted () {
-            this.updateNav()
+        computed: {
+            getCls() {
+                return [
+                    'vd-tab',
+                    {'vd-tab-active': this.show}
+                ];
+            }
         },
         methods: {
-        updateNav () {
-            this.$parent.updateNav()
+            updateNav () {
+                this.$parent.updateNav()
+            },
         },
-        getCls () {
-            return [
-            'vd-tab',
-                {
-                    'vd-tab-active': this.show
-                }
-            ]
-        }
+        mounted () {
+            if (this.name === undefined) {
+                let parent = this.$parent;
+                let index = parent.getTabs().indexOf(this);
+                this.localName  = index; // 将索引设置为字符串作为 localName 
+            }
+            this.updateNav()
         }
     }
   </script>

package/dist/vdesign-ui.common.js

@@ -178,6 +178,17 @@ exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDes
 };
 
 
+/***/ }),
+
+/***/ "06f4":
+/***/ (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_784ba21a_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ca10");
+/* 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__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "07b7":
@@ -9033,17 +9044,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":
@@ -10213,13 +10213,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "8267":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "82de":
@@ -11139,6 +11132,13 @@ module.exports = g;
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "ca10":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "ca84":
@@ -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=784ba21a
+var tabsvue_type_template_id_784ba21a_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_784ba21a_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=784ba21a
 
 // 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,39 +15353,30 @@ 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");
+      const tabs = this.$children.filter(item => item.$options.name === "vd-tab");
+      return tabs;
     },
     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() {
       this.getTabs().forEach(tab => {
-        tab.show = tab.name === this.currentValue;
+        console.log(tab.localName);
+        tab.show = tab.localName === this.currentValue;
       });
     },
     handleChange(index) {
@@ -15404,18 +15391,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 +15399,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 +15422,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=784ba21a&prod&lang=less
+var tabsvue_type_style_index_0_id_784ba21a_prod_lang_less = __webpack_require__("06f4");
 
 // CONCATENATED MODULE: ./packages/components/tabs/index.vue
 
@@ -15446,8 +15436,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_784ba21a_render,
+  tabsvue_type_template_id_784ba21a_staticRenderFns,
   false,
   null,
   null,
@@ -15456,25 +15446,23 @@ 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=079d9e9e
+var tabvue_type_template_id_079d9e9e_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_079d9e9e_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=079d9e9e
 
 // 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 = ({
   name: 'vd-tab',
   props: {
-    name: {
-      type: String
-    },
+    name: [String, Number],
     title: {
       type: String
     },
@@ -15485,26 +15473,38 @@ var tabvue_type_template_id_774dd13a_staticRenderFns = [];
   },
   data() {
     return {
-      show: true
+      show: false,
+      localName: this.name // 初始化时使用 prop 的值
     };
   },
   watch: {
     title() {
       this.updateNav();
+    },
+    name(newName) {
+      // 响应 prop 的改变
+      this.localName = newName;
     }
   },
-  mounted() {
-    this.updateNav();
-  },
-  methods: {
-    updateNav() {
-      this.$parent.updateNav();
-    },
+  computed: {
     getCls() {
       return ['vd-tab', {
         'vd-tab-active': this.show
       }];
     }
+  },
+  methods: {
+    updateNav() {
+      this.$parent.updateNav();
+    }
+  },
+  mounted() {
+    if (this.name === undefined) {
+      let parent = this.$parent;
+      let index = parent.getTabs().indexOf(this);
+      this.localName = index; // 将索引设置为字符串作为 localName 
+    }
+    this.updateNav();
   }
 });
 // CONCATENATED MODULE: ./packages/components/tabs/tab/index.vue?vue&type=script&lang=js
@@ -15519,8 +15519,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_079d9e9e_render,
+  tabvue_type_template_id_079d9e9e_staticRenderFns,
   false,
   null,
   null,
@@ -16563,6 +16563,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