vdesign-ui 0.2.7 → 0.2.9

package/dist/vdesign-ui.umd.js

@@ -432,6 +432,13 @@ module.exports = typeof documentAll == 'undefined' && documentAll !== undefined
 
 /***/ }),
 
+/***/ "177f":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "1a2d":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -501,6 +508,13 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "1d802":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "202f":
@@ -512,6 +526,17 @@ module.exports = function (it) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "230a":
+/***/ (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_6cfdbc71_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("177f");
+/* 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_6cfdbc71_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_6cfdbc71_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2310":
@@ -9425,13 +9450,6 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUgAAADsCAMAAAAh
 
 /***/ }),
 
-/***/ "4986":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "4d64":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -9595,17 +9613,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "5806":
-/***/ (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_05020deb_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4986");
-/* 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_05020deb_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_05020deb_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "58fa":
@@ -10602,17 +10609,6 @@ module.exports = function (METHOD_NAME, argument) {
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "a723":
-/***/ (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_6b1dc9b5_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ceb9");
-/* 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_6b1dc9b5_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_6b1dc9b5_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "a7c5":
@@ -11082,13 +11078,6 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAFACAMAAAD6
 
 /***/ }),
 
-/***/ "ceb9":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "d012":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -11519,6 +11508,17 @@ module.exports = function (V, P) {
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "dd42":
+/***/ (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_8154a18e_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1d802");
+/* 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_8154a18e_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_8154a18e_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "ddaa":
@@ -14731,9 +14731,25 @@ var web_url_search_params_has = __webpack_require__("271a");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.size.js
 var web_url_search_params_size = __webpack_require__("5494");
 
+// EXTERNAL MODULE: ./node_modules/vue/dist/vue.runtime.esm.js
+var vue_runtime_esm = __webpack_require__("2b0e");
+
 // CONCATENATED MODULE: ./packages/components/utils/env.js
-// env.js
+
 const inBrowser = typeof window !== 'undefined';
+const isServer = vue_runtime_esm["a" /* default */].prototype.$isServer;
+function isObject(val) {
+  return val !== null && typeof val === 'object';
+}
+function isInDocument(element) {
+  return document.body.contains(element);
+}
+function removeNode(el) {
+  const parent = el.parentNode;
+  if (parent) {
+    parent.removeChild(el);
+  }
+}
 // CONCATENATED MODULE: ./packages/components/mixins/outlineConfigPlugin.js
 
 
@@ -15133,41 +15149,42 @@ var button_component = normalizeComponent(
 )
 
 /* harmony default export */ var components_button = (button_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75d8bda1-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=05020deb
-var tabsvue_type_template_id_05020deb_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75d8bda1-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=6cfdbc71
+var tabsvue_type_template_id_6cfdbc71_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticClass: "vd-tabs"
+    staticClass: "vd-tabs",
+    class: _vm.stickyClasses
   }, [_c('div', {
-    ref: "tabsWrap",
+    ref: "wrap",
     staticClass: "vd-tabs__wrap",
     class: _vm.menuClasses
   }, [_c('div', {
-    ref: "tabsContainer",
+    ref: "nav",
+    staticClass: "vd-tabs__nav",
     class: [_vm.barType, _vm.scrollspy]
-  }, _vm._l(_vm.navList, function (item, index) {
+  }, _vm._l(_vm.tabs, function (tab, index) {
     return _c('div', {
-      key: index,
-      class: [_vm.tabClasses(item), _vm.lineClasses],
+      key: tab.name !== undefined ? tab.name : index,
+      ref: "tabItems",
+      refInFor: true,
+      class: [_vm.tabClasses(tab, index), _vm.lineClasses],
       on: {
         "click": function ($event) {
-          return _vm.handleChange(index);
+          return _vm.onClick(tab, index);
         }
       }
     }, [_c('span', {
-      staticClass: "vd-tabs-text-cell",
+      ref: "title",
+      refInFor: true,
+      staticClass: "vd-tab__text",
       class: _vm.ellipsisClasses
-    }, [_vm._v(" " + _vm._s(item.title) + " "), item.arrow ? _c('vd-icon', {
-      staticClass: "vd-tabs-arrow",
-      attrs: {
-        "name": "icon_btn_moredown"
-      }
-    }) : _vm._e()], 1)]);
+    }, [_vm._v(" " + _vm._s(tab.title) + " ")])]);
   }), 0), _vm.menu ? _c('div', {
-    staticClass: "vd-tabs-menu--right"
+    staticClass: "vd-tabs__menu--right"
   }, [_c('vd-icon', {
-    staticClass: "vd-tabs-menu-btn",
+    staticClass: "vd-tabs__menu--btn",
     attrs: {
       "name": _vm.menuIconComputed
     },
@@ -15175,12 +15192,19 @@ var tabsvue_type_template_id_05020deb_render = function render() {
       "click": _vm.emitMenuClick
     }
   })], 1) : _vm._e()]), _c('div', {
-    staticClass: "vd-tabs__content"
-  }, [_vm._t("default")], 2)]);
+    ref: "content",
+    staticClass: "vd-tabs__content",
+    class: {
+      'vd-tabs__content--animated': _vm.animated
+    }
+  }, [_vm.animated ? _c('div', {
+    class: _vm.trackClasses,
+    style: _vm.trackStyle
+  }, [_vm._t("default")], 2) : _vm._t("default")], 2)]);
 };
-var tabsvue_type_template_id_05020deb_staticRenderFns = [];
+var tabsvue_type_template_id_6cfdbc71_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=template&id=05020deb
+// CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=template&id=6cfdbc71
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__("14d9");
@@ -15200,7 +15224,6 @@ const prefixCls = "vd-tabs";
       type: String,
       default: "primary"
     },
-    // 将 menu 作为一个字段，同时控制显示和图标名称
     menu: {
       type: [Boolean, String],
       default: false
@@ -15211,30 +15234,46 @@ const prefixCls = "vd-tabs";
     },
     actBorder: Boolean,
     backgroundColor: Boolean,
-    divider: Boolean
+    divider: Boolean,
+    sticky: Boolean,
+    lazyRender: Boolean,
+    animated: Boolean
   },
   data() {
     return {
-      currentValue: this.value,
-      // 当前选中的标签名
-      navList: [],
-      // 标签导航列表
-      tabs: [] // 已注册的标签
+      tabs: [],
+      currentName: this.value !== undefined ? this.value : 0 // 默认为 0
     };
   },
   watch: {
     // 监听 value 变化，更新 currentValue
     value(val) {
-      this.currentValue = val;
+      this.currentName = val;
+      this.setCurrentName(val);
     }
   },
   computed: {
+    trackClasses() {
+      return {
+        'vd-tabs__track': true
+      };
+    },
+    trackStyle() {
+      const activeIndex = this.tabs.findIndex((tab, index) => {
+        return this.isTabActive(tab, index);
+      });
+      const translateX = -activeIndex * 100;
+      return {
+        transform: `translateX(${translateX}%)`,
+        transitionDuration: '0.3s'
+      };
+    },
     // 计算菜单按钮的图标，根据 menu 属性的类型决定图标
     menuIconComputed() {
-      if (typeof this.menu === 'string') {
+      if (typeof this.menu === "string") {
         return this.menu;
       } else {
-        return 'icon_tab_morelist'; // 默认的菜单图标名称
+        return "icon_tab_morelist"; // 默认的菜单图标名称
       }
     },
     // 计算滚动监视的类名
@@ -15244,13 +15283,13 @@ const prefixCls = "vd-tabs";
     // 计算标签文字是否需要省略号的类名
     ellipsisClasses() {
       return {
-        [`${prefixCls}-text--ellipsis`]: this.ellipsis
+        [`vd-tab__text--ellipsis`]: this.ellipsis
       };
     },
     // 计算标签包裹器的类名，根据 menu、backgroundColor 和 divider 属性来确定
     menuClasses() {
       return {
-        [`${prefixCls}-menu`]: this.menu,
+        [`${prefixCls}__menu`]: this.menu,
         [`${prefixCls}__wrap--bg`]: this.backgroundColor,
         "vd-hairline--bottom": this.divider
       };
@@ -15258,98 +15297,144 @@ const prefixCls = "vd-tabs";
     // 计算标签下方线条的类名
     lineClasses() {
       return {
-        [`${prefixCls}__line`]: !this.actBorder
+        [`vd-tab__none--line`]: !this.actBorder
       };
     },
     // 根据 tabsType 属性计算标签类型的类名
     barType() {
       return {
-        [`${prefixCls}-${this.tabsType}-bar`]: this.tabsType
+        [`${prefixCls}__nav--${this.tabsType}`]: this.tabsType
+      };
+    },
+    stickyClasses() {
+      return {
+        [`${prefixCls}--sticky`]: this.sticky
       };
     }
   },
   methods: {
     // 当菜单按钮被点击时触发事件
     emitMenuClick() {
-      this.$emit('menu-click');
+      this.$emit("menu-click");
     },
     // 计算每个标签项的类名
-    tabClasses(item) {
+    tabClasses(tab, index) {
+      const isActive = this.isTabActive(tab, index);
       return {
-        [`${prefixCls}-${this.tabsType}`]: true,
-        [`${prefixCls}-${this.tabsType}-active`]: item.name === this.currentValue
+        'vd-tab': true,
+        'vd-tab--active': isActive
       };
     },
-    // 注册新的标签到 tabs 数组中
-    registerTab(tab) {
-      if (!this.tabs.includes(tab)) {
-        this.tabs.push(tab);
-        this.updateNav();
+    setCurrentName(name) {
+      // 如果没有指定 name 属性，则使用索引值，确保索引值为数字类型
+      const nameIsNumber = typeof name === 'number' || /^\d+$/.test(name);
+      const parsedName = nameIsNumber ? Number(name) : name;
+      const matchedTab = this.tabs.find((tab, index) => {
+        if (tab.name !== undefined) {
+          return tab.name === parsedName;
+        } else {
+          return index === parsedName;
+        }
+      });
+      if (matchedTab) {
+        this.currentName = matchedTab.name !== undefined ? matchedTab.name : this.tabs.indexOf(matchedTab);
+      } else if (this.tabs.length > 0) {
+        const firstTab = this.tabs[0];
+        this.currentName = firstTab.name !== undefined ? firstTab.name : 0;
+      } else {
+        this.currentName = null;
+      }
+      this.$emit('input', this.currentName);
+    },
+    isTabActive(tab, index) {
+      if (tab.name !== undefined) {
+        return tab.name === this.currentName;
+      } else {
+        return index === Number(this.currentName);
       }
     },
-    // 从 tabs 数组中注销一个标签
-    unregisterTab(tab) {
+    addTab(tab) {
+      this.tabs.push(tab);
+      if (this.currentName === undefined) {
+        this.setCurrentName(tab.name !== undefined ? tab.name : 0);
+      }
+    },
+    removeTab(tab) {
       const index = this.tabs.indexOf(tab);
       if (index !== -1) {
         this.tabs.splice(index, 1);
-        this.updateNav();
-      }
-    },
-    // 根据已注册的标签更新导航列表
-    updateNav() {
-      this.navList = this.tabs.map((tab, index) => ({
-        title: tab.title,
-        name: tab.name != null ? tab.name : index,
-        arrow: tab.arrow
-      }));
-      // 如果当前没有选中的标签且导航列表不为空，则将第一个标签设为当前值
-      if (!this.currentValue && this.navList.length) {
-        this.currentValue = this.navList[0].name;
-      }
-    },
-    handleChange(index) {
-      const nav = this.navList[index];
-      const name = nav.name;
-      if (this.currentValue !== name) {
-        this.currentValue = name;
-        this.$emit("input", name); // 触发 input 事件，更新父组件中的 v-model 绑定值
-        this.$emit("change", {
-          index,
-          title: nav.title,
-          name
-        }); // 触发 change 事件，传递标签的详细信息
-        this.adjustTabPosition(index); // 调整选中标签的位置
-      }
-      this.$emit("click", {
-        index,
-        title: nav.title,
-        name
-      }); // 触发 click 事件，传递标签的详细信息
-    },
-    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({
+      }
+    },
+    onClick(tab, index) {
+      if (tab.disabled) {
+        this.$emit('disabled', tab.name !== undefined ? tab.name : index, index);
+      } else {
+        this.currentName = tab.name !== undefined ? tab.name : index;
+        // 如果 currentName 是索引值，确保为数字类型
+        if (tab.name === undefined) {
+          this.currentName = Number(this.currentName);
+        }
+        this.$emit('input', this.currentName);
+        this.$emit('change', this.currentName, index);
+        // 切换标签后，滚动到当前标签
+        this.$nextTick(() => {
+          this.scrollToActiveTab();
+        });
+      }
+    },
+    scrollToActiveTab() {
+      const scrollWrapper = this.$refs.nav; // 修改这里
+      const tabItems = this.$refs.tabItems;
+      if (!scrollWrapper || !tabItems || tabItems.length === 0) {
+        return;
+      }
+      const activeIndex = this.tabs.findIndex((tab, index) => {
+        return this.isTabActive(tab, index);
+      });
+      const activeTab = tabItems[activeIndex];
+      if (activeTab) {
+        const tabOffsetLeft = activeTab.offsetLeft;
+        const tabWidth = activeTab.offsetWidth;
+        const wrapperWidth = scrollWrapper.offsetWidth;
+        const scrollLeft = tabOffsetLeft - (wrapperWidth - tabWidth) / 2;
+        scrollWrapper.scrollTo({
           left: scrollLeft,
-          behavior: "smooth"
+          behavior: 'smooth'
         });
       }
+    },
+    renderTitle(titleEl, tab) {
+      this.$nextTick(() => {
+        const index = this.tabs.indexOf(tab);
+        if (index !== -1 && this.$refs.title && this.$refs.title[index]) {
+          const navTitleEl = this.$refs.title[index];
+          // 清空导航标题元素的内容
+          navTitleEl.innerHTML = '';
+          // 将子组件的 title 插槽内容移动到导航标题元素中
+          while (titleEl.firstChild) {
+            navTitleEl.appendChild(titleEl.firstChild);
+          }
+        }
+      });
     }
   },
   mounted() {
-    // 组件挂载后更新导航列表
-    // this.updateNav();
+    if (this.currentName !== undefined) {
+      this.setCurrentName(this.currentName);
+    } else if (this.tabs.length > 0) {
+      const firstTab = this.tabs[0];
+      this.currentName = firstTab.name !== undefined ? firstTab.name : 0;
+    }
+    // 初始加载时，滚动到当前激活的标签
+    this.$nextTick(() => {
+      this.scrollToActiveTab();
+    });
   }
 });
 // 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=05020deb&prod&lang=less
-var tabsvue_type_style_index_0_id_05020deb_prod_lang_less = __webpack_require__("5806");
+// EXTERNAL MODULE: ./packages/components/tabs/index.vue?vue&type=style&index=0&id=6cfdbc71&prod&lang=less
+var tabsvue_type_style_index_0_id_6cfdbc71_prod_lang_less = __webpack_require__("230a");
 
 // CONCATENATED MODULE: ./packages/components/tabs/index.vue
 
@@ -15362,8 +15447,8 @@ var tabsvue_type_style_index_0_id_05020deb_prod_lang_less = __webpack_require__(
 
 var tabs_component = normalizeComponent(
   components_tabsvue_type_script_lang_js,
-  tabsvue_type_template_id_05020deb_render,
-  tabsvue_type_template_id_05020deb_staticRenderFns,
+  tabsvue_type_template_id_6cfdbc71_render,
+  tabsvue_type_template_id_6cfdbc71_staticRenderFns,
   false,
   null,
   null,
@@ -15372,55 +15457,104 @@ 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":"75d8bda1-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/tab/index.vue?vue&type=template&id=5508445c
-var tabvue_type_template_id_5508445c_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75d8bda1-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/tab/index.vue?vue&type=template&id=6808f4f4
+var tabvue_type_template_id_6808f4f4_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    class: _vm.tabClasses
-  }, [_vm._t("default")], 2);
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.shouldShow,
+      expression: "shouldShow"
+    }],
+    class: _vm.paneClasses
+  }, [_vm.shouldRender ? _vm._t("default") : _vm._e(), _vm.$slots.title ? _c('div', {
+    ref: "title"
+  }, [_vm._t("title")], 2) : _vm._e()], 2);
 };
-var tabvue_type_template_id_5508445c_staticRenderFns = [];
+var tabvue_type_template_id_6808f4f4_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/tab/index.vue?vue&type=template&id=5508445c
+// CONCATENATED MODULE: ./packages/components/tab/index.vue?vue&type=template&id=6808f4f4
 
 // 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/tab/index.vue?vue&type=script&lang=js
 /* harmony default export */ var tabvue_type_script_lang_js = ({
   name: 'vd-tab',
   props: {
     name: [String, Number],
-    title: {
-      type: String,
-      required: true
-    },
-    arrow: {
-      type: Boolean,
-      default: false
-    }
+    title: String
   },
   data() {
-    return {};
+    return {
+      parent: null,
+      inited: false
+    };
   },
-  watch: {},
   computed: {
-    isActive() {
-      return this.computedName === this.$parent.currentValue;
-    },
-    tabClasses() {
+    paneClasses() {
       return {
-        'vd-tab': true,
-        'vd-tab-active': this.isActive
+        'vd-tab__pane': true
       };
     },
-    computedName() {
-      return this.name != null ? this.name : this.$parent.tabs.indexOf(this);
+    isActive() {
+      if (!this.parent) return false;
+      if (this.name !== undefined) {
+        return this.name === this.parent.currentName;
+      } else {
+        const index = this.parent.tabs.indexOf(this);
+        return index === Number(this.parent.currentName);
+      }
+    },
+    shouldShow() {
+      // 当 animated 为 true 时，所有标签页都需要渲染（用于动画效果）
+      // 当 animated 为 false 时，只渲染当前激活的标签页
+      return this.isActive || this.parent && this.parent.animated;
+    },
+    shouldRender() {
+      return this.inited || !(this.parent && this.parent.lazyRender);
+    }
+  },
+  watch: {
+    isActive(val) {
+      if (val) {
+        this.inited = true;
+      }
     }
   },
   created() {
-    this.$parent.registerTab(this);
+    this.parent = this.findParent('vd-tabs');
+    if (this.parent) {
+      this.parent.addTab(this);
+    } else {
+      console.error('vd-tab must be used within vd-tabs.');
+    }
+  },
+  mounted() {
+    if (this.isActive) {
+      this.inited = true;
+    }
+    // 如果存在 title 插槽，调用父组件的 renderTitle 方法
+    if (this.$slots.title && this.$refs.title) {
+      this.parent.renderTitle(this.$refs.title, this);
+      this.$refs.title.parentNode.removeChild(this.$refs.title);
+    }
   },
   beforeDestroy() {
-    this.$parent.unregisterTab(this);
+    if (this.parent) {
+      this.parent.removeTab(this);
+    }
+  },
+  methods: {
+    findParent(name) {
+      let parent = this.$parent;
+      while (parent) {
+        if (parent.$options && parent.$options.name === name) {
+          return parent;
+        }
+        parent = parent.$parent;
+      }
+      return null;
+    }
   }
 });
 // CONCATENATED MODULE: ./packages/components/tab/index.vue?vue&type=script&lang=js
@@ -15435,8 +15569,8 @@ var tabvue_type_template_id_5508445c_staticRenderFns = [];
 
 var tab_component = normalizeComponent(
   components_tabvue_type_script_lang_js,
-  tabvue_type_template_id_5508445c_render,
-  tabvue_type_template_id_5508445c_staticRenderFns,
+  tabvue_type_template_id_6808f4f4_render,
+  tabvue_type_template_id_6808f4f4_staticRenderFns,
   false,
   null,
   null,
@@ -16252,8 +16386,8 @@ var result_component = normalizeComponent(
 )
 
 /* harmony default export */ var components_result = (result_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75d8bda1-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/empty/index.vue?vue&type=template&id=6b1dc9b5
-var emptyvue_type_template_id_6b1dc9b5_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75d8bda1-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/empty/index.vue?vue&type=template&id=8154a18e
+var emptyvue_type_template_id_8154a18e_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -16278,9 +16412,9 @@ var emptyvue_type_template_id_6b1dc9b5_render = function render() {
     class: _vm.footerClasses
   }, [_vm._t("default")], 2) : _vm._e()]);
 };
-var emptyvue_type_template_id_6b1dc9b5_staticRenderFns = [];
+var emptyvue_type_template_id_8154a18e_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/empty/index.vue?vue&type=template&id=6b1dc9b5
+// CONCATENATED MODULE: ./packages/components/empty/index.vue?vue&type=template&id=8154a18e
 
 // 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/empty/index.vue?vue&type=script&lang=js
 
@@ -16292,12 +16426,11 @@ const emptyvue_type_script_lang_js_prefixCls = 'vd-empty';
   props: {
     image: {
       type: String,
-      default: 'nodata',
-      // 默认类型
-      validator(value) {
-        // 只接受以下类型值
-        return ['nodata', 'network', 'notfound', 'noposition', 'nomargin', 'nocoupons', 'nosearch', 'nonotice', 'noorders', 'noocomments'].includes(value);
-      }
+      default: 'nodata' // 默认类型
+      // validator(value) {
+      //     // 只接受以下类型值
+      //     return ['nodata', 'network', 'notfound','noposition','nomargin','nocoupons','nosearch','nonotice','noorders','noocomments'].includes(value);
+      // }
     },
     description: String,
     size: {
@@ -16394,8 +16527,8 @@ const emptyvue_type_script_lang_js_prefixCls = 'vd-empty';
 });
 // CONCATENATED MODULE: ./packages/components/empty/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_emptyvue_type_script_lang_js = (emptyvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./packages/components/empty/index.vue?vue&type=style&index=0&id=6b1dc9b5&prod&lang=less
-var emptyvue_type_style_index_0_id_6b1dc9b5_prod_lang_less = __webpack_require__("a723");
+// EXTERNAL MODULE: ./packages/components/empty/index.vue?vue&type=style&index=0&id=8154a18e&prod&lang=less
+var emptyvue_type_style_index_0_id_8154a18e_prod_lang_less = __webpack_require__("dd42");
 
 // CONCATENATED MODULE: ./packages/components/empty/index.vue
 
@@ -16408,8 +16541,8 @@ var emptyvue_type_style_index_0_id_6b1dc9b5_prod_lang_less = __webpack_require__
 
 var empty_component = normalizeComponent(
   components_emptyvue_type_script_lang_js,
-  emptyvue_type_template_id_6b1dc9b5_render,
-  emptyvue_type_template_id_6b1dc9b5_staticRenderFns,
+  emptyvue_type_template_id_8154a18e_render,
+  emptyvue_type_template_id_8154a18e_staticRenderFns,
   false,
   null,
   null,
@@ -19676,9 +19809,6 @@ var slidervue_type_template_id_0aaac588_staticRenderFns = [function () {
 
 // CONCATENATED MODULE: ./packages/components/slider/index.vue?vue&type=template&id=0aaac588
 
-// EXTERNAL MODULE: ./node_modules/vue/dist/vue.runtime.esm.js
-var vue_runtime_esm = __webpack_require__("2b0e");
-
 // CONCATENATED MODULE: ./packages/components/slider/draggable.js
 let isDragging = false;
 
@@ -20782,21 +20912,32 @@ var toast_component = normalizeComponent(
 
 
 
-let timer = null;
-let currentToast = null;
+
+let queueResult = [];
+function getType(value) {
+  if (value !== value) return 'NaN';
+  return Object.prototype.toString.call(value).slice(8, -1).toLowerCase();
+}
 class toast_VdToast extends vue_runtime_esm["a" /* default */].extend(components_toast) {
   constructor(options) {
     super();
     this.vm = this.$mount();
+    this.timer = null;
 
-    // 支持字符串或对象传入
+    // 判断传入的 options 类型，并进行赋值
     if (typeof options === 'string' || typeof options === 'number') {
       this.message = options;
-    } else if (typeof options === 'object') {
+    } else if (getType(options) === 'object') {
+      this.message = options.message || '';
+      this.duration = options.duration || 1500;
       Object.assign(this, options);
     }
     this.init();
   }
+
+  /**
+   * 初始化方法
+   */
   init() {
     if (inBrowser) {
       document.body.appendChild(this.vm.$el);
@@ -20804,54 +20945,46 @@ class toast_VdToast extends vue_runtime_esm["a" /* default */].extend(components
     }
   }
   start() {
-    clearTimeout(timer);
-    timer = setTimeout(() => {
+    clearTimeout(this.timer);
+    /**
+     * 在挂载真实 DOM 树后显示过渡效果
+     */
+    setTimeout(() => {
       this.isShow = true;
       if (this.duration > 0) {
         this.end();
       }
-    }, 100);
+    }, 0);
   }
   end() {
-    clearTimeout(timer);
-    if (this.duration > 0) {
-      timer = setTimeout(() => {
-        this.isShow = false;
-        setTimeout(() => {
-          // 检查元素是否仍在 DOM 中
-          if (inBrowser && document.body.contains(this.vm.$el)) {
-            document.body.removeChild(this.vm.$el);
-          }
-        }, 500);
-      }, this.duration);
-    }
+    /**
+     * 关闭过渡效果之后移除真实 DOM 树节点
+     */
+    this.timer = setTimeout(() => {
+      this.clear();
+    }, this.duration);
   }
   clear() {
     this.isShow = false;
-    clearTimeout(timer);
-    // 检查元素是否仍在 DOM 中
-    if (inBrowser && document.body.contains(this.vm.$el)) {
-      document.body.removeChild(this.vm.$el);
+    if (inBrowser && this.vm.$el) {
+      setTimeout(() => {
+        this.vm.$el.parentNode && this.vm.$el.parentNode.removeChild(this.vm.$el);
+      }, 500);
     }
   }
 }
-
-// 创建静态方法以支持直接调用
-const showToast = options => {
-  currentToast && currentToast.clear(); // 清除现有的 toast
-  currentToast = new toast_VdToast(options); // 创建新的 toast 实例
-  return currentToast;
+const Toast = options => {
+  const NewOption = new toast_VdToast(options);
+  queueResult.push(NewOption);
+  return NewOption;
 };
-
-// 添加静态方法，支持手动清除
-showToast.clear = () => {
-  currentToast && currentToast.clear();
-  currentToast = null;
+Toast.clear = () => {
+  queueResult.forEach(toast => {
+    toast.clear();
+  });
+  queueResult = [];
 };
-
-// 在 Vue 的原型上挂载，方便全局调用
-vue_runtime_esm["a" /* default */].prototype.$VdToast = showToast;
-/* harmony default export */ var packages_components_toast = (showToast);
+/* harmony default export */ var packages_components_toast = (Toast);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75d8bda1-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/footer/index.vue?vue&type=template&id=2c9567c1
 var footervue_type_template_id_2c9567c1_render = function render() {
   var _vm = this,
@@ -23696,7 +23829,7 @@ Overlay.props = {
 };
 /* harmony default export */ var vant_es_overlay = (overlay_createComponent(Overlay));
 // CONCATENATED MODULE: ./node_modules/vant/es/utils/dom/node.js
-function removeNode(el) {
+function node_removeNode(el) {
   var parent = el.parentNode;
 
   if (parent) {
@@ -23777,7 +23910,7 @@ function removeOverlay(vm) {
   var item = context_context.find(vm);
 
   if (item) {
-    removeNode(item.overlay.$el);
+    node_removeNode(item.overlay.$el);
     context_context.remove(vm);
   }
 }
@@ -24000,7 +24133,7 @@ function PopupMixin(options) {
       }
 
       if (this.getContainer) {
-        removeNode(this.$el);
+        node_removeNode(this.$el);
       }
     },
 
@@ -24586,7 +24719,7 @@ var Toast_createNamespace = Object(create["a" /* createNamespace */])('toast'),
     Toast_createComponent = Toast_createNamespace[0],
     Toast_bem = Toast_createNamespace[1];
 
-/* harmony default export */ var Toast = (Toast_createComponent({
+/* harmony default export */ var toast_Toast = (Toast_createComponent({
   mixins: [PopupMixin()],
   props: {
     icon: String,
@@ -24773,7 +24906,7 @@ function parseOptions(message) {
   };
 }
 
-function isInDocument(element) {
+function toast_isInDocument(element) {
   return document.body.contains(element);
 }
 
@@ -24784,11 +24917,11 @@ function createInstance() {
   }
 
   queue = queue.filter(function (item) {
-    return !item.$el.parentNode || isInDocument(item.$el);
+    return !item.$el.parentNode || toast_isInDocument(item.$el);
   });
 
   if (!queue.length || multiple) {
-    var toast = new (vue_runtime_esm["a" /* default */].extend(Toast))({
+    var toast = new (vue_runtime_esm["a" /* default */].extend(toast_Toast))({
       el: document.createElement('div')
     });
     toast.$on('input', function (value) {
@@ -24809,7 +24942,7 @@ function transformOptions(options) {
   });
 }
 
-function toast_Toast(options) {
+function es_toast_Toast(options) {
   if (options === void 0) {
     options = {};
   }
@@ -24839,7 +24972,7 @@ function toast_Toast(options) {
         queue = queue.filter(function (item) {
           return item !== toast;
         });
-        removeNode(toast.$el);
+        node_removeNode(toast.$el);
         toast.$destroy();
       });
     }
@@ -24860,17 +24993,17 @@ function toast_Toast(options) {
 
 var toast_createMethod = function createMethod(type) {
   return function (options) {
-    return toast_Toast(_extends({
+    return es_toast_Toast(_extends({
       type: type
     }, parseOptions(options)));
   };
 };
 
 ['loading', 'success', 'fail'].forEach(function (method) {
-  toast_Toast[method] = toast_createMethod(method);
+  es_toast_Toast[method] = toast_createMethod(method);
 });
 
-toast_Toast.clear = function (all) {
+es_toast_Toast.clear = function (all) {
   if (queue.length) {
     if (all) {
       queue.forEach(function (toast) {
@@ -24885,7 +25018,7 @@ toast_Toast.clear = function (all) {
   }
 };
 
-toast_Toast.setDefaultOptions = function (type, options) {
+es_toast_Toast.setDefaultOptions = function (type, options) {
   if (typeof type === 'string') {
     defaultOptionsMap[type] = options;
   } else {
@@ -24893,7 +25026,7 @@ toast_Toast.setDefaultOptions = function (type, options) {
   }
 };
 
-toast_Toast.resetDefaultOptions = function (type) {
+es_toast_Toast.resetDefaultOptions = function (type) {
   if (typeof type === 'string') {
     defaultOptionsMap[type] = null;
   } else {
@@ -24902,7 +25035,7 @@ toast_Toast.resetDefaultOptions = function (type) {
   }
 };
 
-toast_Toast.allowMultiple = function (value) {
+es_toast_Toast.allowMultiple = function (value) {
   if (value === void 0) {
     value = true;
   }
@@ -24910,12 +25043,12 @@ toast_Toast.allowMultiple = function (value) {
   multiple = value;
 };
 
-toast_Toast.install = function () {
-  vue_runtime_esm["a" /* default */].use(Toast);
+es_toast_Toast.install = function () {
+  vue_runtime_esm["a" /* default */].use(toast_Toast);
 };
 
-vue_runtime_esm["a" /* default */].prototype.$toast = toast_Toast;
-/* harmony default export */ var vant_es_toast = (toast_Toast);
+vue_runtime_esm["a" /* default */].prototype.$toast = es_toast_Toast;
+/* harmony default export */ var vant_es_toast = (es_toast_Toast);
 // CONCATENATED MODULE: ./node_modules/vant/es/calendar/components/Month.js
 
 
@@ -26104,11 +26237,11 @@ var dropdownvue_type_template_id_34f6aea4_staticRenderFns = [];
 /* istanbul ignore next */
 
 
-const isServer = vue_runtime_esm["a" /* default */].prototype.$isServer;
+const dom_isServer = vue_runtime_esm["a" /* default */].prototype.$isServer;
 /* istanbul ignore next */
 const dom_on = function () {
   // 添加事件监听器
-  if (!isServer && document.addEventListener) {
+  if (!dom_isServer && document.addEventListener) {
     return function (element, event, handler) {
       if (element && event && handler) {
         element.addEventListener(event, handler, false);
@@ -26127,7 +26260,7 @@ const dom_on = function () {
 /* istanbul ignore next */
 const dom_off = function () {
   // 移除事件监听器
-  if (!isServer && document.removeEventListener) {
+  if (!dom_isServer && document.removeEventListener) {
     return function (element, event, handler) {
       if (element && event) {
         element.removeEventListener(event, handler, false);
@@ -26921,7 +27054,7 @@ var state_component = normalizeComponent(
 
 
 
-// import HToast from '@p/components/toast/index.vue';
+// import HToast from './components/toast/index.vue';
 
 
 
@@ -26948,6 +27081,7 @@ const API = {
 };
 const install = Vue => {
   if (install.installed) return;
+  install.installed = true;
   // 注册组件
   components.map(component => {
     component && component.name && Vue.component(component.name, component);