@element-plus/nightly 0.0.20240403 → 0.0.20240404

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240403 */
+/*! Element Plus v0.0.20240404 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11661,7 +11661,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240403";
+  const version$1 = "0.0.20240404";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -18272,6 +18272,19 @@
       const buttonStyle = useButtonCustomStyle(props);
       const ns = useNamespace("button");
       const { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } = useButton(props, emit);
+      const buttonKls = vue.computed(() => [
+        ns.b(),
+        ns.m(_type.value),
+        ns.m(_size.value),
+        ns.is("disabled", _disabled.value),
+        ns.is("loading", props.loading),
+        ns.is("plain", props.plain),
+        ns.is("round", props.round),
+        ns.is("circle", props.circle),
+        ns.is("text", props.text),
+        ns.is("link", props.link),
+        ns.is("has-bg", props.bg)
+      ]);
       expose({
         ref: _ref,
         size: _size,
@@ -18284,19 +18297,7 @@
           ref_key: "_ref",
           ref: _ref
         }, vue.unref(_props), {
-          class: [
-            vue.unref(ns).b(),
-            vue.unref(ns).m(vue.unref(_type)),
-            vue.unref(ns).m(vue.unref(_size)),
-            vue.unref(ns).is("disabled", vue.unref(_disabled)),
-            vue.unref(ns).is("loading", _ctx.loading),
-            vue.unref(ns).is("plain", _ctx.plain),
-            vue.unref(ns).is("round", _ctx.round),
-            vue.unref(ns).is("circle", _ctx.circle),
-            vue.unref(ns).is("text", _ctx.text),
-            vue.unref(ns).is("link", _ctx.link),
-            vue.unref(ns).is("has-bg", _ctx.bg)
-          ],
+          class: vue.unref(buttonKls),
           style: vue.unref(buttonStyle),
           onClick: vue.unref(handleClick)
         }), {
@@ -47188,11 +47189,17 @@
     };
   };
 
-  const useRow = (props, { mainTableRef, leftTableRef, rightTableRef }) => {
+  const useRow = (props, {
+    mainTableRef,
+    leftTableRef,
+    rightTableRef,
+    tableInstance,
+    ns,
+    isScrolling
+  }) => {
     const vm = vue.getCurrentInstance();
     const { emit } = vm;
     const isResetting = vue.shallowRef(false);
-    const hoveringRowKey = vue.shallowRef(null);
     const expandedRowKeys = vue.ref(props.defaultExpandedRowKeys || []);
     const lastRenderedRowIndex = vue.ref(-1);
     const resetIndex = vue.shallowRef(null);
@@ -47210,7 +47217,18 @@
       }
     }
     function onRowHovered({ hovered, rowKey }) {
-      hoveringRowKey.value = hovered ? rowKey : null;
+      if (isScrolling.value) {
+        return;
+      }
+      const tableRoot = tableInstance.vnode.el;
+      const rows = tableRoot.querySelectorAll(`[rowkey=${rowKey}]`);
+      rows.forEach((row) => {
+        if (hovered) {
+          row.classList.add(ns.is("hovered"));
+        } else {
+          row.classList.remove(ns.is("hovered"));
+        }
+      });
     }
     function onRowExpanded({
       expanded,
@@ -47288,7 +47306,6 @@
       }
     }
     return {
-      hoveringRowKey,
       expandedRowKeys,
       lastRenderedRowIndex,
       isDynamic,
@@ -47499,9 +47516,11 @@
       rightTableRef,
       onMaybeEndReached
     });
+    const ns = useNamespace("table-v2");
+    const instance = vue.getCurrentInstance();
+    const isScrolling = vue.shallowRef(false);
     const {
       expandedRowKeys,
-      hoveringRowKey,
       lastRenderedRowIndex,
       isDynamic,
       isResetting,
@@ -47514,7 +47533,10 @@
     } = useRow(props, {
       mainTableRef,
       leftTableRef,
-      rightTableRef
+      rightTableRef,
+      tableInstance: instance,
+      ns,
+      isScrolling
     });
     const { data, depthMap } = useData(props, {
       expandedRowKeys,
@@ -47540,7 +47562,6 @@
       fixedColumnsOnLeft,
       fixedColumnsOnRight
     });
-    const isScrolling = vue.shallowRef(false);
     const containerRef = vue.ref();
     const showEmpty = vue.computed(() => {
       const noData = vue.unref(data).length === 0;
@@ -47576,7 +47597,6 @@
       isDynamic,
       isResetting,
       isScrolling,
-      hoveringRowKey,
       hasFixedColumns,
       columnsStyles,
       columnsTotalWidth,
@@ -48528,7 +48548,6 @@
       expandedRowKeys,
       estimatedRowHeight,
       hasFixedColumns,
-      hoveringRowKey,
       rowData,
       rowIndex,
       style,
@@ -48558,7 +48577,6 @@
     const kls = [ns.e("row"), rowKls, {
       [ns.e(`row-depth-${depth}`)]: canExpand && rowIndex >= 0,
       [ns.is("expanded")]: canExpand && expandedRowKeys.includes(_rowKey),
-      [ns.is("hovered")]: !isScrolling && _rowKey === hoveringRowKey,
       [ns.is("fixed")]: !depth && isFixedRow,
       [ns.is("customized")]: Boolean(slots.row)
     }];
@@ -48578,9 +48596,29 @@
       rowEventHandlers,
       style
     };
+    const handlerMosueEnter = (e) => {
+      onRowHover == null ? void 0 : onRowHover({
+        hovered: true,
+        rowKey: _rowKey,
+        event: e,
+        rowData,
+        rowIndex
+      });
+    };
+    const handlerMouseLeave = (e) => {
+      onRowHover == null ? void 0 : onRowHover({
+        hovered: false,
+        rowKey: _rowKey,
+        event: e,
+        rowData,
+        rowIndex
+      });
+    };
     return vue.createVNode(Row, vue.mergeProps(_rowProps, {
-      "onRowHover": onRowHover,
-      "onRowExpand": onRowExpanded
+      "onRowExpand": onRowExpanded,
+      "onMouseenter": handlerMosueEnter,
+      "onMouseleave": handlerMouseLeave,
+      "rowkey": _rowKey
     }), _isSlot$2(slots) ? slots : {
       default: () => [slots]
     });
@@ -48823,7 +48861,6 @@
         depthMap,
         expandedRowKeys,
         hasFixedColumns,
-        hoveringRowKey,
         mainTableRef,
         leftTableRef,
         rightTableRef,
@@ -48858,7 +48895,6 @@
       vue.provide(TableV2InjectionKey, {
         ns,
         isResetting,
-        hoveringRowKey,
         isScrolling
       });
       return () => {
@@ -48966,7 +49002,6 @@
           expandedRowKeys: vue.unref(expandedRowKeys),
           estimatedRowHeight,
           hasFixedColumns: vue.unref(hasFixedColumns),
-          hoveringRowKey: vue.unref(hoveringRowKey),
           rowProps,
           rowClass,
           rowKey,