@element-plus/nightly 0.0.20220720 → 0.0.20220723

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220720 */
+/*! Element Plus v0.0.20220723 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4448,7 +4448,7 @@
     return pickBy(object, negate(baseIteratee(predicate)));
   }
 
-  function once$1(func) {
+  function once(func) {
     return before(2, func);
   }
 
@@ -6002,7 +6002,7 @@
     flip,
     memoize,
     negate,
-    once: once$1,
+    once,
     overArgs,
     partial,
     partialRight,
@@ -6888,15 +6888,6 @@
       element == null ? void 0 : element.removeEventListener(event, handler, useCapture);
     }
   };
-  const once = (el, event, fn) => {
-    const listener = function(...args) {
-      if (fn) {
-        fn.apply(this, args);
-      }
-      off(el, event, listener);
-    };
-    on$1(el, event, listener);
-  };
   const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPrevented = true } = {}) => {
     const handleEvent = (event) => {
       const shouldPrevent = theirsHandler == null ? void 0 : theirsHandler(event);
@@ -7424,36 +7415,6 @@
     };
   };
 
-  const resizeHandler = function(entries) {
-    for (const entry of entries) {
-      const listeners = entry.target.__resizeListeners__ || [];
-      if (listeners.length) {
-        listeners.forEach((fn) => {
-          fn();
-        });
-      }
-    }
-  };
-  const addResizeListener = function(element, fn) {
-    if (!isClient || !element)
-      return;
-    if (!element.__resizeListeners__) {
-      element.__resizeListeners__ = [];
-      element.__ro__ = new ResizeObserver(resizeHandler);
-      element.__ro__.observe(element);
-    }
-    element.__resizeListeners__.push(fn);
-  };
-  const removeResizeListener = function(element, fn) {
-    var _a;
-    if (!element || !element.__resizeListeners__)
-      return;
-    element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
-    if (!element.__resizeListeners__.length) {
-      (_a = element.__ro__) == null ? void 0 : _a.disconnect();
-    }
-  };
-
   const NOOP = () => {
   };
   const hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -10735,7 +10696,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220720";
+  const version$1 = "0.0.20220723";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -16849,25 +16810,28 @@
     }
   };
 
-  var vRepeatClick = {
+  const RepeatClick = {
     beforeMount(el, binding) {
       let interval = null;
-      let startTime;
+      let isHandlerCalled = false;
       const handler = () => binding.value && binding.value();
       const clear = () => {
-        if (Date.now() - startTime < 100) {
-          handler();
-        }
         clearInterval(interval);
         interval = null;
+        if (!isHandlerCalled) {
+          handler();
+        }
+        isHandlerCalled = false;
       };
-      on$1(el, "mousedown", (e) => {
+      el.addEventListener("mousedown", (e) => {
         if (e.button !== 0)
           return;
-        startTime = Date.now();
-        once(document, "mouseup", clear);
+        document.addEventListener("mouseup", clear, { once: true });
         clearInterval(interval);
-        interval = setInterval(handler, 100);
+        interval = setInterval(() => {
+          isHandlerCalled = true;
+          handler();
+        }, 100);
       });
     }
   };
@@ -16950,19 +16914,6 @@
     }
   };
 
-  const Resize = {
-    beforeMount(el, binding) {
-      el._handleResize = () => {
-        var _a;
-        el && ((_a = binding.value) == null ? void 0 : _a.call(binding, el));
-      };
-      addResizeListener(el, el._handleResize);
-    },
-    beforeUnmount(el) {
-      removeResizeListener(el, el._handleResize);
-    }
-  };
-
   const basicTimeSpinnerProps = buildProps({
     role: {
       type: String,
@@ -17220,7 +17171,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])), [
-                [vue.unref(vRepeatClick), onDecrement]
+                [vue.unref(RepeatClick), onDecrement]
               ]),
               vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 class: vue.normalizeClass(["arrow-down", vue.unref(ns).be("spinner", "arrow")])
@@ -17230,7 +17181,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])), [
-                [vue.unref(vRepeatClick), onIncrement]
+                [vue.unref(RepeatClick), onIncrement]
               ]),
               vue.createElementVNode("ul", {
                 class: vue.normalizeClass(vue.unref(ns).be("spinner", "list"))
@@ -23260,6 +23211,7 @@
       const lastRow = vue.ref();
       const lastColumn = vue.ref();
       const tableRows = vue.ref([[], [], [], [], [], []]);
+      let focusWithClick = false;
       const firstDayOfWeek = props.date.$locale().weekStart || 7;
       const WEEKS_CONSTANT = props.date.locale("en").localeData().weekdaysShort().map((_) => _.toLowerCase());
       const offsetDay = vue.computed(() => {
@@ -23464,13 +23416,25 @@
         return !hasCurrent.value && (cell == null ? void 0 : cell.text) === 1 && cell.type === "normal" || cell.isCurrent;
       };
       const handleFocus = (event) => {
-        if (!hasCurrent.value && props.selectionMode === "date") {
-          handlePickDate(event, true);
-        }
+        if (focusWithClick || hasCurrent.value || props.selectionMode !== "date")
+          return;
+        handlePickDate(event, true);
+      };
+      const handleMouseDown = (event) => {
+        const target = event.target.closest("td");
+        if (!target)
+          return;
+        focusWithClick = true;
+      };
+      const handleMouseUp = (event) => {
+        const target = event.target.closest("td");
+        if (!target)
+          return;
+        focusWithClick = false;
       };
       const handlePickDate = (event, isKeyboardMovement = false) => {
         const target = event.target.closest("td");
-        if (!target || target.tagName !== "TD")
+        if (!target)
           return;
         const row = target.parentNode.rowIndex - 1;
         const column = target.cellIndex;
@@ -23535,7 +23499,9 @@
           cellpadding: "0",
           class: vue.normalizeClass([vue.unref(ns).b(), { "is-week-mode": _ctx.selectionMode === "week" }]),
           onClick: handlePickDate,
-          onMousemove: handleMouseMove
+          onMousemove: handleMouseMove,
+          onMousedown: handleMouseDown,
+          onMouseup: handleMouseUp
         }, [
           vue.createElementVNode("tbody", {
             ref_key: "tbodyRef",
@@ -23560,9 +23526,7 @@
                   return vue.openBlock(), vue.createElementBlock("td", {
                     key: `${rowKey}.${columnKey}`,
                     ref_for: true,
-                    ref: (el) => {
-                      isSelectedCell(cell) && (currentCellRef.value = el);
-                    },
+                    ref: (el) => isSelectedCell(cell) && (currentCellRef.value = el),
                     class: vue.normalizeClass(getCellClasses(cell)),
                     "aria-current": cell.isCurrent ? "date" : void 0,
                     "aria-selected": cell.isCurrent,
@@ -30602,7 +30566,7 @@
               _: 1
             })
           ], 42, _hoisted_1$q)), [
-            [vue.unref(vRepeatClick), decrease]
+            [vue.unref(RepeatClick), decrease]
           ]) : vue.createCommentVNode("v-if", true),
           _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
@@ -30618,7 +30582,7 @@
               _: 1
             })
           ], 42, _hoisted_2$i)), [
-            [vue.unref(vRepeatClick), increase]
+            [vue.unref(RepeatClick), increase]
           ]) : vue.createCommentVNode("v-if", true),
           vue.createVNode(vue.unref(ElInput), {
             id: _ctx.id,
@@ -31357,11 +31321,22 @@
         }
         updateActiveIndex(currentActive);
       });
-      vue.watch(items.value, () => initMenu());
+      vue.watch(items.value, () => {
+        initMenu();
+        if (props.mode === "horizontal" && props.ellipsis)
+          handleResize();
+      });
       vue.watch(() => props.collapse, (value) => {
         if (value)
           openedMenus.value = [];
       });
+      let resizeStopper;
+      vue.watchEffect(() => {
+        if (props.mode === "horizontal" && props.ellipsis)
+          resizeStopper = useResizeObserver(menu, handleResize).stop;
+        else
+          resizeStopper == null ? void 0 : resizeStopper();
+      });
       {
         const addSubMenu = (item) => {
           subMenus.value[item.index] = item;
@@ -31427,7 +31402,6 @@
         });
         return result;
       };
-      const useVNodeResize = (vnode) => props.mode === "horizontal" ? vue.withDirectives(vnode, [[Resize, handleResize]]) : vnode;
       return () => {
         var _a, _b, _c, _d;
         let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
@@ -31463,8 +31437,7 @@
           }
         }
         const ulStyle = useMenuCssVar(props, 0);
-        const resizeMenu = (vNode) => props.ellipsis ? useVNodeResize(vNode) : vNode;
-        const vMenu = resizeMenu(vue.h("ul", {
+        const vMenu = vue.h("ul", {
           key: String(props.collapse),
           role: "menubar",
           ref: menu,
@@ -31474,7 +31447,7 @@
             [nsMenu.m(props.mode)]: true,
             [nsMenu.m("collapse")]: props.collapse
           }
-        }, [...slot, ...vShowMore]));
+        }, [...slot, ...vShowMore]);
         if (props.collapseTransition && props.mode === "vertical") {
           return vue.h(ElMenuCollapseTransition, () => vMenu);
         }
@@ -40276,14 +40249,8 @@
    */
 
   const getCell = function(event) {
-    let cell = event.target;
-    while (cell && cell.tagName.toUpperCase() !== "HTML") {
-      if (cell.tagName.toUpperCase() === "TD") {
-        return cell;
-      }
-      cell = cell.parentNode;
-    }
-    return null;
+    var _a;
+    return (_a = event.target) == null ? void 0 : _a.closest("td");
   };
   const isObject = function(obj) {
     return obj !== null && typeof obj === "object";
@@ -42214,12 +42181,10 @@
       }
     };
     const handleMouseMove = (event, column) => {
+      var _a;
       if (column.children && column.children.length > 0)
         return;
-      let target = event.target;
-      while (target && target.tagName !== "TH") {
-        target = target.parentNode;
-      }
+      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
       if (!column || !column.resizable)
         return;
       if (!dragging.value && props.border) {
@@ -42252,13 +42217,11 @@
       return sortOrders[index > sortOrders.length - 2 ? 0 : index + 1];
     };
     const handleSortClick = (event, column, givenOrder) => {
+      var _a;
       event.stopPropagation();
       const order = column.order === givenOrder ? null : givenOrder || toggleOrder(column);
-      let target = event.target;
-      while (target && target.tagName !== "TH") {
-        target = target.parentNode;
-      }
-      if (target && target.tagName === "TH") {
+      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
+      if (target) {
         if (hasClass(target, "noclick")) {
           removeClass(target, "noclick");
           return;
@@ -54206,8 +54169,7 @@
   exports.POPPER_INJECTION_KEY = POPPER_INJECTION_KEY;
   exports.RIGHT_CHECK_CHANGE_EVENT = RIGHT_CHECK_CHANGE_EVENT;
   exports.ROOT_PICKER_INJECTION_KEY = ROOT_PICKER_INJECTION_KEY;
-  exports.RepeatClick = vRepeatClick;
-  exports.Resize = Resize;
+  exports.RepeatClick = RepeatClick;
   exports.RowAlign = RowAlign;
   exports.RowJustify = RowJustify;
   exports.TOOLTIP_INJECTION_KEY = TOOLTIP_INJECTION_KEY;