vdesign-ui 0.1.15 → 0.1.16

package/dist/components/tabs/index.vue

@@ -1,11 +1,10 @@
 <template>
   <div class="vd-tabs">
     <div class="vd-tabs__wrap" :class="menuClasses" ref="tabsWrap">
-      <div :class="[barType, scrollspy]" ref="tabsContainer">
-        <div v-for="(item, index) in navList" :key="index" :class="[tabClasses(item), lineClasses]"
-          @click="handleChange(index)">
-          <span class="vd-tabs-text-cell" :class="ellipsisClasses">{{ item.title
-            }}<vd-icon class="vd-tabs-arrow" v-if="item.arrow" name="icon_btn_moredown"></vd-icon>
+      <div :class="barType" ref="tabsContainer">
+        <div v-for="(item, index) in navList" :key="index" :class="tabClasses(item)" @click="handleChange(index)">
+          <span class="vd-tabs-text-cell" :class="ellipsisClasses">{{ item.title }}
+            <vd-icon class="vd-tabs-arrow" v-if="item.arrow" name="icon_btn_moredown"></vd-icon>
           </span>
         </div>
       </div>
@@ -39,12 +38,11 @@ export default {
     divider: Boolean,
     menuIcon: {
       type: String,
-      default: 'icon_tab_morelist', // 默认图标，如果没有传入自定义图标则使用此图标
+      default: 'icon_tab_morelist',
     },
   },
   data() {
     return {
-      // defType: ['primary', 'card', 'secondary','capsule','selector-l','selector-m', 'filter', 'click-filter'],
       currentValue: this.value,
       navList: [],
     };
@@ -53,44 +51,29 @@ export default {
     value(val) {
       this.currentValue = val;
     },
-    currentValue() {
-      this.updateStatus();
-    },
   },
   computed: {
     ellipsisClasses() {
-      return [
-        {
-          [`${prefixCls}-text--ellipsis`]: this.ellipsis,
-        },
-      ];
+      return {
+        [`${prefixCls}-text--ellipsis`]: this.ellipsis,
+      };
     },
     menuClasses() {
-      return [
-        {
-          [`${prefixCls}-menu`]: this.menu,
-          [`${prefixCls}__wrap--bg`]: this.backgroundColor,
-          // 二级tab才有线
-          "vd-hairline--bottom": this.divider,
-        },
-      ];
-    },
-    scrollspy() {
-      return  `${prefixCls}--complete`
+      return {
+        [`${prefixCls}-menu`]: this.menu,
+        [`${prefixCls}__wrap--bg`]: this.backgroundColor,
+        "vd-hairline--bottom": this.divider,
+      };
     },
     lineClasses() {
-      return [
-        {
-          [`${prefixCls}__line`]: !this.actBorder,
-        },
-      ];
+      return {
+        [`${prefixCls}__line`]: !this.actBorder,
+      };
     },
     barType() {
-      return [
-        {
-          [`${prefixCls}-${this.tabsType}-bar`]: this.tabsType,
-        },
-      ];
+      return {
+        [`${prefixCls}-${this.tabsType}-bar`]: this.tabsType,
+      };
     },
   },
   methods: {
@@ -100,19 +83,17 @@ export default {
     tabClasses(item) {
       return {
         [`${prefixCls}-${this.tabsType}`]: true,
-        [`${prefixCls}-${this.tabsType}-active`]: item.name === this.currentValue
+        [`${prefixCls}-${this.tabsType}-active`]: item.name === this.currentValue,
       };
     },
     getTabs() {
-      const tabs = this.$children.filter((item) => item.$options.name === "vd-tab");
-      return tabs;
+      return this.$children.filter((item) => item.$options.name === "vd-tab");
     },
-
     updateNav() {
       this.navList = this.getTabs().map((pane, index) => ({
         title: pane.title,
         name: pane.name || index,
-        arrow: pane.arrow
+        arrow: pane.arrow,
       }));
       if (!this.currentValue) {
         this.currentValue = this.navList[0].name;
@@ -121,30 +102,20 @@ export default {
     },
     updateStatus() {
       this.getTabs().forEach((tab) => {
-        tab.show = tab.computedName  === this.currentValue;
+        tab.show = tab.computedName === this.currentValue;
       });
     },
     handleChange(index) {
       const nav = this.navList[index];
       const name = nav.name;
-      const title = nav.title;
-
       if (this.currentValue !== name) {
         this.currentValue = name;
-        const eventData = {
-          index: index,
-          title: title,
-          name: name
-        };
-        this.$emit('change', eventData);
+        this.$emit('input', name); // 确保向父组件更新
+        this.$emit('change', { index, title: nav.title, name });
+        this.updateStatus(); // 确保更新状态
         this.adjustTabPosition(index);
       }
-      const eventData = {
-        index: index,
-        title: title,
-        name: name
-      };
-      this.$emit("click", eventData);
+      this.$emit("click", { index, title: nav.title, name });
     },
     adjustTabPosition(index) {
       const container = this.$refs.tabsContainer;
@@ -159,11 +130,13 @@ export default {
     },
   },
   mounted() {
-    // 在组件挂载后更新标签
     this.updateNav();
   },
 };
 </script>
+
+<style lang="less"></style>
+
 <style lang="less">
 @import "./style.less";
 </style>

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

@@ -1,63 +1,56 @@
 <template>
-    <div :class="getCls">
-      <slot />
+    <div :class="tabClasses">
+        <slot />
     </div>
-  </template>
-  
-  <script>
-    export default {
-        name: 'vd-tab',
-        props: {
-            name:[String, Number],
-            title: {
-                type: String,
-            },
-            arrow: {
-                type: Boolean,
-                default: false
-            }
+</template>
+
+<script>
+export default {
+    name: 'vd-tab',
+    props: {
+        name: [String, Number],
+        title: {
+            type: String,
+            required: true,
         },
-        data () {
-            return {
-                show: false,
-                localName: this.name // 初始化时使用 prop 的值
-            }
+        arrow: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    data() {
+        return {
+            show: false,
+        };
+    },
+    watch: {
+        title() {
+            this.updateNav();
         },
-        watch: {
-            title () {
-                this.updateNav()
-            },
-            // name(newName) {
-            //     // 响应 prop 的改变
-            //     this.localName = newName;
-            // }
+        name() {
+            this.updateNav();
+        },
+    },
+    computed: {
+        tabClasses() {
+            return {
+                'vd-tab': true,
+                'vd-tab-active': this.show,
+            };
         },
-        computed: {
-            getCls() {
-                return [
-                    'vd-tab',
-                    {'vd-tab-active': this.show}
-                ];
-            },
-            computedName() {
-                return this.name ?? this.$parent.getTabs().indexOf(this);
-            }
+        computedName() {
+            return this.name ?? this.$parent.getTabs().indexOf(this);
         },
-        methods: {
-            updateNav () {
-                this.$parent.updateNav()
-            },
+    },
+    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()
-        }
-    }
-  </script>
-  
-  <style lang="less"></style>
-  
+    },
+    mounted() {
+        this.updateNav();
+    },
+};
+</script>
+
+<style lang="less"></style>

package/dist/components/tag/style.less

@@ -21,16 +21,16 @@
 
 
     &--white{
-        color: var(--color-tag-white-text);
-        background-color: var(--color-tag-white-bg);
+        color: var(--color-tag-default-text);
+        background-color: var(--color-tag-default-bg);
 
         &__border{
             background-color:transparent;
             font-size: calc(var(--en-single-f-b-r-fontSize) * 1px);
             font-weight: var(--en-single-f-b-r-fontWeight);
-            color: var(--color-tag-white_border-text);
+            color: var(--color-tag-default_border-text);
             &::after{
-                border-color: var(--color-tag-white-border);
+                border-color: var(--color-tag-default-border);
                 border-radius: calc(var(--radius-tag-bg) * 2px);
             }
         }

package/dist/vdesign-ui.common.js

@@ -9113,6 +9113,17 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKUAAAB3CAYAAABi
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "3745":
+/***/ (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_1_id_a4fbf7d2_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4757");
+/* 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_1_id_a4fbf7d2_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_1_id_a4fbf7d2_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "38fb":
@@ -9497,6 +9508,13 @@ function cancelRaf(id) {
 
 /***/ }),
 
+/***/ "4757":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "47e4":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -10582,13 +10600,6 @@ exports.f = DESCRIPTORS ? V8_PROTOTYPE_DEFINE_BUG ? function defineProperty(O, P
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "9eb6":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "a04b":
@@ -14694,17 +14705,6 @@ module.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
 };
 
 
-/***/ }),
-
-/***/ "f72b":
-/***/ (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_1544a764_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9eb6");
-/* 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_1544a764_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_1544a764_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "f747":
@@ -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=1544a764
-var tabsvue_type_template_id_1544a764_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=a4fbf7d2
+var tabsvue_type_template_id_a4fbf7d2_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -15243,11 +15243,11 @@ var tabsvue_type_template_id_1544a764_render = function render() {
     class: _vm.menuClasses
   }, [_c('div', {
     ref: "tabsContainer",
-    class: [_vm.barType, _vm.scrollspy]
+    class: _vm.barType
   }, _vm._l(_vm.navList, function (item, index) {
     return _c('div', {
       key: index,
-      class: [_vm.tabClasses(item), _vm.lineClasses],
+      class: _vm.tabClasses(item),
       on: {
         "click": function ($event) {
           return _vm.handleChange(index);
@@ -15256,7 +15256,7 @@ var tabsvue_type_template_id_1544a764_render = function render() {
     }, [_c('span', {
       staticClass: "vd-tabs-text-cell",
       class: _vm.ellipsisClasses
-    }, [_vm._v(_vm._s(item.title)), item.arrow ? _c('vd-icon', {
+    }, [_vm._v(_vm._s(item.title) + " "), item.arrow ? _c('vd-icon', {
       staticClass: "vd-tabs-arrow",
       attrs: {
         "name": "icon_btn_moredown"
@@ -15276,9 +15276,9 @@ var tabsvue_type_template_id_1544a764_render = function render() {
     staticClass: "vd-tabs__content"
   }, [_vm._t("default")], 2)]);
 };
-var tabsvue_type_template_id_1544a764_staticRenderFns = [];
+var tabsvue_type_template_id_a4fbf7d2_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=template&id=1544a764
+// CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=template&id=a4fbf7d2
 
 // 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";
@@ -15300,12 +15300,11 @@ const prefixCls = "vd-tabs";
     divider: Boolean,
     menuIcon: {
       type: String,
-      default: 'icon_tab_morelist' // 默认图标，如果没有传入自定义图标则使用此图标
+      default: 'icon_tab_morelist'
     }
   },
   data() {
     return {
-      // defType: ['primary', 'card', 'secondary','capsule','selector-l','selector-m', 'filter', 'click-filter'],
       currentValue: this.value,
       navList: []
     };
@@ -15313,37 +15312,30 @@ const prefixCls = "vd-tabs";
   watch: {
     value(val) {
       this.currentValue = val;
-    },
-    currentValue() {
-      this.updateStatus();
     }
   },
   computed: {
     ellipsisClasses() {
-      return [{
+      return {
         [`${prefixCls}-text--ellipsis`]: this.ellipsis
-      }];
+      };
     },
     menuClasses() {
-      return [{
+      return {
         [`${prefixCls}-menu`]: this.menu,
         [`${prefixCls}__wrap--bg`]: this.backgroundColor,
-        // 二级tab才有线
         "vd-hairline--bottom": this.divider
-      }];
-    },
-    scrollspy() {
-      return `${prefixCls}--complete`;
+      };
     },
     lineClasses() {
-      return [{
+      return {
         [`${prefixCls}__line`]: !this.actBorder
-      }];
+      };
     },
     barType() {
-      return [{
+      return {
         [`${prefixCls}-${this.tabsType}-bar`]: this.tabsType
-      }];
+      };
     }
   },
   methods: {
@@ -15357,8 +15349,7 @@ const prefixCls = "vd-tabs";
       };
     },
     getTabs() {
-      const tabs = this.$children.filter(item => item.$options.name === "vd-tab");
-      return tabs;
+      return this.$children.filter(item => item.$options.name === "vd-tab");
     },
     updateNav() {
       this.navList = this.getTabs().map((pane, index) => ({
@@ -15379,23 +15370,22 @@ const prefixCls = "vd-tabs";
     handleChange(index) {
       const nav = this.navList[index];
       const name = nav.name;
-      const title = nav.title;
       if (this.currentValue !== name) {
         this.currentValue = name;
-        const eventData = {
-          index: index,
-          title: title,
-          name: name
-        };
-        this.$emit('change', eventData);
+        this.$emit('input', name); // 确保向父组件更新
+        this.$emit('change', {
+          index,
+          title: nav.title,
+          name
+        });
+        this.updateStatus(); // 确保更新状态
         this.adjustTabPosition(index);
       }
-      const eventData = {
-        index: index,
-        title: title,
-        name: name
-      };
-      this.$emit("click", eventData);
+      this.$emit("click", {
+        index,
+        title: nav.title,
+        name
+      });
     },
     adjustTabPosition(index) {
       const container = this.$refs.tabsContainer;
@@ -15413,14 +15403,13 @@ const prefixCls = "vd-tabs";
     }
   },
   mounted() {
-    // 在组件挂载后更新标签
     this.updateNav();
   }
 });
 // 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=1544a764&prod&lang=less
-var tabsvue_type_style_index_0_id_1544a764_prod_lang_less = __webpack_require__("f72b");
+// EXTERNAL MODULE: ./packages/components/tabs/index.vue?vue&type=style&index=1&id=a4fbf7d2&prod&lang=less
+var tabsvue_type_style_index_1_id_a4fbf7d2_prod_lang_less = __webpack_require__("3745");
 
 // CONCATENATED MODULE: ./packages/components/tabs/index.vue
 
@@ -15433,8 +15422,8 @@ var tabsvue_type_style_index_0_id_1544a764_prod_lang_less = __webpack_require__(
 
 var tabs_component = normalizeComponent(
   components_tabsvue_type_script_lang_js,
-  tabsvue_type_template_id_1544a764_render,
-  tabsvue_type_template_id_1544a764_staticRenderFns,
+  tabsvue_type_template_id_a4fbf7d2_render,
+  tabsvue_type_template_id_a4fbf7d2_staticRenderFns,
   false,
   null,
   null,
@@ -15443,17 +15432,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=5ebb54f6
-var tabvue_type_template_id_5ebb54f6_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=aa6b9104
+var tabvue_type_template_id_aa6b9104_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    class: _vm.getCls
+    class: _vm.tabClasses
   }, [_vm._t("default")], 2);
 };
-var tabvue_type_template_id_5ebb54f6_staticRenderFns = [];
+var tabvue_type_template_id_aa6b9104_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/tabs/tab/index.vue?vue&type=template&id=5ebb54f6
+// CONCATENATED MODULE: ./packages/components/tabs/tab/index.vue?vue&type=template&id=aa6b9104
 
 // 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 = ({
@@ -15461,7 +15450,8 @@ var tabvue_type_template_id_5ebb54f6_staticRenderFns = [];
   props: {
     name: [String, Number],
     title: {
-      type: String
+      type: String,
+      required: true
     },
     arrow: {
       type: Boolean,
@@ -15470,24 +15460,23 @@ var tabvue_type_template_id_5ebb54f6_staticRenderFns = [];
   },
   data() {
     return {
-      show: false,
-      localName: this.name // 初始化时使用 prop 的值
+      show: false
     };
   },
   watch: {
     title() {
       this.updateNav();
+    },
+    name() {
+      this.updateNav();
     }
-    // name(newName) {
-    //     // 响应 prop 的改变
-    //     this.localName = newName;
-    // }
   },
   computed: {
-    getCls() {
-      return ['vd-tab', {
+    tabClasses() {
+      return {
+        'vd-tab': true,
         'vd-tab-active': this.show
-      }];
+      };
     },
     computedName() {
       var _this$name;
@@ -15500,11 +15489,6 @@ var tabvue_type_template_id_5ebb54f6_staticRenderFns = [];
     }
   },
   mounted() {
-    // if (this.name === undefined) {
-    //     let parent = this.$parent;
-    //     let index = parent.getTabs().indexOf(this);
-    //     this.localName  = index; // 将索引设置为字符串作为 localName 
-    // }
     this.updateNav();
   }
 });
@@ -15520,8 +15504,8 @@ var tabvue_type_template_id_5ebb54f6_staticRenderFns = [];
 
 var tab_component = normalizeComponent(
   tabs_tabvue_type_script_lang_js,
-  tabvue_type_template_id_5ebb54f6_render,
-  tabvue_type_template_id_5ebb54f6_staticRenderFns,
+  tabvue_type_template_id_aa6b9104_render,
+  tabvue_type_template_id_aa6b9104_staticRenderFns,
   false,
   null,
   null,