@visactor/vtable-calendar 1.11.2-alpha.2 → 1.11.2-alpha.3

package/dist/vtable-calendar.js

@@ -43307,12 +43307,14 @@
     }
     class MenuElement {
       constructor(table) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         this._handler = new EventHandler(), this._rootElement = createMenuDomElement$1(), this._secondElement = createMenuDomElement$1(), this._secondElement.sub = !0, this._showChildrenIndex = -1, this._rootElement.addEventListener("wheel", e => {
           e.stopPropagation();
         }), null === (_a = this._rootElement) || void 0 === _a || _a.addEventListener("mousedown", e => {
           e.stopPropagation(), e.preventDefault();
-        }), null === (_b = this._rootElement) || void 0 === _b || _b.addEventListener("touchend", e => {
+        }), null === (_b = this._rootElement) || void 0 === _b || _b.addEventListener("contextmenu", e => {
+          e.stopPropagation(), e.preventDefault();
+        }), null === (_c = this._rootElement) || void 0 === _c || _c.addEventListener("touchend", e => {
           if (e.stopPropagation(), e.preventDefault(), this._rootElement.classList.contains(HIDDEN_CLASSNAME$1)) return;
           const {
             col: col,
@@ -43335,7 +43337,7 @@
             cellLocation: table.getCellLocation(col, row),
             event: e
           }), table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null), table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null), e.stopPropagation();
-        }), null === (_c = this._rootElement) || void 0 === _c || _c.addEventListener("click", e => {
+        }), null === (_d = this._rootElement) || void 0 === _d || _d.addEventListener("click", e => {
           if (e.stopPropagation(), e.preventDefault(), this._rootElement.classList.contains(HIDDEN_CLASSNAME$1)) return;
           const {
             col: col,
@@ -43358,7 +43360,7 @@
             cellLocation: table.getCellLocation(col, row),
             event: e
           }), table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null), table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null), e.stopPropagation();
-        }), null === (_d = this._rootElement) || void 0 === _d || _d.addEventListener("mousemove", e => {
+        }), null === (_e = this._rootElement) || void 0 === _e || _e.addEventListener("mousemove", e => {
           var _a, _b;
           if (this._rootElement.classList.contains(HIDDEN_CLASSNAME$1)) return;
           e.stopPropagation();
@@ -43391,17 +43393,17 @@
               null == secondElement || secondElement.classList.remove(SHOWN_CLASSNAME$1), null == secondElement || secondElement.classList.add(HIDDEN_CLASSNAME$1);
             }
           }, 300);
-        }), null === (_e = this._secondElement) || void 0 === _e || _e.addEventListener("wheel", e => {
+        }), null === (_f = this._secondElement) || void 0 === _f || _f.addEventListener("wheel", e => {
           e.stopPropagation();
-        }), null === (_f = this._secondElement) || void 0 === _f || _f.addEventListener("mousemove", e => {
+        }), null === (_g = this._secondElement) || void 0 === _g || _g.addEventListener("mousemove", e => {
           this._rootElement.classList.contains(HIDDEN_CLASSNAME$1) || e.stopPropagation();
-        }), null === (_g = this._secondElement) || void 0 === _g || _g.addEventListener("mouseenter", e => {
+        }), null === (_h = this._secondElement) || void 0 === _h || _h.addEventListener("mouseenter", e => {
           this._mouseEnterSecondElement = !0;
-        }), null === (_h = this._secondElement) || void 0 === _h || _h.addEventListener("mouseleave", e => {
+        }), null === (_j = this._secondElement) || void 0 === _j || _j.addEventListener("mouseleave", e => {
           this._mouseEnterSecondElement = !1;
-        }), null === (_j = this._secondElement) || void 0 === _j || _j.addEventListener("mousedown", e => {
+        }), null === (_k = this._secondElement) || void 0 === _k || _k.addEventListener("mousedown", e => {
           e.stopPropagation(), e.preventDefault();
-        }), null === (_k = this._secondElement) || void 0 === _k || _k.addEventListener("click", e => {
+        }), null === (_l = this._secondElement) || void 0 === _l || _l.addEventListener("click", e => {
           if (e.stopPropagation(), e.preventDefault(), this._secondElement.classList.contains(HIDDEN_CLASSNAME$1)) return;
           const {
             col: col,
@@ -43471,11 +43473,12 @@
         this._menuInstanceInfo = void 0, (null == rootElement ? void 0 : rootElement.parentElement) && (rootElement.classList.remove(SHOWN_CLASSNAME$1), rootElement.classList.add(HIDDEN_CLASSNAME$1)), (null == secondElement ? void 0 : secondElement.parentElement) && (secondElement.classList.remove(SHOWN_CLASSNAME$1), secondElement.classList.add(HIDDEN_CLASSNAME$1));
       }
       _canBindToCell(table, col, row) {
+        var _a;
         const rect = table.getCellRangeRelativeRect({
             col: col,
             row: row
           }),
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             top: top,
             bottom: bottom,
@@ -43491,12 +43494,15 @@
         return !(offsetHeight < top) && !(offsetWidth < left);
       }
       _bindToCell(table, col, row, position, referencePosition) {
+        var _a;
         const rootElement = this._rootElement,
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             width: containerWidth,
-            height: containerHeight
-          } = table.internalProps.element.getBoundingClientRect();
+            height: containerHeight,
+            left: containerLeft,
+            top: containerTop
+          } = element.getBoundingClientRect();
         if (rootElement) {
           rootElement.parentElement !== element && element.appendChild(rootElement), rootElement.style.left = "0px";
           const maxWidth = .8 * containerWidth;
@@ -43508,19 +43514,30 @@
           const rect = element.getBoundingClientRect(),
             scaleX = rect.width / element.offsetWidth,
             scaleY = rect.height / element.offsetHeight;
-          return rootElementTop * scaleY + rootElementHeight > containerHeight && (rootElementTop = (containerHeight - rootElementHeight) / scaleY), rootElementTop < 0 && (rootElementTop /= 2), rootElement.style.top = `${rootElementTop}px`, rootElementLeft < 0 ? rootElementLeft = 0 : rootElementLeft * scaleX + rootElementWidth > containerWidth && (rootElementLeft = (containerWidth - rootElementWidth) / scaleX), rootElement.style.left = `${rootElementLeft}px`, !0;
+          rootElementTop * scaleY + rootElementHeight > containerHeight && (rootElementTop = (containerHeight - rootElementHeight) / scaleY), rootElementTop < 0 && (rootElementTop /= 2);
+          let deltaTop = 0,
+            deltaLeft = 0;
+          if (table.getElement() !== element) {
+            const {
+              left: left,
+              top: top
+            } = table.getElement().getBoundingClientRect();
+            deltaTop = top - containerTop, deltaLeft = left - containerLeft;
+          }
+          return rootElement.style.top = `${rootElementTop + deltaTop}px`, rootElementLeft < 0 ? rootElementLeft = 0 : rootElementLeft * scaleX + rootElementWidth > containerWidth && (rootElementLeft = (containerWidth - rootElementWidth) / scaleX), rootElement.style.left = `${rootElementLeft + deltaLeft}px`, !0;
         }
         return !1;
       }
       _bindSecondElement(table, col, row, x, y) {
+        var _a;
         const secondElement = this._secondElement,
           rootElement = this._rootElement,
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             width: containerWidth,
             left: containerLeft,
             top: containerTop
-          } = table.internalProps.element.getBoundingClientRect(),
+          } = element.getBoundingClientRect(),
           {
             x: rootLeft,
             y: rootTop,
@@ -45471,7 +45488,7 @@
       constructor(container) {
         let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.11.2-alpha.2", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.11.2-alpha.3", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         const {
           frozenColCount = 0,
           frozenRowCount: frozenRowCount,
@@ -50974,11 +50991,12 @@
         this._menuInstanceInfo = void 0, (null == rootElement ? void 0 : rootElement.parentElement) && (rootElement.classList.remove(SHOWN_CLASSNAME), rootElement.classList.add(HIDDEN_CLASSNAME));
       }
       _canBindToCell(table, col, row) {
+        var _a;
         const rect = table.getCellRangeRelativeRect({
             col: col,
             row: row
           }),
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             top: top,
             bottom: bottom,
@@ -50994,12 +51012,15 @@
         return !(offsetHeight < top) && !(offsetWidth < left);
       }
       _bindCell(table, col, row, position, referencePosition) {
+        var _a;
         const rootElement = this._rootElement,
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             width: containerWidth,
-            height: containerHeight
-          } = table.internalProps.element.getBoundingClientRect();
+            height: containerHeight,
+            left: containerLeft,
+            top: containerTop
+          } = element.getBoundingClientRect();
         if (rootElement) {
           rootElement.parentElement !== element && element.appendChild(rootElement), rootElement.style.left = "0px";
           const maxWidth = .8 * containerWidth;
@@ -51007,7 +51028,17 @@
           const rootElementWidth = rootElement.clientWidth,
             rootElementHeight = rootElement.clientHeight;
           let rootElementLeft, rootElementTop;
-          return position && (rootElementLeft = position.x, rootElementTop = position.y), referencePosition && (rootElementLeft = referencePosition.rect.right - rootElementWidth, rootElementTop = referencePosition.rect.bottom), rootElementTop + rootElementHeight > containerHeight && (rootElementTop = containerHeight - rootElementHeight, rootElementLeft += rootElementWidth - 2), rootElementTop < 0 && (rootElementTop /= 2), rootElement.style.top = `${rootElementTop}px`, rootElementLeft < 0 ? rootElementLeft = 0 : rootElementLeft + rootElementWidth > containerWidth && (rootElementLeft = containerWidth - rootElementWidth), rootElement.style.left = `${rootElementLeft}px`, !0;
+          position && (rootElementLeft = position.x, rootElementTop = position.y), referencePosition && (rootElementLeft = referencePosition.rect.right - rootElementWidth, rootElementTop = referencePosition.rect.bottom), rootElementTop + rootElementHeight > containerHeight && (rootElementTop = containerHeight - rootElementHeight, rootElementLeft += rootElementWidth - 2), rootElementTop < 0 && (rootElementTop /= 2);
+          let deltaTop = 0,
+            deltaLeft = 0;
+          if (table.getElement() !== element) {
+            const {
+              left: left,
+              top: top
+            } = table.getElement().getBoundingClientRect();
+            deltaTop = top - containerTop, deltaLeft = left - containerLeft;
+          }
+          return rootElement.style.top = `${rootElementTop + deltaTop}px`, rootElementLeft < 0 ? rootElementLeft = 0 : rootElementLeft + rootElementWidth > containerWidth && (rootElementLeft = containerWidth - rootElementWidth), rootElement.style.left = `${rootElementLeft + deltaLeft}px`, !0;
         }
         return !1;
       }