@element-plus/nightly 0.0.20220715 → 0.0.20220718

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220715 */
+/*! Element Plus v0.0.20220718 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9298,7 +9298,8 @@
       return {
         hide,
         show,
-        toggle
+        toggle,
+        hasUpdateHandler
       };
     };
     return {
@@ -10734,7 +10735,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220715";
+  const version$1 = "0.0.20220718";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13380,7 +13381,7 @@
       };
       const open = vue.ref(false);
       const toggleReason = vue.ref(void 0);
-      const { show, hide } = useModelToggle({
+      const { show, hide, hasUpdateHandler } = useModelToggle({
         indicator: open,
         toggleReason
       });
@@ -13390,7 +13391,7 @@
         open: show,
         close: hide
       });
-      const controlled = vue.computed(() => isBoolean(props.visible));
+      const controlled = vue.computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
       vue.provide(TOOLTIP_INJECTION_KEY, {
         controlled,
         id,
@@ -16493,7 +16494,6 @@
           ref_key: "refPopper",
           ref: refPopper,
           visible: pickerVisible.value,
-          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => pickerVisible.value = $event),
           effect: "light",
           pure: "",
           trigger: "click"
@@ -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);
       }
     }
   };
@@ -34178,6 +34178,9 @@
     persistent: {
       type: Boolean,
       default: true
+    },
+    "onUpdate:visible": {
+      type: Function
     }
   });
   const popoverEmits = {
@@ -34197,6 +34200,10 @@
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
+      const updateEventKeyRaw = `onUpdate:visible`;
+      const onUpdateVisible = vue.computed(() => {
+        return props[updateEventKeyRaw];
+      });
       const ns = useNamespace("popover");
       const tooltipRef = vue.ref();
       const popperRef = vue.computed(() => {
@@ -34264,6 +34271,7 @@
           teleported: _ctx.teleported,
           persistent: _ctx.persistent,
           "gpu-acceleration": vue.unref(gpuAcceleration),
+          "onUpdate:visible": vue.unref(onUpdateVisible),
           onBeforeShow: beforeEnter,
           onBeforeHide: beforeLeave,
           onShow: afterEnter,
@@ -34283,7 +34291,7 @@
             _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration"]);
+        }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onUpdate:visible"]);
       };
     }
   });
@@ -46899,7 +46907,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 +46970,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 +46981,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}`,