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

package/cjs/index.d.ts

@@ -5,5 +5,5 @@ import { Gantt } from './Gantt';
 import * as tools from './tools';
 import * as VRender from './vrender';
 import * as VTable from './vtable';
-export declare const version = "1.11.2-alpha.2";
+export declare const version = "1.11.2-alpha.3";
 export { TYPES, GanttConstructorOptions, Gantt, ColumnsDefine, ColumnDefine, LinkColumnDefine, ChartColumnDefine, ImageColumnDefine, SparklineColumnDefine, ProgressbarColumnDefine, TextColumnDefine, GroupColumnDefine, TextAlignType, TextBaselineType, tools, VRender, VTable };

package/cjs/index.js

@@ -52,5 +52,5 @@ exports.VRender = VRender;
 
 const VTable = __importStar(require("./vtable"));
 
-exports.VTable = VTable, exports.version = "1.11.2-alpha.2";
+exports.VTable = VTable, exports.version = "1.11.2-alpha.3";
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAuBlC,sBAAK;AATP,mCAAgC;AAW9B,sFAXO,aAAK,OAWP;AAVP,+CAAiC;AAsB/B,sBAAK;AArBP,mDAAqC;AAsBnC,0BAAO;AArBT,iDAAmC;AAsBjC,wBAAM;AArBK,QAAA,OAAO,GAAG,gBAAgB,CAAC","file":"index.js","sourcesContent":["import type { GanttConstructorOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vtable';\nimport { Gantt } from './Gantt';\nimport * as tools from './tools';\nimport * as VRender from './vrender';\nimport * as VTable from './vtable';\nexport const version = \"1.11.2-alpha.2\";\n/**\n * @namespace VTable\n */\nexport {\n  TYPES,\n  GanttConstructorOptions,\n  Gantt,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  tools,\n  VRender,\n  VTable\n};\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAuBlC,sBAAK;AATP,mCAAgC;AAW9B,sFAXO,aAAK,OAWP;AAVP,+CAAiC;AAsB/B,sBAAK;AArBP,mDAAqC;AAsBnC,0BAAO;AArBT,iDAAmC;AAsBjC,wBAAM;AArBK,QAAA,OAAO,GAAG,gBAAgB,CAAC","file":"index.js","sourcesContent":["import type { GanttConstructorOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vtable';\nimport { Gantt } from './Gantt';\nimport * as tools from './tools';\nimport * as VRender from './vrender';\nimport * as VTable from './vtable';\nexport const version = \"1.11.2-alpha.3\";\n/**\n * @namespace VTable\n */\nexport {\n  TYPES,\n  GanttConstructorOptions,\n  Gantt,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  tools,\n  VRender,\n  VTable\n};\n"]}

package/dist/vtable-gantt.js

@@ -46316,12 +46316,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$1(), 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,
@@ -46344,7 +46346,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,
@@ -46367,7 +46369,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();
@@ -46400,17 +46402,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,
@@ -46480,11 +46482,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,
@@ -46500,12 +46503,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;
@@ -46517,19 +46523,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,
@@ -48480,7 +48497,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,
@@ -54015,11 +54032,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,
@@ -54035,12 +54053,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;
@@ -54048,7 +54069,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;
       }
@@ -58363,7 +58394,7 @@
         themes: themes$1
     });
 
-    const version = "1.11.2-alpha.2";
+    const version = "1.11.2-alpha.3";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$2;