@element-plus/nightly 0.0.20240724 → 0.0.20240726

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240724 */
+/*! Element Plus v0.0.20240726 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11495,7 +11495,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240724";
+  const version$1 = "0.0.20240726";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13743,22 +13743,10 @@
     form: {
       type: String
     },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    clearable: {
-      type: Boolean,
-      default: false
-    },
-    showPassword: {
-      type: Boolean,
-      default: false
-    },
-    showWordLimit: {
-      type: Boolean,
-      default: false
-    },
+    readonly: Boolean,
+    clearable: Boolean,
+    showPassword: Boolean,
+    showWordLimit: Boolean,
     suffixIcon: {
       type: iconPropType
     },
@@ -13785,10 +13773,7 @@
       type: definePropType([Object, Array, String]),
       default: () => mutable({})
     },
-    autofocus: {
-      type: Boolean,
-      default: false
-    },
+    autofocus: Boolean,
     rows: {
       type: Number,
       default: 2
@@ -15797,10 +15782,7 @@
       type: String,
       default: ""
     },
-    rawContent: {
-      type: Boolean,
-      default: false
-    },
+    rawContent: Boolean,
     persistent: Boolean,
     visible: {
       type: definePropType(Boolean),
@@ -17052,10 +17034,7 @@
       type: definePropType([String, Object]),
       default: ""
     },
-    replace: {
-      type: Boolean,
-      default: false
-    }
+    replace: Boolean
   });
 
   const __default__$1s = vue.defineComponent({
@@ -21167,6 +21146,10 @@
       values: ["", "card"],
       default: ""
     },
+    cardScale: {
+      type: Number,
+      default: 0.83
+    },
     loop: {
       type: Boolean,
       default: true
@@ -21431,6 +21414,7 @@
       isVertical,
       items,
       loop: props.loop,
+      cardScale: props.cardScale,
       addItem,
       removeItem,
       setActiveItem,
@@ -21557,6 +21541,7 @@
         return classes;
       });
       expose({
+        activeIndex,
         setActiveItem,
         prev,
         next
@@ -21679,7 +21664,6 @@
   const useCarouselItem = (props, componentName) => {
     const carouselContext = vue.inject(carouselContextKey);
     const instance = vue.getCurrentInstance();
-    const CARD_SCALE = 0.83;
     const carouselItemRef = vue.ref();
     const hover = vue.ref(false);
     const translate = vue.ref(0);
@@ -21688,7 +21672,7 @@
     const ready = vue.ref(false);
     const inStage = vue.ref(false);
     const animating = vue.ref(false);
-    const { isCardType, isVertical } = carouselContext;
+    const { isCardType, isVertical, cardScale } = carouselContext;
     function processIndex(index, activeIndex, length) {
       const lastItemIndex = length - 1;
       const prevItemIndex = activeIndex - 1;
@@ -21709,11 +21693,11 @@
       var _a, _b;
       const parentWidth = vue.unref(isVertical) ? ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetHeight) || 0 : ((_b = carouselContext.root.value) == null ? void 0 : _b.offsetWidth) || 0;
       if (inStage.value) {
-        return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
+        return parentWidth * ((2 - cardScale) * (index - activeIndex) + 1) / 4;
       } else if (index < activeIndex) {
-        return -(1 + CARD_SCALE) * parentWidth / 4;
+        return -(1 + cardScale) * parentWidth / 4;
       } else {
-        return (3 + CARD_SCALE) * parentWidth / 4;
+        return (3 + cardScale) * parentWidth / 4;
       }
     }
     function calcTranslate(index, activeIndex, isVertical2) {
@@ -21739,7 +21723,7 @@
       if (_isCardType) {
         inStage.value = Math.round(Math.abs(index - activeIndex)) <= 1;
         translate.value = calcCardTranslate(index, activeIndex);
-        scale.value = vue.unref(active) ? 1 : CARD_SCALE;
+        scale.value = vue.unref(active) ? 1 : cardScale;
       } else {
         translate.value = calcTranslate(index, activeIndex, _isVertical);
       }
@@ -23897,7 +23881,7 @@
           return cloneDeep(props.modelValue);
         },
         set(val) {
-          const value = val || valueOnClear.value;
+          const value = val != null ? val : valueOnClear.value;
           emit(UPDATE_MODEL_EVENT, value);
           emit(CHANGE_EVENT, value);
           if (props.validateEvent) {
@@ -24433,10 +24417,7 @@
   const ElCascader = _Cascader;
 
   const checkTagProps = buildProps({
-    checked: {
-      type: Boolean,
-      default: false
-    },
+    checked: Boolean,
     type: {
       type: String,
       values: ["primary", "success", "info", "warning", "danger"],
@@ -25049,7 +25030,7 @@
       (_a = options.start) == null ? void 0 : _a.call(options, event);
     };
     element.addEventListener("mousedown", downFn);
-    element.addEventListener("touchstart", downFn);
+    element.addEventListener("touchstart", downFn, { passive: false });
   }
 
   const useAlphaSlider = (props) => {
@@ -29397,10 +29378,7 @@
   var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "descriptions-row.vue"]]);
 
   const descriptionProps = buildProps({
-    border: {
-      type: Boolean,
-      default: false
-    },
+    border: Boolean,
     column: {
       type: Number,
       default: 3
@@ -29575,10 +29553,7 @@
       type: Boolean,
       default: true
     },
-    customMaskEvent: {
-      type: Boolean,
-      default: false
-    },
+    customMaskEvent: Boolean,
     overlayClass: {
       type: definePropType([
         String,
@@ -29783,10 +29758,7 @@
     zIndex: {
       type: Number
     },
-    trapFocus: {
-      type: Boolean,
-      default: false
-    },
+    trapFocus: Boolean,
     headerAriaLevel: {
       type: String,
       default: "2"
@@ -36513,10 +36485,7 @@
       default: "",
       values: ["", "success", "exception", "warning"]
     },
-    indeterminate: {
-      type: Boolean,
-      default: false
-    },
+    indeterminate: Boolean,
     duration: {
       type: Number,
       default: 3
@@ -36529,10 +36498,7 @@
       type: definePropType(String),
       default: "round"
     },
-    textInside: {
-      type: Boolean,
-      default: false
-    },
+    textInside: Boolean,
     width: {
       type: Number,
       default: 126
@@ -36838,10 +36804,7 @@
       type: String,
       default: void 0
     },
-    clearable: {
-      type: Boolean,
-      default: false
-    },
+    clearable: Boolean,
     ...useAriaProps(["ariaLabel"])
   });
   const rateEmits = {
@@ -37555,7 +37518,7 @@
           return;
         onselectstartStore = document.onselectstart;
         document.onselectstart = () => false;
-        thumbEl.addEventListener("touchmove", onMouseMove);
+        thumbEl.addEventListener("touchmove", onMouseMove, { passive: true });
         thumbEl.addEventListener("touchend", onMouseUp);
       };
       const detachEvents = () => {
@@ -37726,6 +37689,9 @@
           (_b = (_a = scrollbarRef.value).onMouseUp) == null ? void 0 : _b.call(_a);
           scrollTo(Math.min(states.value.scrollOffset + offset, estimatedTotalSize.value - clientSize.value));
         });
+        useEventListener(windowRef, "wheel", onWheel, {
+          passive: false
+        });
         const emitEvents = () => {
           const { total } = props;
           if (total > 0) {
@@ -37935,7 +37901,6 @@
           total,
           onScroll,
           onScrollbarScroll,
-          onWheel,
           states,
           useIsScrolling,
           windowStyle,
@@ -37977,7 +37942,6 @@
           class: [ns.e("window"), className],
           style: windowStyle,
           onScroll,
-          onWheel,
           ref: "windowRef",
           key: 0
         }, !isString$1(Container) ? { default: () => [InnerNode] } : [InnerNode]);
@@ -38440,6 +38404,9 @@
             scrollTop: Math.min(states.value.scrollTop + y, estimatedTotalHeight.value - height)
           });
         });
+        useEventListener(windowRef, "wheel", onWheel, {
+          passive: false
+        });
         const scrollTo = ({
           scrollLeft = states.value.scrollLeft,
           scrollTop = states.value.scrollTop
@@ -38651,7 +38618,6 @@
               class: props.className,
               style: vue.unref(windowStyle),
               onScroll,
-              onWheel,
               ref: windowRef
             }, !isString$1(Container) ? { default: () => Inner } : Inner),
             horizontalScrollbar,
@@ -41165,6 +41131,7 @@
     vue.watch(() => initData.dragging, (val) => {
       updateDragging(val);
     });
+    useEventListener(button, "touchstart", onButtonDown, { passive: false });
     return {
       disabled,
       button,
@@ -41352,10 +41319,9 @@
           onMouseenter: _cache[0] || (_cache[0] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
           onMouseleave: _cache[1] || (_cache[1] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
           onMousedown: _cache[2] || (_cache[2] = (...args) => vue.unref(onButtonDown) && vue.unref(onButtonDown)(...args)),
-          onTouchstart: _cache[3] || (_cache[3] = (...args) => vue.unref(onButtonDown) && vue.unref(onButtonDown)(...args)),
-          onFocus: _cache[4] || (_cache[4] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
-          onBlur: _cache[5] || (_cache[5] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
-          onKeydown: _cache[6] || (_cache[6] = (...args) => vue.unref(onKeyDown) && vue.unref(onKeyDown)(...args))
+          onFocus: _cache[3] || (_cache[3] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
+          onBlur: _cache[4] || (_cache[4] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
+          onKeydown: _cache[5] || (_cache[5] = (...args) => vue.unref(onKeyDown) && vue.unref(onKeyDown)(...args))
         }, [
           vue.createVNode(vue.unref(ElTooltip), {
             ref_key: "tooltip",
@@ -41492,6 +41458,12 @@
       const updateDragging = (val) => {
         initData.dragging = val;
       };
+      useEventListener(sliderWrapper, "touchstart", onSliderWrapperPrevent, {
+        passive: false
+      });
+      useEventListener(sliderWrapper, "touchmove", onSliderWrapperPrevent, {
+        passive: false
+      });
       vue.provide(sliderContextKey, {
         ...vue.toRefs(props),
         sliderSize,
@@ -41520,9 +41492,7 @@
           class: vue.normalizeClass(vue.unref(sliderKls)),
           role: _ctx.range ? "group" : void 0,
           "aria-label": _ctx.range && !vue.unref(isLabeledByFormItem) ? vue.unref(groupLabel) : void 0,
-          "aria-labelledby": _ctx.range && vue.unref(isLabeledByFormItem) ? (_a = vue.unref(elFormItem)) == null ? void 0 : _a.labelId : void 0,
-          onTouchstart: _cache[2] || (_cache[2] = (...args) => vue.unref(onSliderWrapperPrevent) && vue.unref(onSliderWrapperPrevent)(...args)),
-          onTouchmove: _cache[3] || (_cache[3] = (...args) => vue.unref(onSliderWrapperPrevent) && vue.unref(onSliderWrapperPrevent)(...args))
+          "aria-labelledby": _ctx.range && vue.unref(isLabeledByFormItem) ? (_a = vue.unref(elFormItem)) == null ? void 0 : _a.labelId : void 0
         }, [
           vue.createElementVNode("div", {
             ref_key: "slider",
@@ -41534,7 +41504,7 @@
             ]),
             style: vue.normalizeStyle(vue.unref(runwayStyle)),
             onMousedown: _cache[0] || (_cache[0] = (...args) => vue.unref(onSliderDown) && vue.unref(onSliderDown)(...args)),
-            onTouchstart: _cache[1] || (_cache[1] = (...args) => vue.unref(onSliderDown) && vue.unref(onSliderDown)(...args))
+            onTouchstartPassive: _cache[1] || (_cache[1] = (...args) => vue.unref(onSliderDown) && vue.unref(onSliderDown)(...args))
           }, [
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(ns).e("bar")),
@@ -41624,7 +41594,7 @@
             "onUpdate:modelValue": vue.unref(setFirstValue),
             onChange: vue.unref(emitChange)
           }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : vue.createCommentVNode("v-if", true)
-        ], 42, _hoisted_1$i);
+        ], 10, _hoisted_1$i);
       };
     }
   });
@@ -42322,14 +42292,8 @@
       type: [Boolean, String, Number],
       default: false
     },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
+    disabled: Boolean,
+    loading: Boolean,
     size: {
       type: String,
       validator: isValidComponentSize
@@ -42338,10 +42302,7 @@
       type: [String, Number],
       default: ""
     },
-    inlinePrompt: {
-      type: Boolean,
-      default: false
-    },
+    inlinePrompt: Boolean,
     inactiveActionIcon: {
       type: iconPropType
     },
@@ -50095,14 +50056,8 @@
       type: String,
       default: ""
     },
-    hideTimestamp: {
-      type: Boolean,
-      default: false
-    },
-    center: {
-      type: Boolean,
-      default: false
-    },
+    hideTimestamp: Boolean,
+    center: Boolean,
     placement: {
       type: String,
       values: ["top", "bottom"],
@@ -50125,10 +50080,7 @@
     icon: {
       type: iconPropType
     },
-    hollow: {
-      type: Boolean,
-      default: false
-    }
+    hollow: Boolean
   });
 
   const __default__$o = vue.defineComponent({
@@ -50281,10 +50233,7 @@
       values: tooltipV2Strategies,
       default: "absolute"
     },
-    showArrow: {
-      type: Boolean,
-      default: false
-    },
+    showArrow: Boolean,
     ...useAriaProps(["ariaLabel"])
   });
 
@@ -54277,18 +54226,12 @@
       type: definePropType([Object, Function, Promise]),
       default: () => mutable({})
     },
-    multiple: {
-      type: Boolean,
-      default: false
-    },
+    multiple: Boolean,
     name: {
       type: String,
       default: "file"
     },
-    drag: {
-      type: Boolean,
-      default: false
-    },
+    drag: Boolean,
     withCredentials: Boolean,
     showFileList: {
       type: Boolean,
@@ -56597,8 +56540,8 @@
     ...useAriaProps(["ariaLabel"])
   });
   const segmentedEmits = {
-    [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val),
-    [CHANGE_EVENT]: (val) => isString$1(val) || isNumber(val)
+    [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val),
+    [CHANGE_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val)
   };
 
   const _hoisted_1$3 = ["id", "aria-label", "aria-labelledby"];
@@ -58251,10 +58194,7 @@
       type: String,
       default: ""
     },
-    dangerouslyUseHTMLString: {
-      type: Boolean,
-      default: false
-    },
+    dangerouslyUseHTMLString: Boolean,
     duration: {
       type: Number,
       default: 4500