@visactor/vtable 0.9.2 → 0.9.3-alpha.1

package/es/components/legend/get-legend-attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/legend/get-legend-attributes.ts"],"names":[],"mappings":"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","file":"get-legend-attributes.js","sourcesContent":["import { isEmpty, isValid, merge } from '@visactor/vutils';\nimport type { ITableLegendOption } from '../../ts-types/component/legend';\nimport { isPercent } from '../../tools/calc';\nimport { transformComponentStyle, transformLegendTitleAttributes, transformToGraphic } from '../util/transform';\n\nconst defaultLegendSpec = {\n  orient: 'bottom',\n  position: 'middle',\n  padding: 30,\n  title: {\n    visible: false,\n    padding: 0,\n    textStyle: {\n      fontSize: 14,\n      fill: '#000000',\n      fontWeight: 'normal'\n    },\n    space: 12\n  },\n  item: {\n    visible: true,\n    spaceCol: 10,\n    spaceRow: 10,\n    padding: 2,\n    background: {\n      state: {\n        selectedHover: {\n          fill: 'gray',\n          fillOpacity: 0.7\n        },\n        unSelectedHover: {\n          fill: 'gray',\n          fillOpacity: 0.2\n        }\n      }\n    },\n    shape: {\n      space: 4,\n      state: {\n        unSelected: {\n          fillOpacity: 0.5\n        }\n      }\n    },\n    label: {\n      space: 4,\n      style: {\n        fill: '#89909D',\n        fontSize: 14\n      },\n      state: {\n        unSelected: {\n          fillOpacity: 0.5\n        }\n      }\n    }\n  },\n  allowAllCanceled: false,\n  visible: true\n};\n\nexport function getLegendAttributes(spec: ITableLegendOption, rect: { width: number; height: number }) {\n  const {\n    // 需要进行样式转换的属性\n    title = {},\n    item = {},\n    pager = {},\n    background = {},\n\n    // 以下不属于 legend 需要的属性，单独拿出来以免污染传递给组件的属性\n    type,\n    id,\n    visible,\n    orient,\n    position,\n    data,\n    filter,\n    regionId,\n    regionIndex,\n    seriesIndex,\n    seriesId,\n    padding, // vchart 布局模块已经处理了\n\n    ...restSpec\n  } = merge({}, defaultLegendSpec, spec);\n\n  const attrs: any = restSpec;\n\n  // transform title\n  if (title.visible) {\n    attrs.title = transformLegendTitleAttributes(title);\n  }\n\n  // transform item\n  if (!isEmpty(item.focusIconStyle)) {\n    transformToGraphic(item.focusIconStyle);\n  }\n  transformComponentStyle(item.shape);\n  transformComponentStyle(item.label);\n  transformComponentStyle(item.value);\n  transformComponentStyle(item.background);\n\n  if (isPercent(item.maxWidth)) {\n    item.maxWidth = (Number(item.maxWidth.substring(0, item.maxWidth.length - 1)) * rect.width) / 100;\n  }\n  if (isPercent(item.width)) {\n    item.width = (Number(item.width.substring(0, item.width.length - 1)) * rect.width) / 100;\n  }\n  if (isPercent(item.height)) {\n    item.height = (Number(item.height.substring(0, item.height.length - 1)) * rect.width) / 100;\n  }\n  attrs.item = item;\n\n  // transform pager\n  if (!isEmpty(pager.textStyle)) {\n    transformToGraphic(pager.textStyle);\n  }\n  transformComponentStyle(pager.handler);\n  attrs.pager = pager;\n\n  if (background.visible && !isEmpty(background.style)) {\n    merge(attrs, background.style);\n    if (isValid(background.padding)) {\n      attrs.padding = background.padding;\n    }\n  }\n\n  return attrs;\n}\n"]}

package/es/components/legend/legend.d.ts

@@ -0,0 +1,23 @@
+import type { ITableLegendOption } from '../../ts-types/component/legend';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+import { DiscreteLegend } from '@visactor/vrender-components';
+import type { IOrientType } from '../../ts-types/component/util';
+export declare class TableLegend {
+    table: BaseTableAPI;
+    option: ITableLegendOption;
+    orient: IOrientType;
+    visible: boolean;
+    position: 'start' | 'middle' | 'end';
+    selectedData: (string | number)[];
+    legendComponent: DiscreteLegend;
+    constructor(option: ITableLegendOption, table: BaseTableAPI);
+    createComponent(): void;
+    getLegendAttributes(rect: any): any;
+    getLegendItems(): import("@visactor/vrender-components").LegendItemDatum[];
+    initEvent(): void;
+    getLegendBounds(): {
+        width: number;
+        height: number;
+    };
+    dispose(): void;
+}

package/es/components/legend/legend.js

@@ -0,0 +1,93 @@
+import { cloneDeep, get, merge } from "@visactor/vutils";
+
+import { DiscreteLegend, LegendEvent } from "@visactor/vrender-components";
+
+import { getLegendAttributes } from "./get-legend-attributes";
+
+import { TABLE_EVENT_TYPE } from "../../core/TABLE_EVENT_TYPE";
+
+import { getQuadProps } from "../../scenegraph/utils/padding";
+
+export class TableLegend {
+    constructor(option, table) {
+        var _a, _b, _c, _d;
+        this.table = table, this.option = cloneDeep(option), this.orient = null !== (_a = option.orient) && void 0 !== _a ? _a : "left", 
+        this.visible = null === (_b = option.visible) || void 0 === _b || _b, this.position = null !== (_c = option.position) && void 0 !== _c ? _c : "middle", 
+        this.selectedData = null !== (_d = option.defaultSelected) && void 0 !== _d ? _d : [], 
+        this.createComponent(), this.initEvent();
+    }
+    createComponent() {
+        var _a, _b;
+        const attrs = this.getLegendAttributes({
+            width: this.table.tableNoFrameWidth,
+            height: this.table.tableNoFrameHeight
+        }), legend = new DiscreteLegend(merge({}, attrs, {
+            defaultSelected: this.selectedData
+        }));
+        legend.name = "legend", this.legendComponent = legend, this.table.scenegraph.stage.defaultLayer.appendChild(legend);
+        let width = isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0, height = isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0;
+        const rectWidth = this.table.tableNoFrameWidth, rectHeight = this.table.tableNoFrameHeight, padding = getQuadProps(null !== (_b = null !== (_a = attrs.padding) && void 0 !== _a ? _a : this.option.padding) && void 0 !== _b ? _b : 10);
+        let x = 0, y = 0;
+        "left" === this.orient ? (x = padding[3], y = 0, width += padding[1] + padding[3]) : "top" === this.orient ? (x = 0, 
+        y = padding[0], height += padding[0] + padding[2]) : "right" === this.orient ? (x = rectWidth - width - padding[1], 
+        y = 0, width += padding[1] + padding[3]) : "bottom" === this.orient && (x = 0, y = rectHeight - height - padding[2], 
+        height += padding[0] + padding[2]);
+        const layout = "bottom" === this.orient || "top" === this.orient ? "horizontal" : "vertical", position = this.position;
+        let offsetX = 0, offsetY = 0;
+        "horizontal" === layout ? offsetX = "middle" === position ? (rectWidth - width) / 2 : "end" === position ? rectWidth - width - padding[1] : padding[3] : offsetY = "middle" === position ? (rectHeight - height) / 2 : "end" === position ? rectHeight - height - padding[2] : padding[0], 
+        this.legendComponent.setAttributes({
+            dx: offsetX,
+            dy: offsetY,
+            x: x,
+            y: y
+        }), "left" === this.orient ? (this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width), 
+        this.table.tableX = Math.ceil(width)) : "top" === this.orient ? (this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height), 
+        this.table.tableY = Math.ceil(height)) : "right" === this.orient ? this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width) : "bottom" === this.orient && (this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height));
+    }
+    getLegendAttributes(rect) {
+        const layout = "bottom" === this.orient || "top" === this.orient ? "horizontal" : "vertical";
+        return Object.assign({
+            layout: layout,
+            items: this.getLegendItems(),
+            maxWidth: rect.width,
+            maxHeight: rect.height
+        }, getLegendAttributes(this.option, rect));
+    }
+    getLegendItems() {
+        return this.option.data;
+    }
+    initEvent() {
+        this.legendComponent && (this.legendComponent.addEventListener(LegendEvent.legendItemClick, (e => {
+            const selectedData = get(e, "detail.currentSelected");
+            this.table.scenegraph.updateNextFrame(), this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_CLICK, {
+                model: this,
+                value: selectedData,
+                event: e
+            });
+        })), this.legendComponent.addEventListener(LegendEvent.legendItemHover, (e => {
+            const detail = get(e, "detail");
+            this.table.scenegraph.updateNextFrame(), this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_HOVER, {
+                model: this,
+                value: detail,
+                event: e
+            });
+        })), this.legendComponent.addEventListener(LegendEvent.legendItemUnHover, (e => {
+            const detail = get(e, "detail");
+            this.table.scenegraph.updateNextFrame(), this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_UNHOVER, {
+                model: this,
+                value: detail,
+                event: e
+            });
+        })));
+    }
+    getLegendBounds() {
+        return {
+            width: isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0,
+            height: isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0
+        };
+    }
+    dispose() {
+        this.legendComponent = null;
+    }
+}
+//# sourceMappingURL=legend.js.map

package/es/components/legend/legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/legend/legend.ts"],"names":[],"mappings":"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","file":"legend.js","sourcesContent":["import { cloneDeep, get, merge } from '@visactor/vutils';\nimport type { ITableLegendOption } from '../../ts-types/component/legend';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport { DiscreteLegend, LegendEvent } from '@visactor/vrender-components';\nimport { getLegendAttributes } from './get-legend-attributes';\nimport { TABLE_EVENT_TYPE } from '../../core/TABLE_EVENT_TYPE';\nimport { getQuadProps } from '../../scenegraph/utils/padding';\nimport type { IOrientType } from '../../ts-types/component/util';\n\nexport class TableLegend {\n  table: BaseTableAPI;\n  option: ITableLegendOption;\n  orient: IOrientType;\n  visible: boolean;\n  position: 'start' | 'middle' | 'end';\n  selectedData: (string | number)[];\n  legendComponent: DiscreteLegend;\n\n  constructor(option: ITableLegendOption, table: BaseTableAPI) {\n    this.table = table;\n    this.option = cloneDeep(option);\n    this.orient = option.orient ?? 'left';\n    this.visible = option.visible ?? true;\n    this.position = option.position ?? 'middle';\n    this.selectedData = option.defaultSelected ?? [];\n\n    this.createComponent();\n    this.initEvent();\n  }\n\n  createComponent() {\n    const attrs = this.getLegendAttributes({\n      width: this.table.tableNoFrameWidth,\n      height: this.table.tableNoFrameHeight\n    });\n    const legend = new DiscreteLegend(\n      merge({}, attrs, {\n        defaultSelected: this.selectedData\n      })\n    );\n    legend.name = 'legend';\n    this.legendComponent = legend;\n    this.table.scenegraph.stage.defaultLayer.appendChild(legend);\n\n    // 调整位置\n    let width = isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0;\n    let height = isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0;\n    const rectWidth = this.table.tableNoFrameWidth;\n    const rectHeight = this.table.tableNoFrameHeight;\n    const padding = getQuadProps(attrs.padding ?? this.option.padding ?? 10);\n\n    let x = 0;\n    let y = 0;\n    if (this.orient === 'left') {\n      x = padding[3];\n      y = 0;\n      width += padding[1] + padding[3];\n    } else if (this.orient === 'top') {\n      x = 0;\n      y = padding[0];\n      height += padding[0] + padding[2];\n    } else if (this.orient === 'right') {\n      x = rectWidth - width - padding[1];\n      y = 0;\n      width += padding[1] + padding[3];\n    } else if (this.orient === 'bottom') {\n      x = 0;\n      y = rectHeight - height - padding[2];\n      height += padding[0] + padding[2];\n    }\n\n    const layout = this.orient === 'bottom' || this.orient === 'top' ? 'horizontal' : 'vertical';\n    const position = this.position;\n    // const { width: rectWidth, height: rectHeight } = fullSpace;\n    let offsetX = 0;\n    let offsetY = 0;\n    if (layout === 'horizontal') {\n      if (position === 'middle') {\n        offsetX = (rectWidth - width) / 2;\n      } else if (position === 'end') {\n        offsetX = rectWidth - width - padding[1];\n      } else {\n        offsetX = padding[3];\n      }\n    } else {\n      if (position === 'middle') {\n        offsetY = (rectHeight - height) / 2;\n      } else if (position === 'end') {\n        offsetY = rectHeight - height - padding[2];\n      } else {\n        offsetY = padding[0];\n      }\n    }\n\n    this.legendComponent.setAttributes({\n      dx: offsetX,\n      dy: offsetY,\n      x,\n      y\n    });\n\n    // update table size\n    if (this.orient === 'left') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n      this.table.tableX = Math.ceil(width);\n    } else if (this.orient === 'top') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n      this.table.tableY = Math.ceil(height);\n    } else if (this.orient === 'right') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n    } else if (this.orient === 'bottom') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n    }\n  }\n\n  getLegendAttributes(rect: any) {\n    const layout = this.orient === 'bottom' || this.orient === 'top' ? 'horizontal' : 'vertical';\n    const attrs = {\n      layout,\n      items: this.getLegendItems(),\n      // zIndex: this.layoutZIndex,\n      maxWidth: rect.width,\n      maxHeight: rect.height,\n      ...getLegendAttributes(this.option, rect)\n    };\n    return attrs;\n  }\n\n  getLegendItems() {\n    return this.option.data;\n  }\n\n  initEvent() {\n    if (this.legendComponent) {\n      this.legendComponent.addEventListener(LegendEvent.legendItemClick, (e: any) => {\n        const selectedData = get(e, 'detail.currentSelected');\n        this.table.scenegraph.updateNextFrame();\n        this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_CLICK, { model: this, value: selectedData, event: e });\n      });\n\n      this.legendComponent.addEventListener(LegendEvent.legendItemHover, (e: any) => {\n        const detail = get(e, 'detail');\n        this.table.scenegraph.updateNextFrame();\n        this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_HOVER, { model: this, value: detail, event: e });\n      });\n\n      this.legendComponent.addEventListener(LegendEvent.legendItemUnHover, (e: any) => {\n        const detail = get(e, 'detail');\n        this.table.scenegraph.updateNextFrame();\n        this.table.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_UNHOVER, { model: this, value: detail, event: e });\n      });\n    }\n  }\n\n  getLegendBounds() {\n    const width = isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0;\n    const height = isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0;\n\n    return {\n      width: width,\n      height: height\n    };\n  }\n  dispose() {\n    this.legendComponent = null;\n  }\n}\n"]}

package/{cjs → es/components}/menu/dom/BaseMenu.d.ts

@@ -1,5 +1,5 @@
-import type { MenuInstanceInfo } from '../../ts-types';
-import type { BaseTableAPI } from '../../ts-types/base-table';
+import type { MenuInstanceInfo } from '../../../ts-types';
+import type { BaseTableAPI } from '../../../ts-types/base-table';
 import type { MenuContainer } from './logic/MenuContainer';
 import type { MenuElement } from './logic/MenuElement';
 export declare abstract class BaseMenu {

package/es/components/menu/dom/BaseMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/menu/dom/BaseMenu.ts"],"names":[],"mappings":"AAKA,MAAM,OAAgB,QAAQ;IAI5B,YAAY,KAAmB;QAC7B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IACD,OAAO;QACL,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;SAC7B;QACD,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;IAChC,CAAC;IACO,eAAe;QACrB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,OAAO,IAAI,CAAC,YAAY,CAAC;SAC1B;QACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAErD,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAGD,eAAe,CAAC,GAAW,EAAE,GAAW,EAAE,gBAAkC;QAC1E,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC3C,OAAO,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,gBAAgB,CAAC,CAAC;IACzE,CAAC;IACD,iBAAiB;QACf,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC3C,WAAW,CAAC,cAAc,EAAE,CAAC;IAC/B,CAAC;IAED,kBAAkB,CAAC,CAAS,EAAE,CAAS;QACrC,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC3C,OAAO,WAAW,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9C,CAAC;CACF","file":"BaseMenu.js","sourcesContent":["import type { MenuInstanceInfo } from '../../../ts-types';\nimport type { BaseTableAPI } from '../../../ts-types/base-table';\nimport type { MenuContainer } from './logic/MenuContainer';\nimport type { MenuElement } from './logic/MenuElement';\n\nexport abstract class BaseMenu {\n  protected _table: BaseTableAPI;\n  /** 弹出的菜单显示内容 */\n  private _menuElement?: MenuElement | MenuContainer;\n  constructor(table: BaseTableAPI) {\n    this._table = table;\n  }\n  dispose(): void {\n    this.unbindMenuElement();\n    if (this._menuElement) {\n      this._menuElement.dispose();\n    }\n    this._menuElement = undefined;\n  }\n  private _getMenuElement(): MenuElement | MenuContainer {\n    if (this._menuElement) {\n      return this._menuElement;\n    }\n    this._menuElement = this.createMenuElementInternal();\n\n    return this._menuElement;\n  }\n  /** 继承的具体类来实现 可以返回 MenuElement 或者 MenuContainer */\n  abstract createMenuElementInternal(): MenuElement | MenuContainer;\n  bindMenuElement(col: number, row: number, menuInstanceInfo: MenuInstanceInfo): boolean {\n    const menuElement = this._getMenuElement();\n    return menuElement.bindToCell(this._table, col, row, menuInstanceInfo);\n  }\n  unbindMenuElement(): void {\n    const menuElement = this._getMenuElement();\n    menuElement.unbindFromCell();\n  }\n  /** 鼠标坐标位置 是否位于下拉菜单内 */\n  pointInMenuElement(x: number, y: number): boolean {\n    const menuElement = this._getMenuElement();\n    return menuElement.pointInMenuElement(x, y);\n  }\n}\n"]}

package/es/components/menu/dom/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/menu/dom/Menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,OAAO,IAAK,SAAQ,QAAQ;IAChC,yBAAyB;QACvB,OAAO,IAAI,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;CACF;AACD,MAAM,OAAO,SAAU,SAAQ,QAAQ;IACrC,yBAAyB;QACvB,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC;CACF","file":"Menu.js","sourcesContent":["import { BaseMenu } from './BaseMenu';\nimport { MenuContainer } from './logic/MenuContainer';\nimport { MenuElement } from './logic/MenuElement';\n\nexport class Menu extends BaseMenu {\n  createMenuElementInternal(): MenuElement {\n    return new MenuElement(this._table);\n  }\n}\nexport class Container extends BaseMenu {\n  createMenuElementInternal(): MenuContainer {\n    return new MenuContainer(this._table);\n  }\n}\n"]}

package/es/{menu → components/menu}/dom/MenuHandler.d.ts

@@ -1,6 +1,6 @@
-import type { DropDownMenuOptions, MenuInstanceInfo, MenuInstanceType } from '../../ts-types';
+import type { DropDownMenuOptions, MenuInstanceInfo, MenuInstanceType } from '../../../ts-types';
 import type { BaseMenu } from './BaseMenu';
-import type { BaseTableAPI } from '../../ts-types/base-table';
+import type { BaseTableAPI } from '../../../ts-types/base-table';
 export declare class MenuHandler {
     private _table;
     private _menuInstances?;

package/es/{menu → components/menu}/dom/MenuHandler.js

@@ -1,8 +1,8 @@
 import { Container, Menu } from "./Menu";
 
-import { cellInRange } from "../../tools/helper";
+import { cellInRange } from "../../../tools/helper";
 
-import { TABLE_EVENT_TYPE } from "../../core/TABLE_EVENT_TYPE";
+import { TABLE_EVENT_TYPE } from "../../../core/TABLE_EVENT_TYPE";
 
 const MENU_INSTANCE_FACTORY = {
     "dropdown-menu": function(table) {

package/es/components/menu/dom/MenuHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/menu/dom/MenuHandler.ts"],"names":[],"mappings":"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","file":"MenuHandler.js","sourcesContent":["import type { CellRange, DropDownMenuOptions, MenuInstanceInfo, MenuInstanceType } from '../../../ts-types';\nimport type { BaseMenu } from './BaseMenu';\nimport { Container, Menu } from './Menu';\nimport { cellInRange } from '../../../tools/helper';\nimport { TABLE_EVENT_TYPE } from '../../../core/TABLE_EVENT_TYPE';\nimport type { BaseTableAPI } from '../../../ts-types/base-table';\n// import { DEFAULTFONT } from '../../tools/global';\n// import { getFontSize } from '../../tools/canvases';\n\nconst MENU_INSTANCE_FACTORY = {\n  'dropdown-menu': function (table: BaseTableAPI): BaseMenu {\n    return new Menu(table);\n  },\n  'context-menu': function (table: BaseTableAPI): BaseMenu {\n    return new Menu(table);\n  },\n  container(table: BaseTableAPI): BaseMenu {\n    return new Container(table);\n  }\n};\n\n/** 获取下拉菜单展示内容及坐标位置 */\nfunction getMenuInstanceInfo(\n  table: BaseTableAPI,\n  col: number,\n  row: number,\n  type: MenuInstanceType,\n  dropDownMenuOptions?: DropDownMenuOptions\n): MenuInstanceInfo | null {\n  const { lineHeight, textBaseline, textStick } = table._getCellStyle(col, row);\n  // table.internalProps.layoutMap.getHeader(col, row).style ?? {};\n  // const lineHeight = getFontSize(table.getContext(), font).height;\n  let rect = table.getCellRangeRelativeRect(table.getCellRange(col, row));\n  if (textStick) {\n    rect = table.getVisibleCellRangeRelativeRect({ col, row });\n  }\n\n  let { left, right, bottom, top, width, height } = rect;\n  if (table.isHeader(col, row)) {\n    ({ left, right, bottom, top, width, height } = table.internalProps.headerHelper.getDropDownIconRect(\n      rect,\n      // paddingArray[1]\n      lineHeight as number,\n      textBaseline || 'middle'\n    ));\n  }\n  if (dropDownMenuOptions?.content) {\n    //如果有指定的下拉菜单内容\n    return {\n      type,\n      position: dropDownMenuOptions.position,\n      referencePosition: dropDownMenuOptions.referencePosition ?? {\n        rect: {\n          left,\n          right,\n          top,\n          bottom,\n          width,\n          height\n        }\n      },\n      content: dropDownMenuOptions.content\n    };\n  } // 没有指定的下拉菜单 从headerLayout中获取下拉菜单内容\n  else if (type === 'dropdown-menu') {\n    // 获取下拉菜单信息及位置 注：这里逻辑特指内置的下拉菜单\n    const { dropDownMenu = table.globalDropDownMenu, pivotInfo } = table._getHeaderLayoutMap(col, row);\n\n    // const x = (left + right) / 2;\n    // const y = bottom;\n\n    return {\n      type,\n      // position: {\n      //   x,\n      //   y,\n      // },\n      referencePosition: {\n        rect: {\n          left,\n          right,\n          top,\n          bottom,\n          width,\n          height\n        }\n      },\n      content: dropDownMenu,\n      pivotInfo\n    };\n  }\n  // else if (type === 'context-menu') {\n  //   // 获取右键菜单信息及位置\n  //   const abstractPos = table._getMouseAbstractPoint(event, false);\n  //   let menu = null;\n  //   if (abstractPos && typeof table.options.contextmenu === 'function') {\n  //     menu = table.options.contextmenu(table.getHeaderField(col, row) as string, row);\n  //   } else if (abstractPos && Array.isArray(table.options.contextmenu)) {\n  //     menu = table.options.contextmenu;\n  //   }\n  //   return {\n  //     position: {\n  //       x: abstractPos.x,\n  //       y: abstractPos.y,\n  //     },\n  //     type,\n  //     content: menu,\n  //   };\n  // }\n  return null;\n}\n\ntype AttachInfo = {\n  instance?: BaseMenu;\n  range: CellRange;\n};\n\nexport class MenuHandler {\n  private _table: BaseTableAPI;\n  private _menuInstances?: { [type: string]: BaseMenu };\n  private _attachInfo?: AttachInfo | null;\n  constructor(table: BaseTableAPI) {\n    this._table = table;\n    this._menuInstances = {};\n    this._bindTableEvent(table);\n  }\n  dispose(): void {\n    const menuInstances = this._menuInstances;\n    for (const k in menuInstances) {\n      menuInstances[k].dispose();\n    }\n    delete this._menuInstances;\n    this._attachInfo = null;\n  }\n  _bindToCell(col: number, row: number, type: MenuInstanceType, dropDownMenuOptions?: DropDownMenuOptions): void {\n    const info = this._attachInfo;\n    const instanceInfo = this._getMenuInstanceInfo(col, row, type, dropDownMenuOptions);\n    if (info && (!instanceInfo || info.instance !== instanceInfo.instance)) {\n      info.instance?.unbindMenuElement();\n      this._attachInfo = null;\n    }\n    if (!instanceInfo) {\n      return;\n    }\n    const { instance, info: menuInstanceInfo } = instanceInfo;\n    const attach = instance && instance.bindMenuElement(col, row, menuInstanceInfo);\n    if (attach) {\n      const range = this._table.getCellRange(col, row);\n      this._attachInfo = { range, instance };\n    }\n  }\n  _unbindFromCell(): void {\n    const info = this._attachInfo;\n    if (!info) {\n      return;\n    }\n    const { instance } = info;\n    instance?.unbindMenuElement();\n    this._attachInfo = null;\n    // this._table.showHoverIcon = undefined;\n  }\n  _isBindToCell(col: number, row: number): boolean {\n    const info = this._attachInfo;\n    if (!info) {\n      return false;\n    }\n    return cellInRange(info.range, col, row);\n  }\n  /** 鼠标坐标位置 是否位于下拉菜单内 */\n  pointInMenuElement(x: number, y: number) {\n    if (!this._attachInfo) {\n      return false;\n    }\n    const info = this._attachInfo;\n    const { instance } = info;\n    return instance.pointInMenuElement(x, y);\n  }\n  _bindTableEvent(table: BaseTableAPI): void {\n    // 监听按钮点击事件\n    // 三种情况：\n    // 1. 没有菜单，点击弹出菜单\n    // 2. 已显示菜单，点击关闭菜单\n    // 3. 已显示菜单，点击其他菜单按钮，关闭当前菜单，显示另一菜单\n    table.listen(TABLE_EVENT_TYPE.DROPDOWN_ICON_CLICK, e => {\n      if (this._attachInfo) {\n        if (this._isBindToCell(e.col, e.row)) {\n          this._unbindFromCell();\n        } else {\n          this._bindToCell(e.col, e.row, 'dropdown-menu');\n        }\n      } else {\n        this._bindToCell(e.col, e.row, 'dropdown-menu');\n      }\n    });\n    // 监听菜单清除事件\n    table.listen(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, e => {\n      this._unbindFromCell();\n    });\n    // 监听右键菜单\n    table.listen(TABLE_EVENT_TYPE.CONTEXTMENU_CELL, e => {\n      if (table.internalProps.menu?.renderMode === 'html') {\n        // 获取右键菜单信息及位置\n        const abstractPos = table._getMouseAbstractPoint(e.event, false);\n        let menu = null;\n        if (abstractPos && typeof table.internalProps.menu?.contextMenuItems === 'function') {\n          menu = table.internalProps.menu.contextMenuItems(table.getHeaderField(e.col, e.row) as string, e.row);\n        } else if (abstractPos && Array.isArray(table.internalProps.menu?.contextMenuItems)) {\n          menu = table.internalProps.menu?.contextMenuItems;\n        }\n        this._bindToCell(e.col, e.row, 'context-menu', {\n          content: menu,\n          position: { x: abstractPos.x, y: abstractPos.y }\n        });\n      }\n    });\n  }\n  _getMenuInstanceInfo(\n    col: number,\n    row: number,\n    type: MenuInstanceType,\n    dropDownMenuOptions?: DropDownMenuOptions\n  ): {\n    instance?: BaseMenu;\n    type: MenuInstanceType;\n    info: MenuInstanceInfo;\n  } | null {\n    const table = this._table;\n    const menuInstances = this._menuInstances;\n\n    const info = getMenuInstanceInfo(table, col, row, type, dropDownMenuOptions);\n    if (!info) {\n      return null;\n    }\n\n    // const { type } = info;\n    const instance =\n      (menuInstances && menuInstances[type]) ||\n      (menuInstances && (menuInstances[type] = MENU_INSTANCE_FACTORY[type](table)));\n\n    return {\n      instance,\n      type,\n      info\n    };\n  }\n}\n"]}

package/es/{menu → components/menu}/dom/logic/MenuContainer.d.ts

@@ -1,5 +1,5 @@
-import type { MenuInstanceInfo, Placement, RectProps } from '../../../ts-types';
-import type { BaseTableAPI } from '../../../ts-types/base-table';
+import type { MenuInstanceInfo, Placement, RectProps } from '../../../../ts-types';
+import type { BaseTableAPI } from '../../../../ts-types/base-table';
 export declare class MenuContainer {
     private _handler;
     private _rootElement?;

package/es/{menu → components/menu}/dom/logic/MenuContainer.js

@@ -1,8 +1,8 @@
-import { EventHandler } from "../../../event/EventHandler";
+import { EventHandler } from "../../../../event/EventHandler";
 
-import { createElement } from "../../../tools/dom";
+import { createElement } from "../../../../tools/dom";
 
-import { TABLE_EVENT_TYPE } from "../../../core/TABLE_EVENT_TYPE";
+import { TABLE_EVENT_TYPE } from "../../../../core/TABLE_EVENT_TYPE";
 
 const CLASSNAME = "vtable__menu-element", HIDDEN_CLASSNAME = `${CLASSNAME}--hidden`, SHOWN_CLASSNAME = `${CLASSNAME}--shown`;
 
@@ -28,7 +28,7 @@ export class MenuContainer {
                 text: text,
                 highlight: highlight,
                 cellType: table.getCellType(col, row)
-            }), table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null), table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU), 
+            }), 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("mousemove", (e => {
             this._rootElement.classList.contains(HIDDEN_CLASSNAME) || e.stopPropagation();

package/es/components/menu/dom/logic/MenuContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/menu/dom/logic/MenuContainer.ts"],"names":[],"mappings":"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","file":"MenuContainer.js","sourcesContent":["import { EventHandler } from '../../../../event/EventHandler';\nimport type { MenuInstanceInfo, Placement, RectProps } from '../../../../ts-types';\nimport { createElement } from '../../../../tools/dom';\nimport { TABLE_EVENT_TYPE } from '../../../../core/TABLE_EVENT_TYPE';\nimport type { PivotHeaderLayoutMap } from '../../../../layout/pivot-header-layout';\nimport type { BaseTableAPI } from '../../../../ts-types/base-table';\n\nconst CLASSNAME = 'vtable__menu-element';\nconst HIDDEN_CLASSNAME = `${CLASSNAME}--hidden`;\nconst SHOWN_CLASSNAME = `${CLASSNAME}--shown`;\n\nfunction createMenuDomElement(): HTMLElement {\n  const rootElement = createElement('div', [CLASSNAME, HIDDEN_CLASSNAME]);\n  return rootElement;\n}\n\nexport class MenuContainer {\n  private _handler: EventHandler;\n  private _rootElement?: HTMLElement;\n  private _menuInstanceInfo?: MenuInstanceInfo;\n  constructor(table: BaseTableAPI) {\n    this._handler = new EventHandler();\n    this._rootElement = createMenuDomElement();\n\n    // 绑定交互事件\n    this._rootElement?.addEventListener('mousedown', e => {\n      e.stopPropagation();\n      e.preventDefault();\n    });\n    this._rootElement?.addEventListener('click', e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (this._rootElement.classList.contains(HIDDEN_CLASSNAME)) {\n        return;\n      }\n      // console.log('menu mousedown', e);\n      // 触发菜单条目点击事件\n      const { col, row, dropDownIndex, menuKey, text, hasChildren } = e.target as any;\n      if (typeof dropDownIndex !== 'number' || hasChildren) {\n        e.stopPropagation();\n        return;\n      }\n      // const field = table.getHeaderField(col, row);\n      const field = table.isPivotTable()\n        ? (table.internalProps.layoutMap as PivotHeaderLayoutMap).getPivotDimensionInfo(col, row)\n        : table.getHeaderField(col, row);\n\n      const highlight = table._dropDownMenuIsHighlight(col, row, dropDownIndex);\n      table.fireListeners(TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, {\n        col,\n        row,\n        field: <string>field,\n        menuKey,\n        // fieldKey,\n        // dropDownIndex,\n        text,\n        highlight,\n        cellType: table.getCellType(col, row)\n      });\n\n      table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null); // 清除菜单\n      table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null); // 清除菜单\n      // table.invalidateCell(col, row); // 更新状态图表\n      e.stopPropagation();\n    });\n    this._rootElement?.addEventListener('mousemove', e => {\n      if (this._rootElement.classList.contains(HIDDEN_CLASSNAME)) {\n        return;\n      }\n      // console.log('menu mousemove', e);\n      // table.hoverIcon = undefined;\n\n      e.stopPropagation();\n    });\n    // this._rootElement?.addEventListener('mouseenter', () => {\n    //   if (this._rootElement.classList.contains(HIDDEN_CLASSNAME)) return;\n    //   if (!table.hoverIcon) return;\n    //   // console.log('menu mousemove', e);\n    //   table.showHoverIcon = table.hoverIcon;\n    //   table.hoverIcon = undefined; // 避免在hover icon后不能交互表格区域\n    //   table.invalidateCell(table.showHoverIcon.col, table.showHoverIcon.row);\n    //   // console.log('showHoverIcon', table.showHoverIcon);\n    // });\n    // this._rootElement?.addEventListener('blur', () => {\n    //   // table.fireListeners(LG_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null); // 清除菜单\n    //   table.showHoverIcon = undefined;\n    // });\n  }\n  get rootElement() {\n    return this._rootElement;\n  }\n  dispose(): void {\n    this.unbindFromCell();\n\n    const rootElement = this._rootElement;\n    if (rootElement?.parentElement) {\n      rootElement.parentElement.removeChild(rootElement);\n    }\n\n    this._handler.dispose();\n    delete this._rootElement;\n    // delete this._messageElement;\n  }\n  bindToCell(table: BaseTableAPI, col: number, row: number, menuInstanceInfo: MenuInstanceInfo): boolean {\n    const rootElement = this._rootElement;\n    this._menuInstanceInfo = menuInstanceInfo;\n    // const messageElement = this._messageElement;\n\n    rootElement?.classList.remove(SHOWN_CLASSNAME);\n    rootElement?.classList.add(HIDDEN_CLASSNAME);\n\n    if (this._canBindToCell(table, col, row)) {\n      rootElement.innerHTML = '';\n      rootElement.appendChild(<HTMLElement>menuInstanceInfo.content);\n\n      const binded = this._bindCell(table, col, row, menuInstanceInfo.position, menuInstanceInfo.referencePosition);\n\n      if (binded) {\n        rootElement?.classList.add(SHOWN_CLASSNAME);\n        rootElement?.classList.remove(HIDDEN_CLASSNAME);\n        return true;\n      }\n    } else {\n      this.unbindFromCell();\n    }\n    return false;\n  }\n  unbindFromCell(): void {\n    const rootElement = this._rootElement;\n    this._menuInstanceInfo = undefined;\n    if (rootElement?.parentElement) {\n      // rootElement.parentElement.removeChild(rootElement);\n      rootElement.classList.remove(SHOWN_CLASSNAME);\n      rootElement.classList.add(HIDDEN_CLASSNAME);\n    }\n  }\n  _canBindToCell(table: BaseTableAPI, col: number, row: number): boolean {\n    const rect = table.getCellRangeRelativeRect({ col, row });\n    const element = table.getElement();\n    const { top, bottom, left, right } = rect;\n    const { frozenRowCount, frozenColCount } = table;\n    if (row >= frozenRowCount && frozenRowCount > 0) {\n      const frozenRect = table.getCellRangeRelativeRect({ col, row: frozenRowCount - 1 });\n      if (bottom < frozenRect.bottom) {\n        return false;\n      }\n    } else if (bottom < 0) {\n      return false;\n    }\n    if (col >= frozenColCount && frozenColCount > 0) {\n      const frozenRect = table.getCellRangeRelativeRect({ col: frozenColCount - 1, row });\n      if (right < frozenRect.right) {\n        //整个是被冻结列盖住的 不需要提示toolTip\n        return false;\n      }\n    } else if (right < 0) {\n      return false;\n    }\n    const { offsetHeight, offsetWidth } = element;\n    if (offsetHeight < top) {\n      return false;\n    }\n    if (offsetWidth < left) {\n      return false;\n    }\n    return true;\n  }\n  _bindCell(\n    table: BaseTableAPI,\n    col: number,\n    row: number,\n    position: { x: number; y: number },\n    referencePosition: { rect: RectProps; placement?: Placement }\n  ): boolean {\n    const rootElement = this._rootElement;\n    const element = table.getElement();\n    const { width: containerWidth, height: containerHeight } = table.internalProps.element.getBoundingClientRect();\n    if (rootElement) {\n      if (rootElement.parentElement !== element) {\n        element.appendChild(rootElement); // 之前在做dom边缘躲避的时候放到了table.getParentElement()上，但发现不是相对定位导致位置错位\n      }\n      rootElement.style.left = `0px`;\n      //设置最宽尺寸\n      const maxWidth = containerWidth * 0.8;\n      rootElement.style.maxWidth = `${maxWidth}px`;\n      //计算弹出框的宽度\n      const rootElementWidth = rootElement.clientWidth;\n      const rootElementHeight = rootElement.clientHeight;\n      let rootElementLeft;\n      let rootElementTop;\n      if (position) {\n        rootElementLeft = position.x;\n        rootElementTop = position.y;\n      }\n      if (referencePosition) {\n        rootElementLeft = referencePosition.rect.right - rootElementWidth;\n        rootElementTop = referencePosition.rect.bottom;\n      }\n      //  rootElementLeft = position.x - rootElementWidth;\n      // let leftStyle = rootElementLeft;\n      // 检测下方能否容纳，不能容纳向上偏移\n      if (rootElementTop + rootElementHeight > containerHeight) {\n        rootElementTop = containerHeight - rootElementHeight;\n        rootElementLeft += rootElementWidth - 2;\n      }\n      // 偏移后上方超出canvas范围，居中显示\n      if (rootElementTop < 0) {\n        rootElementTop = rootElementTop / 2;\n      }\n      rootElement.style.top = `${rootElementTop}px`;\n\n      // 判断如果超出左右范围则靠边显示\n      if (rootElementLeft < 0) {\n        rootElementLeft = 0;\n      } else if (rootElementLeft + rootElementWidth > containerWidth) {\n        rootElementLeft = containerWidth - rootElementWidth;\n      }\n      rootElement.style.left = `${rootElementLeft}px`;\n\n      return true;\n    }\n    return false;\n  }\n  /** 鼠标坐标位置 是否位于下拉菜单内 */\n  pointInMenuElement(x: number, y: number): boolean {\n    const rootElement = this._rootElement;\n\n    const { x: rootLeft, y: rootTop, width: rootWidth, height: rootHeight } = rootElement.getBoundingClientRect();\n    if (x > rootLeft - 5 && x < rootLeft + rootWidth + 5 && y > rootTop - 5 && y < rootTop + rootHeight + 5) {\n      return true;\n    }\n\n    return false;\n  }\n}\n"]}

package/es/{menu → components/menu}/dom/logic/MenuElement.d.ts

@@ -1,5 +1,5 @@
-import type { DropDownMenuHighlightInfo, MenuInstanceInfo, Placement, RectProps } from '../../../ts-types';
-import type { BaseTableAPI } from '../../../ts-types/base-table';
+import type { DropDownMenuHighlightInfo, MenuInstanceInfo, Placement, RectProps } from '../../../../ts-types';
+import type { BaseTableAPI } from '../../../../ts-types/base-table';
 export declare function isMenuHighlight(_table: BaseTableAPI, cells: DropDownMenuHighlightInfo[], menuKeyCurrent: string, colCurrent: number, rowCurrent: number, index: number): boolean;
 export declare class MenuElement {
     private _handler;

package/es/{menu → components/menu}/dom/logic/MenuElement.js

@@ -1,16 +1,16 @@
-import { EventHandler } from "../../../event/EventHandler";
+import { EventHandler } from "../../../../event/EventHandler";
 
-import { createElement } from "../../../tools/dom";
+import { createElement } from "../../../../tools/dom";
 
 import { importStyle } from "./MenuElementStyle";
 
-import { TABLE_EVENT_TYPE } from "../../../core/TABLE_EVENT_TYPE";
+import { TABLE_EVENT_TYPE } from "../../../../core/TABLE_EVENT_TYPE";
 
-import { cellInRange } from "../../../tools/helper";
+import { cellInRange } from "../../../../tools/helper";
 
-import { isValid } from "../../../tools/util";
+import { isValid } from "../../../../tools/util";
 
-import { regUrl } from "../../../tools/global";
+import { regUrl } from "../../../../tools/global";
 
 importStyle();
 
@@ -60,7 +60,7 @@ export class MenuElement {
                 text: text,
                 highlight: highlight,
                 cellType: table.getCellType(col, row)
-            }), table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null), table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU), 
+            }), 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 => {
             if (e.stopPropagation(), e.preventDefault(), this._rootElement.classList.contains(HIDDEN_CLASSNAME)) return;
@@ -75,7 +75,7 @@ export class MenuElement {
                 text: text,
                 highlight: highlight,
                 cellType: table.getCellType(col, row)
-            }), table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null), table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU), 
+            }), 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 => {
             var _a, _b;
@@ -135,7 +135,7 @@ export class MenuElement {
                 text: text,
                 highlight: highlight,
                 cellType: table.getCellType(col, row)
-            }), table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null), table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU), 
+            }), table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null), table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null), 
             e.stopPropagation();
         }));
     }

package/es/components/menu/dom/logic/MenuElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/menu/dom/logic/MenuElement.ts"],"names":[],"mappings":"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","file":"MenuElement.js","sourcesContent":["import { EventHandler } from '../../../../event/EventHandler';\nimport type {\n  DropDownMenuHighlightInfo,\n  IDimensionInfo,\n  MenuInstanceInfo,\n  MenuListItem,\n  Placement,\n  RectProps\n} from '../../../../ts-types';\nimport { createElement } from '../../../../tools/dom';\nimport { importStyle } from './MenuElementStyle';\nimport { TABLE_EVENT_TYPE } from '../../../../core/TABLE_EVENT_TYPE';\nimport { cellInRange } from '../../../../tools/helper';\nimport { isValid } from '../../../../tools/util';\nimport type { PivotHeaderLayoutMap } from '../../../../layout/pivot-header-layout';\nimport { regUrl } from '../../../../tools/global';\nimport type { BaseTableAPI } from '../../../../ts-types/base-table';\nimportStyle();\n\nconst CLASSNAME = 'vtable__menu-element';\nconst ITEM_CLASSNAME = `${CLASSNAME}__item`;\nconst CONTENT_CLASSNAME = `${CLASSNAME}__content`;\nconst HIDDEN_CLASSNAME = `${CLASSNAME}--hidden`;\nconst SHOWN_CLASSNAME = `${CLASSNAME}--shown`;\nconst NORAML_CLASSNAME = `${CLASSNAME}--normal`;\nconst SELECT_CLASSNAME = `${CLASSNAME}--select`;\nconst ICOM_CLASSNAME = `${CLASSNAME}__icon`;\nconst SPLIT_CLASSNAME = `${CLASSNAME}__split`;\nconst TITLE_CLASSNAME = `${CLASSNAME}__title`;\nconst ARROW_CLASSNAME = `${CLASSNAME}__arrow`;\nconst NOEVENT_CLASSNAME = `${CLASSNAME}__no-event`;\nconst ITEMTEXT_CLASSNAME = `${CLASSNAME}__item-text`;\n\nfunction createMenuDomElement(): HTMLElement {\n  const rootElement = createElement('div', [CLASSNAME, HIDDEN_CLASSNAME]);\n  return rootElement;\n}\n\nexport function isMenuHighlight(\n  _table: BaseTableAPI,\n  cells: DropDownMenuHighlightInfo[],\n  menuKeyCurrent: string,\n  colCurrent: number,\n  rowCurrent: number,\n  index: number\n) {\n  const cellRange = _table.getCellRange(colCurrent, rowCurrent);\n  for (let i = 0; i < cells.length; i++) {\n    const highlight = cells[i];\n    let { col, row } = highlight;\n    const { field, menuKey } = highlight;\n\n    if (typeof col !== 'number' || typeof row !== 'number') {\n      if (_table.isPivotTable() && typeof Array.isArray(field)) {\n        const cellAddress = (_table.internalProps.layoutMap as PivotHeaderLayoutMap).getPivotCellAdress(\n          field as IDimensionInfo[]\n        );\n        if (!cellAddress) {\n          continue;\n        }\n        col = cellAddress.col;\n        row = cellAddress.row;\n      } else {\n        const cellAddress = _table.internalProps.layoutMap.getHeaderCellAddressByField(field as string);\n        if (!cellAddress) {\n          continue;\n        }\n        col = cellAddress.col;\n        row = cellAddress.row;\n      }\n    }\n\n    if (isValid(col) && isValid(row) && cellInRange(cellRange, col, row)) {\n      // dropDownIndex在多级菜单中判断会有问题\n      // if (typeof dropDownIndex === 'number' && dropDownIndex === index) {\n      //   return true;\n      // }\n      if (menuKeyCurrent === menuKey) {\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\nexport class MenuElement {\n  private _handler: EventHandler;\n  private _rootElement?: HTMLElement;\n  private _secondElement?: HTMLElement;\n  private _menuInstanceInfo?: MenuInstanceInfo;\n  private _showChildrenIndex: number;\n  private _mouseEnterSecondElement: boolean;\n  constructor(table: BaseTableAPI) {\n    this._handler = new EventHandler();\n    this._rootElement = createMenuDomElement();\n    this._secondElement = createMenuDomElement();\n    (this._secondElement as any).sub = true;\n    this._showChildrenIndex = -1;\n\n    // 绑定交互事件\n    this._rootElement?.addEventListener('mousedown', e => {\n      e.stopPropagation();\n      e.preventDefault();\n    });\n    // 在移动端_rootElement的click事件在表格的touchend事件后触发，\n    // 表格的touchend事件会引发selecter.start，从而清空菜单\n    // 这样就会导致_rootElement的click事件无法触发\n    // 因此菜_rootElement监听touchend事件，在表格的touchend事件前触发\n    // 执行菜单点击功能\n    this._rootElement?.addEventListener('touchend', e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (this._rootElement.classList.contains(HIDDEN_CLASSNAME)) {\n        return;\n      }\n      // console.log('menu mousedown', e);\n      // 触发菜单条目点击事件\n      const { col, row, dropDownIndex, menuKey, text, hasChildren } = e.target as any;\n      if (typeof dropDownIndex !== 'number' || hasChildren) {\n        e.stopPropagation();\n        return;\n      }\n      // const field = table.getHeaderField(col, row);\n      const field = table.isPivotTable()\n        ? (table.internalProps.layoutMap as PivotHeaderLayoutMap).getPivotDimensionInfo(col, row)\n        : table.getHeaderField(col, row);\n\n      const highlight = table._dropDownMenuIsHighlight(col, row, dropDownIndex);\n      table.fireListeners(TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, {\n        col,\n        row,\n        field: <string>field,\n        menuKey,\n        // fieldKey,\n        // dropDownIndex,\n        text,\n        highlight,\n        cellType: table.getCellType(col, row)\n      });\n\n      table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null); // 清除菜单\n      table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null); // 清除菜单\n      // table.invalidateCell(col, row); // 更新状态图表\n      e.stopPropagation();\n    });\n    this._rootElement?.addEventListener('click', e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (this._rootElement.classList.contains(HIDDEN_CLASSNAME)) {\n        return;\n      }\n      // console.log('menu mousedown', e);\n      // 触发菜单条目点击事件\n      const { col, row, dropDownIndex, menuKey, text, hasChildren } = e.target as any;\n      if (typeof dropDownIndex !== 'number' || hasChildren) {\n        e.stopPropagation();\n        return;\n      }\n      // const field = table.getHeaderField(col, row);\n      const field = table.isPivotTable()\n        ? (table.internalProps.layoutMap as PivotHeaderLayoutMap).getPivotDimensionInfo(col, row)\n        : table.getHeaderField(col, row);\n\n      const highlight = table._dropDownMenuIsHighlight(col, row, dropDownIndex);\n      table.fireListeners(TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, {\n        col,\n        row,\n        field: <string>field,\n        menuKey,\n        // fieldKey,\n        // dropDownIndex,\n        text,\n        highlight,\n        cellType: table.getCellType(col, row)\n      });\n\n      table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null); // 清除菜单\n      table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null); // 清除菜单\n      e.stopPropagation();\n    });\n    this._rootElement?.addEventListener('mousemove', e => {\n      if (this._rootElement.classList.contains(HIDDEN_CLASSNAME)) {\n        return;\n      }\n\n      e.stopPropagation();\n\n      // 处理二级菜单\n      const { hasChildren, dropDownIndex, col, row, sub } = e.target as any;\n      if (hasChildren) {\n        // 更新二级菜单\n        this._showChildrenIndex = dropDownIndex;\n        const secondElement = this._secondElement;\n        secondElement?.classList.remove(HIDDEN_CLASSNAME);\n        secondElement?.classList.add(SHOWN_CLASSNAME);\n        secondElement.innerHTML = '';\n\n        // 添加item\n        const children = (this._menuInstanceInfo.content[dropDownIndex] as any)?.children;\n        for (let i = 0; i < children.length; i++) {\n          const menuItem = children[i];\n          const isHighlight = table.stateManeger.menu.dropDownMenuHighlight\n            ? isMenuHighlight(\n                table,\n                table.stateManeger.menu.dropDownMenuHighlight,\n                typeof menuItem === 'object' ? menuItem?.menuKey || menuItem?.text : menuItem,\n                col,\n                row,\n                i\n              )\n            : false;\n\n          const item = createItem(menuItem, isHighlight) as any;\n          // dom绑定相关属性\n          item.col = col;\n          item.row = row;\n          item.dropDownIndex = i;\n          if (typeof menuItem === 'string') {\n            item.text = menuItem;\n            item.menuKey = menuItem;\n          } else if (typeof menuItem === 'object') {\n            item.text = menuItem.text;\n            item.menuKey = menuItem.menuKey || menuItem.text;\n          }\n          item.sub = true;\n          item.sub = true;\n          secondElement.appendChild(item);\n        }\n\n        // 对齐菜单位置\n        const rect = (e.target as any).getBoundingClientRect();\n        this._bindSecondElement(table, col, row, rect.right, rect.top);\n      } else if (hasChildren && this._showChildrenIndex === dropDownIndex) {\n        const secondElement = this._secondElement;\n        secondElement?.classList.remove(HIDDEN_CLASSNAME);\n        secondElement?.classList.add(SHOWN_CLASSNAME);\n      } else if (!sub && this._secondElement?.classList.contains(SHOWN_CLASSNAME)) {\n        setTimeout(() => {\n          //因为增加了主菜单和子菜单的间距 鼠标在移入子菜单的过程中 可能引起子菜单消失 这里增加延时处理\n          if (this._mouseEnterSecondElement !== true) {\n            this._showChildrenIndex = -1;\n            const secondElement = this._secondElement;\n            secondElement?.classList.remove(SHOWN_CLASSNAME);\n            secondElement?.classList.add(HIDDEN_CLASSNAME);\n          }\n        }, 300);\n      }\n    });\n\n    this._secondElement?.addEventListener('mousemove', e => {\n      if (this._rootElement.classList.contains(HIDDEN_CLASSNAME)) {\n        return;\n      }\n      // console.log('menu mousemove', e);\n      // table.hoverIcon = undefined;\n\n      e.stopPropagation();\n    });\n    this._secondElement?.addEventListener('mouseenter', e => {\n      this._mouseEnterSecondElement = true;\n    });\n    this._secondElement?.addEventListener('mouseleave', e => {\n      this._mouseEnterSecondElement = false;\n    });\n    this._secondElement?.addEventListener('mousedown', e => {\n      e.stopPropagation();\n      e.preventDefault();\n    });\n    this._secondElement?.addEventListener('click', e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (this._secondElement.classList.contains(HIDDEN_CLASSNAME)) {\n        return;\n      }\n      // 触发菜单条目点击事件\n      const { col, row, dropDownIndex, menuKey, text, hasChildren } = e.target as any;\n      if (typeof dropDownIndex !== 'number' || hasChildren) {\n        e.stopPropagation();\n        return;\n      }\n      const field = table.isPivotTable()\n        ? (table.internalProps.layoutMap as PivotHeaderLayoutMap).getPivotDimensionInfo(col, row)\n        : table.getHeaderField(col, row);\n      let highlight = false;\n      const menus = <MenuListItem[]>this._menuInstanceInfo.content;\n      menus.forEach((menu, i) => {\n        if (typeof menu === 'object' && menu.children && menu.children.length) {\n          for (let j = 0; j < menu.children.length; j++) {\n            const childItem = menu.children[j];\n            if (\n              isMenuHighlight(\n                table,\n                table.stateManeger.menu.dropDownMenuHighlight,\n                typeof childItem === 'object' ? childItem?.menuKey : childItem,\n                col,\n                row,\n                -1\n              ) &&\n              menuKey === (typeof childItem === 'object' ? childItem?.menuKey : childItem)\n            ) {\n              highlight = true;\n              return;\n            }\n          }\n        }\n      });\n\n      table.fireListeners(TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, {\n        col,\n        row,\n        field: <string>field,\n        cellHeaderPaths: table.isPivotTable() ? table.getCellHeaderPaths(col, row) : undefined,\n        menuKey,\n        text,\n        highlight,\n        cellType: table.getCellType(col, row)\n      });\n\n      table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null); // 清除菜单\n      table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null); // 清除菜单\n      e.stopPropagation();\n    });\n  }\n  get rootElement() {\n    return this._rootElement;\n  }\n  dispose(): void {\n    this.unbindFromCell();\n\n    const rootElement = this._rootElement;\n    if (rootElement?.parentElement) {\n      rootElement.parentElement.removeChild(rootElement);\n    }\n\n    this._handler.dispose();\n    delete this._rootElement;\n  }\n  bindToCell(table: BaseTableAPI, col: number, row: number, menuInstanceInfo: MenuInstanceInfo): boolean {\n    const rootElement = this._rootElement;\n    const secondElement = this._secondElement;\n    this._menuInstanceInfo = menuInstanceInfo;\n\n    rootElement?.classList.remove(SHOWN_CLASSNAME);\n    rootElement?.classList.add(HIDDEN_CLASSNAME);\n    secondElement?.classList.remove(SHOWN_CLASSNAME);\n    secondElement?.classList.add(HIDDEN_CLASSNAME);\n\n    if (this._canBindToCell(table, col, row)) {\n      // messageElement && (messageElement.textContent = 'aaa');\n      // 生成下拉菜单dom\n      rootElement.innerHTML = '';\n\n      if (Array.isArray(menuInstanceInfo.content)) {\n        const menuListItem = menuInstanceInfo.content;\n        for (let i = 0; i < menuListItem?.length ?? 0; i++) {\n          const menuItem = menuListItem[i];\n          let isHighlight = table.stateManeger.menu.dropDownMenuHighlight\n            ? isMenuHighlight(\n                table,\n                table.stateManeger.menu.dropDownMenuHighlight,\n                typeof menuItem === 'object' ? menuItem?.menuKey || menuItem?.text : menuItem,\n                col,\n                row,\n                i\n              )\n            : false;\n\n          if (\n            table.stateManeger.menu.dropDownMenuHighlight &&\n            typeof menuItem === 'object' &&\n            Array.isArray(menuItem.children) &&\n            menuItem.children.length\n          ) {\n            // 判断子项目是否高亮\n            for (let i = 0; i < menuItem.children.length; i++) {\n              const childItem = menuItem.children[i];\n              // eslint-disable-next-line max-depth\n              if (\n                isMenuHighlight(\n                  table,\n                  table.stateManeger.menu.dropDownMenuHighlight,\n                  typeof childItem === 'object' ? childItem?.menuKey || childItem?.text : childItem,\n                  col,\n                  row,\n                  i\n                )\n              ) {\n                isHighlight = true;\n                break;\n              }\n            }\n          }\n\n          const item = createItem(menuItem, isHighlight) as any;\n          // dom绑定相关属性\n          item.col = col;\n          item.row = row;\n          item.dropDownIndex = i;\n          if (typeof menuItem === 'string') {\n            item.text = menuItem;\n            item.menuKey = menuItem;\n          } else if (typeof menuItem === 'object') {\n            item.text = menuItem.text;\n            item.menuKey = menuItem.menuKey || menuItem.text;\n            if (menuItem.children?.length) {\n              item.hasChildren = true;\n            }\n          }\n          rootElement.appendChild(item);\n        }\n      }\n      const binded = this._bindToCell(table, col, row, menuInstanceInfo.position, menuInstanceInfo.referencePosition);\n\n      if (binded) {\n        rootElement?.classList.add(SHOWN_CLASSNAME);\n        rootElement?.classList.remove(HIDDEN_CLASSNAME);\n        return true;\n      }\n    } else {\n      this.unbindFromCell();\n    }\n    return false;\n  }\n  unbindFromCell(): void {\n    const rootElement = this._rootElement;\n    const secondElement = this._secondElement;\n    this._menuInstanceInfo = undefined;\n    if (rootElement?.parentElement) {\n      rootElement.classList.remove(SHOWN_CLASSNAME);\n      rootElement.classList.add(HIDDEN_CLASSNAME);\n    }\n    if (secondElement?.parentElement) {\n      secondElement.classList.remove(SHOWN_CLASSNAME);\n      secondElement.classList.add(HIDDEN_CLASSNAME);\n    }\n  }\n  _canBindToCell(table: BaseTableAPI, col: number, row: number): boolean {\n    const rect = table.getCellRangeRelativeRect({ col, row });\n    const element = table.getElement();\n    const { top, bottom, left, right } = rect;\n    const { frozenRowCount, frozenColCount } = table;\n    if (row >= frozenRowCount && frozenRowCount > 0) {\n      const frozenRect = table.getCellRangeRelativeRect({ col, row: frozenRowCount - 1 });\n      if (bottom < frozenRect.bottom) {\n        return false;\n      }\n    } else if (bottom < 0) {\n      return false;\n    }\n    if (col >= frozenColCount && frozenColCount > 0) {\n      const frozenRect = table.getCellRangeRelativeRect({ col: frozenColCount - 1, row });\n      if (right < frozenRect.right) {\n        //整个是被冻结列盖住的 不需要提示toolTip\n        return false;\n      }\n    } else if (right < 0) {\n      return false;\n    }\n    const { offsetHeight, offsetWidth } = element;\n    if (offsetHeight < top) {\n      return false;\n    }\n    if (offsetWidth < left) {\n      return false;\n    }\n    return true;\n  }\n  _bindToCell(\n    table: BaseTableAPI,\n    col: number,\n    row: number,\n    position?: { x: number; y: number },\n    referencePosition?: { rect: RectProps; placement?: Placement }\n  ): boolean {\n    const rootElement = this._rootElement;\n    const element = table.getElement();\n    const { width: containerWidth, height: containerHeight } = table.internalProps.element.getBoundingClientRect();\n    if (rootElement) {\n      if (rootElement.parentElement !== element) {\n        element.appendChild(rootElement); // 之前在做dom边缘躲避的时候放到了table.getParentElement()上，但发现不是相对定位导致位置错位\n      }\n      rootElement.style.left = `0px`;\n      //设置最宽尺寸\n      const maxWidth = containerWidth * 0.8;\n      rootElement.style.maxWidth = `${maxWidth}px`;\n      //计算弹出框的宽度\n      const rootElementWidth = rootElement.clientWidth;\n      const rootElementHeight = rootElement.clientHeight;\n      let rootElementLeft;\n      let rootElementTop;\n      if (position) {\n        rootElementLeft = position.x + (table as any).tableX;\n        rootElementTop = position.y + (table as any).tableY;\n      } else if (referencePosition) {\n        rootElementLeft = referencePosition.rect.right - rootElementWidth + (table as any).tableX;\n        rootElementTop = referencePosition.rect.bottom + (table as any).tableY;\n      }\n      //  rootElementLeft = position.x - rootElementWidth;\n      // let leftStyle = rootElementLeft;\n      // 检测下方能否容纳，不能容纳向上偏移\n      if (rootElementTop + rootElementHeight > containerHeight) {\n        rootElementTop = containerHeight - rootElementHeight;\n        rootElementLeft += rootElementWidth - 2;\n      }\n      // 偏移后上方超出canvas范围，居中显示\n      if (rootElementTop < 0) {\n        rootElementTop = rootElementTop / 2;\n      }\n      rootElement.style.top = `${rootElementTop}px`;\n\n      // 判断如果超出左右范围则靠边显示\n      if (rootElementLeft < 0) {\n        rootElementLeft = 0;\n      } else if (rootElementLeft + rootElementWidth > containerWidth) {\n        rootElementLeft = containerWidth - rootElementWidth;\n      }\n      rootElement.style.left = `${rootElementLeft}px`;\n\n      return true;\n    }\n    return false;\n  }\n  _bindSecondElement(table: BaseTableAPI, col: number, row: number, x: number, y: number): boolean {\n    const secondElement = this._secondElement;\n    const rootElement = this._rootElement;\n    const element = table.getElement();\n    const {\n      width: containerWidth,\n      left: containerLeft,\n      top: containerTop\n    } = table.internalProps.element.getBoundingClientRect();\n    const { x: rootLeft, y: rootTop, width: rootWidth } = rootElement.getBoundingClientRect();\n\n    if (secondElement) {\n      // if (secondElement.parentElement !== rootElement) {\n      //   rootElement.appendChild(secondElement);\n      // }\n      if (secondElement.parentElement !== element) {\n        element.appendChild(secondElement);\n      }\n\n      secondElement.style.left = `0px`;\n      //设置最宽尺寸\n      const maxWidth = containerWidth * 0.8;\n      secondElement.style.maxWidth = `${maxWidth}px`;\n      //计算弹出框的宽度\n      const secondElementWidth = secondElement.clientWidth;\n      // const secondElementHeight = secondElement.clientHeight;\n\n      const secondElementTop = y - 4 - containerTop;\n      const secondElementLeft = x - containerLeft;\n\n      secondElement.style.top = `${secondElementTop}px`;\n      let leftStyle = secondElementLeft;\n\n      // 判断如果超出右范围则靠左边显示\n      if (leftStyle + secondElementWidth > containerWidth) {\n        leftStyle = leftStyle - secondElementWidth - rootWidth;\n      } else {\n        leftStyle += 4; //位置调整 需要和主菜单之间有4px的间隔\n      }\n      secondElement.style.left = `${leftStyle}px`;\n\n      return true;\n    }\n    return false;\n  }\n  /** 鼠标坐标位置 是否位于下拉菜单内 */\n  pointInMenuElement(x: number, y: number): boolean {\n    const rootElement = this._rootElement;\n\n    const { x: rootLeft, y: rootTop, width: rootWidth, height: rootHeight } = rootElement.getBoundingClientRect();\n    if (x > rootLeft - 5 && x < rootLeft + rootWidth + 5 && y > rootTop - 5 && y < rootTop + rootHeight + 5) {\n      return true;\n    }\n    const secondElement = this._secondElement;\n    if (secondElement) {\n      const {\n        x: secondLeft,\n        y: secondTop,\n        width: secondWidth,\n        height: secondHeight\n      } = rootElement.getBoundingClientRect();\n      if (\n        x > secondLeft - 5 &&\n        x < secondLeft + secondWidth + 5 &&\n        y > secondTop - 5 &&\n        y < secondTop + secondHeight + 5\n      ) {\n        return true;\n      }\n    }\n    return false;\n  }\n}\n\nfunction createItem(info: MenuListItem, isHighlight: boolean): HTMLDivElement {\n  const itemContainer = createElement('div', [\n    ITEM_CLASSNAME,\n    isHighlight ? SELECT_CLASSNAME : NORAML_CLASSNAME\n  ]) as HTMLDivElement;\n\n  if (typeof info === 'string') {\n    const item = createElement('span', [CONTENT_CLASSNAME, NOEVENT_CLASSNAME, ITEMTEXT_CLASSNAME]);\n    item.innerHTML = info;\n    itemContainer.appendChild(item);\n  } else if (typeof info === 'object') {\n    const type = info.type ?? 'item';\n    if (type === 'split') {\n      itemContainer?.classList.add(SPLIT_CLASSNAME);\n      return itemContainer;\n    }\n    if (info?.icon?.svg) {\n      if (regUrl.test(info.icon.svg)) {\n        const image = new Image();\n        if (info.icon.width) {\n          image.style.width = info.icon.width.toString() + 'px';\n        } else {\n          image.style.width = '16px';\n        }\n        if (info.icon.height) {\n          image.style.height = info.icon.height.toString() + 'px';\n        } else {\n          image.style.height = '16px';\n        }\n        image.src = info.icon.svg;\n        itemContainer.appendChild(image);\n      } else {\n        const svg = createElement('span', [ICOM_CLASSNAME, NOEVENT_CLASSNAME]);\n        svg.innerHTML =\n          isHighlight && info.selectedIcon && info.selectedIcon.svg ? info.selectedIcon.svg : info.icon.svg;\n        info.icon.width && (svg.children[0] as SVGElement).setAttribute('width', info.icon.width.toString());\n        info.icon.height && (svg.children[0] as SVGElement).setAttribute('height', info.icon.height.toString());\n        itemContainer.appendChild(svg);\n      }\n    }\n    const item = createElement('span', [CONTENT_CLASSNAME, NOEVENT_CLASSNAME, ITEMTEXT_CLASSNAME]);\n    item.innerHTML = info.text;\n    itemContainer.appendChild(item);\n    if (type === 'title') {\n      itemContainer?.classList.add(NOEVENT_CLASSNAME, TITLE_CLASSNAME);\n    } else if (info?.children?.length) {\n      const arrow = createElement('span', [CONTENT_CLASSNAME, NOEVENT_CLASSNAME, ARROW_CLASSNAME]);\n      arrow.innerHTML = isHighlight\n        ? '<svg width=\"8\" height=\"12\" viewBox=\"0 0 10 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"vertical-align: baseline\"><path d=\"M1.78186 16.7729L0.300378 15.2915L6.8189 8.77295L0.300377 2.25443L1.78186 0.77295L9.78186 8.77295L1.78186 16.7729Z\" fill=\"#2E68CF\" fill-opacity=\"0.65\"></path></svg>'\n        : '<svg width=\"8\" height=\"12\" viewBox=\"0 0 10 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"vertical-align: baseline\"><path d=\"M1.78186 16.7729L0.300378 15.2915L6.8189 8.77295L0.300377 2.25443L1.78186 0.77295L9.78186 8.77295L1.78186 16.7729Z\" fill=\"#141414\" fill-opacity=\"0.65\"></path></svg>';\n      itemContainer.appendChild(arrow);\n    }\n  }\n  return itemContainer;\n}\n"]}

package/es/components/menu/dom/logic/MenuElementStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/menu/dom/logic/MenuElementStyle.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW;IACzB,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,GAAG,wBAAwB,CAAC;IAC3C,YAAY,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuF5B,CAAC;IAEA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;AAC1C,CAAC","file":"MenuElementStyle.js","sourcesContent":["export function importStyle() {\n  const styleElement = document.createElement('style');\n  styleElement.id = 'vtable-menu-styleSheet';\n  styleElement.textContent = `\n@keyframes vtable__menu-element--shown-animation {\n\t0% {\n\t\topacity: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t}\n}\n.vtable__menu-element {\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tborder-radius: 4px;\n\tbackground-color: #fff;\n\tpadding: 6px 0;\n\t/* pointer-events: none; */\n\tuser-select: none;\n\tcolor: #000;\n\tmax-width: 300px;\n\tz-index: 99999;\n\tborder: #CCC 0.5px solid;\n\tcursor: default;\n\twidth: max-content;\n\tbox-shadow: 0px 8px 16px rgba(27, 31, 35, 0.12);\n}\n.vtable__menu-element--hidden {\n\topacity: 0;\n\t/* transform: translate(-50%, -50%); */\n\ttransition: opacity 75ms linear;\n\tz-index: -9999;\n}\n.vtable__menu-element--shown {\n\topacity: 1;\n\t/* transform: translate(-50%, -50%); */\n\tanimation: vtable__menu-element--shown-animation 150ms ease-out;\n}\n.vtable__menu-element__content {\n\tfont-family: Roboto;\n\tfont-size: 12px;\n\toverflow: hidden;\n\tdisplay: inline-block;\n\t/* height: 100%; */\n\tline-height: 30px;\n}\n.vtable__menu-element__item {\n\theight: 32px;\n\tpadding: 0px 12px;\n\tcursor: pointer;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n}\n.vtable__menu-element__item:hover {\n\tbackground-color: rgba(27, 31, 35, 0.06);\n}\n.vtable__menu-element__icon{\n\t/* vertical-align: top; */\n\tdisplay: flex;\n\t/* line-height: 30px; */\n\tmargin-right: 6px;\n}\n.vtable__menu-element__no-event {\n\tpointer-events: none;\n}\n.vtable__menu-element--select {\n\tcolor: #2E68CF;\n}.vtable__menu-element--normal {\n\tcolor: rgba(20, 20, 20, 0.9);;\n}\n.vtable__menu-element__split {\n\theight: 0px;\n\tborder: 1px solid rgb(209, 213, 218);\n\tmargin: 5px 0;\n}\n.vtable__menu-element__title {\n\tcolor: rgb(149, 149, 149);\n}\n.vtable__menu-element__arrow {\n\tposition: absolute;\n\tright: 3px;\n\tfont-weight: bold;\n\tmargin-top: 1px;\n}\n.vtable__menu-element__item-text {\n\tmargin-right: 15px;\n}\n`;\n\n  document.body.appendChild(styleElement);\n}\n"]}

package/es/components/title/title.d.ts

@@ -0,0 +1,12 @@
+import type { ITitle } from '../../ts-types/component/title';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export declare class Title {
+    table: BaseTableAPI;
+    _titleOption: ITitle;
+    private _titleComponent;
+    private _cacheAttrs;
+    constructor(titleOption: ITitle, table: BaseTableAPI);
+    private _createOrUpdateTitleComponent;
+    dispose(): void;
+    private _getTitleAttrs;
+}

package/es/components/title/title.js

@@ -0,0 +1,61 @@
+import { Title as TitleComponents } from "@visactor/vrender-components";
+
+import { getQuadProps } from "../../scenegraph/utils/padding";
+
+import { isEqual } from "@visactor/vutils";
+
+export class Title {
+    constructor(titleOption, table) {
+        this.table = table, this._titleOption = titleOption, this._titleComponent = this._createOrUpdateTitleComponent(this._getTitleAttrs());
+    }
+    _createOrUpdateTitleComponent(attrs) {
+        var _a, _b, _c, _d;
+        if (this._titleComponent) isEqual(attrs, this._cacheAttrs) || this._titleComponent.setAttributes(attrs); else {
+            const title = new TitleComponents(attrs);
+            title.name = "title", this.table.scenegraph.stage.defaultLayer.appendChild(title), 
+            this._titleComponent = title;
+        }
+        let width = isFinite(this._titleComponent.AABBBounds.width()) ? this._titleComponent.AABBBounds.width() : 0;
+        const height = isFinite(this._titleComponent.AABBBounds.height()) ? this._titleComponent.AABBBounds.height() : 0, rectWidth = this.table.tableNoFrameWidth, rectHeight = this.table.tableNoFrameHeight, padding = getQuadProps(null !== (_b = null !== (_a = attrs.padding) && void 0 !== _a ? _a : this._titleOption.padding) && void 0 !== _b ? _b : 10);
+        let x = 0, y = 0;
+        return "left" === this._titleOption.orient ? (x = padding[3], y = 0) : "top" === this._titleOption.orient ? (x = 0, 
+        y = padding[0]) : "right" === this._titleOption.orient ? (x = rectWidth - width - padding[1], 
+        y = 0, width += padding[1] + padding[3]) : "bottom" === this._titleOption.orient && (x = 0, 
+        y = rectHeight - height - padding[2]), "left" === this._titleOption.orient ? (this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width), 
+        this.table.tableX = Math.ceil(width)) : "top" === this._titleOption.orient ? (this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height), 
+        this.table.tableY = Math.ceil(height)) : "right" === this._titleOption.orient ? this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width) : "bottom" === this._titleOption.orient && (this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height)), 
+        this._cacheAttrs = attrs, "right" !== this._titleOption.orient && "bottom" !== this._titleOption.orient || this._titleComponent.setAttributes({
+            x: (null !== (_c = this._titleOption.x) && void 0 !== _c ? _c : "right" === this._titleOption.orient) ? this.table.tableX + this.table.tableNoFrameWidth : this.table.tableX,
+            y: (null !== (_d = this._titleOption.y) && void 0 !== _d ? _d : "bottom" === this._titleOption.orient) ? this.table.tableY + this.table.tableNoFrameHeight : this.table.tableY
+        }), this._titleComponent;
+    }
+    dispose() {
+        this._titleComponent = null;
+    }
+    _getTitleAttrs() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const padding = getQuadProps(null !== (_a = this._titleOption.padding) && void 0 !== _a ? _a : 10), realWidth = null !== (_b = this._titleOption.width) && void 0 !== _b ? _b : this.table.tableNoFrameWidth - padding[1] - padding[3];
+        return {
+            text: null !== (_c = this._titleOption.text) && void 0 !== _c ? _c : "",
+            subtext: null !== (_d = this._titleOption.subtext) && void 0 !== _d ? _d : "",
+            x: (null !== (_e = this._titleOption.x) && void 0 !== _e ? _e : "right" === this._titleOption.orient) ? this.table.tableX + this.table.tableNoFrameWidth : this.table.tableX,
+            y: (null !== (_f = this._titleOption.y) && void 0 !== _f ? _f : "bottom" === this._titleOption.orient) ? this.table.tableY + this.table.tableNoFrameHeight : this.table.tableY,
+            width: realWidth,
+            height: this._titleOption.height,
+            minWidth: this._titleOption.minWidth,
+            maxWidth: this._titleOption.maxWidth,
+            minHeight: this._titleOption.minHeight,
+            maxHeight: this._titleOption.maxHeight,
+            padding: this._titleOption.padding,
+            align: null !== (_g = this._titleOption.align) && void 0 !== _g ? _g : "left",
+            verticalAlign: null !== (_h = this._titleOption.verticalAlign) && void 0 !== _h ? _h : "top",
+            textStyle: Object.assign({
+                width: realWidth
+            }, this._titleOption.textStyle),
+            subtextStyle: Object.assign({
+                width: realWidth
+            }, this._titleOption.subtextStyle)
+        };
+    }
+}
+//# sourceMappingURL=title.js.map

package/es/components/title/title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["import { Title as TitleComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { TitleAttrs } from '@visactor/vrender-components';\nimport type { ITitle } from '../../ts-types/component/title';\nimport { getQuadProps } from '../../scenegraph/utils/padding';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport { isEqual } from '@visactor/vutils';\nexport class Title {\n  table: BaseTableAPI;\n  _titleOption: ITitle;\n  private _titleComponent: TitleComponents;\n  private _cacheAttrs: TitleAttrs;\n  constructor(titleOption: ITitle, table: BaseTableAPI) {\n    this.table = table;\n    this._titleOption = titleOption;\n    this._titleComponent = this._createOrUpdateTitleComponent(this._getTitleAttrs());\n  }\n\n  private _createOrUpdateTitleComponent(attrs: TitleAttrs): TitleComponents {\n    if (this._titleComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._titleComponent.setAttributes(attrs);\n      }\n    } else {\n      const title = new TitleComponents(attrs);\n      title.name = 'title';\n      this.table.scenegraph.stage.defaultLayer.appendChild(title);\n      this._titleComponent = title;\n      // 代理 title 组件上的事件\n      // title.on('*', (event: any, type: string) => this._delegateEvent(title as unknown as INode, event, type));\n    }\n    // update table size\n\n    // 调整位置\n    let width = isFinite(this._titleComponent.AABBBounds.width()) ? this._titleComponent.AABBBounds.width() : 0;\n    const height = isFinite(this._titleComponent.AABBBounds.height()) ? this._titleComponent.AABBBounds.height() : 0;\n    const rectWidth = this.table.tableNoFrameWidth;\n    const rectHeight = this.table.tableNoFrameHeight;\n    const padding = getQuadProps((attrs.padding as number | number[]) ?? this._titleOption.padding ?? 10);\n\n    let x = 0;\n    let y = 0;\n    if (this._titleOption.orient === 'left') {\n      x = padding[3];\n      y = 0;\n      // width += padding[1] + padding[3];\n    } else if (this._titleOption.orient === 'top') {\n      x = 0;\n      y = padding[0];\n      // height += padding[0] + padding[2];\n    } else if (this._titleOption.orient === 'right') {\n      x = rectWidth - width - padding[1];\n      y = 0;\n      width += padding[1] + padding[3];\n    } else if (this._titleOption.orient === 'bottom') {\n      x = 0;\n      y = rectHeight - height - padding[2];\n      // height += padding[0] + padding[2];\n    }\n    if (this._titleOption.orient === 'left') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n      this.table.tableX = Math.ceil(width);\n    } else if (this._titleOption.orient === 'top') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n      this.table.tableY = Math.ceil(height);\n    } else if (this._titleOption.orient === 'right') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n    } else if (this._titleOption.orient === 'bottom') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n    }\n    this._cacheAttrs = attrs;\n    if (this._titleOption.orient === 'right' || this._titleOption.orient === 'bottom') {\n      this._titleComponent.setAttributes({\n        x:\n          this._titleOption.x ?? this._titleOption.orient === 'right'\n            ? this.table.tableX + this.table.tableNoFrameWidth\n            : this.table.tableX,\n        y:\n          this._titleOption.y ?? this._titleOption.orient === 'bottom'\n            ? this.table.tableY + this.table.tableNoFrameHeight\n            : this.table.tableY\n      });\n    }\n    return this._titleComponent;\n  }\n\n  dispose(): void {\n    this._titleComponent = null;\n  }\n  private _getTitleAttrs() {\n    const padding = getQuadProps(this._titleOption.padding ?? 10);\n    const realWidth = this._titleOption.width ?? this.table.tableNoFrameWidth - padding[1] - padding[3];\n    return {\n      text: this._titleOption.text ?? '',\n      subtext: this._titleOption.subtext ?? '',\n      x:\n        this._titleOption.x ?? this._titleOption.orient === 'right'\n          ? this.table.tableX + this.table.tableNoFrameWidth\n          : this.table.tableX,\n      y:\n        this._titleOption.y ?? this._titleOption.orient === 'bottom'\n          ? this.table.tableY + this.table.tableNoFrameHeight\n          : this.table.tableY,\n      width: realWidth,\n      height: this._titleOption.height,\n      minWidth: this._titleOption.minWidth,\n      maxWidth: this._titleOption.maxWidth,\n      minHeight: this._titleOption.minHeight,\n      maxHeight: this._titleOption.maxHeight,\n      padding: this._titleOption.padding,\n      align: this._titleOption.align ?? 'left',\n      verticalAlign: this._titleOption.verticalAlign ?? 'top',\n      textStyle: {\n        width: realWidth,\n        ...this._titleOption.textStyle\n      },\n      subtextStyle: {\n        width: realWidth,\n        ...this._titleOption.subtextStyle\n      }\n    } as TitleAttrs;\n  }\n}\n"]}