@element-plus/nightly 0.0.20250101 → 0.0.20250104

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250101 */
+/*! Element Plus v0.0.20250104 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11596,7 +11596,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250101";
+  const version$1 = "0.0.20250104";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -30134,6 +30134,12 @@
           }, renderContent()), directives);
         default: {
           const label = renderLabel();
+          const labelStyle = {};
+          const width2 = addUnit(item.labelWidth || this.descriptions.labelWidth);
+          if (width2) {
+            labelStyle.width = width2;
+            labelStyle.display = "inline-block";
+          }
           return vue.withDirectives(vue.h("td", {
             style,
             class: [ns.e("cell"), align],
@@ -30141,6 +30147,7 @@
             rowspan
           }, [
             !isNil(label) ? vue.h("span", {
+              style: labelStyle,
               class: [ns.e("label"), labelClassName]
             }, label) : void 0,
             vue.h("span", {
@@ -35626,7 +35633,6 @@
   }
   var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
 
-  const MINIMUM_INPUT_WIDTH$1 = 11;
   const useSelect$3 = (props, emit) => {
     const { t } = useLocale();
     const contentId = useId();
@@ -35639,7 +35645,6 @@
       optionValues: [],
       selected: [],
       selectionWidth: 0,
-      calculatorWidth: 0,
       collapseItemWidth: 0,
       selectedLabel: "",
       hoveringIndex: -1,
@@ -35653,7 +35658,6 @@
     const tooltipRef = vue.ref(null);
     const tagTooltipRef = vue.ref(null);
     const inputRef = vue.ref(null);
-    const calculatorRef = vue.ref(null);
     const prefixRef = vue.ref(null);
     const suffixRef = vue.ref(null);
     const menuRef = vue.ref(null);
@@ -35901,9 +35905,6 @@
     const resetSelectionWidth = () => {
       states.selectionWidth = selectionRef.value.getBoundingClientRect().width;
     };
-    const resetCalculatorWidth = () => {
-      states.calculatorWidth = calculatorRef.value.getBoundingClientRect().width;
-    };
     const resetCollapseItemWidth = () => {
       states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
     };
@@ -36170,11 +36171,7 @@
     const collapseTagStyle = vue.computed(() => {
       return { maxWidth: `${states.selectionWidth}px` };
     });
-    const inputStyle = vue.computed(() => ({
-      width: `${Math.max(states.calculatorWidth, MINIMUM_INPUT_WIDTH$1)}px`
-    }));
     useResizeObserver(selectionRef, resetSelectionWidth);
-    useResizeObserver(calculatorRef, resetCalculatorWidth);
     useResizeObserver(menuRef, updateTooltip);
     useResizeObserver(wrapperRef, updateTooltip);
     useResizeObserver(tagMenuRef, updateTagTooltip);
@@ -36194,7 +36191,6 @@
       hoverOption,
       selectSize,
       filteredOptionsCount,
-      resetCalculatorWidth,
       updateTooltip,
       updateTagTooltip,
       debouncedOnInputChange,
@@ -36240,12 +36236,10 @@
       collapseTagList,
       tagStyle,
       collapseTagStyle,
-      inputStyle,
       popperRef,
       inputRef,
       tooltipRef,
       tagTooltipRef,
-      calculatorRef,
       prefixRef,
       suffixRef,
       selectRef,
@@ -36440,6 +36434,7 @@
         modelValue
       });
       const API = useSelect$3(_props, emit);
+      const { calculatorRef, inputStyle } = useCalcInputWidth();
       vue.provide(selectKey, vue.reactive({
         props: _props,
         states: API.states,
@@ -36459,7 +36454,9 @@
       return {
         ...API,
         modelValue,
-        selectedLabel
+        selectedLabel,
+        calculatorRef,
+        inputStyle
       };
     }
   });
@@ -36725,7 +36722,11 @@
                 }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
                 _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                   key: 2,
-                  class: vue.normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("validateIcon")])
+                  class: vue.normalizeClass([
+                    _ctx.nsInput.e("icon"),
+                    _ctx.nsInput.e("validateIcon"),
+                    _ctx.nsInput.is("loading", _ctx.validateState === "validating")
+                  ])
                 }, {
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.validateIcon)))
@@ -40936,7 +40937,6 @@
     };
   }
 
-  const MINIMUM_INPUT_WIDTH = 11;
   const useSelect$1 = (props, emit) => {
     const { t } = useLocale();
     const nsSelect = useNamespace("select");
@@ -40954,7 +40954,6 @@
       hoveringIndex: -1,
       inputHovering: false,
       selectionWidth: 0,
-      calculatorWidth: 0,
       collapseItemWidth: 0,
       previousQuery: null,
       previousValue: void 0,
@@ -40968,7 +40967,6 @@
     const tooltipRef = vue.ref();
     const tagTooltipRef = vue.ref();
     const inputRef = vue.ref();
-    const calculatorRef = vue.ref();
     const prefixRef = vue.ref();
     const suffixRef = vue.ref();
     const menuRef = vue.ref();
@@ -41139,9 +41137,6 @@
     const collapseTagStyle = vue.computed(() => {
       return { maxWidth: `${states.selectionWidth}px` };
     });
-    const inputStyle = vue.computed(() => ({
-      width: `${Math.max(states.calculatorWidth, MINIMUM_INPUT_WIDTH)}px`
-    }));
     const shouldShowPlaceholder = vue.computed(() => {
       if (isArray$1(props.modelValue)) {
         return props.modelValue.length === 0 && !states.inputValue;
@@ -41271,9 +41266,6 @@
     const resetSelectionWidth = () => {
       states.selectionWidth = selectionRef.value.getBoundingClientRect().width;
     };
-    const resetCalculatorWidth = () => {
-      states.calculatorWidth = calculatorRef.value.getBoundingClientRect().width;
-    };
     const resetCollapseItemWidth = () => {
       states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
     };
@@ -41592,7 +41584,6 @@
     });
     useResizeObserver(selectRef, handleResize);
     useResizeObserver(selectionRef, resetSelectionWidth);
-    useResizeObserver(calculatorRef, resetCalculatorWidth);
     useResizeObserver(menuRef, updateTooltip);
     useResizeObserver(wrapperRef, updateTooltip);
     useResizeObserver(tagMenuRef, updateTagTooltip);
@@ -41611,7 +41602,6 @@
       iconReverse,
       tagStyle,
       collapseTagStyle,
-      inputStyle,
       popperSize,
       dropdownMenuVisible,
       hasModelValue,
@@ -41624,7 +41614,6 @@
       isFocused,
       nsSelect,
       nsInput,
-      calculatorRef,
       inputRef,
       menuRef,
       tagMenuRef,
@@ -41656,7 +41645,6 @@
       handleMenuEnter,
       handleResize,
       resetSelectionWidth,
-      resetCalculatorWidth,
       updateTooltip,
       updateTagTooltip,
       updateOptions,
@@ -41698,6 +41686,7 @@
         ...vue.toRefs(props),
         modelValue
       }), emit);
+      const { calculatorRef, inputStyle } = useCalcInputWidth();
       vue.provide(selectV2InjectionKey, {
         props: vue.reactive({
           ...vue.toRefs(props),
@@ -41720,7 +41709,9 @@
       return {
         ...API,
         modelValue,
-        selectedLabel
+        selectedLabel,
+        calculatorRef,
+        inputStyle
       };
     }
   });
@@ -41982,7 +41973,11 @@
               }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
               _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                 key: 2,
-                class: vue.normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("validateIcon")])
+                class: vue.normalizeClass([
+                  _ctx.nsInput.e("icon"),
+                  _ctx.nsInput.e("validateIcon"),
+                  _ctx.nsInput.is("loading", _ctx.validateState === "validating")
+                ])
               }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.validateIcon)))
@@ -44845,6 +44840,9 @@
     const sortProp = vue.ref(null);
     const sortOrder = vue.ref(null);
     const hoverRow = vue.ref(null);
+    const selectedMap = vue.computed(() => {
+      return rowKey.value ? getKeysMap(selection.value, rowKey.value) : void 0;
+    });
     vue.watch(data, () => {
       var _a2;
       if (instance.state) {
@@ -44915,7 +44913,11 @@
       }
     };
     const isSelected = (row) => {
-      return selection.value.some((item) => isEqual$1(item, row));
+      if (selectedMap.value) {
+        return !!selectedMap.value[getRowIdentity(row, rowKey.value)];
+      } else {
+        return selection.value.includes(row);
+      }
     };
     const clearSelection = () => {
       isAllSelected.value = false;
@@ -44929,11 +44931,10 @@
       let deleted;
       if (rowKey.value) {
         deleted = [];
-        const selectedMap = getKeysMap(selection.value, rowKey.value);
         const dataMap = getKeysMap(data.value, rowKey.value);
-        for (const key in selectedMap) {
-          if (hasOwn(selectedMap, key) && !dataMap[key]) {
-            deleted.push(selectedMap[key].row);
+        for (const key in selectedMap.value) {
+          if (hasOwn(selectedMap.value, key) && !dataMap[key]) {
+            deleted.push(selectedMap.value[key].row);
           }
         }
       } else {
@@ -44988,10 +44989,9 @@
       instance.emit("select-all", (selection.value || []).slice());
     };
     const updateSelectionByRowKey = () => {
-      const selectedMap = getKeysMap(selection.value, rowKey.value);
       data.value.forEach((row) => {
         const rowId = getRowIdentity(row, rowKey.value);
-        const rowInfo = selectedMap[rowId];
+        const rowInfo = selectedMap.value[rowId];
         if (rowInfo) {
           selection.value[rowInfo.index] = row;
         }
@@ -45004,21 +45004,13 @@
         return;
       }
       const { childrenColumnName } = instance.store.states;
-      const selectedMap = rowKey.value ? getKeysMap(selection.value, rowKey.value) : void 0;
       let rowIndex = 0;
       let selectedCount = 0;
-      const isSelected2 = (row) => {
-        if (selectedMap) {
-          return !!selectedMap[getRowIdentity(row, rowKey.value)];
-        } else {
-          return selection.value.includes(row);
-        }
-      };
       const checkSelectedStatus = (data2) => {
         var _a3;
         for (const row of data2) {
           const isRowSelectable = selectable.value && selectable.value.call(null, row, rowIndex);
-          if (!isSelected2(row)) {
+          if (!isSelected(row)) {
             if (!selectable.value || isRowSelectable) {
               return false;
             }
@@ -46127,7 +46119,8 @@
         const rect = target.getBoundingClientRect();
         const bodyStyle = document.body.style;
         const isLastTh = ((_a = target.parentNode) == null ? void 0 : _a.lastElementChild) === target;
-        if (rect.width > 12 && rect.right - event.pageX < 8 && !isLastTh) {
+        const allowDarg = props.allowDragLastColumn || !isLastTh;
+        if (rect.width > 12 && rect.right - event.pageX < 8 && allowDarg) {
           bodyStyle.cursor = "col-resize";
           if (hasClass(target, "is-sortable")) {
             target.style.cursor = "col-resize";
@@ -46376,6 +46369,9 @@
       },
       appendFilterPanelTo: {
         type: String
+      },
+      allowDragLastColumn: {
+        type: Boolean
       }
     },
     setup(props, { emit }) {
@@ -47694,6 +47690,10 @@
     scrollbarTabindex: {
       type: [Number, String],
       default: void 0
+    },
+    allowDragLastColumn: {
+      type: Boolean,
+      default: true
     }
   };
 
@@ -47896,7 +47896,8 @@
         scrollBarRef,
         scrollTo,
         setScrollLeft,
-        setScrollTop
+        setScrollTop,
+        allowDragLastColumn: props.allowDragLastColumn
       };
     }
   });
@@ -47964,8 +47965,9 @@
               "default-sort": _ctx.defaultSort,
               store: _ctx.store,
               "append-filter-panel-to": _ctx.appendFilterPanelTo,
+              "allow-drag-last-column": _ctx.allowDragLastColumn,
               onSetDragVisible: _ctx.setDragVisible
-            }, null, 8, ["border", "default-sort", "store", "append-filter-panel-to", "onSetDragVisible"])
+            }, null, 8, ["border", "default-sort", "store", "append-filter-panel-to", "allow-drag-last-column", "onSetDragVisible"])
           ], 6)
         ], 2)), [
           [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]