@element-plus/nightly 0.0.20240203 → 0.0.20240204

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240203 */
+/*! Element Plus v0.0.20240204 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11572,7 +11572,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240203";
+  const version$1 = "0.0.20240204";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -32366,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) {
@@ -32415,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", {
@@ -32466,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"])
@@ -44749,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;
@@ -44758,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);
       }
@@ -44792,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);
     };
@@ -45151,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) {
@@ -52753,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;
@@ -52765,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);
@@ -52786,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
     };