@element-plus/nightly 0.0.20240115 → 0.0.20240116

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240115 */
+/*! Element Plus v0.0.20240116 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -8695,8 +8695,6 @@
   const rAF = (fn) => isClient ? window.requestAnimationFrame(fn) : setTimeout(fn, 16);
   const cAF = (handle) => isClient ? window.cancelAnimationFrame(handle) : clearTimeout(handle);
 
-  const generateId = () => Math.floor(Math.random() * 1e4);
-
   const mutable = (val) => val;
 
   const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
@@ -11565,7 +11563,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240115";
+  const version$1 = "0.0.20240116";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -16418,7 +16416,7 @@
       const activated = vue.ref(false);
       const suggestionDisabled = vue.ref(false);
       const loading = vue.ref(false);
-      const listboxId = vue.computed(() => ns.b(String(generateId())));
+      const listboxId = useId();
       const styles = vue.computed(() => rawAttrs.style);
       const suggestionVisible = vue.computed(() => {
         const isValidData = suggestions.value.length > 0;
@@ -21905,7 +21903,7 @@
       set(val) {
         var _a, _b;
         if (isGroup.value && isArray$1(val)) {
-          isLimitExceeded.value = ((_a = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a.value) !== void 0 && val.length > (checkboxGroup == null ? void 0 : checkboxGroup.max.value);
+          isLimitExceeded.value = ((_a = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a.value) !== void 0 && val.length > (checkboxGroup == null ? void 0 : checkboxGroup.max.value) && val.length > model.value.length;
           isLimitExceeded.value === false && ((_b = checkboxGroup == null ? void 0 : checkboxGroup.changeEvent) == null ? void 0 : _b.call(checkboxGroup, val));
         } else {
           emit(UPDATE_MODEL_EVENT, val);
@@ -22857,14 +22855,14 @@
       const instance = vue.getCurrentInstance();
       const ns = useNamespace("cascader-menu");
       const { t } = useLocale();
-      const id = generateId();
+      const id = useId();
       let activeNode = null;
       let hoverTimer = null;
       const panel = vue.inject(CASCADER_PANEL_INJECTION_KEY);
       const hoverZone = vue.ref(null);
       const isEmpty = vue.computed(() => !props.nodes.length);
       const isLoading = vue.computed(() => !panel.initialLoaded);
-      const menuId = vue.computed(() => `cascader-menu-${id}-${props.index}`);
+      const menuId = vue.computed(() => `${id.value}-${props.index}`);
       const handleExpand = (e) => {
         activeNode = e.target;
       };
@@ -39104,7 +39102,7 @@
         }
       };
       return () => {
-        var _a;
+        var _a, _b, _c;
         const {
           data,
           width
@@ -39125,7 +39123,7 @@
         const List = vue.unref(isSized) ? FixedSizeList$1 : DynamicSizeList$1;
         return vue.createVNode("div", {
           "class": [ns.b("dropdown"), ns.is("multiple", multiple)]
-        }, [vue.createVNode(List, vue.mergeProps({
+        }, [(_b = slots.header) == null ? void 0 : _b.call(slots), vue.createVNode(List, vue.mergeProps({
           "ref": listRef
         }, vue.unref(listProps), {
           "className": ns.be("dropdown", "list"),
@@ -39137,7 +39135,7 @@
           "onKeydown": onKeydown
         }), {
           default: (props2) => vue.createVNode(Item, props2, null)
-        })]);
+        }), (_c = slots.footer) == null ? void 0 : _c.call(slots)]);
       };
     }
   });
@@ -39784,6 +39782,22 @@
         return;
       updateOptions();
     });
+    vue.watchEffect(() => {
+      const { valueKey, options } = props;
+      const duplicateValue = /* @__PURE__ */ new Map();
+      for (const item of options) {
+        const optionValue = getValue(item);
+        let v = optionValue;
+        if (isObject$1(v)) {
+          v = get(optionValue, valueKey);
+        }
+        if (duplicateValue.get(v)) {
+          break;
+        } else {
+          duplicateValue.set(v, true);
+        }
+      }
+    });
     vue.onMounted(() => {
       initStates();
     });
@@ -40172,7 +40186,7 @@
             width: _ctx.popperSize,
             "hovering-index": _ctx.states.hoveringIndex,
             "scrollbar-always-on": _ctx.scrollbarAlwaysOn
-          }, {
+          }, vue.createSlots({
             default: vue.withCtx((scope) => [
               vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(scope)))
             ]),
@@ -40183,8 +40197,29 @@
                 }, vue.toDisplayString(_ctx.emptyText ? _ctx.emptyText : ""), 3)
               ])
             ]),
-            _: 3
-          }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
+            _: 2
+          }, [
+            _ctx.$slots.header ? {
+              name: "header",
+              fn: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "header"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "header")
+                ], 2)
+              ])
+            } : void 0,
+            _ctx.$slots.footer ? {
+              name: "footer",
+              fn: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "footer"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "footer")
+                ], 2)
+              ])
+            } : void 0
+          ]), 1032, ["data", "width", "hovering-index", "scrollbar-always-on"])
         ]),
         _: 3
       }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "placement", "transition", "persistent", "onBeforeShow"])
@@ -51490,10 +51525,19 @@
       }
     }
     _setCheckedKeys(key, leafOnly = false, checkedKeys) {
-      const allNodes = this._getAllNodes().sort((a, b) => b.level - a.level);
+      const allNodes = this._getAllNodes().sort((a, b) => a.level - b.level);
       const cache = /* @__PURE__ */ Object.create(null);
       const keys = Object.keys(checkedKeys);
       allNodes.forEach((node) => node.setChecked(false, false));
+      const cacheCheckedChild = (node) => {
+        node.childNodes.forEach((child) => {
+          var _a;
+          cache[child.data[key]] = true;
+          if ((_a = child.childNodes) == null ? void 0 : _a.length) {
+            cacheCheckedChild(child);
+          }
+        });
+      };
       for (let i = 0, j = allNodes.length; i < j; i++) {
         const node = allNodes[i];
         const nodeKey = node.data[key].toString();
@@ -51504,10 +51548,8 @@
           }
           continue;
         }
-        let parent = node.parent;
-        while (parent && parent.level > 0) {
-          cache[parent.data[key]] = true;
-          parent = parent.parent;
+        if (node.childNodes.length) {
+          cacheCheckedChild(node);
         }
         if (node.isLeaf || this.checkStrictly) {
           node.setChecked(true, false);