@element-plus/nightly 0.0.20250906 → 0.0.20250908

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250906 */
+/*! Element Plus v0.0.20250908 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12492,7 +12492,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250906";
+  const version$1 = "0.0.20250908";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12738,7 +12738,8 @@
       values: alertEffects,
       default: "light"
     },
-    ...useDelayedToggleProps
+    ...useDelayedToggleProps,
+    showAfter: Number
   });
   const alertEmits = {
     open: () => true,
@@ -12757,7 +12758,7 @@
       const { Close } = TypeComponents;
       const slots = vue.useSlots();
       const ns = useNamespace("alert");
-      const visible = vue.ref(false);
+      const visible = vue.ref(isUndefined(props.showAfter));
       const iconComponent = vue.computed(() => TypeComponentsMap[props.type]);
       const hasDesc = vue.computed(() => !!(props.description || slots.default));
       const open = () => {
@@ -12769,7 +12770,7 @@
         emit("close", event);
       };
       const { onOpen, onClose } = useDelayedToggle({
-        showAfter: vue.toRef(props, "showAfter"),
+        showAfter: vue.toRef(props, "showAfter", 0),
         hideAfter: vue.toRef(props, "hideAfter"),
         autoClose: vue.toRef(props, "autoClose"),
         open,
@@ -35576,7 +35577,8 @@
     [CHANGE_EVENT]: (value) => isArray$1(value) || isUndefined(value),
     [INPUT_EVENT]: (value) => isString$1(value),
     "add-tag": (value) => isString$1(value) || isArray$1(value),
-    "remove-tag": (value) => isString$1(value),
+    "remove-tag": (value, index) => isString$1(value) && isNumber(index),
+    "drag-tag": (oldIndex, newIndex, value) => isNumber(oldIndex) && isNumber(newIndex) && isString$1(value),
     focus: (evt) => evt instanceof FocusEvent,
     blur: (evt) => evt instanceof FocusEvent,
     clear: () => true
@@ -35779,7 +35781,7 @@
       const [item] = value.splice(index, 1);
       emit(UPDATE_MODEL_EVENT, value);
       emit(CHANGE_EVENT, value);
-      emit("remove-tag", item);
+      emit("remove-tag", item, index);
     };
     const handleClear = () => {
       inputValue.value = void 0;
@@ -35795,6 +35797,7 @@
       value.splice(dropIndex + step, 0, draggedItem);
       emit(UPDATE_MODEL_EVENT, value);
       emit(CHANGE_EVENT, value);
+      emit("drag-tag", draggingIndex, dropIndex + step, draggedItem);
     };
     const focus = () => {
       var _a;
@@ -49063,13 +49066,13 @@
       }
       return rowStyle || null;
     };
-    const getRowClass = (row, rowIndex) => {
+    const getRowClass = (row, rowIndex, displayIndex) => {
       var _a;
       const classes = [ns.e("row")];
       if ((parent == null ? void 0 : parent.props.highlightCurrentRow) && row === ((_a = props.store) == null ? void 0 : _a.states.currentRow.value)) {
         classes.push("current-row");
       }
-      if (props.stripe && rowIndex % 2 === 1) {
+      if (props.stripe && displayIndex % 2 === 1) {
         classes.push(ns.em("row", "striped"));
       }
       const rowClassName = parent == null ? void 0 : parent.props.rowClassName;
@@ -49204,6 +49207,7 @@
       getSpan,
       getColspanRealWidth
     } = useStyles$1(props);
+    let displayIndex = -1;
     const firstDefaultColumnIndex = vue.computed(() => {
       var _a;
       return (_a = props.store) == null ? void 0 : _a.states.columns.value.findIndex(({ type }) => type === "default");
@@ -49219,12 +49223,19 @@
     const rowRender = (row, $index, treeRowData, expanded = false) => {
       const { tooltipEffect, tooltipOptions, store } = props;
       const { indent, columns } = store.states;
-      const rowClasses = getRowClass(row, $index);
+      const rowClasses = [];
       let display = true;
       if (treeRowData) {
         rowClasses.push(ns.em("row", `level-${treeRowData.level}`));
         display = !!treeRowData.display;
       }
+      if ($index === 0) {
+        displayIndex = -1;
+      }
+      if (props.stripe && display) {
+        displayIndex++;
+      }
+      rowClasses.push(...getRowClass(row, $index, displayIndex));
       const displayStyle = display ? null : { display: "none" };
       return vue.h("tr", {
         style: [displayStyle, getRowStyle(row, $index)],
@@ -62952,13 +62963,13 @@
           return;
         const caretPosition = getCursorPosition(inputEl);
         const inputRect = inputEl.getBoundingClientRect();
-        const elInputRect = elInputRef.value.$el.getBoundingClientRect();
+        const wrapperRect = wrapperRef.value.getBoundingClientRect();
         cursorStyle.value = {
           position: "absolute",
           width: 0,
           height: `${caretPosition.height}px`,
-          left: `${caretPosition.left + inputRect.left - elInputRect.left}px`,
-          top: `${caretPosition.top + inputRect.top - elInputRect.top}px`
+          left: `${caretPosition.left + inputRect.left - wrapperRect.left}px`,
+          top: `${caretPosition.top + inputRect.top - wrapperRect.top}px`
         };
       };
       const syncDropdownVisible = () => {