@element-plus/nightly 0.0.20240804 → 0.0.20240806

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240804 */
+/*! Element Plus v0.0.20240806 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -8868,6 +8868,15 @@
         dragRef.value.removeEventListener("mousedown", onMousedown);
       }
     };
+    const resetPostion = () => {
+      transform = {
+        offsetX: 0,
+        offsetY: 0
+      };
+      if (targetRef.value) {
+        targetRef.value.style.transform = "none";
+      }
+    };
     vue.onMounted(() => {
       vue.watchEffect(() => {
         if (draggable.value) {
@@ -8880,6 +8889,9 @@
     vue.onBeforeUnmount(() => {
       offDraggable();
     });
+    return {
+      resetPostion
+    };
   };
 
   const useFocus = (el) => {
@@ -9525,12 +9537,12 @@
     if (throttle === 0)
       return loading;
     const throttled = vue.ref(false);
-    let timeoutHandle = 0;
+    let timeoutHandle = null;
     const dispatchThrottling = () => {
       if (timeoutHandle) {
         clearTimeout(timeoutHandle);
       }
-      timeoutHandle = window.setTimeout(() => {
+      timeoutHandle = setTimeout(() => {
         throttled.value = loading.value;
       }, throttle);
     };
@@ -11536,7 +11548,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240804";
+  const version$1 = "0.0.20240806";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -29684,7 +29696,7 @@
     ...__default__$Z,
     props: dialogContentProps,
     emits: dialogContentEmits,
-    setup(__props) {
+    setup(__props, { expose }) {
       const props = __props;
       const { t } = useLocale();
       const { Close } = CloseComponents;
@@ -29700,7 +29712,10 @@
       const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
       const draggable = vue.computed(() => props.draggable);
       const overflow = vue.computed(() => props.overflow);
-      useDraggable(dialogRef, headerRef, draggable, overflow);
+      const { resetPostion } = useDraggable(dialogRef, headerRef, draggable, overflow);
+      expose({
+        resetPostion
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           ref: vue.unref(composedDialogRef),
@@ -30037,9 +30052,13 @@
       });
       const overlayEvent = useSameTarget(onModalClick);
       const draggable = vue.computed(() => props.draggable && !props.fullscreen);
+      const resetPostion = () => {
+        dialogContentRef.value.resetPostion();
+      };
       expose({
         visible,
-        dialogContentRef
+        dialogContentRef,
+        resetPostion
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(ElTeleport$1), {
@@ -30270,8 +30289,8 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(ElTeleport$1), {
-          to: "body",
-          disabled: !_ctx.appendToBody
+          to: _ctx.appendTo,
+          disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
         }, {
           default: vue.withCtx(() => [
             vue.createVNode(vue.Transition, {
@@ -30384,7 +30403,7 @@
             }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
           ]),
           _: 3
-        }, 8, ["disabled"]);
+        }, 8, ["to", "disabled"]);
       };
     }
   });
@@ -30882,9 +30901,7 @@
       const dropdownTriggerKls = vue.computed(() => [ns.m(dropdownSize.value)]);
       const trigger = vue.computed(() => castArray$1(props.trigger));
       const defaultTriggerId = useId().value;
-      const triggerId = vue.computed(() => {
-        return props.id || defaultTriggerId;
-      });
+      const triggerId = vue.computed(() => props.id || defaultTriggerId);
       vue.watch([triggeringElementRef, trigger], ([triggeringElement, trigger2], [prevTriggeringElement]) => {
         var _a, _b, _c;
         if ((_a = prevTriggeringElement == null ? void 0 : prevTriggeringElement.$el) == null ? void 0 : _a.removeEventListener) {
@@ -31268,9 +31285,7 @@
       const handlePointerLeave = composeEventHandlers((e) => {
         emit("pointerleave", e);
         return e.defaultPrevented;
-      }, whenMouse((e) => {
-        onItemLeave(e);
-      }));
+      }, whenMouse(onItemLeave));
       const handleClick = composeEventHandlers((e) => {
         if (props.disabled) {
           return;
@@ -31288,9 +31303,7 @@
         }
         (_c = elDropdown.commandHandler) == null ? void 0 : _c.call(elDropdown, props.command, _instance, e);
       });
-      const propsAndAttrs = vue.computed(() => {
-        return { ...props, ...attrs };
-      });
+      const propsAndAttrs = vue.computed(() => ({ ...props, ...attrs }));
       return {
         handleClick,
         handlePointerMove,
@@ -31366,9 +31379,7 @@
           e.stopImmediatePropagation();
         }
         e.preventDefault();
-        if (target !== vue.unref(contentRef))
-          return;
-        if (!FIRST_LAST_KEYS.includes(code))
+        if (target !== vue.unref(contentRef) || !FIRST_LAST_KEYS.includes(code))
           return;
         const items = getItems().filter((item) => !item.disabled);
         const targets = items.map((item) => item.ref);
@@ -42758,10 +42769,12 @@
     }
     return funcs.reduce((a, b) => (...args) => a(b(...args)));
   }
-  function toggleRowStatus(statusArr, row, newVal) {
+  function toggleRowStatus(statusArr, row, newVal, tableTreeProps, selectable, rowIndex) {
+    let _rowIndex = rowIndex != null ? rowIndex : 0;
     let changed = false;
     const index = statusArr.indexOf(row);
     const included = index !== -1;
+    const isRowSelectable = selectable == null ? void 0 : selectable.call(null, row, rowIndex);
     const toggleStatus = (type) => {
       if (type === "add") {
         statusArr.push(row);
@@ -42769,20 +42782,34 @@
         statusArr.splice(index, 1);
       }
       changed = true;
-      if (isArray$1(row.children)) {
-        row.children.forEach((item) => {
-          toggleRowStatus(statusArr, item, newVal != null ? newVal : !included);
+    };
+    const getChildrenCount = (row2) => {
+      let count = 0;
+      const children = (tableTreeProps == null ? void 0 : tableTreeProps.children) && row2[tableTreeProps.children];
+      if (children && isArray$1(children)) {
+        count += children.length;
+        children.forEach((item) => {
+          count += getChildrenCount(item);
         });
       }
+      return count;
     };
-    if (isBoolean(newVal)) {
-      if (newVal && !included) {
-        toggleStatus("add");
-      } else if (!newVal && included) {
-        toggleStatus("remove");
+    if (!selectable || isRowSelectable) {
+      if (isBoolean(newVal)) {
+        if (newVal && !included) {
+          toggleStatus("add");
+        } else if (!newVal && included) {
+          toggleStatus("remove");
+        }
+      } else {
+        included ? toggleStatus("remove") : toggleStatus("add");
       }
-    } else {
-      included ? toggleStatus("remove") : toggleStatus("add");
+    }
+    if (!(tableTreeProps == null ? void 0 : tableTreeProps.checkStrictly) && (tableTreeProps == null ? void 0 : tableTreeProps.children) && isArray$1(row[tableTreeProps.children])) {
+      row[tableTreeProps.children].forEach((item) => {
+        toggleRowStatus(statusArr, item, newVal != null ? newVal : !included, tableTreeProps, selectable, _rowIndex + 1);
+        _rowIndex += getChildrenCount(item) + 1;
+      });
     }
     return changed;
   }
@@ -43078,6 +43105,7 @@
     const lazyTreeNodeMap = vue.ref({});
     const lazyColumnIdentifier = vue.ref("hasChildren");
     const childrenColumnName = vue.ref("children");
+    const checkStrictly = vue.ref(false);
     const instance = vue.getCurrentInstance();
     const normalizedData = vue.computed(() => {
       if (!watcherData.rowKey.value)
@@ -43257,7 +43285,8 @@
         lazy,
         lazyTreeNodeMap,
         lazyColumnIdentifier,
-        childrenColumnName
+        childrenColumnName,
+        checkStrictly
       }
     };
   }
@@ -43391,7 +43420,12 @@
       return (selection.value || []).slice();
     };
     const toggleRowSelection = (row, selected, emitChange = true) => {
-      const changed = toggleRowStatus(selection.value, row, selected);
+      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, selectable.value);
       if (changed) {
         const newSelection = (selection.value || []).slice();
         if (emitChange) {
@@ -43407,16 +43441,15 @@
       let selectionChanged = false;
       let childrenCount = 0;
       const rowKey2 = (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.rowKey.value;
+      const { childrenColumnName } = instance.store.states;
+      const treeProps = {
+        children: childrenColumnName.value,
+        checkStrictly: false
+      };
       data.value.forEach((row, index) => {
         const rowIndex = index + childrenCount;
-        if (selectable.value) {
-          if (selectable.value.call(null, row, rowIndex) && toggleRowStatus(selection.value, row, value)) {
-            selectionChanged = true;
-          }
-        } else {
-          if (toggleRowStatus(selection.value, row, value)) {
-            selectionChanged = true;
-          }
+        if (toggleRowStatus(selection.value, row, value, treeProps, selectable.value, rowIndex)) {
+          selectionChanged = true;
         }
         childrenCount += getChildrenCount(getRowIdentity(row, rowKey2));
       });
@@ -43436,43 +43469,42 @@
       });
     };
     const updateAllSelected = () => {
-      var _a2, _b, _c;
+      var _a2;
       if (((_a2 = data.value) == null ? void 0 : _a2.length) === 0) {
         isAllSelected.value = false;
         return;
       }
-      let selectedMap;
-      if (rowKey.value) {
-        selectedMap = getKeysMap(selection.value, rowKey.value);
-      }
-      const isSelected2 = function(row) {
+      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);
         }
       };
-      let isAllSelected_ = true;
-      let selectedCount = 0;
-      let childrenCount = 0;
-      for (let i = 0, j = (data.value || []).length; i < j; i++) {
-        const keyProp = (_c = (_b = instance == null ? void 0 : instance.store) == null ? void 0 : _b.states) == null ? void 0 : _c.rowKey.value;
-        const rowIndex = i + childrenCount;
-        const item = data.value[i];
-        const isRowSelectable = selectable.value && selectable.value.call(null, item, rowIndex);
-        if (!isSelected2(item)) {
-          if (!selectable.value || isRowSelectable) {
-            isAllSelected_ = false;
-            break;
+      const checkSelectedStatus = (data2) => {
+        var _a3;
+        for (const row of data2) {
+          const isRowSelectable = selectable.value && selectable.value.call(null, row, rowIndex);
+          if (!isSelected2(row)) {
+            if (!selectable.value || isRowSelectable) {
+              return false;
+            }
+          } else {
+            selectedCount++;
+          }
+          rowIndex++;
+          if (((_a3 = row[childrenColumnName.value]) == null ? void 0 : _a3.length) && !checkSelectedStatus(row[childrenColumnName.value])) {
+            return false;
           }
-        } else {
-          selectedCount++;
         }
-        childrenCount += getChildrenCount(getRowIdentity(item, keyProp));
-      }
-      if (selectedCount === 0)
-        isAllSelected_ = false;
-      isAllSelected.value = isAllSelected_;
+        return true;
+      };
+      const isAllSelected_ = checkSelectedStatus(data.value || []);
+      isAllSelected.value = selectedCount === 0 ? false : isAllSelected_;
     };
     const getChildrenCount = (rowKey2) => {
       var _a2;
@@ -43890,6 +43922,10 @@
     ["treeProps.children"]: {
       key: "childrenColumnName",
       default: "children"
+    },
+    ["treeProps.checkStrictly"]: {
+      key: "checkStrictly",
+      default: false
     }
   };
   function createStore(table, props) {
@@ -46042,7 +46078,8 @@
       default: () => {
         return {
           hasChildren: "hasChildren",
-          children: "children"
+          children: "children",
+          checkStrictly: false
         };
       }
     },
@@ -51366,7 +51403,7 @@
           this.expanded = true;
           this.canFocus = true;
         }
-      } else if (this.level > 0 && store.lazy && store.defaultExpandAll) {
+      } else if (this.level > 0 && store.lazy && store.defaultExpandAll && !this.isLeafByUser) {
         this.expand();
       }
       if (!Array.isArray(this.data)) {
@@ -54611,8 +54648,8 @@
     }
   });
 
-  const _hoisted_1$8 = ["onKeydown"];
-  const _hoisted_2$5 = ["name", "multiple", "accept"];
+  const _hoisted_1$8 = ["tabindex", "onKeydown"];
+  const _hoisted_2$5 = ["name", "disabled", "multiple", "accept"];
   const __default__$d = vue.defineComponent({
     name: "ElUploadContent",
     inheritAttrs: false
@@ -54762,8 +54799,13 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.listType), vue.unref(ns).is("drag", _ctx.drag)]),
-          tabindex: "0",
+          class: vue.normalizeClass([
+            vue.unref(ns).b(),
+            vue.unref(ns).m(_ctx.listType),
+            vue.unref(ns).is("drag", _ctx.drag),
+            vue.unref(ns).is("disabled", vue.unref(disabled))
+          ]),
+          tabindex: vue.unref(disabled) ? "-1" : "0",
           onClick: handleClick,
           onKeydown: vue.withKeys(vue.withModifiers(handleKeydown, ["self"]), ["enter", "space"])
         }, [
@@ -54782,6 +54824,7 @@
             ref: inputRef,
             class: vue.normalizeClass(vue.unref(ns).e("input")),
             name: _ctx.name,
+            disabled: vue.unref(disabled),
             multiple: _ctx.multiple,
             accept: _ctx.accept,
             type: "file",
@@ -57613,7 +57656,7 @@
         return;
       afterLeaveFlag.value = true;
       clearTimeout(afterLeaveTimer);
-      afterLeaveTimer = window.setTimeout(handleAfterLeave, 400);
+      afterLeaveTimer = setTimeout(handleAfterLeave, 400);
       data.visible = false;
       (_a = options.closed) == null ? void 0 : _a.call(options);
     }