@element-plus/nightly 0.0.20240721 → 0.0.20240722

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240721 */
+/*! Element Plus v0.0.20240722 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11495,7 +11495,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240721";
+  const version$1 = "0.0.20240722";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -15415,7 +15415,7 @@
       type: definePropType([String, Array, Object])
     },
     effect: {
-      type: String,
+      type: definePropType(String),
       default: "dark"
     },
     visible: Boolean,
@@ -49286,9 +49286,7 @@
           tabSize = $el[`client${capitalize(sizeName)}`];
           const tabStyles = window.getComputedStyle($el);
           if (sizeName === "width") {
-            if (props.tabs.length > 1) {
-              tabSize -= Number.parseFloat(tabStyles.paddingLeft) + Number.parseFloat(tabStyles.paddingRight);
-            }
+            tabSize -= Number.parseFloat(tabStyles.paddingLeft) + Number.parseFloat(tabStyles.paddingRight);
             offset += Number.parseFloat(tabStyles.paddingLeft);
           }
           return false;
@@ -49622,6 +49620,7 @@
     }) {
       var _a;
       const ns = useNamespace("tabs");
+      const isVertical = vue.computed(() => ["left", "right"].includes(props.tabPosition));
       const {
         children: panes,
         addChild: registerPane,
@@ -49680,8 +49679,8 @@
       });
       return () => {
         const addSlot = slots["add-icon"];
-        const newButton = props.editable || props.addable ? vue.createVNode("span", {
-          "class": ns.e("new-tab"),
+        const newButton = props.editable || props.addable ? vue.createVNode("div", {
+          "class": [ns.e("new-tab"), isVertical.value && ns.e("new-tab-vertical")],
           "tabindex": "0",
           "onClick": handleTabAdd,
           "onKeydown": (ev) => {
@@ -49694,8 +49693,8 @@
           default: () => [vue.createVNode(plus_default, null, null)]
         })]) : null;
         const header = vue.createVNode("div", {
-          "class": [ns.e("header"), ns.is(props.tabPosition)]
-        }, [newButton, vue.createVNode(TabNav, {
+          "class": [ns.e("header"), isVertical.value && ns.e("header-vertical"), ns.is(props.tabPosition)]
+        }, [vue.createVNode(TabNav, {
           "ref": nav$,
           "currentName": currentName.value,
           "editable": props.editable,
@@ -49704,7 +49703,7 @@
           "stretch": props.stretch,
           "onTabClick": handleTabClick,
           "onTabRemove": handleTabRemove
-        }, null)]);
+        }, null), newButton]);
         const panels = vue.createVNode("div", {
           "class": ns.e("content")
         }, [vue.renderSlot(slots, "default")]);
@@ -49868,7 +49867,7 @@
       default: true
     },
     effect: {
-      type: String,
+      type: definePropType(String),
       default: "light"
     },
     clearable: {
@@ -50259,8 +50258,8 @@
       default: 5
     },
     effect: {
-      type: String,
-      default: ""
+      type: definePropType(String),
+      default: "light"
     },
     contentClass: String,
     placement: {
@@ -57157,6 +57156,8 @@
       lock: (_c = options.lock) != null ? _c : false,
       customClass: options.customClass || "",
       visible: (_d = options.visible) != null ? _d : true,
+      beforeClose: options.beforeClose,
+      closed: options.closed,
       target
     };
   };