element-plus 2.2.11 → 2.2.12

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.11 */
+/*! Element Plus v2.2.12 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9319,14 +9319,18 @@
     const cssVar = (object) => {
       const styles = {};
       for (const key in object) {
-        styles[`--${namespace.value}-${key}`] = object[key];
+        if (object[key]) {
+          styles[`--${namespace.value}-${key}`] = object[key];
+        }
       }
       return styles;
     };
     const cssVarBlock = (object) => {
       const styles = {};
       for (const key in object) {
-        styles[`--${namespace.value}-${block}-${key}`] = object[key];
+        if (object[key]) {
+          styles[`--${namespace.value}-${block}-${key}`] = object[key];
+        }
       }
       return styles;
     };
@@ -10898,7 +10902,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "2.2.11";
+  const version$1 = "2.2.12";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -18434,7 +18438,6 @@
       const root = vue.ref();
       const items = vue.ref([]);
       const arrowDisplay = vue.computed(() => props.arrow !== "never" && !vue.unref(isVertical));
-      const interval = vue.computed(() => props.interval);
       const hasLabel = vue.computed(() => {
         return items.value.some((item) => item.props.label.toString().length > 0);
       });
@@ -18470,9 +18473,9 @@
         }
       }
       function startTimer() {
-        if (interval.value <= 0 || !props.autoplay || timer.value)
+        if (props.interval <= 0 || !props.autoplay || timer.value)
           return;
-        timer.value = setInterval(() => playSlides(), interval.value);
+        timer.value = setInterval(() => playSlides(), props.interval);
       }
       const playSlides = () => {
         if (activeIndex.value < items.value.length - 1) {
@@ -18504,6 +18507,7 @@
         if (oldIndex === activeIndex.value) {
           resetItemPosition(oldIndex);
         }
+        resetTimer();
       }
       function resetItemPosition(oldIndex) {
         items.value.forEach((item, index) => {
@@ -18581,6 +18585,10 @@
       function next() {
         setActiveItem(activeIndex.value + 1);
       }
+      function resetTimer() {
+        pauseTimer();
+        startTimer();
+      }
       vue.watch(() => activeIndex.value, (current, prev2) => {
         resetItemPosition(prev2);
         if (prev2 > -1) {
@@ -18593,6 +18601,9 @@
       vue.watch(() => props.loop, () => {
         setActiveItem(activeIndex.value);
       });
+      vue.watch(() => props.interval, () => {
+        resetTimer();
+      });
       const resizeObserver = vue.shallowRef();
       vue.onMounted(async () => {
         await vue.nextTick();
@@ -21808,8 +21819,8 @@
       isDragging = true;
       (_a = options.start) == null ? void 0 : _a.call(options, event);
     };
-    document.addEventListener("mousedown", downFn);
-    document.addEventListener("touchstart", downFn);
+    element.addEventListener("mousedown", downFn);
+    element.addEventListener("touchstart", downFn);
   }
 
   const _sfc_main$1v = vue.defineComponent({
@@ -31504,7 +31515,6 @@
         const item = itemsInData[val] || activeIndex.value && itemsInData[activeIndex.value] || itemsInData[props.defaultActive];
         if (item) {
           activeIndex.value = item.index;
-          initMenu();
         } else {
           activeIndex.value = val;
         }
@@ -31522,6 +31532,7 @@
         if (value)
           openedMenus.value = [];
       });
+      vue.watch(items.value, initMenu);
       let resizeStopper;
       vue.watchEffect(() => {
         if (props.mode === "horizontal" && props.ellipsis)
@@ -31566,7 +31577,6 @@
         });
       }
       vue.onMounted(() => {
-        initMenu();
         if (props.mode === "horizontal") {
           new Menubar(instance.vnode.el, nsMenu.namespace.value);
         }
@@ -39728,37 +39738,45 @@
     props: spaceProps,
     setup(props, { slots }) {
       const { classes, containerStyle, itemStyle } = useSpace(props);
-      return () => {
-        var _a;
-        const { spacer, prefixCls, direction } = props;
-        const children = vue.renderSlot(slots, "default", { key: 0 }, () => []);
-        if (((_a = children.children) != null ? _a : []).length === 0)
-          return null;
-        if (isArray(children.children)) {
-          let extractedChildren = [];
-          children.children.forEach((child, loopKey) => {
-            if (isFragment(child)) {
-              if (isArray(child.children)) {
-                child.children.forEach((nested, key) => {
+      function extractChildren(children, parentKey = "", extractedChildren = []) {
+        const { prefixCls } = props;
+        children.forEach((child, loopKey) => {
+          if (isFragment(child)) {
+            if (isArray(child.children)) {
+              child.children.forEach((nested, key) => {
+                if (isFragment(nested) && isArray(nested.children)) {
+                  extractChildren(nested.children, `${parentKey + key}-`, extractedChildren);
+                } else {
                   extractedChildren.push(vue.createVNode(Item, {
                     style: itemStyle.value,
                     prefixCls,
-                    key: `nested-${key}`
+                    key: `nested-${parentKey + key}`
                   }, {
                     default: () => [nested]
                   }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
-                });
-              }
-            } else if (isValidElementNode(child)) {
-              extractedChildren.push(vue.createVNode(Item, {
-                style: itemStyle.value,
-                prefixCls,
-                key: `LoopKey${loopKey}`
-              }, {
-                default: () => [child]
-              }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
+                }
+              });
             }
-          });
+          } else if (isValidElementNode(child)) {
+            extractedChildren.push(vue.createVNode(Item, {
+              style: itemStyle.value,
+              prefixCls,
+              key: `LoopKey${parentKey + loopKey}`
+            }, {
+              default: () => [child]
+            }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
+          }
+        });
+        return extractedChildren;
+      }
+      return () => {
+        var _a;
+        const { spacer, direction } = props;
+        const children = vue.renderSlot(slots, "default", { key: 0 }, () => []);
+        if (((_a = children.children) != null ? _a : []).length === 0)
+          return null;
+        if (isArray(children.children)) {
+          let extractedChildren = extractChildren(children.children);
           if (spacer) {
             const len = extractedChildren.length - 1;
             extractedChildren = extractedChildren.reduce((acc, child, idx) => {
@@ -43624,11 +43642,11 @@
       }
     };
     const resizeListener = () => {
-      var _a, _b;
-      if (!table.$ready)
+      var _a, _b, _c;
+      const el = table.vnode.el;
+      if (!table.$ready || !el)
         return;
       let shouldUpdateLayout = false;
-      const el = table.vnode.el;
       const {
         width: oldWidth,
         height: oldHeight,
@@ -43642,13 +43660,13 @@
       if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {
         shouldUpdateLayout = true;
       }
-      const tableHeader = table.refs.headerWrapper;
+      const tableHeader = props.tableLayout === "fixed" ? table.refs.headerWrapper : (_a = table.refs.tableHeaderRef) == null ? void 0 : _a.$el;
       if (props.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) !== oldHeaderHeight) {
         shouldUpdateLayout = true;
       }
-      tableScrollHeight.value = ((_a = table.refs.tableWrapper) == null ? void 0 : _a.scrollHeight) || 0;
+      tableScrollHeight.value = ((_b = table.refs.tableWrapper) == null ? void 0 : _b.scrollHeight) || 0;
       headerScrollHeight.value = (tableHeader == null ? void 0 : tableHeader.scrollHeight) || 0;
-      footerScrollHeight.value = ((_b = table.refs.footerWrapper) == null ? void 0 : _b.scrollHeight) || 0;
+      footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.scrollHeight) || 0;
       bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value;
       if (shouldUpdateLayout) {
         resizeState.value = {
@@ -54115,9 +54133,9 @@
     const id = `notification_${seed++}`;
     const userOnClose = options.onClose;
     const props = {
+      ...options,
       zIndex: nextZIndex(),
       offset: verticalOffset,
-      ...options,
       id,
       onClose: () => {
         close(id, position, userOnClose);