@element-plus/nightly 0.0.20220818 → 0.0.20220819

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220818 */
+/*! Element Plus v0.0.20220819 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10976,7 +10976,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220818";
+  const version$1 = "0.0.20220819";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -31526,6 +31526,7 @@
       const menu = vue.ref();
       const nsMenu = useNamespace("menu");
       const nsSubMenu = useNamespace("sub-menu");
+      const sliceIndex = vue.ref(-1);
       const openedMenus = vue.ref(props.defaultOpeneds && !props.collapse ? props.defaultOpeneds.slice(0) : []);
       const activeIndex = vue.ref(props.defaultActive);
       const items = vue.ref({});
@@ -31599,8 +31600,42 @@
           activeIndex.value = val;
         }
       };
+      const calcSliceIndex = () => {
+        var _a;
+        const items2 = Array.from((_a = menu.value.childNodes) != null ? _a : []).filter((item) => 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);
+        const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
+        let calcWidth = 0;
+        let sliceIndex2 = 0;
+        items2.forEach((item, index) => {
+          calcWidth += item.offsetWidth || 0;
+          if (calcWidth <= menuWidth - moreItemWidth) {
+            sliceIndex2 = index + 1;
+          }
+        });
+        return sliceIndex2 === items2.length ? -1 : sliceIndex2;
+      };
+      const debounce = (fn, wait = 33.34) => {
+        let timmer;
+        return () => {
+          timmer && clearTimeout(timmer);
+          timmer = setTimeout(() => {
+            fn();
+          }, wait);
+        };
+      };
+      let isFirstTimeRender = true;
       const handleResize = () => {
-        vue.nextTick(() => instance.proxy.$forceUpdate());
+        const callback = () => {
+          sliceIndex.value = -1;
+          vue.nextTick(() => {
+            sliceIndex.value = calcSliceIndex();
+          });
+        };
+        isFirstTimeRender ? callback() : debounce(callback)();
+        isFirstTimeRender = false;
       };
       vue.watch(() => props.defaultActive, (currentActive) => {
         if (!items.value[currentActive]) {
@@ -31685,26 +31720,13 @@
         return result;
       };
       return () => {
-        var _a, _b, _c, _d;
+        var _a, _b;
         let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
         const vShowMore = [];
         if (props.mode === "horizontal" && menu.value) {
-          const items2 = Array.from((_d = (_c = menu.value) == null ? void 0 : _c.childNodes) != null ? _d : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
           const originalSlot = flattedChildren(slot);
-          const moreItemWidth = 64;
-          const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
-          const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
-          const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
-          let calcWidth = 0;
-          let sliceIndex = 0;
-          items2.forEach((item, index) => {
-            calcWidth += item.offsetWidth || 0;
-            if (calcWidth <= menuWidth - moreItemWidth) {
-              sliceIndex = index + 1;
-            }
-          });
-          const slotDefault = originalSlot.slice(0, sliceIndex);
-          const slotMore = originalSlot.slice(sliceIndex);
+          const slotDefault = sliceIndex.value === -1 ? originalSlot : originalSlot.slice(0, sliceIndex.value);
+          const slotMore = sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value);
           if ((slotMore == null ? void 0 : slotMore.length) && props.ellipsis) {
             slot = slotDefault;
             vShowMore.push(vue.h(SubMenu, {
@@ -31966,6 +31988,9 @@
     },
     prevText: {
       type: String
+    },
+    prevIcon: {
+      type: iconPropType
     }
   });
   const paginationPrevEmits = {
@@ -31994,7 +32019,7 @@
         }, [
           _ctx.prevText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, vue.toDisplayString(_ctx.prevText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(arrow_left_default))
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prevIcon)))
             ]),
             _: 1
           }))
@@ -32016,6 +32041,9 @@
     },
     nextText: {
       type: String
+    },
+    nextIcon: {
+      type: iconPropType
     }
   });
 
@@ -32041,7 +32069,7 @@
         }, [
           _ctx.nextText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$g, vue.toDisplayString(_ctx.nextText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(arrow_right_default))
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.nextIcon)))
             ]),
             _: 1
           }))
@@ -34021,10 +34049,18 @@
       type: String,
       default: ""
     },
+    prevIcon: {
+      type: iconPropType,
+      default: () => arrow_left_default
+    },
     nextText: {
       type: String,
       default: ""
     },
+    nextIcon: {
+      type: iconPropType,
+      default: () => arrow_right_default
+    },
     small: Boolean,
     background: Boolean,
     disabled: Boolean,
@@ -34172,6 +34208,7 @@
             disabled: props.disabled,
             currentPage: currentPageBridge.value,
             prevText: props.prevText,
+            prevIcon: props.prevIcon,
             onClick: prev
           }),
           jumper: vue.h(Jumper),
@@ -34187,6 +34224,7 @@
             currentPage: currentPageBridge.value,
             pageCount: pageCountBridge.value,
             nextText: props.nextText,
+            nextIcon: props.nextIcon,
             onClick: next
           }),
           sizes: vue.h(Sizes, {