@element-plus/nightly 0.0.20220628 → 0.0.20220629

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220628 */
+/*! Element Plus v0.0.20220629 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10734,7 +10734,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220628";
+  const version$1 = "0.0.20220629";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -46954,8 +46954,8 @@
           default: () => [vue.createVNode(arrow_right_default, null, null)]
         })])] : null;
         const tabs = props.panes.map((pane, index) => {
-          var _a, _b;
-          const tabName = pane.props.name || pane.index || `${index}`;
+          var _a, _b, _c, _d;
+          const tabName = (_b = (_a = pane.props.name) != null ? _a : pane.index) != null ? _b : `${index}`;
           const closable = pane.isClosable || props.editable;
           pane.index = `${index}`;
           const btnClose = closable ? vue.createVNode(ElIcon, {
@@ -46964,7 +46964,7 @@
           }, {
             default: () => [vue.createVNode(close_default, null, null)]
           }) : null;
-          const tabLabelContent = ((_b = (_a = pane.slots).label) == null ? void 0 : _b.call(_a)) || pane.props.label;
+          const tabLabelContent = ((_d = (_c = pane.slots).label) == null ? void 0 : _d.call(_c)) || pane.props.label;
           const tabindex = pane.active ? 0 : -1;
           return vue.createVNode("div", {
             "ref": `tab-${tabName}`,
@@ -47014,14 +47014,12 @@
       default: ""
     },
     activeName: {
-      type: [String, Number],
-      default: ""
+      type: [String, Number]
     },
     closable: Boolean,
     addable: Boolean,
     modelValue: {
-      type: [String, Number],
-      default: ""
+      type: [String, Number]
     },
     editable: Boolean,
     tabPosition: {
@@ -47053,24 +47051,25 @@
       slots,
       expose
     }) {
+      var _a, _b;
       const ns = useNamespace("tabs");
       const nav$ = vue.ref();
       const panes = vue.reactive({});
-      const currentName = vue.ref(props.modelValue || props.activeName || "0");
+      const currentName = vue.ref((_b = (_a = props.modelValue) != null ? _a : props.activeName) != null ? _b : "0");
       const changeCurrentName = (value) => {
         currentName.value = value;
         emit(UPDATE_MODEL_EVENT, value);
         emit("tab-change", value);
       };
       const setCurrentName = async (value) => {
-        var _a, _b, _c;
-        if (currentName.value === value)
+        var _a2, _b2, _c;
+        if (currentName.value === value || isUndefined(value))
           return;
         try {
-          const canLeave = await ((_a = props.beforeLeave) == null ? void 0 : _a.call(props, value, currentName.value));
+          const canLeave = await ((_a2 = props.beforeLeave) == null ? void 0 : _a2.call(props, value, currentName.value));
           if (canLeave !== false) {
             changeCurrentName(value);
-            (_c = (_b = nav$.value) == null ? void 0 : _b.removeFocus) == null ? void 0 : _c.call(_b);
+            (_c = (_b2 = nav$.value) == null ? void 0 : _b2.removeFocus) == null ? void 0 : _c.call(_b2);
           }
         } catch (e) {
         }
@@ -47082,7 +47081,7 @@
         emit("tab-click", tab, event);
       };
       const handleTabRemove = (pane, ev) => {
-        if (pane.props.disabled)
+        if (pane.props.disabled || isUndefined(pane.props.name))
           return;
         ev.stopPropagation();
         emit("edit", pane.props.name, "remove");
@@ -47095,9 +47094,9 @@
       vue.watch(() => props.activeName, (modelValue) => setCurrentName(modelValue));
       vue.watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
       vue.watch(currentName, async () => {
-        var _a;
+        var _a2;
         await vue.nextTick();
-        (_a = nav$.value) == null ? void 0 : _a.scrollToActiveTab();
+        (_a2 = nav$.value) == null ? void 0 : _a2.scrollToActiveTab();
       });
       {
         const registerPane = (pane) => panes[pane.uid] = pane;
@@ -47157,8 +47156,7 @@
       default: ""
     },
     name: {
-      type: [String, Number],
-      default: ""
+      type: [String, Number]
     },
     closable: Boolean,
     disabled: Boolean,
@@ -47183,9 +47181,15 @@
       const ns = useNamespace("tab-pane");
       const index = vue.ref();
       const isClosable = vue.computed(() => props.closable || tabsRoot.props.closable);
-      const active = computedEager(() => tabsRoot.currentName.value === (props.name || index.value));
+      const active = computedEager(() => {
+        var _a;
+        return tabsRoot.currentName.value === ((_a = props.name) != null ? _a : index.value);
+      });
       const loaded = vue.ref(active.value);
-      const paneName = vue.computed(() => props.name || index.value);
+      const paneName = vue.computed(() => {
+        var _a;
+        return (_a = props.name) != null ? _a : index.value;
+      });
       const shouldBeRender = computedEager(() => !props.lazy || loaded.value || active.value);
       vue.watch(active, (val) => {
         if (val)