element-ps 2.0.28 → 2.0.29

package/dist/index.full.js

@@ -2215,6 +2215,9 @@
   const isFunction = (val) => typeof val === "function";
   const isString = (val) => typeof val === "string";
   const isObject$1 = (val) => val !== null && typeof val === "object";
+  const isPromise = (val) => {
+    return isObject$1(val) && isFunction(val.then) && isFunction(val.catch);
+  };
   const objectToString = Object.prototype.toString;
   const toTypeString = (value) => objectToString.call(value);
   const toRawType = (value) => {
@@ -31855,8 +31858,38 @@
           panes.value = [];
         }
       };
+      const changeCurrentName = (value) => {
+        currentName.value = value;
+        emit(INPUT_EVENT, value);
+        emit(UPDATE_MODEL_EVENT, value);
+        emit("tab-change", value);
+      };
+      const setCurrentName = (value) => {
+        var _a;
+        if (currentName.value === value)
+          return;
+        const canLeave = (_a = props.beforeLeave) == null ? void 0 : _a.call(props, value, currentName.value);
+        if (isPromise(canLeave)) {
+          canLeave.then(() => {
+            var _a2, _b;
+            changeCurrentName(value);
+            (_b = (_a2 = nav$.value) == null ? void 0 : _a2.removeFocus) == null ? void 0 : _b.call(_a2);
+          }, NOOP);
+        } else if (canLeave !== false) {
+          changeCurrentName(value);
+        }
+      };
       vue.onUpdated(() => updatePaneInstances());
       vue.onMounted(() => updatePaneInstances());
+      vue.watch(() => props.activeName, (modelValue) => setCurrentName(modelValue));
+      vue.watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
+      vue.watch(currentName, async () => {
+        var _a, _b;
+        updatePaneInstances(true);
+        await vue.nextTick();
+        await ((_a = nav$.value) == null ? void 0 : _a.$nextTick());
+        (_b = nav$.value) == null ? void 0 : _b.scrollToActiveTab();
+      });
       vue.provide(tabsRootContextKey, {
         props,
         currentName,