@element-plus/nightly 0.0.20240202 → 0.0.20240204

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240202 */
+/*! Element Plus v0.0.20240204 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -8960,6 +8960,11 @@
       popconfirm: {
         confirmButtonText: "Yes",
         cancelButtonText: "No"
+      },
+      carousel: {
+        leftArrow: "Carousel arrow left",
+        rightArrow: "Carousel arrow right",
+        indicator: "Carousel switch to index {index}"
       }
     }
   };
@@ -11567,7 +11572,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240202";
+  const version$1 = "0.0.20240204";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13869,7 +13874,7 @@
 
   const _hoisted_1$14 = ["role"];
   const _hoisted_2$I = ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
-  const _hoisted_3$i = ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
+  const _hoisted_3$j = ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
   const __default__$1D = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
@@ -14286,7 +14291,7 @@
               onBlur: _cache[3] || (_cache[3] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args)),
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_3$i),
+            }), null, 16, _hoisted_3$j),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
@@ -16392,7 +16397,7 @@
 
   const _hoisted_1$12 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$G = { key: 0 };
-  const _hoisted_3$h = ["id", "aria-selected", "onClick"];
+  const _hoisted_3$i = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$i = "ElAutocomplete";
   const __default__$1u = vue.defineComponent({
     name: COMPONENT_NAME$i,
@@ -16660,7 +16665,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$h);
+                    ], 10, _hoisted_3$i);
                   }), 128))
                 ]),
                 _: 3
@@ -21427,8 +21432,11 @@
     };
   };
 
-  const _hoisted_1$X = ["onMouseenter", "onClick"];
-  const _hoisted_2$C = { key: 0 };
+  const _hoisted_1$X = ["aria-label"];
+  const _hoisted_2$C = ["aria-label"];
+  const _hoisted_3$h = ["onMouseenter", "onClick"];
+  const _hoisted_4$b = ["aria-label"];
+  const _hoisted_5$7 = { key: 0 };
   const COMPONENT_NAME$f = "ElCarousel";
   const __default__$1i = vue.defineComponent({
     name: COMPONENT_NAME$f
@@ -21463,6 +21471,7 @@
         throttledIndicatorHover
       } = useCarousel(props, emit);
       const ns = useNamespace("carousel");
+      const { t } = useLocale();
       const carouselClasses = vue.computed(() => {
         const classes = [ns.b(), ns.m(props.direction)];
         if (vue.unref(isCardType)) {
@@ -21509,6 +21518,7 @@
                 vue.withDirectives(vue.createElementVNode("button", {
                   type: "button",
                   class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "left")]),
+                  "aria-label": vue.unref(t)("el.carousel.leftArrow"),
                   onMouseenter: _cache[0] || (_cache[0] = ($event) => vue.unref(handleButtonEnter)("left")),
                   onMouseleave: _cache[1] || (_cache[1] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
                   onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) - 1), ["stop"]))
@@ -21519,7 +21529,7 @@
                     ]),
                     _: 1
                   })
-                ], 34), [
+                ], 42, _hoisted_1$X), [
                   [
                     vue.vShow,
                     (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) > 0)
@@ -21537,6 +21547,7 @@
                 vue.withDirectives(vue.createElementVNode("button", {
                   type: "button",
                   class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "right")]),
+                  "aria-label": vue.unref(t)("el.carousel.rightArrow"),
                   onMouseenter: _cache[3] || (_cache[3] = ($event) => vue.unref(handleButtonEnter)("right")),
                   onMouseleave: _cache[4] || (_cache[4] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
                   onClick: _cache[5] || (_cache[5] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) + 1), ["stop"]))
@@ -21547,7 +21558,7 @@
                     ]),
                     _: 1
                   })
-                ], 34), [
+                ], 42, _hoisted_2$C), [
                   [
                     vue.vShow,
                     (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) < vue.unref(items).length - 1)
@@ -21575,11 +21586,12 @@
                 onClick: vue.withModifiers(($event) => vue.unref(handleIndicatorClick)(index), ["stop"])
               }, [
                 vue.createElementVNode("button", {
-                  class: vue.normalizeClass(vue.unref(ns).e("button"))
+                  class: vue.normalizeClass(vue.unref(ns).e("button")),
+                  "aria-label": vue.unref(t)("el.carousel.indicator", { index: index + 1 })
                 }, [
-                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$C, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
-                ], 2)
-              ], 42, _hoisted_1$X)), [
+                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
+                ], 10, _hoisted_4$b)
+              ], 42, _hoisted_3$h)), [
                 [vue.vShow, vue.unref(isTwoLengthShow)(index)]
               ]);
             }), 128))
@@ -32354,6 +32366,10 @@
           data.currentValue = props.modelValue;
         }
       };
+      const handleWheel = (e) => {
+        if (document.activeElement === e.target)
+          e.preventDefault();
+      };
       vue.watch(() => props.modelValue, (value, oldValue) => {
         const newValue = verifyValue(value, true);
         if (data.userInput === null && newValue !== oldValue) {
@@ -32403,7 +32419,7 @@
             vue.unref(ns).is("without-controls", !_ctx.controls),
             vue.unref(ns).is("controls-right", vue.unref(controlsAtRight))
           ]),
-          onDragstart: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+          onDragstart: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["prevent"]))
         }, [
           _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -32454,8 +32470,7 @@
             name: _ctx.name,
             label: _ctx.label,
             "validate-event": false,
-            onWheel: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-            }, ["prevent"])),
+            onWheel: handleWheel,
             onKeydown: [
               vue.withKeys(vue.withModifiers(increase, ["prevent"]), ["up"]),
               vue.withKeys(vue.withModifiers(decrease, ["prevent"]), ["down"])
@@ -44737,6 +44752,16 @@
         bottom: paddingBottom
       };
     };
+    const toggleRowClassByCell = (rowSpan, event, toggle) => {
+      let node = event.target.parentNode;
+      while (rowSpan > 1) {
+        node = node == null ? void 0 : node.nextSibling;
+        if (!node || node.nodeName !== "TR")
+          break;
+        toggle(node, "hover-row hover-fixed-row");
+        rowSpan--;
+      }
+    };
     const handleCellMouseEnter = (event, row, tooltipOptions) => {
       var _a;
       const table = parent;
@@ -44746,6 +44771,9 @@
         const column = getColumnByCell({
           columns: props.store.states.columns.value
         }, cell, namespace);
+        if (cell.rowSpan > 1) {
+          toggleRowClassByCell(cell.rowSpan, event, addClass);
+        }
         const hoverState = table.hoverState = { cell, column, row };
         table == null ? void 0 : table.emit("cell-mouse-enter", hoverState.row, hoverState.column, hoverState.cell, event);
       }
@@ -44780,6 +44808,9 @@
       const cell = getCell(event);
       if (!cell)
         return;
+      if (cell.rowSpan > 1) {
+        toggleRowClassByCell(cell.rowSpan, event, removeClass);
+      }
       const oldHoverState = parent == null ? void 0 : parent.hoverState;
       parent == null ? void 0 : parent.emit("cell-mouse-leave", oldHoverState == null ? void 0 : oldHoverState.row, oldHoverState == null ? void 0 : oldHoverState.column, oldHoverState == null ? void 0 : oldHoverState.cell, event);
     };
@@ -45139,15 +45170,45 @@
       const ns = useNamespace("table");
       const { wrappedRowRender, tooltipContent, tooltipTrigger } = useRender$1(props);
       const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
+      const hoveredCellList = [];
       vue.watch(props.store.states.hoverRow, (newVal, oldVal) => {
+        var _a;
+        const el = instance == null ? void 0 : instance.vnode.el;
+        const rows = Array.from((el == null ? void 0 : el.children) || []).filter((e) => e == null ? void 0 : e.classList.contains(`${ns.e("row")}`));
+        let rowNum = newVal;
+        const childNodes = (_a = rows[rowNum]) == null ? void 0 : _a.childNodes;
+        if (childNodes == null ? void 0 : childNodes.length) {
+          const indexes = Array.from(childNodes).reduce((acc, item, index) => {
+            var _a2, _b;
+            const pre = ((_a2 = childNodes[index - 1]) == null ? void 0 : _a2.colSpan) > 1;
+            const next = ((_b = childNodes[index + 1]) == null ? void 0 : _b.colSpan) > 1;
+            if (item.nodeName !== "TD" && !pre && !next) {
+              acc.push(index);
+            }
+            return acc;
+          }, []);
+          indexes.forEach((rowIndex) => {
+            var _a2;
+            while (rowNum > 0) {
+              const preChildNodes = (_a2 = rows[rowNum - 1]) == null ? void 0 : _a2.childNodes;
+              if (preChildNodes[rowIndex] && preChildNodes[rowIndex].nodeName === "TD") {
+                addClass(preChildNodes[rowIndex], "hover-cell");
+                hoveredCellList.push(preChildNodes[rowIndex]);
+                break;
+              }
+              rowNum--;
+            }
+          });
+        } else {
+          hoveredCellList.forEach((item) => removeClass(item, "hover-cell"));
+          hoveredCellList.length = 0;
+        }
         if (!props.store.states.isComplex.value || !isClient)
           return;
         rAF(() => {
-          const el = instance == null ? void 0 : instance.vnode.el;
-          const rows = Array.from((el == null ? void 0 : el.children) || []).filter((e) => e == null ? void 0 : e.classList.contains(`${ns.e("row")}`));
           const oldRow = rows[oldVal];
           const newRow = rows[newVal];
-          if (oldRow) {
+          if (oldRow && !oldRow.classList.contains("hover-fixed-row")) {
             removeClass(oldRow, "hover-row");
           }
           if (newRow) {
@@ -52741,7 +52802,7 @@
         return regexp.test(getNodeValByProp("label", data) || "");
       },
       onNodeClick: (data, node, e) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         (_a = attrs.onNodeClick) == null ? void 0 : _a.call(attrs, data, node, e);
         if (props.showCheckbox && props.checkOnClickNode)
           return;
@@ -52753,8 +52814,10 @@
         } else if (props.expandOnClickNode) {
           e.proxy.handleExpandIconClick();
         }
+        (_d = select.value) == null ? void 0 : _d.focus();
       },
       onCheck: (data, params) => {
+        var _a;
         if (!props.showCheckbox)
           return;
         const dataValue = getNodeValByProp("value", data);
@@ -52774,16 +52837,17 @@
           }
         }
         vue.nextTick(() => {
-          var _a;
+          var _a2;
           const checkedKeys2 = toValidArray(props.modelValue);
           tree.value.setCheckedKeys(checkedKeys2);
-          (_a = attrs.onCheck) == null ? void 0 : _a.call(attrs, data, {
+          (_a2 = attrs.onCheck) == null ? void 0 : _a2.call(attrs, data, {
             checkedKeys: tree.value.getCheckedKeys(),
             checkedNodes: tree.value.getCheckedNodes(),
             halfCheckedKeys: tree.value.getHalfCheckedKeys(),
             halfCheckedNodes: tree.value.getHalfCheckedNodes()
           });
         });
+        (_a = select.value) == null ? void 0 : _a.focus();
       },
       cacheOptions
     };