@element-plus/nightly 0.0.20230513 → 0.0.20230515

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230513 */
+/*! Element Plus v0.0.20230515 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11225,7 +11225,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20230513";
+  const version$1 = "0.0.20230515";
 
   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))
@@ -52262,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,
@@ -52302,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));
@@ -52317,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
     };