@element-plus/nightly 0.0.20250701 → 0.0.20250703

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250701 */
+/*! Element Plus v0.0.20250703 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11803,7 +11803,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250701";
+  const version$1 = "0.0.20250703";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -14118,7 +14118,8 @@
     inputmode: {
       type: definePropType(String),
       default: void 0
-    }
+    },
+    name: String
   });
   const inputEmits = {
     [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
@@ -14416,6 +14417,7 @@
                 ref: input,
                 class: vue.unref(nsInput).e("inner")
               }, vue.unref(attrs), {
+                name: _ctx.name,
                 minlength: _ctx.minlength,
                 maxlength: _ctx.maxlength,
                 type: _ctx.showPassword ? passwordVisible.value ? "text" : "password" : _ctx.type,
@@ -14436,7 +14438,7 @@
                 onInput: handleInput,
                 onChange: handleChange,
                 onKeydown: handleKeydown
-              }), null, 16, ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus", "role", "inputmode", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
+              }), null, 16, ["id", "name", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus", "role", "inputmode", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
               vue.createCommentVNode(" suffix slot "),
               vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
@@ -16658,6 +16660,7 @@
   const ElTooltip = withInstall(Tooltip);
 
   const autocompleteProps = buildProps({
+    ...inputProps,
     valueKey: {
       type: String,
       default: "value"
@@ -16711,17 +16714,7 @@
     fitInputWidth: {
       type: Boolean,
       default: false
-    },
-    clearable: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    name: String,
-    ...useAriaProps(["ariaLabel"])
+    }
   });
   const autocompleteEmits = {
     [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
@@ -16744,7 +16737,7 @@
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
-      const attrs = useAttrs();
+      const passInputProps = vue.computed(() => pick(props, Object.keys(inputProps)));
       const rawAttrs = vue.useAttrs();
       const disabled = useFormDisabled();
       const ns = useNamespace("autocomplete");
@@ -17031,12 +17024,9 @@
               vue.createVNode(vue.unref(ElInput), vue.mergeProps({
                 ref_key: "inputRef",
                 ref: inputRef
-              }, vue.unref(attrs), {
-                clearable: _ctx.clearable,
-                disabled: vue.unref(disabled),
-                name: _ctx.name,
+              }, vue.mergeProps(vue.unref(passInputProps), _ctx.$attrs), {
                 "model-value": _ctx.modelValue,
-                "aria-label": _ctx.ariaLabel,
+                disabled: vue.unref(disabled),
                 onInput: handleInput,
                 onChange: handleChange,
                 onFocus: handleFocus,
@@ -17077,7 +17067,7 @@
                     vue.renderSlot(_ctx.$slots, "suffix")
                   ])
                 } : void 0
-              ]), 1040, ["clearable", "disabled", "name", "model-value", "aria-label", "onKeydown"])
+              ]), 1040, ["model-value", "disabled", "onKeydown"])
             ], 14, ["aria-expanded", "aria-owns"])
           ]),
           _: 3
@@ -37127,6 +37117,7 @@
                     "fallback-placements": ["bottom", "top", "right", "left"],
                     effect: _ctx.effect,
                     placement: "bottom",
+                    "popper-class": _ctx.popperClass,
                     teleported: _ctx.teleported
                   }, {
                     default: vue.withCtx(() => [
@@ -37189,7 +37180,7 @@
                       ], 2)
                     ]),
                     _: 3
-                  }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("v-if", true)
+                  }, 8, ["disabled", "effect", "popper-class", "teleported"])) : vue.createCommentVNode("v-if", true)
                 ]) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass([
@@ -42410,6 +42401,7 @@
                   "fallback-placements": ["bottom", "top", "right", "left"],
                   effect: _ctx.effect,
                   placement: "bottom",
+                  "popper-class": _ctx.popperClass,
                   teleported: _ctx.teleported
                 }, {
                   default: vue.withCtx(() => [
@@ -42472,7 +42464,7 @@
                     ], 2)
                   ]),
                   _: 3
-                }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("v-if", true)
+                }, 8, ["disabled", "effect", "popper-class", "teleported"])) : vue.createCommentVNode("v-if", true)
               ]) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([
@@ -46701,8 +46693,9 @@
     };
     const draggingColumn = vue.ref(null);
     const dragging = vue.ref(false);
-    const dragState = vue.ref({});
+    const dragState = vue.ref();
     const handleMouseDown = (event, column) => {
+      var _a, _b;
       if (!isClient)
         return;
       if (column.children && column.children.length > 0)
@@ -46712,8 +46705,8 @@
         const table = parent;
         emit("set-drag-visible", true);
         const tableEl = table == null ? void 0 : table.vnode.el;
-        const tableLeft = tableEl.getBoundingClientRect().left;
-        const columnEl = instance.vnode.el.querySelector(`th.${column.id}`);
+        const tableLeft = tableEl == null ? void 0 : tableEl.getBoundingClientRect().left;
+        const columnEl = (_b = (_a = instance == null ? void 0 : instance.vnode) == null ? void 0 : _a.el) == null ? void 0 : _b.querySelector(`th.${column.id}`);
         const columnRect = columnEl.getBoundingClientRect();
         const minLeft = columnRect.left - tableLeft + 30;
         addClass(columnEl, "noclick");
@@ -46749,7 +46742,7 @@
             document.body.style.cursor = "";
             dragging.value = false;
             draggingColumn.value = null;
-            dragState.value = {};
+            dragState.value = void 0;
             emit("set-drag-visible", false);
           }
           document.removeEventListener("mousemove", handleMouseMove2);
@@ -47154,7 +47147,8 @@
           rowspan: column.rowSpan,
           style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
           onClick: ($event) => {
-            if ($event.currentTarget.classList.contains("noclick")) {
+            var _a;
+            if ((_a = $event.currentTarget) == null ? void 0 : _a.classList.contains("noclick")) {
               return;
             }
             handleHeaderClick($event, column);
@@ -47192,7 +47186,7 @@
             column.filterable && vue.h(FilterPanel, {
               store,
               placement: column.filterPlacement || "bottom-start",
-              appendTo: $parent.appendFilterPanelTo,
+              appendTo: $parent == null ? void 0 : $parent.appendFilterPanelTo,
               column,
               upDataColumn: (key, value) => {
                 column[key] = value;
@@ -47216,14 +47210,14 @@
     const tooltipContent = vue.ref("");
     const tooltipTrigger = vue.ref(vue.h("div"));
     const handleEvent = (event, row, name) => {
-      var _a;
+      var _a, _b, _c;
       const table = parent;
       const cell = getCell(event);
-      let column;
+      let column = null;
       const namespace = (_a = table == null ? void 0 : table.vnode.el) == null ? void 0 : _a.dataset.prefix;
       if (cell) {
         column = getColumnByCell({
-          columns: props.store.states.columns.value
+          columns: (_c = (_b = props.store) == null ? void 0 : _b.states.columns.value) != null ? _c : []
         }, cell, namespace);
         if (column) {
           table == null ? void 0 : table.emit(`cell-${name}`, row, column, cell, event);
@@ -47235,17 +47229,20 @@
       handleEvent(event, row, "dblclick");
     };
     const handleClick = (event, row) => {
-      props.store.commit("setCurrentRow", row);
+      var _a;
+      (_a = props.store) == null ? void 0 : _a.commit("setCurrentRow", row);
       handleEvent(event, row, "click");
     };
     const handleContextMenu = (event, row) => {
       handleEvent(event, row, "contextmenu");
     };
     const handleMouseEnter = debounce((index) => {
-      props.store.commit("setHoverRow", index);
+      var _a;
+      (_a = props.store) == null ? void 0 : _a.commit("setHoverRow", index);
     }, 30);
     const handleMouseLeave = debounce(() => {
-      props.store.commit("setHoverRow", null);
+      var _a;
+      (_a = props.store) == null ? void 0 : _a.commit("setHoverRow", null);
     }, 30);
     const getPadding = (el) => {
       const style = window.getComputedStyle(el, null);
@@ -47261,7 +47258,8 @@
       };
     };
     const toggleRowClassByCell = (rowSpan, event, toggle) => {
-      let node = event.target.parentNode;
+      var _a;
+      let node = (_a = event == null ? void 0 : event.target) == null ? void 0 : _a.parentNode;
       while (rowSpan > 1) {
         node = node == null ? void 0 : node.nextSibling;
         if (!node || node.nodeName !== "TR")
@@ -47271,14 +47269,16 @@
       }
     };
     const handleCellMouseEnter = (event, row, tooltipOptions) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e, _f;
+      if (!parent)
+        return;
       const table = parent;
       const cell = getCell(event);
       const namespace = (_a = table == null ? void 0 : table.vnode.el) == null ? void 0 : _a.dataset.prefix;
-      let column;
+      let column = null;
       if (cell) {
         column = getColumnByCell({
-          columns: props.store.states.columns.value
+          columns: (_c = (_b = props.store) == null ? void 0 : _b.states.columns.value) != null ? _c : []
         }, cell, namespace);
         if (!column) {
           return;
@@ -47286,7 +47286,11 @@
         if (cell.rowSpan > 1) {
           toggleRowClassByCell(cell.rowSpan, event, addClass);
         }
-        const hoverState = table.hoverState = { cell, column, row };
+        const hoverState = table.hoverState = {
+          cell,
+          column,
+          row
+        };
         table == null ? void 0 : table.emit("cell-mouse-enter", hoverState.row, hoverState.column, hoverState.cell, event);
       }
       if (!tooltipOptions) {
@@ -47305,9 +47309,9 @@
       const horizontalPadding = left + right;
       const verticalPadding = top + bottom;
       if (isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) || isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) || isGreaterThan(cellChild.scrollWidth, cellChildWidth)) {
-        createTablePopper(tooltipOptions, cell.innerText || cell.textContent, row, column, cell, table);
-      } else if (((_b = removePopper) == null ? void 0 : _b.trigger) === cell) {
-        (_c = removePopper) == null ? void 0 : _c();
+        createTablePopper(tooltipOptions, (_d = (cell == null ? void 0 : cell.innerText) || (cell == null ? void 0 : cell.textContent)) != null ? _d : "", row, column, cell, table);
+      } else if (((_e = removePopper) == null ? void 0 : _e.trigger) === cell) {
+        (_f = removePopper) == null ? void 0 : _f();
       }
     };
     const handleCellMouseLeave = (event) => {
@@ -47347,8 +47351,9 @@
       return rowStyle || null;
     };
     const getRowClass = (row, rowIndex) => {
+      var _a;
       const classes = [ns.e("row")];
-      if ((parent == null ? void 0 : parent.props.highlightCurrentRow) && row === props.store.states.currentRow.value) {
+      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) {
@@ -47487,10 +47492,12 @@
       getColspanRealWidth
     } = useStyles$1(props);
     const firstDefaultColumnIndex = vue.computed(() => {
-      return props.store.states.columns.value.findIndex(({ type }) => type === "default");
+      var _a;
+      return (_a = props.store) == null ? void 0 : _a.states.columns.value.findIndex(({ type }) => type === "default");
     });
     const getKeyOfRow = (row, index) => {
-      const rowKey = parent.props.rowKey;
+      var _a;
+      const rowKey = (_a = parent == null ? void 0 : parent.props) == null ? void 0 : _a.rowKey;
       if (rowKey) {
         return getRowIdentity(row, rowKey);
       }
@@ -47503,7 +47510,7 @@
       let display = true;
       if (treeRowData) {
         rowClasses.push(ns.em("row", `level-${treeRowData.level}`));
-        display = treeRowData.display;
+        display = !!treeRowData.display;
       }
       const displayStyle = display ? null : { display: "none" };
       return vue.h("tr", {
@@ -47523,7 +47530,7 @@
         const columnData = Object.assign({}, column);
         columnData.realWidth = getColspanRealWidth(columns.value, colspan, cellIndex);
         const data = {
-          store: props.store,
+          store,
           _self: props.context || parent,
           column: columnData,
           row,
@@ -47533,7 +47540,7 @@
         };
         if (cellIndex === firstDefaultColumnIndex.value && treeRowData) {
           data.treeNode = {
-            indent: treeRowData.level * indent.value,
+            indent: treeRowData.level && treeRowData.level * indent.value,
             level: treeRowData.level
           };
           if (isBoolean(treeRowData.expanded)) {
@@ -47564,7 +47571,7 @@
         });
       }));
     };
-    const cellChildren = (cellIndex, column, data) => {
+    const cellChildren = (_cellIndex, column, data) => {
       return column.renderCell(data);
     };
     const wrappedRowRender = (row, $index) => {
@@ -47576,7 +47583,7 @@
       if (hasExpandColumn) {
         const expanded = isRowExpanded(row);
         const tr = rowRender(row, $index, void 0, expanded);
-        const renderExpanded = parent.renderExpanded;
+        const renderExpanded = parent == null ? void 0 : parent.renderExpanded;
         if (!renderExpanded) {
           console.error("[Element Error]renderExpanded is required.");
           return tr;
@@ -47603,16 +47610,18 @@
           treeRowData = {
             expanded: cur.expanded,
             level: cur.level,
-            display: true
+            display: true,
+            noLazyChildren: void 0,
+            loading: void 0
           };
           if (isBoolean(cur.lazy)) {
-            if (isBoolean(cur.loaded) && cur.loaded) {
+            if (treeRowData && isBoolean(cur.loaded) && cur.loaded) {
               treeRowData.noLazyChildren = !(cur.children && cur.children.length);
             }
             treeRowData.loading = cur.loading;
           }
         }
-        const tmp = [rowRender(row, $index, treeRowData)];
+        const tmp = [rowRender(row, $index, treeRowData != null ? treeRowData : void 0)];
         if (cur) {
           let i = 0;
           const traverse = (children, parent2) => {
@@ -47694,24 +47703,25 @@
     name: "ElTableBody",
     props: defaultProps$4,
     setup(props) {
+      var _a;
       const instance = vue.getCurrentInstance();
       const parent = vue.inject(TABLE_INJECTION_KEY);
       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;
+      vue.watch((_a = props.store) == null ? void 0 : _a.states.hoverRow, (newVal, oldVal) => {
+        var _a2, _b;
         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;
+        const childNodes = (_a2 = rows[rowNum]) == null ? void 0 : _a2.childNodes;
         if (childNodes == null ? void 0 : childNodes.length) {
           let control = 0;
           const indexes = Array.from(childNodes).reduce((acc, item, index) => {
-            var _a2, _b;
-            if (((_a2 = childNodes[index]) == null ? void 0 : _a2.colSpan) > 1) {
-              control = (_b = childNodes[index]) == null ? void 0 : _b.colSpan;
+            var _a3, _b2;
+            if (((_a3 = childNodes[index]) == null ? void 0 : _a3.colSpan) > 1) {
+              control = (_b2 = childNodes[index]) == null ? void 0 : _b2.colSpan;
             }
             if (item.nodeName !== "TD" && control === 0) {
               acc.push(index);
@@ -47720,10 +47730,10 @@
             return acc;
           }, []);
           indexes.forEach((rowIndex) => {
-            var _a2;
+            var _a3;
             rowNum = newVal;
             while (rowNum > 0) {
-              const preChildNodes = (_a2 = rows[rowNum - 1]) == null ? void 0 : _a2.childNodes;
+              const preChildNodes = (_a3 = rows[rowNum - 1]) == null ? void 0 : _a3.childNodes;
               if (preChildNodes[rowIndex] && preChildNodes[rowIndex].nodeName === "TD" && preChildNodes[rowIndex].rowSpan > 1) {
                 addClass(preChildNodes[rowIndex], "hover-cell");
                 hoveredCellList.push(preChildNodes[rowIndex]);
@@ -47736,7 +47746,7 @@
           hoveredCellList.forEach((item) => removeClass(item, "hover-cell"));
           hoveredCellList.length = 0;
         }
-        if (!props.store.states.isComplex.value || !isClient)
+        if (!((_b = props.store) == null ? void 0 : _b.states.isComplex.value) || !isClient)
           return;
         rAF(() => {
           const oldRow = rows[oldVal];
@@ -47750,8 +47760,8 @@
         });
       });
       vue.onUnmounted(() => {
-        var _a;
-        (_a = removePopper) == null ? void 0 : _a();
+        var _a2;
+        (_a2 = removePopper) == null ? void 0 : _a2();
       });
       return {
         ns,
@@ -47764,7 +47774,7 @@
     },
     render() {
       const { wrappedRowRender, store } = this;
-      const data = store.states.data.value || [];
+      const data = (store == null ? void 0 : store.states.data.value) || [];
       return vue.h("tbody", { tabIndex: -1 }, [
         data.reduce((acc, row) => {
           return acc.concat(wrappedRowRender(row, acc.length));
@@ -47774,28 +47784,27 @@
   });
 
   function useMapState() {
-    var _a;
     const table = vue.inject(TABLE_INJECTION_KEY);
     const store = table == null ? void 0 : table.store;
     const leftFixedLeafCount = vue.computed(() => {
-      var _a2;
-      return (_a2 = store == null ? void 0 : store.states.fixedLeafColumnsLength.value) != null ? _a2 : 0;
+      var _a;
+      return (_a = store == null ? void 0 : store.states.fixedLeafColumnsLength.value) != null ? _a : 0;
     });
     const rightFixedLeafCount = vue.computed(() => {
-      var _a2;
-      return (_a2 = store == null ? void 0 : store.states.rightFixedColumns.value.length) != null ? _a2 : 0;
+      var _a;
+      return (_a = store == null ? void 0 : store.states.rightFixedColumns.value.length) != null ? _a : 0;
     });
     const columnsCount = vue.computed(() => {
-      var _a2;
-      return (_a2 = store == null ? void 0 : store.states.columns.value.length) != null ? _a2 : 0;
+      var _a;
+      return (_a = store == null ? void 0 : store.states.columns.value.length) != null ? _a : 0;
     });
     const leftFixedCount = vue.computed(() => {
-      var _a2;
-      return (_a2 = store == null ? void 0 : store.states.fixedColumns.value.length) != null ? _a2 : 0;
+      var _a;
+      return (_a = store == null ? void 0 : store.states.fixedColumns.value.length) != null ? _a : 0;
     });
     const rightFixedCount = vue.computed(() => {
-      var _a2;
-      return (_a2 = store == null ? void 0 : store.states.rightFixedColumns.value.length) != null ? _a2 : 0;
+      var _a;
+      return (_a = store == null ? void 0 : store.states.rightFixedColumns.value.length) != null ? _a : 0;
     });
     return {
       leftFixedLeafCount,
@@ -47803,7 +47812,10 @@
       columnsCount,
       leftFixedCount,
       rightFixedCount,
-      columns: (_a = store == null ? void 0 : store.states.columns) != null ? _a : []
+      columns: vue.computed(() => {
+        var _a;
+        return (_a = store == null ? void 0 : store.states.columns.value) != null ? _a : [];
+      })
     };
   }
 
@@ -49134,8 +49146,8 @@
         column.renderCell = (data) => vue.h("div", {
           class: "cell"
         }, [originRenderCell(data)]);
-        owner.value.renderExpanded = (data) => {
-          return slots.default ? slots.default(data) : slots.default;
+        owner.value.renderExpanded = (row) => {
+          return slots.default ? slots.default(row) : slots.default;
         };
       } else {
         originRenderCell = originRenderCell || defaultRenderCell;
@@ -49292,7 +49304,7 @@
         updateColumnOrder
       } = useRender(props, slots, owner);
       const parent = columnOrTableParent.value;
-      columnId.value = `${parent.tableId || parent.columnId}_column_${columnIdSeed++}`;
+      columnId.value = `${"tableId" in parent && parent.tableId || "columnId" in parent && parent.columnId}_column_${columnIdSeed++}`;
       vue.onBeforeMount(() => {
         isSubColumn.value = owner.value !== parent;
         const type = props.type || "default";
@@ -49350,18 +49362,18 @@
         registerComplexWatchers();
       });
       vue.onMounted(() => {
-        var _a;
+        var _a, _b;
         const parent2 = columnOrTableParent.value;
-        const children = isSubColumn.value ? parent2.vnode.el.children : (_a = parent2.refs.hiddenColumns) == null ? void 0 : _a.children;
+        const children = isSubColumn.value ? (_a = parent2.vnode.el) == null ? void 0 : _a.children : (_b = parent2.refs.hiddenColumns) == null ? void 0 : _b.children;
         const getColumnIndex = () => getColumnElIndex(children || [], instance.vnode.el);
         columnConfig.value.getColumnIndex = getColumnIndex;
         const columnIndex = getColumnIndex();
-        columnIndex > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? parent2.columnConfig.value : null, updateColumnOrder);
+        columnIndex > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? "columnConfig" in parent2 && parent2.columnConfig.value : null, updateColumnOrder);
       });
       vue.onBeforeUnmount(() => {
         const getColumnIndex = columnConfig.value.getColumnIndex;
         const columnIndex = getColumnIndex ? getColumnIndex() : -1;
-        columnIndex > -1 && owner.value.store.commit("removeColumn", columnConfig.value, isSubColumn.value ? parent.columnConfig.value : null, updateColumnOrder);
+        columnIndex > -1 && owner.value.store.commit("removeColumn", columnConfig.value, isSubColumn.value ? "columnConfig" in parent && parent.columnConfig.value : null, updateColumnOrder);
       });
       instance.columnId = columnId.value;
       instance.columnConfig = columnConfig;