@element-plus/nightly 0.0.20240911 → 0.0.20240913

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240911 */
+/*! Element Plus v0.0.20240913 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11559,7 +11559,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240911";
+  const version$1 = "0.0.20240913";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -19116,7 +19116,7 @@
           }
           emitChange(valueOnClear.value, true);
           showClose.value = false;
-          pickerVisible.value = false;
+          onHide();
         }
         emit("clear");
       };
@@ -23130,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"]]);
@@ -23631,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"]);
   }
@@ -24378,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), {
@@ -24835,6 +24849,10 @@
       type: definePropType([String, Number]),
       default: void 0
     },
+    icon: {
+      type: iconPropType,
+      default: arrow_right_default
+    },
     disabled: Boolean
   });
 
@@ -24957,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(() => [
@@ -26035,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);
@@ -43803,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);
@@ -43868,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) {
@@ -46125,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 = () => {