vdesign-ui 0.2.13 → 0.2.15

package/dist/vdesign-ui.umd.js

@@ -1690,17 +1690,6 @@ module.exports = function (it) {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "72cb":
-/***/ (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_67d93971_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e8a4");
-/* 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_67d93971_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_67d93971_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "7323":
@@ -1817,6 +1806,17 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "82e0":
+/***/ (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_e7b9f8aa_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e217");
+/* 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_e7b9f8aa_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_e7b9f8aa_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "836c":
@@ -3337,6 +3337,13 @@ module.exports = function (V, P) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "e217":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "e330":
@@ -3425,13 +3432,6 @@ module.exports = function (target, source, exceptions) {
 };
 
 
-/***/ }),
-
-/***/ "e8a4":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "e8b5":
@@ -6924,8 +6924,8 @@ 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":"de67888a-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=67d93971
-var tabsvue_type_template_id_67d93971_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de67888a-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=e7b9f8aa
+var tabsvue_type_template_id_e7b9f8aa_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -6977,9 +6977,9 @@ var tabsvue_type_template_id_67d93971_render = function render() {
     style: _vm.trackStyle
   }, [_vm._t("default")], 2) : _vm._t("default")], 2)]);
 };
-var tabsvue_type_template_id_67d93971_staticRenderFns = [];
+var tabsvue_type_template_id_e7b9f8aa_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=template&id=67d93971
+// CONCATENATED MODULE: ./packages/components/tabs/index.vue?vue&type=template&id=e7b9f8aa
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__("14d9");
@@ -7192,30 +7192,48 @@ const prefixCls = "vd-tabs";
       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);
+        const newName = tab.name !== undefined ? tab.name : index;
+
+        // 始终触发 click 事件
+        this.$emit('click', newName, index);
+
+        // 检查是否需要切换标签
+        if (newName !== this.currentName) {
+          this.currentName = newName;
+
+          // 如果 currentName 是索引值，确保为数字类型
+          if (tab.name === undefined) {
+            this.currentName = Number(this.currentName);
+          }
+          this.$emit('input', this.currentName);
+          this.$emit('change', this.currentName, index); // 仅在切换时触发 change 事件
+
+          // 切换标签后，滚动到当前标签
+          this.$nextTick(() => {
+            this.scrollToActiveTab();
+          });
         }
-        this.$emit('input', this.currentName);
-        this.$emit('change', this.currentName, index);
-        // 切换标签后，滚动到当前标签
-        this.$nextTick(() => {
-          this.scrollToActiveTab();
-        });
       }
     },
-    scrollToActiveTab() {
-      const scrollWrapper = this.$refs.nav; // 修改这里
+    scrollToActiveTab(targetIndex = null) {
+      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);
-      });
+      // 如果传入 targetIndex，设置当前激活标签的 name
+      if (targetIndex !== null) {
+        const targetTab = this.tabs[targetIndex];
+        if (targetTab) {
+          this.currentName = targetTab.name !== undefined ? targetTab.name : targetIndex;
+        } else {
+          console.warn('Invalid target index:', targetIndex);
+          return;
+        }
+      }
+      const activeIndex = targetIndex !== null ? targetIndex : this.tabs.findIndex((tab, index) => this.isTabActive(tab, index));
       const activeTab = tabItems[activeIndex];
-      if (activeTab) {
+      setTimeout(() => {
         const tabOffsetLeft = activeTab.offsetLeft;
         const tabWidth = activeTab.offsetWidth;
         const wrapperWidth = scrollWrapper.offsetWidth;
@@ -7224,7 +7242,7 @@ const prefixCls = "vd-tabs";
           left: scrollLeft,
           behavior: 'smooth'
         });
-      }
+      }, 0); // You can adjust the timeout value if needed
     },
     renderTitle(titleEl, tab) {
       this.$nextTick(() => {
@@ -7239,6 +7257,26 @@ const prefixCls = "vd-tabs";
           }
         }
       });
+    },
+    /**
+     * resize 方法
+     * 当外层元素大小或组件显示状态变化时调用，触发重绘
+    */
+    resize() {
+      // 重新计算当前激活标签的位置
+      this.scrollToActiveTab();
+      // 如果有其他需要重绘或重新计算的逻辑，可以在这里添加
+      // 例如，重新计算动画轨道的位置等
+    },
+    /**
+     * scrollTo 方法
+     * 刷新页面，滚动到指定位置
+    */
+    scrollTo(targetIndex = null) {
+      // 重新计算当前激活标签的位置
+      this.scrollToActiveTab(targetIndex);
+      // 如果有其他需要重绘或重新计算的逻辑，可以在这里添加
+      // 例如，重新计算动画轨道的位置等
     }
   },
   mounted() {
@@ -7256,8 +7294,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=67d93971&prod&lang=less
-var tabsvue_type_style_index_0_id_67d93971_prod_lang_less = __webpack_require__("72cb");
+// EXTERNAL MODULE: ./packages/components/tabs/index.vue?vue&type=style&index=0&id=e7b9f8aa&prod&lang=less
+var tabsvue_type_style_index_0_id_e7b9f8aa_prod_lang_less = __webpack_require__("82e0");
 
 // CONCATENATED MODULE: ./packages/components/tabs/index.vue
 
@@ -7270,8 +7308,8 @@ var tabsvue_type_style_index_0_id_67d93971_prod_lang_less = __webpack_require__(
 
 var tabs_component = normalizeComponent(
   components_tabsvue_type_script_lang_js,
-  tabsvue_type_template_id_67d93971_render,
-  tabsvue_type_template_id_67d93971_staticRenderFns,
+  tabsvue_type_template_id_e7b9f8aa_render,
+  tabsvue_type_template_id_e7b9f8aa_staticRenderFns,
   false,
   null,
   null,