@element-plus/nightly 0.0.20220727 → 0.0.20220728

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220727 */
+/*! Element Plus v0.0.20220728 */
 
 (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 = "0.0.20220727";
+  const version$1 = "0.0.20220728";
 
   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();
@@ -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);
         }
@@ -43624,11 +43634,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 +43652,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 +54125,9 @@
     const id = `notification_${seed++}`;
     const userOnClose = options.onClose;
     const props = {
+      ...options,
       zIndex: nextZIndex(),
       offset: verticalOffset,
-      ...options,
       id,
       onClose: () => {
         close(id, position, userOnClose);