@element-plus/nightly 0.0.20220715 → 0.0.20220716

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220715 */
+/*! Element Plus v0.0.20220716 */
 
 (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.20220715";
+  const version$1 = "0.0.20220716";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -16904,7 +16904,7 @@
       el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements$1(el);
       FOCUS_STACK.push(el);
       if (FOCUS_STACK.length <= 1) {
-        on$1(document, "keydown", FOCUS_HANDLER);
+        document.addEventListener("keydown", FOCUS_HANDLER);
       }
     },
     updated(el) {
@@ -16915,7 +16915,7 @@
     unmounted() {
       FOCUS_STACK.shift();
       if (FOCUS_STACK.length === 0) {
-        off(document, "keydown", FOCUS_HANDLER);
+        document.removeEventListener("keydown", FOCUS_HANDLER);
       }
     }
   };
@@ -46899,7 +46899,7 @@
         } = EVENT_CODE;
         if (![up, down, left, right].includes(code))
           return;
-        const tabList = Array.from(e.currentTarget.querySelectorAll("[role=tab]"));
+        const tabList = Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)"));
         const currentIndex = tabList.indexOf(e.target);
         let nextIndex;
         if (code === left || code === up) {
@@ -46962,8 +46962,9 @@
         })])] : null;
         const tabs = props.panes.map((pane, index) => {
           var _a, _b, _c, _d;
+          const disabled = pane.props.disabled;
           const tabName = (_b = (_a = pane.props.name) != null ? _a : pane.index) != null ? _b : `${index}`;
-          const closable = pane.isClosable || props.editable;
+          const closable = !disabled && (pane.isClosable || props.editable);
           pane.index = `${index}`;
           const btnClose = closable ? vue.createVNode(ElIcon, {
             "class": "is-icon-close",
@@ -46972,10 +46973,10 @@
             default: () => [vue.createVNode(close_default, null, null)]
           }) : null;
           const tabLabelContent = ((_d = (_c = pane.slots).label) == null ? void 0 : _d.call(_c)) || pane.props.label;
-          const tabindex = pane.active ? 0 : -1;
+          const tabindex = !disabled && pane.active ? 0 : -1;
           return vue.createVNode("div", {
             "ref": `tab-${tabName}`,
-            "class": [ns.e("item"), ns.is(rootTabs.props.tabPosition), ns.is("active", pane.active), ns.is("disabled", pane.props.disabled), ns.is("closable", closable), ns.is("focus", isFocus.value)],
+            "class": [ns.e("item"), ns.is(rootTabs.props.tabPosition), ns.is("active", pane.active), ns.is("disabled", disabled), ns.is("closable", closable), ns.is("focus", isFocus.value)],
             "id": `tab-${tabName}`,
             "key": `tab-${tabName}`,
             "aria-controls": `pane-${tabName}`,