@element-plus/nightly 0.0.20250723 → 0.0.20250724

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250723 */
+/*! Element Plus v0.0.20250724 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11824,7 +11824,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250723";
+  const version$1 = "0.0.20250724";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -14949,32 +14949,26 @@
         return [ns.e("view"), props.viewClass];
       });
       const shouldSkipDirection = (direction2) => {
-        return direction2 === "top" && distanceScrollState.top || direction2 === "bottom" && distanceScrollState.bottom || direction2 === "left" && distanceScrollState.left || direction2 === "right" && distanceScrollState.right;
+        var _a;
+        return (_a = distanceScrollState[direction2]) != null ? _a : false;
+      };
+      const DIRECTION_PAIRS = {
+        top: "bottom",
+        bottom: "top",
+        left: "right",
+        right: "left"
       };
       const updateTriggerStatus = (arrivedStates) => {
-        const _updateTriggerState = (to, from) => {
-          const arrived = arrivedStates[to];
-          const oppositeArrived = arrivedStates[from];
-          const triggerKey = to;
-          const oppositeTriggerKey = from;
-          if (arrived && !distanceScrollState[triggerKey]) {
-            distanceScrollState[triggerKey] = true;
-          }
-          if (!oppositeArrived && distanceScrollState[oppositeTriggerKey]) {
-            distanceScrollState[oppositeTriggerKey] = false;
-          }
-        };
-        if (direction === "top") {
-          _updateTriggerState("top", "bottom");
-        }
-        if (direction === "bottom") {
-          _updateTriggerState("bottom", "top");
-        }
-        if (direction === "left") {
-          _updateTriggerState("left", "right");
+        const oppositeDirection = DIRECTION_PAIRS[direction];
+        if (!oppositeDirection)
+          return;
+        const arrived = arrivedStates[direction];
+        const oppositeArrived = arrivedStates[oppositeDirection];
+        if (arrived && !distanceScrollState[direction]) {
+          distanceScrollState[direction] = true;
         }
-        if (direction === "right") {
-          _updateTriggerState("right", "left");
+        if (!oppositeArrived && distanceScrollState[oppositeDirection]) {
+          distanceScrollState[oppositeDirection] = false;
         }
       };
       const handleScroll = () => {
@@ -15033,6 +15027,7 @@
       const update = () => {
         var _a;
         (_a = barRef.value) == null ? void 0 : _a.update();
+        distanceScrollState[direction] = false;
       };
       vue.watch(() => props.noresize, (noresize) => {
         if (noresize) {
@@ -19434,7 +19429,7 @@
         emit("mouseleave", evt);
       };
       const handleTouchStart = (evt) => {
-        emit("mouseenter", evt);
+        emit("touchstart", evt);
       };
       const handleStartInput = (evt) => {
         emit("startInput", evt);
@@ -25067,6 +25062,14 @@
             ])
           ]),
           content: vue.withCtx(() => [
+            _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(nsCascader).e("header")),
+              onClick: vue.withModifiers(() => {
+              }, ["stop"])
+            }, [
+              vue.renderSlot(_ctx.$slots, "header")
+            ], 10, ["onClick"])) : vue.createCommentVNode("v-if", true),
             vue.withDirectives(vue.createVNode(vue.unref(ElCascaderPanel), {
               ref_key: "cascaderPanelRef",
               ref: cascaderPanelRef,
@@ -25087,7 +25090,7 @@
               [vue.vShow, !filtering.value]
             ]),
             _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ElScrollbar), {
-              key: 0,
+              key: 1,
               ref_key: "suggestionPanel",
               ref: suggestionPanel,
               tag: "ul",
@@ -25125,7 +25128,15 @@
               _: 3
             }, 8, ["class", "view-class"])), [
               [vue.vShow, filtering.value]
-            ]) : vue.createCommentVNode("v-if", true)
+            ]) : vue.createCommentVNode("v-if", true),
+            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 2,
+              class: vue.normalizeClass(vue.unref(nsCascader).e("footer")),
+              onClick: vue.withModifiers(() => {
+              }, ["stop"])
+            }, [
+              vue.renderSlot(_ctx.$slots, "footer")
+            ], 10, ["onClick"])) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
         }, 8, ["visible", "teleported", "popper-class", "fallback-placements", "placement", "transition", "persistent"]);
@@ -31001,6 +31012,7 @@
   const ElOverlay = Overlay$1;
 
   const dialogInjectionKey = Symbol("dialogInjectionKey");
+  const DEFAULT_DIALOG_TRANSITION = "dialog-fade";
 
   const dialogContentProps = buildProps({
     center: Boolean,
@@ -31164,6 +31176,10 @@
     headerAriaLevel: {
       type: String,
       default: "2"
+    },
+    transition: {
+      type: definePropType([String, Object]),
+      default: DEFAULT_DIALOG_TRANSITION
     }
   });
   const dialogEmits = {
@@ -31210,6 +31226,38 @@
       }
       return {};
     });
+    const transitionConfig = vue.computed(() => {
+      const baseConfig = {
+        name: props.transition,
+        onAfterEnter: afterEnter,
+        onBeforeLeave: beforeLeave,
+        onAfterLeave: afterLeave
+      };
+      if (isObject$1(props.transition)) {
+        const config = { ...props.transition };
+        const _mergeHook = (userHook, defaultHook) => {
+          return (el) => {
+            if (isArray$1(userHook)) {
+              userHook.forEach((fn) => {
+                if (isFunction$1(fn))
+                  fn(el);
+              });
+            } else if (isFunction$1(userHook)) {
+              userHook(el);
+            }
+            defaultHook();
+          };
+        };
+        config.onAfterEnter = _mergeHook(config.onAfterEnter, afterEnter);
+        config.onBeforeLeave = _mergeHook(config.onBeforeLeave, beforeLeave);
+        config.onAfterLeave = _mergeHook(config.onAfterLeave, afterLeave);
+        if (!config.name) {
+          config.name = DEFAULT_DIALOG_TRANSITION;
+        }
+        return config;
+      }
+      return baseConfig;
+    });
     function afterEnter() {
       emit("opened");
     }
@@ -31348,7 +31396,8 @@
       overlayDialogStyle,
       rendered,
       visible,
-      zIndex
+      zIndex,
+      transitionConfig
     };
   };
 
@@ -31381,10 +31430,8 @@
         style,
         overlayDialogStyle,
         rendered,
+        transitionConfig,
         zIndex,
-        afterEnter,
-        afterLeave,
-        beforeLeave,
         handleClose,
         onModalClick,
         onOpenAutoFocus,
@@ -31418,13 +31465,7 @@
           disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(vue.Transition, {
-              name: "dialog-fade",
-              onAfterEnter: vue.unref(afterEnter),
-              onAfterLeave: vue.unref(afterLeave),
-              onBeforeLeave: vue.unref(beforeLeave),
-              persisted: ""
-            }, {
+            vue.createVNode(vue.Transition, vue.mergeProps(vue.unref(transitionConfig), { persisted: "" }), {
               default: vue.withCtx(() => [
                 vue.withDirectives(vue.createVNode(vue.unref(ElOverlay), {
                   "custom-mask-event": "",
@@ -31505,7 +31546,7 @@
                 ])
               ]),
               _: 3
-            }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+            }, 16)
           ]),
           _: 3
         }, 8, ["to", "disabled"]);
@@ -44934,19 +44975,19 @@
     }
     return null;
   };
-  const getRowIdentity = (row, rowKey, isReturnRawValue = false) => {
+  const getRowIdentity = (row, rowKey) => {
     if (!row)
       throw new Error("Row is required when get row identity");
     if (isString$1(rowKey)) {
       if (!rowKey.includes(".")) {
-        return isReturnRawValue ? row[rowKey] : `${row[rowKey]}`;
+        return `${row[rowKey]}`;
       }
       const key = rowKey.split(".");
       let current = row;
       for (const element of key) {
         current = current[element];
       }
-      return isReturnRawValue ? current : `${current}`;
+      return `${current}`;
     } else if (isFunction$1(rowKey)) {
       return rowKey.call(null, row);
     }
@@ -45434,20 +45475,20 @@
     });
     const normalize = (data) => {
       const rowKey = watcherData.rowKey.value;
-      const res = /* @__PURE__ */ new Map();
+      const res = {};
       walkTreeNode(data, (parent, children, level) => {
-        const parentId = getRowIdentity(parent, rowKey, true);
+        const parentId = getRowIdentity(parent, rowKey);
         if (isArray$1(children)) {
-          res.set(parentId, {
-            children: children.map((row) => row[rowKey]),
+          res[parentId] = {
+            children: children.map((row) => getRowIdentity(row, rowKey)),
             level
-          });
+          };
         } else if (lazy.value) {
-          res.set(parentId, {
+          res[parentId] = {
             children: [],
             lazy: true,
             level
-          });
+          };
         }
       }, childrenColumnName.value, lazyColumnIdentifier.value, lazy.value);
       return res;
@@ -45457,8 +45498,9 @@
       ifExpandAll || (ifExpandAll = (_a = instance.store) == null ? void 0 : _a.states.defaultExpandAll.value);
       const nested = normalizedData.value;
       const normalizedLazyNode_ = normalizedLazyNode.value;
+      const keys = Object.keys(nested);
       const newTreeData = {};
-      if (nested instanceof Map && nested.size) {
+      if (keys.length) {
         const oldTreeData = vue.unref(treeData);
         const rootLazyRowKeys = [];
         const getExpanded = (oldValue, key) => {
@@ -45473,9 +45515,9 @@
             return !!((oldValue == null ? void 0 : oldValue.expanded) || included);
           }
         };
-        nested.forEach((_, key) => {
+        keys.forEach((key) => {
           const oldValue = oldTreeData[key];
-          const newValue = { ...nested.get(key) };
+          const newValue = { ...nested[key] };
           newValue.expanded = getExpanded(oldValue, key);
           if (newValue.lazy) {
             const { loaded = false, loading = false } = oldValue || {};
@@ -49829,6 +49871,11 @@
         rowKey
       });
       (_b = props.onExpandedRowsChange) == null ? void 0 : _b.call(props, _expandedRowKeys);
+      const tableRoot = tableInstance.vnode.el;
+      const hoverRow = tableRoot.querySelector(`.${ns.is("hovered")}[rowkey="${String(rowKey)}"]`);
+      if (hoverRow) {
+        vue.nextTick(() => onRowHovered({ hovered: true, rowKey }));
+      }
     }
     const flushingRowHeights = debounce(() => {
       var _a, _b, _c, _d;
@@ -62588,6 +62635,7 @@
   exports.ClickOutside = ClickOutside;
   exports.CommonPicker = CommonPicker;
   exports.CommonProps = CommonProps;
+  exports.DEFAULT_DIALOG_TRANSITION = DEFAULT_DIALOG_TRANSITION;
   exports.DEFAULT_EMPTY_VALUES = DEFAULT_EMPTY_VALUES;
   exports.DEFAULT_FORMATS_DATE = DEFAULT_FORMATS_DATE;
   exports.DEFAULT_FORMATS_DATEPICKER = DEFAULT_FORMATS_DATEPICKER;