@element-plus/nightly 0.0.20220628 → 0.0.20220701

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220628 */
+/*! Element Plus v0.0.20220701 */
 
 (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.20220701";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -19304,7 +19304,7 @@
       const rawAttrs = vue.useAttrs();
       const containerStyle = vue.computed(() => rawAttrs.style);
       const inputAttrs = useAttrs({ excludeListeners: true });
-      const labelListieners = useAttrs({
+      const labelListeners = useAttrs({
         excludeKeys: vue.computed(() => {
           return Object.keys(inputAttrs.value);
         })
@@ -19327,7 +19327,7 @@
             vue.unref(rawAttrs).class
           ],
           style: vue.unref(containerStyle)
-        }, vue.unref(labelListieners)), [
+        }, vue.unref(labelListeners)), [
           vue.createElementVNode("span", {
             class: vue.normalizeClass([
               vue.unref(ns).e("input"),
@@ -31021,7 +31021,7 @@
       };
       const handleMouseenter = (event, showTimeout = props.showTimeout) => {
         var _a;
-        if (event.type === "focus" && !event.relatedTarget) {
+        if (event.type === "focus") {
           return;
         }
         if (rootMenu.props.menuTrigger === "click" && rootMenu.props.mode === "horizontal" || !rootMenu.props.collapse && rootMenu.props.mode === "vertical" || props.disabled) {
@@ -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)
@@ -52822,7 +52826,7 @@
     const { prev } = getInstance(id);
     if (!prev)
       return 0;
-    return prev.vm.bottom;
+    return prev.vm.exposeProxy.bottom;
   };
 
   const _hoisted_1$2 = ["id"];
@@ -52987,14 +52991,13 @@
     handler.close();
   };
   const createMessage = ({ appendTo, ...options }, context) => {
-    var _a;
     const { nextZIndex } = useZIndex();
     const id = `message_${seed$1++}`;
     const userOnClose = options.onClose;
     const container = document.createElement("div");
     const props = {
       ...options,
-      zIndex: (_a = options.zIndex) != null ? _a : nextZIndex(),
+      zIndex: nextZIndex() + options.zIndex,
       id,
       onClose: () => {
         userOnClose == null ? void 0 : userOnClose();
@@ -53008,10 +53011,10 @@
     vnode.appContext = context || message._context;
     vue.render(vnode, container);
     appendTo.appendChild(container.firstElementChild);
-    const vm = vnode.component.proxy;
+    const vm = vnode.component;
     const handler = {
       close: () => {
-        vm.visible = false;
+        vm.exposeProxy.visible = false;
       }
     };
     const instance = {