@element-plus/nightly 0.0.20250815 → 0.0.20250816

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250815 */
+/*! Element Plus v0.0.20250816 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9059,6 +9059,7 @@
       offsetX: 0,
       offsetY: 0
     };
+    const isDragging = vue.ref(false);
     const adjustPosition = (moveX, moveY) => {
       if (targetRef.value) {
         const { offsetX, offsetY } = transform;
@@ -9087,11 +9088,15 @@
       const downY = e.clientY;
       const { offsetX, offsetY } = transform;
       const onMousemove = (e2) => {
+        if (!isDragging.value) {
+          isDragging.value = true;
+        }
         const moveX = offsetX + e2.clientX - downX;
         const moveY = offsetY + e2.clientY - downY;
         adjustPosition(moveX, moveY);
       };
       const onMouseup = () => {
+        isDragging.value = false;
         document.removeEventListener("mousemove", onMousemove);
         document.removeEventListener("mouseup", onMouseup);
       };
@@ -9134,6 +9139,7 @@
       offDraggable();
     });
     return {
+      isDragging,
       resetPosition,
       updatePosition
     };
@@ -12423,7 +12429,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250815";
+  const version$1 = "0.0.20250816";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -14729,6 +14735,10 @@
     },
     readonly: Boolean,
     clearable: Boolean,
+    clearIcon: {
+      type: iconPropType,
+      default: circle_close_default
+    },
     showPassword: Boolean,
     showWordLimit: Boolean,
     suffixIcon: {
@@ -15110,7 +15120,7 @@
                     onClick: clear
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(circle_close_default))
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
                     ]),
                     _: 1
                   }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true),
@@ -24572,7 +24582,11 @@
       this.appendAllNodesAndLeafNodes(node);
     }
     appendNodes(nodeDataList, parentNode) {
-      nodeDataList.forEach((nodeData) => this.appendNode(nodeData, parentNode));
+      if (nodeDataList.length > 0) {
+        nodeDataList.forEach((nodeData) => this.appendNode(nodeData, parentNode));
+      } else {
+        parentNode && parentNode.isLeaf && this.leafNodes.push(parentNode);
+      }
     }
     appendAllNodesAndLeafNodes(node) {
       this.allNodes.push(node);
@@ -24733,10 +24747,10 @@
         const resolve = (dataList) => {
           const _node = node;
           const parent = _node.root ? null : _node;
-          dataList && (store == null ? void 0 : store.appendNodes(dataList, parent));
           _node.loading = false;
           _node.loaded = true;
           _node.childrenData = _node.childrenData || [];
+          dataList && (store == null ? void 0 : store.appendNodes(dataList, parent));
           dataList && (cb == null ? void 0 : cb(dataList));
         };
         cfg.lazyLoad(node, resolve);
@@ -25080,6 +25094,10 @@
     placeholder: String,
     disabled: Boolean,
     clearable: Boolean,
+    clearIcon: {
+      type: iconPropType,
+      default: circle_close_default
+    },
     filterable: Boolean,
     filterMethod: {
       type: definePropType(Function),
@@ -25617,7 +25635,7 @@
                     onClick: vue.withModifiers(handleClear, ["stop"])
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(circle_close_default))
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
                     ]),
                     _: 1
                   }, 8, ["class", "onClick"])) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
@@ -31763,17 +31781,18 @@
       const { Close } = CloseComponents;
       const { dialogRef, headerRef, bodyId, ns, style } = vue.inject(dialogInjectionKey);
       const { focusTrapRef } = vue.inject(FOCUS_TRAP_INJECTION_KEY);
+      const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
+      const draggable = vue.computed(() => !!props.draggable);
+      const overflow = vue.computed(() => !!props.overflow);
+      const { resetPosition, updatePosition, isDragging } = useDraggable(dialogRef, headerRef, draggable, overflow);
       const dialogKls = vue.computed(() => [
         ns.b(),
         ns.is("fullscreen", props.fullscreen),
-        ns.is("draggable", !!props.draggable),
+        ns.is("draggable", draggable.value),
+        ns.is("dragging", isDragging.value),
         ns.is("align-center", !!props.alignCenter),
         { [ns.m("center")]: props.center }
       ]);
-      const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
-      const draggable = vue.computed(() => !!props.draggable);
-      const overflow = vue.computed(() => !!props.overflow);
-      const { resetPosition, updatePosition } = useDraggable(dialogRef, headerRef, draggable, overflow);
       expose({
         resetPosition,
         updatePosition
@@ -34987,6 +35006,10 @@
     },
     size: useSizeProp,
     clearable: Boolean,
+    clearIcon: {
+      type: iconPropType,
+      default: circle_close_default
+    },
     disabled: {
       type: Boolean,
       default: void 0
@@ -35527,7 +35550,7 @@
               onClick: vue.unref(handleClear)
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(circle_close_default))
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
               ]),
               _: 1
             }, 8, ["class", "onMousedown", "onClick"])) : vue.createCommentVNode("v-if", true),
@@ -62415,7 +62438,7 @@
     return { percentSizes, pxSizes };
   }
 
-  function useResize(panels, containerSize, pxSizes) {
+  function useResize(panels, containerSize, pxSizes, lazy) {
     const ptg2px = (ptg) => ptg * containerSize.value || 0;
     function getLimitSize(str, defaultLimit) {
       if (isPct(str)) {
@@ -62425,10 +62448,19 @@
       }
       return str != null ? str : defaultLimit;
     }
+    const lazyOffset = vue.ref(0);
     const movingIndex = vue.ref(null);
     let cachePxSizes = [];
+    let updatePanelSizes = NOOP;
     const limitSizes = vue.computed(() => panels.value.map((item) => [item.min, item.max]));
+    vue.watch(lazy, () => {
+      if (lazyOffset.value) {
+        const mouseup = new MouseEvent("mouseup", { bubbles: true });
+        window.dispatchEvent(mouseup);
+      }
+    });
     const onMoveStart = (index) => {
+      lazyOffset.value = 0;
       movingIndex.value = { index, confirmed: false };
       cachePxSizes = pxSizes.value;
     };
@@ -62471,11 +62503,22 @@
       }
       numSizes[mergedIndex] += mergedOffset;
       numSizes[nextIndex] -= mergedOffset;
-      panels.value.forEach((panel, index2) => {
-        panel.size = numSizes[index2];
-      });
+      lazyOffset.value = mergedOffset;
+      updatePanelSizes = () => {
+        panels.value.forEach((panel, index2) => {
+          panel.size = numSizes[index2];
+        });
+        updatePanelSizes = NOOP;
+      };
+      if (!lazy.value) {
+        updatePanelSizes();
+      }
     };
     const onMoveEnd = () => {
+      if (lazy.value) {
+        updatePanelSizes();
+      }
+      lazyOffset.value = 0;
       movingIndex.value = null;
       cachePxSizes = [];
     };
@@ -62504,7 +62547,14 @@
         panel.size = currentSizes[index2];
       });
     };
-    return { onMoveStart, onMoving, onMoveEnd, movingIndex, onCollapse };
+    return {
+      lazyOffset,
+      onMoveStart,
+      onMoving,
+      onMoveEnd,
+      movingIndex,
+      onCollapse
+    };
   }
 
   const splitterProps = buildProps({
@@ -62512,7 +62562,8 @@
       type: String,
       default: "horizontal",
       values: ["horizontal", "vertical"]
-    }
+    },
+    lazy: Boolean
   });
 
   const splitterRootContextKey = Symbol("splitterRootContextKey");
@@ -62528,6 +62579,7 @@
       const props = __props;
       const ns = useNamespace("splitter");
       const layout = vue.toRef(props, "layout");
+      const lazy = vue.toRef(props, "lazy");
       const { containerEl, containerSize } = useContainer(layout);
       const {
         removeChild: unregisterPanel,
@@ -62541,14 +62593,28 @@
         });
       });
       const { percentSizes, pxSizes } = useSize(panels, containerSize);
-      const { onMoveStart, onMoving, onMoveEnd, onCollapse, movingIndex } = useResize(panels, containerSize, pxSizes);
+      const {
+        lazyOffset,
+        movingIndex,
+        onMoveStart,
+        onMoving,
+        onMoveEnd,
+        onCollapse
+      } = useResize(panels, containerSize, pxSizes, lazy);
+      const splitterStyles = vue.computed(() => {
+        return {
+          [`--${ns.b()}-bar-offset`]: lazy.value ? `${lazyOffset.value}px` : void 0
+        };
+      });
       const onResizeStart = (index) => {
         onMoveStart(index);
         emits("resizeStart", index, pxSizes.value);
       };
       const onResize = (index, offset) => {
         onMoving(index, offset);
-        emits("resize", index, pxSizes.value);
+        if (!lazy.value) {
+          emits("resize", index, pxSizes.value);
+        }
       };
       const onResizeEnd = (index) => {
         onMoveEnd();
@@ -62563,6 +62629,7 @@
         percentSizes,
         pxSizes,
         layout,
+        lazy,
         movingIndex,
         containerSize,
         onMoveStart: onResizeStart,
@@ -62576,7 +62643,8 @@
         return vue.openBlock(), vue.createElementBlock("div", {
           ref_key: "containerEl",
           ref: containerEl,
-          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).e(vue.unref(layout))])
+          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).e(vue.unref(layout))]),
+          style: vue.normalizeStyle(vue.unref(splitterStyles))
         }, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createVNode(vue.unref(PanelsSorter)),
@@ -62585,7 +62653,7 @@
             key: 0,
             class: vue.normalizeClass([vue.unref(ns).e("mask"), vue.unref(ns).e(`mask-${vue.unref(layout)}`)])
           }, null, 2)) : vue.createCommentVNode("v-if", true)
-        ], 2);
+        ], 6);
       };
     }
   });
@@ -62629,12 +62697,9 @@
         type: Boolean,
         default: true
       },
-      startCollapsible: {
-        type: Boolean
-      },
-      endCollapsible: {
-        type: Boolean
-      }
+      lazy: Boolean,
+      startCollapsible: Boolean,
+      endCollapsible: Boolean
     },
     emits: ["moveStart", "moving", "moveEnd", "collapse"],
     setup(__props, { emit }) {
@@ -62731,7 +62796,8 @@
             class: vue.normalizeClass([
               vue.unref(ns).e("dragger"),
               vue.unref(draggerPseudoClass),
-              __props.resizable ? "" : vue.unref(ns).e("disable")
+              __props.resizable ? "" : vue.unref(ns).e("disable"),
+              vue.unref(ns).is("lazy", __props.resizable && __props.lazy)
             ]),
             style: vue.normalizeStyle(vue.unref(draggerStyles)),
             onMousedown,
@@ -62783,7 +62849,7 @@
       const splitterContext = vue.inject(splitterRootContextKey);
       if (!splitterContext)
         throwError(COMPONENT_NAME, "usage: <el-splitter><el-splitter-panel /></el-splitter/>");
-      const { panels, layout, containerSize, pxSizes } = vue.toRefs(splitterContext);
+      const { panels, layout, lazy, containerSize, pxSizes } = vue.toRefs(splitterContext);
       const {
         registerPanel,
         unregisterPanel,
@@ -62841,25 +62907,25 @@
       }
       let isSizeUpdating = false;
       vue.watch(() => props.size, () => {
-        if (panel.value) {
+        if (!isSizeUpdating && panel.value) {
           const size = sizeToPx(props.size);
           const maxSize = sizeToPx(props.max);
           const minSize = sizeToPx(props.min);
           const finalSize = Math.min(Math.max(size, minSize || 0), maxSize || size);
           if (finalSize !== size) {
-            isSizeUpdating = true;
             emits("update:size", finalSize);
           }
           panel.value.size = finalSize;
-          vue.nextTick(() => isSizeUpdating = false);
         }
       });
       vue.watch(() => {
         var _a;
         return (_a = panel.value) == null ? void 0 : _a.size;
       }, (val) => {
-        if (!isSizeUpdating && val !== props.size) {
+        if (val !== props.size) {
+          isSizeUpdating = true;
           emits("update:size", val);
+          vue.nextTick(() => isSizeUpdating = false);
         }
       });
       vue.watch(() => props.resizable, (val) => {
@@ -62891,6 +62957,7 @@
             key: 0,
             index: index.value,
             layout: vue.unref(layout),
+            lazy: vue.unref(lazy),
             resizable: vue.unref(isResizable),
             "start-collapsible": vue.unref(startCollapsible),
             "end-collapsible": vue.unref(endCollapsible),
@@ -62906,7 +62973,7 @@
               vue.renderSlot(_ctx.$slots, "end-collapsible")
             ]),
             _: 3
-          }, 8, ["index", "layout", "resizable", "start-collapsible", "end-collapsible", "onMoveStart", "onMoving", "onMoveEnd", "onCollapse"])) : vue.createCommentVNode("v-if", true)
+          }, 8, ["index", "layout", "lazy", "resizable", "start-collapsible", "end-collapsible", "onMoveStart", "onMoving", "onMoveEnd", "onCollapse"])) : vue.createCommentVNode("v-if", true)
         ], 64);
       };
     }
@@ -63992,7 +64059,7 @@
       });
       const draggable = vue.computed(() => props.draggable);
       const overflow = vue.computed(() => props.overflow);
-      useDraggable(rootRef, headerRef, draggable, overflow);
+      const { isDragging } = useDraggable(rootRef, headerRef, draggable, overflow);
       vue.onMounted(async () => {
         await vue.nextTick();
         if (props.closeOnHashChange) {
@@ -64096,6 +64163,7 @@
         focusStartRef,
         headerRef,
         inputRef,
+        isDragging,
         confirmRef,
         doClose,
         handleClose,
@@ -64149,6 +64217,7 @@
                       _ctx.ns.b(),
                       _ctx.customClass,
                       _ctx.ns.is("draggable", _ctx.draggable),
+                      _ctx.ns.is("dragging", _ctx.isDragging),
                       { [_ctx.ns.m("center")]: _ctx.center }
                     ]),
                     style: vue.normalizeStyle(_ctx.customStyle),