element-plus 2.3.4 → 2.3.5

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.4 */
+/*! Element Plus v2.3.5 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11225,7 +11225,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.3.4";
+  const version$1 = "2.3.5";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -20808,12 +20808,24 @@
     const timer = vue.ref(null);
     const hover = vue.ref(false);
     const root = vue.ref();
+    const containerHeight = vue.ref(0);
     const arrowDisplay = vue.computed(() => props.arrow !== "never" && !vue.unref(isVertical));
     const hasLabel = vue.computed(() => {
       return items.value.some((item) => item.props.label.toString().length > 0);
     });
     const isCardType = vue.computed(() => props.type === "card");
     const isVertical = vue.computed(() => props.direction === "vertical");
+    const containerStyle = vue.computed(() => {
+      if (props.height !== "auto") {
+        return {
+          height: props.height
+        };
+      }
+      return {
+        height: `${containerHeight.value}px`,
+        overflow: "hidden"
+      };
+    });
     const throttledArrowClick = throttle((index) => {
       setActiveItem(index);
     }, THROTTLE_TIME, { trailing: true });
@@ -20932,6 +20944,11 @@
       pauseTimer();
       startTimer();
     }
+    function setContainerHeight(height) {
+      if (props.height !== "auto")
+        return;
+      containerHeight.value = height;
+    }
     vue.watch(() => activeIndex.value, (current, prev2) => {
       resetItemPosition(prev2);
       if (prev2 > -1) {
@@ -20971,7 +20988,8 @@
       loop: props.loop,
       addItem,
       removeItem,
-      setActiveItem
+      setActiveItem,
+      setContainerHeight
     });
     return {
       root,
@@ -20981,6 +20999,8 @@
       hover,
       isCardType,
       items,
+      isVertical,
+      containerStyle,
       handleButtonEnter,
       handleButtonLeave,
       handleIndicatorClick,
@@ -21014,6 +21034,8 @@
         hover,
         isCardType,
         items,
+        isVertical,
+        containerStyle,
         handleButtonEnter,
         handleButtonLeave,
         handleIndicatorClick,
@@ -21038,9 +21060,12 @@
         if (vue.unref(hasLabel)) {
           classes.push(ns.em("indicators", "labels"));
         }
-        if (props.indicatorPosition === "outside" || vue.unref(isCardType)) {
+        if (props.indicatorPosition === "outside") {
           classes.push(ns.em("indicators", "outside"));
         }
+        if (vue.unref(isVertical)) {
+          classes.push(ns.em("indicators", "right"));
+        }
         return classes;
       });
       expose({
@@ -21058,7 +21083,7 @@
         }, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(ns).e("container")),
-            style: vue.normalizeStyle({ height: _ctx.height })
+            style: vue.normalizeStyle(vue.unref(containerStyle))
           }, [
             vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
               key: 0,
@@ -21159,6 +21184,7 @@
     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);
     const scale = vue.ref(1);
@@ -21184,8 +21210,8 @@
       return index;
     }
     function calcCardTranslate(index, activeIndex) {
-      var _a;
-      const parentWidth = ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetWidth) || 0;
+      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;
       } else if (index < activeIndex) {
@@ -21222,6 +21248,9 @@
         translate.value = calcTranslate(index, activeIndex, _isVertical);
       }
       ready.value = true;
+      if (isActive && carouselItemRef.value) {
+        carouselContext.setContainerHeight(carouselItemRef.value.offsetHeight);
+      }
     };
     function handleItemClick() {
       if (carouselContext && vue.unref(isCardType)) {
@@ -21249,6 +21278,7 @@
       carouselContext.removeItem(instance.uid);
     });
     return {
+      carouselItemRef,
       active,
       animating,
       hover,
@@ -21272,6 +21302,7 @@
       const props = __props;
       const ns = useNamespace("carousel");
       const {
+        carouselItemRef,
         active,
         animating,
         hover,
@@ -21294,13 +21325,18 @@
       });
       return (_ctx, _cache) => {
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "carouselItemRef",
+          ref: carouselItemRef,
           class: vue.normalizeClass([
             vue.unref(ns).e("item"),
             vue.unref(ns).is("active", vue.unref(active)),
             vue.unref(ns).is("in-stage", vue.unref(inStage)),
             vue.unref(ns).is("hover", vue.unref(hover)),
             vue.unref(ns).is("animating", vue.unref(animating)),
-            { [vue.unref(ns).em("item", "card")]: vue.unref(isCardType) }
+            {
+              [vue.unref(ns).em("item", "card")]: vue.unref(isCardType),
+              [vue.unref(ns).em("item", "card-vertical")]: vue.unref(isCardType) && vue.unref(isVertical)
+            }
           ]),
           style: vue.normalizeStyle(vue.unref(itemStyle)),
           onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleItemClick) && vue.unref(handleItemClick)(...args))
@@ -23008,14 +23044,14 @@
   const ElCascaderPanel = _CascaderPanel;
 
   const tagProps = buildProps({
-    closable: Boolean,
     type: {
       type: String,
       values: ["success", "info", "warning", "danger", ""],
       default: ""
     },
-    hit: Boolean,
+    closable: Boolean,
     disableTransitions: Boolean,
+    hit: Boolean,
     color: {
       type: String,
       default: ""
@@ -23048,7 +23084,7 @@
       const props = __props;
       const tagSize = useFormSize();
       const ns = useNamespace("tag");
-      const classes = vue.computed(() => {
+      const containerKls = vue.computed(() => {
         const { type, hit, effect, closable, round } = props;
         return [
           ns.b(),
@@ -23069,7 +23105,7 @@
       return (_ctx, _cache) => {
         return _ctx.disableTransitions ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
-          class: vue.normalizeClass(vue.unref(classes)),
+          class: vue.normalizeClass(vue.unref(containerKls)),
           style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
           onClick: handleClick
         }, [
@@ -23095,7 +23131,7 @@
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("span", {
-              class: vue.normalizeClass(vue.unref(classes)),
+              class: vue.normalizeClass(vue.unref(containerKls)),
               style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
               onClick: handleClick
             }, [
@@ -23801,6 +23837,7 @@
     setup(__props, { emit }) {
       const props = __props;
       const ns = useNamespace("check-tag");
+      const containerKls = vue.computed(() => [ns.b(), ns.is("checked", props.checked)]);
       const handleChange = () => {
         const checked = !props.checked;
         emit(CHANGE_EVENT, checked);
@@ -23808,7 +23845,7 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("span", {
-          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("checked", _ctx.checked)]),
+          class: vue.normalizeClass(vue.unref(containerKls)),
           onClick: handleChange
         }, [
           vue.renderSlot(_ctx.$slots, "default")
@@ -31281,7 +31318,7 @@
           removeLazyLoadListener();
         }
       }
-      const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);
+      const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200, true);
       async function addLazyLoadListener() {
         var _a;
         if (!isClient)
@@ -31580,6 +31617,9 @@
       };
       const verifyValue = (value, update) => {
         const { max, min, step, precision, stepStrictly, valueOnClear } = props;
+        if (max < min) {
+          throwError("InputNumber", "min should not be greater than max.");
+        }
         let newVal = Number(value);
         if (isNil(value) || Number.isNaN(newVal)) {
           return null;
@@ -32510,7 +32550,7 @@
         var _a, _b;
         if (!menu.value)
           return -1;
-        const items2 = Array.from((_b = (_a = menu.value) == null ? void 0 : _a.childNodes) != null ? _b : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
+        const items2 = Array.from((_b = (_a = menu.value) == null ? void 0 : _a.childNodes) != null ? _b : []).filter((item) => item.nodeName !== "#comment" && (item.nodeName !== "#text" || item.nodeValue));
         const moreItemWidth = 64;
         const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
         const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
@@ -33352,6 +33392,10 @@
     });
     vue.watch(() => props.placeholder, (val) => {
       states.cachedPlaceHolder = states.currentPlaceholder = val;
+      const hasValue = props.multiple && Array.isArray(props.modelValue) && props.modelValue.length > 0;
+      if (hasValue) {
+        states.currentPlaceholder = "";
+      }
     });
     vue.watch(() => props.modelValue, (val, oldVal) => {
       if (props.multiple) {
@@ -41406,6 +41450,14 @@
       const space = vue.computed(() => {
         return isSimple.value ? "" : parent.props.space;
       });
+      const containerKls = vue.computed(() => {
+        return [
+          ns.b(),
+          ns.is(isSimple.value ? "simple" : parent.props.direction),
+          ns.is("flex", isLast.value && !space.value && !isCenter.value),
+          ns.is("center", isCenter.value && !isVertical.value && !isSimple.value)
+        ];
+      });
       const style = vue.computed(() => {
         const style2 = {
           flexBasis: isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
@@ -41452,12 +41504,7 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           style: vue.normalizeStyle(vue.unref(style)),
-          class: vue.normalizeClass([
-            vue.unref(ns).b(),
-            vue.unref(ns).is(vue.unref(isSimple) ? "simple" : vue.unref(parent).props.direction),
-            vue.unref(ns).is("flex", vue.unref(isLast) && !vue.unref(space) && !vue.unref(isCenter)),
-            vue.unref(ns).is("center", vue.unref(isCenter) && !vue.unref(isVertical) && !vue.unref(isSimple))
-          ])
+          class: vue.normalizeClass(vue.unref(containerKls))
         }, [
           vue.createCommentVNode(" icon & line "),
           vue.createElementVNode("div", {
@@ -43900,10 +43947,13 @@
       }
     };
     const handleMouseMove = (event, column) => {
-      var _a;
       if (column.children && column.children.length > 0)
         return;
-      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
+      const el = event.target;
+      if (!isElement$1(el)) {
+        return;
+      }
+      const target = el == null ? void 0 : el.closest("th");
       if (!column || !column.resizable)
         return;
       if (!dragging.value && props.border) {
@@ -47973,7 +48023,7 @@
     };
     const Cell = CellComponent(cellProps);
     const kls = [ns.e("row-cell"), column.class, column.align === Alignment.CENTER && ns.is("align-center"), column.align === Alignment.RIGHT && ns.is("align-right")];
-    const expandable = rowIndex >= 0 && column.key === expandColumnKey;
+    const expandable = rowIndex >= 0 && expandColumnKey && column.key === expandColumnKey;
     const expanded = rowIndex >= 0 && expandedRowKeys.includes(rowData[rowKey]);
     let IconOrPlaceholder;
     const iconStyle = `margin-inline-start: ${depth * indentSize}px;`;
@@ -49324,7 +49374,14 @@
     ...__default__$g,
     props: timelineItemProps,
     setup(__props) {
+      const props = __props;
       const ns = useNamespace("timeline-item");
+      const defaultNodeKls = vue.computed(() => [
+        ns.e("node"),
+        ns.em("node", props.size || ""),
+        ns.em("node", props.type || ""),
+        ns.is("hollow", props.hollow)
+      ]);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("li", {
           class: vue.normalizeClass([vue.unref(ns).b(), { [vue.unref(ns).e("center")]: _ctx.center }])
@@ -49334,12 +49391,7 @@
           }, null, 2),
           !_ctx.$slots.dot ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
-            class: vue.normalizeClass([
-              vue.unref(ns).e("node"),
-              vue.unref(ns).em("node", _ctx.size || ""),
-              vue.unref(ns).em("node", _ctx.type || ""),
-              vue.unref(ns).is("hollow", _ctx.hollow)
-            ]),
+            class: vue.normalizeClass(vue.unref(defaultNodeKls)),
             style: vue.normalizeStyle({
               backgroundColor: _ctx.color
             })
@@ -51289,7 +51341,7 @@
     const treeNodeDragOver = ({ event, treeNode }) => {
       const dropNode = treeNode;
       const oldDropNode = dragState.value.dropNode;
-      if (oldDropNode && oldDropNode !== dropNode) {
+      if (oldDropNode && oldDropNode.node.id !== dropNode.node.id) {
         removeClass(oldDropNode.$el, ns.is("drop-inner"));
       }
       const draggingNode = dragState.value.draggingNode;
@@ -51305,7 +51357,7 @@
         dropNext = props.allowDrop(draggingNode.node, dropNode.node, "next");
       }
       event.dataTransfer.dropEffect = dropInner || dropPrev || dropNext ? "move" : "none";
-      if ((dropPrev || dropInner || dropNext) && oldDropNode !== dropNode) {
+      if ((dropPrev || dropInner || dropNext) && (oldDropNode == null ? void 0 : oldDropNode.node.id) !== dropNode.node.id) {
         if (oldDropNode) {
           ctx.emit("node-drag-leave", draggingNode.node, oldDropNode.node, event);
         }
@@ -52246,6 +52298,9 @@
       }, (data) => getNodeValByProp("children", data));
       return options;
     });
+    const cacheOptionsMap = vue.computed(() => {
+      return cacheOptions.value.reduce((prev, next) => ({ ...prev, [next.value]: next }), {});
+    });
     return {
       ...pick(vue.toRefs(props), Object.keys(_Tree.props)),
       ...attrs,
@@ -52286,11 +52341,14 @@
         }
       },
       onCheck: (data, params) => {
-        var _a;
-        (_a = attrs.onCheck) == null ? void 0 : _a.call(attrs, data, params);
+        if (!props.showCheckbox)
+          return;
         const dataValue = getNodeValByProp("value", data);
+        const uncachedCheckedKeys = params.checkedKeys;
+        const cachedKeys = props.multiple ? toValidArray(props.modelValue).filter((item) => item in cacheOptionsMap.value && !tree.value.getNode(item) && !uncachedCheckedKeys.includes(item)) : [];
+        const checkedKeys = uncachedCheckedKeys.concat(cachedKeys);
         if (props.checkStrictly) {
-          emit(UPDATE_MODEL_EVENT, props.multiple ? params.checkedKeys : params.checkedKeys.includes(dataValue) ? dataValue : void 0);
+          emit(UPDATE_MODEL_EVENT, props.multiple ? checkedKeys : checkedKeys.includes(dataValue) ? dataValue : void 0);
         } else {
           if (props.multiple) {
             emit(UPDATE_MODEL_EVENT, tree.value.getCheckedKeys(true));
@@ -52301,6 +52359,17 @@
             emit(UPDATE_MODEL_EVENT, firstLeafKey === props.modelValue || hasCheckedChild ? void 0 : firstLeafKey);
           }
         }
+        vue.nextTick(() => {
+          var _a;
+          const checkedKeys2 = toValidArray(props.modelValue);
+          tree.value.setCheckedKeys(checkedKeys2);
+          (_a = attrs.onCheck) == null ? void 0 : _a.call(attrs, data, {
+            checkedKeys: tree.value.getCheckedKeys(),
+            checkedNodes: tree.value.getCheckedNodes(),
+            halfCheckedKeys: tree.value.getHalfCheckedKeys(),
+            halfCheckedNodes: tree.value.getHalfCheckedNodes()
+          });
+        });
       },
       cacheOptions
     };
@@ -53804,9 +53873,13 @@
         let hookResult;
         let beforeData = {};
         try {
+          const originData = props.data;
           const beforeUploadPromise = props.beforeUpload(rawFile);
           beforeData = isObject$1(props.data) ? cloneDeep(props.data) : props.data;
           hookResult = await beforeUploadPromise;
+          if (isObject$1(props.data) && isEqual$1(originData, beforeData)) {
+            beforeData = cloneDeep(props.data);
+          }
         } catch (e) {
           hookResult = false;
         }
@@ -54569,7 +54642,7 @@
     };
   };
   const addStyle = async (options, parent, instance) => {
-    const { nextZIndex } = instance.vm.zIndex;
+    const { nextZIndex } = instance.vm.zIndex || instance.vm._.exposed.zIndex;
     const maskStyle = {};
     if (options.fullscreen) {
       instance.originalPosition.value = getStyle(document.body, "position");
@@ -54593,7 +54666,7 @@
     }
   };
   const addClassList = (options, parent, instance) => {
-    const ns = instance.vm.ns;
+    const ns = instance.vm.ns || instance.vm._.exposed.ns;
     if (!["absolute", "fixed", "sticky"].includes(instance.originalPosition.value)) {
       addClass(parent, ns.bm("parent", "relative"));
     } else {