element-plus 2.8.2 → 2.8.3

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.8.2 */
+/*! Element Plus v2.8.3 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11559,7 +11559,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.8.2";
+  const version$1 = "2.8.3";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -14559,6 +14559,10 @@
       type: Number,
       default: 20
     },
+    tabindex: {
+      type: [String, Number],
+      default: void 0
+    },
     id: String,
     role: String,
     ...useAriaProps(["ariaLabel", "ariaOrientation"])
@@ -14695,6 +14699,7 @@
             ref: wrapRef,
             class: vue.normalizeClass(vue.unref(wrapKls)),
             style: vue.normalizeStyle(vue.unref(wrapStyle)),
+            tabindex: _ctx.tabindex,
             onScroll: handleScroll
           }, [
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
@@ -14712,7 +14717,7 @@
               ]),
               _: 3
             }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
-          ], 38),
+          ], 46, ["tabindex"]),
           !_ctx.native ? (vue.openBlock(), vue.createBlock(Bar, {
             key: 0,
             ref_key: "barRef",
@@ -16052,9 +16057,10 @@
         var _a;
         return (_a = props.style) != null ? _a : {};
       });
-      const ariaHidden = vue.computed(() => !vue.unref(open));
+      const ariaHidden = vue.ref(true);
       const onTransitionLeave = () => {
         onHide();
+        ariaHidden.value = true;
       };
       const stopWhenControlled = () => {
         if (vue.unref(controlled))
@@ -16100,6 +16106,8 @@
       vue.watch(() => vue.unref(open), (val) => {
         if (!val) {
           stopHandle == null ? void 0 : stopHandle();
+        } else {
+          ariaHidden.value = false;
         }
       }, {
         flush: "post"
@@ -16132,7 +16140,7 @@
                   ref: contentRef
                 }, _ctx.$attrs, {
                   "aria-label": _ctx.ariaLabel,
-                  "aria-hidden": vue.unref(ariaHidden),
+                  "aria-hidden": ariaHidden.value,
                   "boundaries-padding": _ctx.boundariesPadding,
                   "fallback-placements": _ctx.fallbackPlacements,
                   "gpu-acceleration": _ctx.gpuAcceleration,
@@ -19108,7 +19116,7 @@
           }
           emitChange(valueOnClear.value, true);
           showClose.value = false;
-          pickerVisible.value = false;
+          onHide();
         }
         emit("clear");
       };
@@ -23122,14 +23130,18 @@
           ], 2)) : _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: vue.normalizeClass(_ctx.ns.e("empty-text"))
-          }, vue.toDisplayString(_ctx.t("el.cascader.noData")), 3)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock("svg", {
+          }, [
+            vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)
+            ])
+          ], 2)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock("svg", {
             key: 2,
             ref: "hoverZone",
             class: vue.normalizeClass(_ctx.ns.e("hover-zone"))
           }, null, 2)) : vue.createCommentVNode("v-if", true)
         ];
       }),
-      _: 1
+      _: 3
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
   var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$s], ["__file", "menu.vue"]]);
@@ -23623,7 +23635,12 @@
           ref: (item) => _ctx.menuList[index] = item,
           index,
           nodes: [...menu]
-        }, null, 8, ["index", "nodes"]);
+        }, {
+          empty: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "empty")
+          ]),
+          _: 2
+        }, 1032, ["index", "nodes"]);
       }), 128))
     ], 42, ["onKeydown"]);
   }
@@ -24370,7 +24387,12 @@
               "render-label": _ctx.$slots.default,
               onExpandChange: handleExpandChange,
               onClose: ($event) => _ctx.$nextTick(() => togglePopperVisible(false))
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "render-label", "onClose"]), [
+            }, {
+              empty: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "empty")
+              ]),
+              _: 3
+            }, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "render-label", "onClose"]), [
               [vue.vShow, !filtering.value]
             ]),
             _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ElScrollbar), {
@@ -24827,6 +24849,10 @@
       type: definePropType([String, Number]),
       default: void 0
     },
+    icon: {
+      type: iconPropType,
+      default: arrow_right_default
+    },
     disabled: Boolean
   });
 
@@ -24949,14 +24975,16 @@
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
             ]),
-            vue.createVNode(vue.unref(ElIcon), {
-              class: vue.normalizeClass(vue.unref(arrowKls))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(arrow_right_default))
-              ]),
-              _: 1
-            }, 8, ["class"])
+            vue.renderSlot(_ctx.$slots, "icon", { isActive: vue.unref(isActive) }, () => [
+              vue.createVNode(vue.unref(ElIcon), {
+                class: vue.normalizeClass(vue.unref(arrowKls))
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ])
           ], 42, ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "onClick", "onKeydown", "onFocus", "onBlur"]),
           vue.createVNode(vue.unref(ElCollapseTransition), null, {
             default: vue.withCtx(() => [
@@ -26027,6 +26055,13 @@
           color.fromString(newVal);
         }
       });
+      vue.watch(() => props.colorFormat, () => {
+        if (props.colorFormat) {
+          color.format = props.colorFormat;
+          color.doOnChange();
+          emit(UPDATE_MODEL_EVENT, color.value);
+        }
+      });
       vue.watch(() => currentColor.value, (val) => {
         customInput.value = val;
         shouldActiveChange && emit("activeChange", val);
@@ -34076,6 +34111,7 @@
           handleResize
         });
       }
+      const ulStyle = useMenuCssVar(props, 0);
       return () => {
         var _a, _b;
         let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
@@ -34100,7 +34136,6 @@
             }));
           }
         }
-        const ulStyle = useMenuCssVar(props, 0);
         const directives = props.closeOnClickOutside ? [
           [
             ClickOutside,
@@ -40448,12 +40483,18 @@
     const scrollToItem = (index) => {
       menuRef.value.scrollToItem(index);
     };
-    const getOption = (value) => {
+    const getOption = (value, cachedOptions) => {
       const selectValue = getValueKey(value);
       if (allOptionsValueMap.value.has(selectValue)) {
         const { option } = allOptionsValueMap.value.get(selectValue);
         return option;
       }
+      if (cachedOptions && cachedOptions.length) {
+        const option = cachedOptions.find((option2) => getValueKey(getValue(option2)) === selectValue);
+        if (option) {
+          return option;
+        }
+      }
       return {
         [aliasProps.value.value]: value,
         [aliasProps.value.label]: value
@@ -40462,10 +40503,11 @@
     const initStates = () => {
       if (props.multiple) {
         if (props.modelValue.length > 0) {
+          const cachedOptions = states.cachedOptions.slice();
           states.cachedOptions.length = 0;
           states.previousValue = props.modelValue.toString();
           for (const value of props.modelValue) {
-            const option = getOption(value);
+            const option = getOption(value, cachedOptions);
             states.cachedOptions.push(option);
           }
         } else {
@@ -43788,15 +43830,30 @@
         updateChildFixed(childColumn);
       });
     };
+    let selectionInitialFixed = void 0;
     const updateColumns = () => {
       _columns.value.forEach((column) => {
         updateChildFixed(column);
       });
       fixedColumns.value = _columns.value.filter((column) => column.fixed === true || column.fixed === "left");
       rightFixedColumns.value = _columns.value.filter((column) => column.fixed === "right");
-      if (fixedColumns.value.length > 0 && _columns.value[0] && _columns.value[0].type === "selection" && !_columns.value[0].fixed) {
-        _columns.value[0].fixed = true;
-        fixedColumns.value.unshift(_columns.value[0]);
+      if (isUndefined(selectionInitialFixed) && _columns.value[0] && _columns.value[0].type === "selection") {
+        selectionInitialFixed = Boolean(_columns.value[0].fixed);
+      }
+      if (fixedColumns.value.length > 0 && _columns.value[0] && _columns.value[0].type === "selection") {
+        if (!_columns.value[0].fixed) {
+          _columns.value[0].fixed = true;
+          fixedColumns.value.unshift(_columns.value[0]);
+        } else {
+          const hasNotSelectionColumns = fixedColumns.value.some((column) => column.type !== "selection");
+          if (!hasNotSelectionColumns) {
+            _columns.value[0].fixed = selectionInitialFixed;
+            if (!selectionInitialFixed)
+              fixedColumns.value.shift();
+          } else {
+            selectionInitialFixed = void 0;
+          }
+        }
       }
       const notFixedColumns = _columns.value.filter((column) => !column.fixed);
       originColumns.value = [].concat(fixedColumns.value).concat(notFixedColumns).concat(rightFixedColumns.value);
@@ -43853,13 +43910,13 @@
     const getSelectionRows = () => {
       return (selection.value || []).slice();
     };
-    const toggleRowSelection = (row, selected, emitChange = true) => {
+    const toggleRowSelection = (row, selected, emitChange = true, ignoreSelectable = false) => {
       var _a2, _b, _c, _d;
       const treeProps = {
         children: (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.childrenColumnName.value,
         checkStrictly: (_d = (_c = instance == null ? void 0 : instance.store) == null ? void 0 : _c.states) == null ? void 0 : _d.checkStrictly.value
       };
-      const changed = toggleRowStatus(selection.value, row, selected, treeProps);
+      const changed = toggleRowStatus(selection.value, row, selected, treeProps, ignoreSelectable ? void 0 : selectable.value);
       if (changed) {
         const newSelection = (selection.value || []).slice();
         if (emitChange) {
@@ -46110,8 +46167,8 @@
     const getSelectionRows = () => {
       return store.getSelectionRows();
     };
-    const toggleRowSelection = (row, selected) => {
-      store.toggleRowSelection(row, selected, false);
+    const toggleRowSelection = (row, selected, ignoreSelectable = true) => {
+      store.toggleRowSelection(row, selected, false, ignoreSelectable);
       store.updateAllSelected();
     };
     const clearSelection = () => {
@@ -46530,7 +46587,11 @@
     },
     scrollbarAlwaysOn: Boolean,
     flexible: Boolean,
-    showOverflowTooltip: [Boolean, Object]
+    showOverflowTooltip: [Boolean, Object],
+    scrollbarTabindex: {
+      type: [Number, String],
+      default: void 0
+    }
   };
 
   function hColgroup(props) {
@@ -46810,7 +46871,8 @@
             ref: "scrollBarRef",
             "view-style": _ctx.scrollbarViewStyle,
             "wrap-style": _ctx.scrollbarStyle,
-            always: _ctx.scrollbarAlwaysOn
+            always: _ctx.scrollbarAlwaysOn,
+            tabindex: _ctx.scrollbarTabindex
           }, {
             default: vue.withCtx(() => [
               vue.createElementVNode("table", {
@@ -46880,7 +46942,7 @@
               ], 2)) : vue.createCommentVNode("v-if", true)
             ]),
             _: 3
-          }, 8, ["view-style", "wrap-style", "always"])
+          }, 8, ["view-style", "wrap-style", "always", "tabindex"])
         ], 2),
         _ctx.showSummary && _ctx.tableLayout === "fixed" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
@@ -53899,6 +53961,7 @@
     }
   });
   const NODE_CLICK = "node-click";
+  const NODE_DROP = "node-drop";
   const NODE_EXPAND = "node-expand";
   const NODE_COLLAPSE = "node-collapse";
   const CURRENT_CHANGE = "current-change";
@@ -53907,6 +53970,7 @@
   const NODE_CONTEXTMENU = "node-contextmenu";
   const treeEmits = {
     [NODE_CLICK]: (data, node, e) => data && node && e,
+    [NODE_DROP]: (data, node, e) => data && node && e,
     [NODE_EXPAND]: (data, node) => data && node,
     [NODE_COLLAPSE]: (data, node) => data && node,
     [CURRENT_CHANGE]: (data, node) => data && node,
@@ -53916,6 +53980,7 @@
   };
   const treeNodeEmits = {
     click: (node, e) => !!(node && e),
+    drop: (node, e) => !!(node && e),
     toggle: (node) => !!node,
     check: (node, checked) => node && typeof checked === "boolean"
   };
@@ -54324,6 +54389,9 @@
         toggleCheckbox(node, !isChecked(node), true);
       }
     }
+    function handleNodeDrop(node, e) {
+      emit(NODE_DROP, node.data, node, e);
+    }
     function handleCurrentChange(node) {
       if (!isCurrent(node)) {
         currentKey.value = node.key;
@@ -54407,6 +54475,7 @@
       isCurrent,
       isForceHiddenExpandIcon,
       handleNodeClick,
+      handleNodeDrop,
       handleNodeCheck,
       getCurrentNode,
       getCurrentKey,
@@ -54464,6 +54533,9 @@
       const handleClick = (e) => {
         emit("click", props.node, e);
       };
+      const handleDrop = (e) => {
+        emit("drop", props.node, e);
+      };
       const handleExpandIconClick = () => {
         emit("toggle", props.node);
       };
@@ -54496,7 +54568,12 @@
           "aria-checked": _ctx.checked,
           "data-key": (_a = _ctx.node) == null ? void 0 : _a.key,
           onClick: vue.withModifiers(handleClick, ["stop"]),
-          onContextmenu: handleContextMenu
+          onContextmenu: handleContextMenu,
+          onDragover: vue.withModifiers(() => {
+          }, ["prevent"]),
+          onDragenter: vue.withModifiers(() => {
+          }, ["prevent"]),
+          onDrop: vue.withModifiers(handleDrop, ["stop"])
         }, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(ns).be("node", "content")),
@@ -54533,7 +54610,7 @@
             }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : vue.createCommentVNode("v-if", true),
             vue.createVNode(vue.unref(ElNodeContent), { node: _ctx.node }, null, 8, ["node"])
           ], 6)
-        ], 42, ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick"]);
+        ], 42, ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick", "onDragover", "onDragenter", "onDrop"]);
       };
     }
   });
@@ -54573,6 +54650,7 @@
         isCurrent,
         isForceHiddenExpandIcon,
         handleNodeClick,
+        handleNodeDrop,
         handleNodeCheck,
         toggleCheckbox,
         getCurrentNode,
@@ -54645,8 +54723,9 @@
                 "hidden-expand-icon": vue.unref(isForceHiddenExpandIcon)(data[index]),
                 onClick: vue.unref(handleNodeClick),
                 onToggle: vue.unref(toggleExpand),
-                onCheck: vue.unref(handleNodeCheck)
-              }, null, 8, ["style", "node", "expanded", "show-checkbox", "checked", "indeterminate", "item-size", "disabled", "current", "hidden-expand-icon", "onClick", "onToggle", "onCheck"]))
+                onCheck: vue.unref(handleNodeCheck),
+                onDrop: vue.unref(handleNodeDrop)
+              }, null, 8, ["style", "node", "expanded", "show-checkbox", "checked", "indeterminate", "item-size", "disabled", "current", "hidden-expand-icon", "onClick", "onToggle", "onCheck", "onDrop"]))
             ]),
             _: 1
           }, 8, ["class-name", "data", "total", "height", "item-size", "perf-mode"])) : (vue.openBlock(), vue.createElementBlock("div", {