element-ps 2.0.27 → 2.0.30

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) => {
@@ -8122,7 +8125,6 @@
       });
       return (_ctx, _cache) => {
         const _component_ps_icon = vue.resolveComponent("ps-icon");
-        const _component_circle_close = vue.resolveComponent("circle-close");
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([
             _ctx.type === "textarea" ? vue.unref(nsTextarea).b() : vue.unref(nsInput).b(),
@@ -8215,7 +8217,7 @@
                     class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsInput).e("clear")])
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_circle_close)
+                      vue.createVNode(vue.unref(circleClose))
                     ]),
                     _: 1
                   }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
@@ -31740,7 +31742,8 @@
               if (closable && (ev.code === EVENT_CODE.delete || ev.code === EVENT_CODE.backspace)) {
                 props.onTabRemove(pane, ev);
               }
-            }
+            },
+            "widget": pane.props.widget ? "tab-pane:label:" + pane.props.widget.split(":")[1] : void 0
           }, [...[tabLabelContent, btnClose]]);
         });
         return vue.createVNode("div", {
@@ -31856,8 +31859,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,
@@ -31909,10 +31942,11 @@
     },
     closable: Boolean,
     disabled: Boolean,
-    lazy: Boolean
+    lazy: Boolean,
+    widget: String
   });
 
-  const _hoisted_1$6 = ["id", "aria-hidden", "aria-labelledby"];
+  const _hoisted_1$6 = ["id", "aria-hidden", "aria-labelledby", "widget"];
   const __default__$9 = {
     name: "PsTabPane"
   };
@@ -31953,7 +31987,8 @@
           class: vue.normalizeClass(vue.unref(ns).b()),
           role: "tabpanel",
           "aria-hidden": !vue.unref(active),
-          "aria-labelledby": `tab-${vue.unref(paneName)}`
+          "aria-labelledby": `tab-${vue.unref(paneName)}`,
+          widget: _ctx.widget ? "tab-pane:default:" + _ctx.widget.split(":")[1] : void 0
         }, [
           vue.renderSlot(_ctx.$slots, "default")
         ], 10, _hoisted_1$6)), [