@element-plus/nightly 0.0.20240228 → 0.0.20240229

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240228 */
+/*! Element Plus v0.0.20240229 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11642,7 +11642,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240228";
+  const version$1 = "0.0.20240229";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -21238,6 +21238,10 @@
     pauseOnHover: {
       type: Boolean,
       default: true
+    },
+    motionBlur: {
+      type: Boolean,
+      default: false
     }
   });
   const carouselEmits = {
@@ -21260,6 +21264,8 @@
     const root = vue.ref();
     const containerHeight = vue.ref(0);
     const isItemsTwoLength = vue.ref(true);
+    const isFirstCall = vue.ref(true);
+    const isTransitioning = vue.ref(false);
     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);
@@ -21300,6 +21306,10 @@
       timer.value = setInterval(() => playSlides(), props.interval);
     }
     const playSlides = () => {
+      if (!isFirstCall.value) {
+        isTransitioning.value = true;
+      }
+      isFirstCall.value = false;
       if (activeIndex.value < items.value.length - 1) {
         activeIndex.value = activeIndex.value + 1;
       } else if (props.loop) {
@@ -21307,6 +21317,10 @@
       }
     };
     function setActiveItem(index) {
+      if (!isFirstCall.value) {
+        isTransitioning.value = true;
+      }
+      isFirstCall.value = false;
       if (isString$1(index)) {
         const filteredItems = items.value.filter((item) => item.props.name === index);
         if (filteredItems.length > 0) {
@@ -21366,6 +21380,9 @@
       hover.value = false;
       startTimer();
     }
+    function handleTransitionEnd() {
+      isTransitioning.value = false;
+    }
     function handleButtonEnter(arrow) {
       if (vue.unref(isVertical))
         return;
@@ -21383,11 +21400,19 @@
       });
     }
     function handleIndicatorClick(index) {
+      if (index !== activeIndex.value) {
+        if (!isFirstCall.value) {
+          isTransitioning.value = true;
+        }
+      }
       activeIndex.value = index;
     }
     function handleIndicatorHover(index) {
       if (props.trigger === "hover" && index !== activeIndex.value) {
         activeIndex.value = index;
+        if (!isFirstCall.value) {
+          isTransitioning.value = true;
+        }
       }
     }
     function prev() {
@@ -21478,11 +21503,13 @@
       hasLabel,
       hover,
       isCardType,
+      isTransitioning,
       items,
       isVertical,
       containerStyle,
       isItemsTwoLength,
       handleButtonEnter,
+      handleTransitionEnd,
       handleButtonLeave,
       handleIndicatorClick,
       handleMouseEnter,
@@ -21502,6 +21529,29 @@
   const _hoisted_3$h = ["onMouseenter", "onClick"];
   const _hoisted_4$b = ["aria-label"];
   const _hoisted_5$7 = { key: 0 };
+  const _hoisted_6$4 = {
+    key: 3,
+    xmlns: "http://www.w3.org/2000/svg",
+    version: "1.1",
+    style: { "display": "none" }
+  };
+  const _hoisted_7$2 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
+    /* @__PURE__ */ vue.createElementVNode("filter", { id: "elCarouselHorizontal" }, [
+      /* @__PURE__ */ vue.createElementVNode("feGaussianBlur", {
+        in: "SourceGraphic",
+        stdDeviation: "12,0"
+      })
+    ]),
+    /* @__PURE__ */ vue.createElementVNode("filter", { id: "elCarouselVertical" }, [
+      /* @__PURE__ */ vue.createElementVNode("feGaussianBlur", {
+        in: "SourceGraphic",
+        stdDeviation: "0,10"
+      })
+    ])
+  ], -1);
+  const _hoisted_8$2 = [
+    _hoisted_7$2
+  ];
   const COMPONENT_NAME$f = "ElCarousel";
   const __default__$1k = vue.defineComponent({
     name: COMPONENT_NAME$f
@@ -21524,9 +21574,11 @@
         containerStyle,
         handleButtonEnter,
         handleButtonLeave,
+        isTransitioning,
         handleIndicatorClick,
         handleMouseEnter,
         handleMouseLeave,
+        handleTransitionEnd,
         setActiveItem,
         prev,
         next,
@@ -21544,6 +21596,13 @@
         }
         return classes;
       });
+      const carouselContainer = vue.computed(() => {
+        const classes = [ns.e("container")];
+        if (props.motionBlur && vue.unref(isTransitioning)) {
+          classes.push(vue.unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`);
+        }
+        return classes;
+      });
       const indicatorsClasses = vue.computed(() => {
         const classes = [ns.e("indicators"), ns.em("indicators", props.direction)];
         if (vue.unref(hasLabel)) {
@@ -21567,76 +21626,77 @@
           ref_key: "root",
           ref: root,
           class: vue.normalizeClass(vue.unref(carouselClasses)),
-          onMouseenter: _cache[6] || (_cache[6] = vue.withModifiers((...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args), ["stop"])),
-          onMouseleave: _cache[7] || (_cache[7] = vue.withModifiers((...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args), ["stop"]))
+          onMouseenter: _cache[7] || (_cache[7] = vue.withModifiers((...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args), ["stop"])),
+          onMouseleave: _cache[8] || (_cache[8] = vue.withModifiers((...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args), ["stop"]))
         }, [
+          vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+            key: 0,
+            name: "carousel-arrow-left",
+            persisted: ""
+          }, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createElementVNode("button", {
+                type: "button",
+                class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "left")]),
+                "aria-label": vue.unref(t)("el.carousel.leftArrow"),
+                onMouseenter: _cache[0] || (_cache[0] = ($event) => vue.unref(handleButtonEnter)("left")),
+                onMouseleave: _cache[1] || (_cache[1] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
+                onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) - 1), ["stop"]))
+              }, [
+                vue.createVNode(vue.unref(ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(arrow_left_default))
+                  ]),
+                  _: 1
+                })
+              ], 42, _hoisted_1$Y), [
+                [
+                  vue.vShow,
+                  (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) > 0)
+                ]
+              ])
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("v-if", true),
+          vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+            key: 1,
+            name: "carousel-arrow-right",
+            persisted: ""
+          }, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createElementVNode("button", {
+                type: "button",
+                class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "right")]),
+                "aria-label": vue.unref(t)("el.carousel.rightArrow"),
+                onMouseenter: _cache[3] || (_cache[3] = ($event) => vue.unref(handleButtonEnter)("right")),
+                onMouseleave: _cache[4] || (_cache[4] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
+                onClick: _cache[5] || (_cache[5] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) + 1), ["stop"]))
+              }, [
+                vue.createVNode(vue.unref(ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(arrow_right_default))
+                  ]),
+                  _: 1
+                })
+              ], 42, _hoisted_2$C), [
+                [
+                  vue.vShow,
+                  (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) < vue.unref(items).length - 1)
+                ]
+              ])
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("container")),
-            style: vue.normalizeStyle(vue.unref(containerStyle))
+            class: vue.normalizeClass(vue.unref(carouselContainer)),
+            style: vue.normalizeStyle(vue.unref(containerStyle)),
+            onTransitionend: _cache[6] || (_cache[6] = (...args) => vue.unref(handleTransitionEnd) && vue.unref(handleTransitionEnd)(...args))
           }, [
-            vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
-              key: 0,
-              name: "carousel-arrow-left",
-              persisted: ""
-            }, {
-              default: vue.withCtx(() => [
-                vue.withDirectives(vue.createElementVNode("button", {
-                  type: "button",
-                  class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "left")]),
-                  "aria-label": vue.unref(t)("el.carousel.leftArrow"),
-                  onMouseenter: _cache[0] || (_cache[0] = ($event) => vue.unref(handleButtonEnter)("left")),
-                  onMouseleave: _cache[1] || (_cache[1] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
-                  onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) - 1), ["stop"]))
-                }, [
-                  vue.createVNode(vue.unref(ElIcon), null, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(arrow_left_default))
-                    ]),
-                    _: 1
-                  })
-                ], 42, _hoisted_1$Y), [
-                  [
-                    vue.vShow,
-                    (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) > 0)
-                  ]
-                ])
-              ]),
-              _: 1
-            })) : vue.createCommentVNode("v-if", true),
-            vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
-              key: 1,
-              name: "carousel-arrow-right",
-              persisted: ""
-            }, {
-              default: vue.withCtx(() => [
-                vue.withDirectives(vue.createElementVNode("button", {
-                  type: "button",
-                  class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "right")]),
-                  "aria-label": vue.unref(t)("el.carousel.rightArrow"),
-                  onMouseenter: _cache[3] || (_cache[3] = ($event) => vue.unref(handleButtonEnter)("right")),
-                  onMouseleave: _cache[4] || (_cache[4] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
-                  onClick: _cache[5] || (_cache[5] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) + 1), ["stop"]))
-                }, [
-                  vue.createVNode(vue.unref(ElIcon), null, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(arrow_right_default))
-                    ]),
-                    _: 1
-                  })
-                ], 42, _hoisted_2$C), [
-                  [
-                    vue.vShow,
-                    (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) < vue.unref(items).length - 1)
-                  ]
-                ])
-              ]),
-              _: 1
-            })) : vue.createCommentVNode("v-if", true),
             vue.createVNode(vue.unref(PlaceholderItem)),
             vue.renderSlot(_ctx.$slots, "default")
-          ], 6),
+          ], 38),
           _ctx.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock("ul", {
-            key: 0,
+            key: 2,
             class: vue.normalizeClass(vue.unref(indicatorsClasses))
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (item, index) => {
@@ -21660,7 +21720,8 @@
                 [vue.vShow, vue.unref(isTwoLengthShow)(index)]
               ]);
             }), 128))
-          ], 2)) : vue.createCommentVNode("v-if", true)
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          props.motionBlur ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_6$4, _hoisted_8$2)) : vue.createCommentVNode("v-if", true)
         ], 34);
       };
     }
@@ -33384,6 +33445,8 @@
       };
       let isFirstTimeRender = true;
       const handleResize = () => {
+        if (sliceIndex.value === calcSliceIndex())
+          return;
         const callback = () => {
           sliceIndex.value = -1;
           vue.nextTick(() => {
@@ -39468,6 +39531,13 @@
       allOptions.value = filterOptions("");
       filteredOptions.value = filterOptions(states.inputValue);
     };
+    const allOptionsValueMap = vue.computed(() => {
+      const valueMap = /* @__PURE__ */ new Map();
+      allOptions.value.forEach((option, index) => {
+        valueMap.set(getValueKey(getValue(option)), { option, index });
+      });
+      return valueMap;
+    });
     const filteredOptionsValueMap = vue.computed(() => {
       const valueMap = /* @__PURE__ */ new Map();
       filteredOptions.value.forEach((option, index) => {
@@ -39827,8 +39897,8 @@
     };
     const getOption = (value) => {
       const selectValue = getValueKey(value);
-      if (filteredOptionsValueMap.value.has(selectValue)) {
-        const { option } = filteredOptionsValueMap.value.get(selectValue);
+      if (allOptionsValueMap.value.has(selectValue)) {
+        const { option } = allOptionsValueMap.value.get(selectValue);
         return option;
       }
       return {
@@ -52652,10 +52722,19 @@
   const ElTree = _Tree;
 
   const useSelect = (props, { attrs, emit }, {
+    select,
     tree,
     key
   }) => {
     const ns = useNamespace("tree-select");
+    vue.watch(() => props.data, () => {
+      if (props.filterable) {
+        vue.nextTick(() => {
+          var _a, _b;
+          (_b = tree.value) == null ? void 0 : _b.filter((_a = select.value) == null ? void 0 : _a.states.inputValue);
+        });
+      }
+    }, { flush: "post" });
     const result = {
       ...pick(vue.toRefs(props), Object.keys(ElSelect.props)),
       ...attrs,
@@ -52668,18 +52747,13 @@
         return classes.join(" ");
       }),
       filterMethod: (keyword = "") => {
-        if (props.filterMethod)
+        var _a;
+        if (props.filterMethod) {
           props.filterMethod(keyword);
-        vue.nextTick(() => {
-          var _a;
+        } else if (props.remoteMethod) {
+          props.remoteMethod(keyword);
+        } else {
           (_a = tree.value) == null ? void 0 : _a.filter(keyword);
-        });
-      },
-      onVisibleChange: (visible) => {
-        var _a;
-        (_a = attrs.onVisibleChange) == null ? void 0 : _a.call(attrs, visible);
-        if (props.filterable && visible) {
-          result.filterMethod();
         }
       }
     };
@@ -52794,9 +52868,6 @@
       }, (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,
@@ -52842,14 +52913,16 @@
         if (!props.showCheckbox)
           return;
         const dataValue = getNodeValByProp("value", data);
+        const dataMap = {};
+        treeEach([tree.value.store.root], (node) => dataMap[node.key] = node, (node) => node.childNodes);
         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);
+        const cachedKeys = props.multiple ? toValidArray(props.modelValue).filter((item) => !(item in dataMap) && !uncachedCheckedKeys.includes(item)) : [];
+        const checkedKeys = cachedKeys.concat(uncachedCheckedKeys);
         if (props.checkStrictly) {
           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));
+            emit(UPDATE_MODEL_EVENT, cachedKeys.concat(tree.value.getCheckedKeys(true)));
           } else {
             const firstLeaf = treeFind([data], (data2) => !isValidArray(getNodeValByProp("children", data2)) && !getNodeValByProp("disabled", data2), (data2) => getNodeValByProp("children", data2));
             const firstLeafKey = firstLeaf ? getNodeValByProp("value", firstLeaf) : void 0;