@visactor/vtable 0.9.0-alpha.0-alpha.0

package/cjs/scenegraph/component/custom.js

@@ -0,0 +1,212 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.dealWithCustom = void 0;
+
+const vrender_1 = require("@visactor/vrender"), util_1 = require("../../tools/util"), group_1 = require("../graphic/group"), icon_1 = require("../graphic/icon"), text_1 = require("../graphic/text");
+
+function dealWithCustom(customLayout, customRender, col, row, width, height, autoWidth, autoHeight, table) {
+    let expectedWidth, expectedHeight, customElements, elementsGroup, renderDefault = !0;
+    if ("function" == typeof customLayout) {
+        const customRenderObj = customLayout({
+            col: col,
+            row: row,
+            dataValue: table.getCellOriginValue(col, row),
+            value: table.getCellValue(col, row) || "",
+            rect: {
+                left: 0,
+                top: 0,
+                right: width,
+                bottom: height,
+                width: width,
+                height: height
+            },
+            table: table
+        });
+        customElements = customRenderObj.rootContainer.getElements(void 0, !1, !1), renderDefault = customRenderObj.renderDefault;
+    } else if ("function" == typeof customRender) {
+        const customRenderObj = customRender({
+            col: col,
+            row: row,
+            dataValue: table.getCellOriginValue(col, row),
+            value: table.getCellValue(col, row) || "",
+            rect: {
+                left: 0,
+                top: 0,
+                right: width,
+                bottom: height,
+                width: width,
+                height: height
+            },
+            table: table
+        });
+        customElements = customRenderObj.elements, renderDefault = customRenderObj.renderDefault, 
+        expectedWidth = customRenderObj.expectedWidth, expectedHeight = customRenderObj.expectedHeight;
+    } else customRender && (expectedWidth = customRender.expectedWidth, expectedHeight = customRender.expectedHeight, 
+    customElements = customRender.elements, renderDefault = customRender.renderDefault);
+    if (customElements) {
+        elementsGroup = adjustElementToGroup(customElements, autoWidth ? expectedWidth : width, autoHeight ? expectedHeight : height, table.getCellValue(col, row));
+    }
+    return {
+        elementsGroup: elementsGroup,
+        renderDefault: renderDefault
+    };
+}
+
+function adjustElementToGroup(elements, width, height, value) {
+    const customGroup = new group_1.Group({
+        x: 0,
+        y: 0,
+        width: width,
+        height: height,
+        pickable: !1
+    });
+    customGroup.name = "custom-container";
+    return adjustElementsPos(elements, width, height, value).forEach((element => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
+        switch (element.type) {
+          case "arc":
+            const arc = (0, vrender_1.createArc)({
+                x: element.x,
+                y: element.y,
+                dx: null !== (_a = element.dx) && void 0 !== _a ? _a : 0,
+                dy: null !== (_b = element.dy) && void 0 !== _b ? _b : 0,
+                fill: !!element.fillColor,
+                fillColor: element.fillColor,
+                stroke: !!element.strokeColor,
+                strokeColor: element.strokeColor,
+                outerRadius: element.radius,
+                startAngle: element.startAngle,
+                endAngle: element.endAngle,
+                pickable: !!element.clickable,
+                cursor: element.cursor
+            });
+            customGroup.appendChild(arc);
+            break;
+
+          case "text":
+            if (element.background) {
+                const expandX = null !== (_d = null === (_c = element.background) || void 0 === _c ? void 0 : _c.expandX) && void 0 !== _d ? _d : 0, expandY = null !== (_f = null === (_e = element.background) || void 0 === _e ? void 0 : _e.expandY) && void 0 !== _f ? _f : 0, textBackRect = (0, 
+                vrender_1.createRect)({
+                    x: element.x - expandX,
+                    y: element.y - expandY,
+                    dx: null !== (_g = element.dx) && void 0 !== _g ? _g : 0,
+                    dy: null !== (_h = element.dy) && void 0 !== _h ? _h : 0,
+                    width: element.width + 2 * expandX,
+                    height: element.height + 2 * expandY,
+                    borderRadius: null !== (_k = null === (_j = element.background) || void 0 === _j ? void 0 : _j.borderRadius) && void 0 !== _k ? _k : 0,
+                    fill: !0,
+                    fillColor: null !== (_m = null === (_l = element.background) || void 0 === _l ? void 0 : _l.fillColor) && void 0 !== _m ? _m : "#888"
+                });
+                customGroup.appendChild(textBackRect);
+            }
+            const text = new text_1.WrapText(Object.assign({
+                fill: !!element.fillColor,
+                stroke: !!element.strokeColor,
+                pickable: !!element.clickable
+            }, element));
+            customGroup.appendChild(text);
+            break;
+
+          case "rect":
+            const rect = (0, vrender_1.createRect)({
+                x: element.x,
+                y: element.y,
+                dx: null !== (_o = element.dx) && void 0 !== _o ? _o : 0,
+                dy: null !== (_p = element.dy) && void 0 !== _p ? _p : 0,
+                width: element.width,
+                height: element.height,
+                borderRadius: element.radius,
+                fill: !!element.fillColor,
+                fillColor: element.fillColor,
+                stroke: !!element.strokeColor,
+                strokeColor: element.strokeColor,
+                pickable: !!element.clickable,
+                cursor: element.cursor
+            });
+            customGroup.appendChild(rect);
+            break;
+
+          case "circle":
+            const circle = (0, vrender_1.createCircle)({
+                x: element.x,
+                y: element.y,
+                dx: null !== (_q = element.dx) && void 0 !== _q ? _q : 0,
+                dy: null !== (_r = element.dy) && void 0 !== _r ? _r : 0,
+                radius: element.radius,
+                fill: !!element.fillColor,
+                fillColor: element.fillColor,
+                stroke: !!element.strokeColor,
+                strokeColor: element.strokeColor,
+                pickable: !!element.clickable,
+                cursor: element.cursor
+            });
+            customGroup.appendChild(circle);
+            break;
+
+          case "icon":
+            const icon = new icon_1.Icon({
+                x: element.x,
+                y: element.y,
+                dx: null !== (_s = element.dx) && void 0 !== _s ? _s : 0,
+                dy: null !== (_t = element.dy) && void 0 !== _t ? _t : 0,
+                width: element.width,
+                height: element.height,
+                image: element.svg,
+                backgroundWidth: element.hover ? null !== (_u = element.hover.width) && void 0 !== _u ? _u : element.width : void 0,
+                backgroundHeight: element.hover ? null !== (_v = element.hover.width) && void 0 !== _v ? _v : element.width : void 0,
+                backgroundColor: element.hover ? null !== (_w = element.hover.bgColor) && void 0 !== _w ? _w : "rgba(22,44,66,0.2)" : void 0,
+                pickable: !!element.clickable,
+                cursor: element.cursor
+            });
+            icon.role = "icon-custom", customGroup.appendChild(icon);
+            break;
+
+          case "image":
+            const image = new icon_1.Icon({
+                x: element.x,
+                y: element.y,
+                dx: null !== (_x = element.dx) && void 0 !== _x ? _x : 0,
+                dy: null !== (_y = element.dy) && void 0 !== _y ? _y : 0,
+                width: element.width,
+                height: element.height,
+                image: element.src,
+                backgroundWidth: element.hover ? null !== (_z = element.hover.width) && void 0 !== _z ? _z : element.width : void 0,
+                backgroundHeight: element.hover ? null !== (_0 = element.hover.width) && void 0 !== _0 ? _0 : element.width : void 0,
+                backgroundColor: element.hover ? null !== (_1 = element.hover.bgColor) && void 0 !== _1 ? _1 : "rgba(22,44,66,0.2)" : void 0,
+                pickable: !!element.clickable,
+                cursor: element.cursor,
+                shape: element.shape
+            });
+            image.role = "image-custom", customGroup.appendChild(image);
+        }
+    })), customGroup;
+}
+
+function adjustElementsPos(originalElements, width, height, value) {
+    const result = [], borderLineWidths = [ 0, 0, 0, 0 ];
+    for (let i = 0; i < originalElements.length; i++) {
+        const originalElement = originalElements[i], element = Object.assign({}, originalElement);
+        for (const name in element) element.hasOwnProperty(name) && (0, util_1.isFunction)(element[name]) && (element[name] = element[name](value));
+        element.x = (0, util_1.isString)(element.x) ? transformString(element.x, width - borderLineWidths[1]) : Number(element.x), 
+        element.y = (0, util_1.isString)(element.y) ? transformString(element.y, height - borderLineWidths[2]) : Number(element.y), 
+        "width" in element && (element.width = (0, util_1.isString)(element.width) ? transformString(element.width, width - borderLineWidths[1]) : Number(element.width)), 
+        "height" in element && (element.height = (0, util_1.isString)(element.height) ? transformString(element.height, height - borderLineWidths[2]) : Number(element.height)), 
+        "radius" in element && (element.radius = (0, util_1.isString)(element.radius) ? transformString(element.radius, Math.min(width - borderLineWidths[1], height - borderLineWidths[2])) : Number(element.radius)), 
+        "hover" in element && (element.hover.x = (0, util_1.isString)(element.hover.x) ? transformString(element.hover.x, width - borderLineWidths[1]) : Number(element.hover.x), 
+        element.hover.y = (0, util_1.isString)(element.hover.y) ? transformString(element.hover.y, height - borderLineWidths[2]) : Number(element.hover.y), 
+        element.hover.width = (0, util_1.isString)(element.hover.width) ? transformString(element.hover.width, width - borderLineWidths[1]) : Number(element.hover.width), 
+        element.hover.height = (0, util_1.isString)(element.hover.height) ? transformString(element.hover.height, height - borderLineWidths[2]) : Number(element.hover.height), 
+        element.hover.x += 0, element.hover.y += 0), element.x = element.x + 0, element.y = element.y + 0, 
+        result.push(element);
+    }
+    return result;
+}
+
+function transformString(str, size) {
+    return str.endsWith("px") ? parseInt(str, 10) : str.endsWith("%") && size ? parseInt(str, 10) / 100 * size : parseInt(str, 10);
+}
+
+exports.dealWithCustom = dealWithCustom;
+//# sourceMappingURL=custom.js.map

package/cjs/scenegraph/component/custom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/component/custom.ts"],"names":[],"mappings":"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","file":"custom.js","sourcesContent":["import type { Cursor } from '@visactor/vrender';\nimport { createArc, createCircle, createRect, TextAlignType, TextBaselineType } from '@visactor/vrender';\nimport { isFunction, isString } from '../../tools/util';\nimport type {\n  ICustomLayout,\n  ICustomRender,\n  ICustomRenderElement,\n  ICustomRenderElements,\n  ICustomRenderFuc,\n  ICustomRenderObj\n} from '../../ts-types';\nimport { Group } from '../graphic/group';\nimport { Icon } from '../graphic/icon';\nimport { WrapText } from '../graphic/text';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\nexport function dealWithCustom(\n  customLayout: ICustomLayout,\n  customRender: ICustomRender,\n  col: number,\n  row: number,\n  width: number,\n  height: number,\n  autoWidth: boolean,\n  autoHeight: boolean,\n  table: BaseTableAPI\n) {\n  let renderDefault = true;\n  let expectedWidth: number;\n  let expectedHeight: number;\n  let customElements;\n  if (typeof customLayout === 'function') {\n    const arg = {\n      col,\n      row,\n      dataValue: table.getCellOriginValue(col, row),\n      value: table.getCellValue(col, row) || '',\n      rect: {\n        left: 0,\n        top: 0,\n        right: width,\n        bottom: height,\n        width,\n        height\n      },\n      table\n    };\n    const customRenderObj = customLayout(arg);\n    // expectedWidth = customRenderObj.expectedWidth;\n    // expectedHeight = customRenderObj.expectedHeight;\n    customElements = customRenderObj.rootContainer.getElements(undefined, false, false);\n    renderDefault = customRenderObj.renderDefault;\n  } else if (typeof customRender === 'function') {\n    const arg = {\n      col,\n      row,\n      dataValue: table.getCellOriginValue(col, row),\n      value: table.getCellValue(col, row) || '',\n      rect: {\n        left: 0,\n        top: 0,\n        right: width,\n        bottom: height,\n        width,\n        height\n      },\n      table\n    };\n    const customRenderObj = customRender(arg);\n    customElements = customRenderObj.elements;\n    renderDefault = customRenderObj.renderDefault;\n    expectedWidth = customRenderObj.expectedWidth;\n    expectedHeight = customRenderObj.expectedHeight;\n  } else if (customRender) {\n    expectedWidth = customRender.expectedWidth;\n    expectedHeight = customRender.expectedHeight;\n    customElements = customRender.elements;\n    renderDefault = customRender.renderDefault;\n  }\n\n  let elementsGroup: Group;\n  if (customElements) {\n    const value = table.getCellValue(col, row);\n    elementsGroup = adjustElementToGroup(\n      customElements,\n      autoWidth ? expectedWidth : width,\n      autoHeight ? expectedHeight : height,\n      value\n    );\n  }\n\n  return {\n    elementsGroup,\n    renderDefault\n  };\n}\n\nfunction adjustElementToGroup(\n  elements: ICustomRenderElements,\n  width: number,\n  height: number,\n  value: any\n): Group | undefined {\n  const customGroup = new Group({\n    x: 0,\n    y: 0,\n    width,\n    height,\n    pickable: false\n  });\n  customGroup.name = 'custom-container';\n\n  const elementsAdjusted = adjustElementsPos(elements, width, height, value);\n  elementsAdjusted.forEach(element => {\n    switch (element.type) {\n      case 'arc':\n        const arc = createArc({\n          x: element.x as number,\n          y: element.y as number,\n          dx: (element.dx ?? 0) as number,\n          dy: (element.dy ?? 0) as number,\n          fill: !!element.fillColor,\n          fillColor: element.fillColor as string,\n          stroke: !!element.strokeColor,\n          strokeColor: element.strokeColor as string,\n          outerRadius: element.radius as number,\n          startAngle: element.startAngle as number,\n          endAngle: element.endAngle as number,\n          pickable: !!element.clickable,\n          cursor: element.cursor as Cursor\n        });\n        customGroup.appendChild(arc);\n        break;\n      case 'text':\n        if (element.background) {\n          const expandX = element.background?.expandX ?? 0;\n          const expandY = element.background?.expandY ?? 0;\n          const textBackRect = createRect({\n            x: (element.x as number) - expandX,\n            y: (element.y as number) - expandY,\n            dx: (element.dx ?? 0) as number,\n            dy: (element.dy ?? 0) as number,\n            width: element.width + expandX * 2,\n            height: element.height + expandY * 2,\n            borderRadius: element.background?.borderRadius ?? 0,\n            fill: true,\n            fillColor: element.background?.fillColor ?? '#888'\n          });\n          customGroup.appendChild(textBackRect);\n        }\n        const text = new WrapText(\n          Object.assign(\n            {\n              fill: !!element.fillColor,\n              stroke: !!element.strokeColor,\n              pickable: !!element.clickable\n            },\n            element as any\n          )\n        );\n        customGroup.appendChild(text);\n        break;\n      case 'rect':\n        const rect = createRect({\n          x: element.x as number,\n          y: element.y as number,\n          dx: (element.dx ?? 0) as number,\n          dy: (element.dy ?? 0) as number,\n          width: element.width as number,\n          height: element.height as number,\n          borderRadius: element.radius as number,\n          fill: !!element.fillColor,\n          fillColor: element.fillColor as string,\n          stroke: !!element.strokeColor,\n          strokeColor: element.strokeColor as string,\n          pickable: !!element.clickable,\n          cursor: element.cursor as Cursor\n        });\n        customGroup.appendChild(rect);\n        break;\n      case 'circle':\n        const circle = createCircle({\n          x: element.x as number,\n          y: element.y as number,\n          dx: (element.dx ?? 0) as number,\n          dy: (element.dy ?? 0) as number,\n          radius: element.radius as number,\n          fill: !!element.fillColor,\n          fillColor: element.fillColor as string,\n          stroke: !!element.strokeColor,\n          strokeColor: element.strokeColor as string,\n          pickable: !!element.clickable,\n          cursor: element.cursor as Cursor\n        });\n        customGroup.appendChild(circle);\n        break;\n      case 'icon':\n        const icon = new Icon({\n          x: element.x as number,\n          y: element.y as number,\n          dx: (element.dx ?? 0) as number,\n          dy: (element.dy ?? 0) as number,\n          width: element.width as number,\n          height: element.height as number,\n          image: element.svg as string,\n          backgroundWidth: element.hover ? ((element.hover.width ?? element.width) as number) : undefined,\n          backgroundHeight: element.hover ? ((element.hover.width ?? element.width) as number) : undefined,\n          backgroundColor: element.hover ? element.hover.bgColor ?? 'rgba(22,44,66,0.2)' : undefined,\n          pickable: !!element.clickable,\n          cursor: element.cursor as Cursor\n        });\n        icon.role = 'icon-custom';\n        customGroup.appendChild(icon);\n        break;\n      case 'image':\n        const image = new Icon({\n          x: element.x as number,\n          y: element.y as number,\n          dx: (element.dx ?? 0) as number,\n          dy: (element.dy ?? 0) as number,\n          width: element.width as number,\n          height: element.height as number,\n          image: element.src as string,\n          backgroundWidth: element.hover ? ((element.hover.width ?? element.width) as number) : undefined,\n          backgroundHeight: element.hover ? ((element.hover.width ?? element.width) as number) : undefined,\n          backgroundColor: element.hover ? element.hover.bgColor ?? 'rgba(22,44,66,0.2)' : undefined,\n          pickable: !!element.clickable,\n          cursor: element.cursor as Cursor,\n          shape: element.shape\n        });\n        image.role = 'image-custom';\n        customGroup.appendChild(image);\n        break;\n    }\n  });\n\n  return customGroup;\n}\n\nfunction adjustElementsPos(\n  originalElements: ICustomRenderElements,\n  // rect: RectProps,\n  width: number,\n  height: number,\n  // borderLineWidths: number[],\n  value: any\n): ICustomRenderElements {\n  const result: ICustomRenderElements = [];\n  // const { left, top, width, height } = rect;\n  const left = 0;\n  const top = 0;\n  const borderLineWidths = [0, 0, 0, 0];\n\n  for (let i = 0; i < originalElements.length; i++) {\n    const originalElement = originalElements[i];\n    const element = Object.assign({}, originalElement);\n    // 执行相关函数\n    for (const name in element) {\n      if (element.hasOwnProperty(name) && isFunction(element[name])) {\n        element[name] = (element[name] as Function)(value);\n      }\n    }\n\n    // 转换字符串值（百分比、px）\n    element.x = isString(element.x)\n      ? transformString(element.x as string, width - borderLineWidths[1])\n      : Number(element.x);\n    element.y = isString(element.y)\n      ? transformString(element.y as string, height - borderLineWidths[2])\n      : Number(element.y);\n    if ('width' in element) {\n      element.width = isString(element.width)\n        ? transformString(element.width as string, width - borderLineWidths[1])\n        : Number(element.width);\n    }\n    if ('height' in element) {\n      element.height = isString(element.height)\n        ? transformString(element.height as string, height - borderLineWidths[2])\n        : Number(element.height);\n    }\n    if ('radius' in element) {\n      element.radius = isString(element.radius)\n        ? transformString(element.radius as string, Math.min(width - borderLineWidths[1], height - borderLineWidths[2]))\n        : Number(element.radius);\n    }\n    if ('hover' in element) {\n      // 转换字符串值（百分比、px）\n      element.hover.x = isString(element.hover.x)\n        ? transformString(element.hover.x as string, width - borderLineWidths[1])\n        : Number(element.hover.x);\n      element.hover.y = isString(element.hover.y)\n        ? transformString(element.hover.y as string, height - borderLineWidths[2])\n        : Number(element.hover.y);\n      element.hover.width = isString(element.hover.width)\n        ? transformString(element.hover.width as string, width - borderLineWidths[1])\n        : Number(element.hover.width);\n\n      element.hover.height = isString(element.hover.height)\n        ? transformString(element.hover.height as string, height - borderLineWidths[2])\n        : Number(element.hover.height);\n      element.hover.x += left;\n      element.hover.y += top;\n    }\n    // 矫正位置\n    element.x = element.x + left;\n    element.y = element.y + top;\n\n    result.push(element as unknown as ICustomRenderElement);\n  }\n\n  return result;\n}\n\nfunction transformString(str: string, size?: number): number {\n  if (str.endsWith('px')) {\n    return parseInt(str, 10);\n  } else if (str.endsWith('%') && size) {\n    return (parseInt(str, 10) / 100) * size;\n  }\n  return parseInt(str, 10);\n}\n"]}

package/cjs/scenegraph/component/drill-icon.d.ts

@@ -0,0 +1,9 @@
+import { Icon } from '../graphic/icon';
+import type { Group } from '../graphic/group';
+import type { Scenegraph } from '../scenegraph';
+export declare class DrillIcon {
+    icon: Icon;
+    constructor();
+    appand(parent: Group): void;
+    update(visible: boolean, x: number, y: number, drillDown: boolean, drillUp: boolean, scene: Scenegraph): void;
+}

package/cjs/scenegraph/component/drill-icon.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DrillIcon = void 0;
+
+const icon_1 = require("../graphic/icon"), icons = __importStar(require("../../icons")), regedIcons = icons.get();
+
+class DrillIcon {
+    constructor() {
+        const iconOption = regedIcons.drillDown;
+        this.icon = new icon_1.Icon({
+            x: -1e3,
+            y: -1e3,
+            image: iconOption.svg,
+            width: iconOption.width,
+            height: iconOption.height,
+            dx: -iconOption.width / 2,
+            dy: -iconOption.height / 2,
+            visible: !1,
+            funcType: iconOption.funcType,
+            cursor: iconOption.cursor
+        }), this.icon.role = "icon-drill";
+    }
+    appand(parent) {
+        parent.appendChild(this.icon);
+    }
+    update(visible, x, y, drillDown, drillUp, scene) {
+        if (!visible || drillDown && drillUp) return this.icon.setAttributes({
+            x: -1e3,
+            y: -1e3,
+            visible: !1
+        }), void scene.updateNextFrame();
+        const drillDownOption = regedIcons.drillDown, drillUpOption = regedIcons.drillUp;
+        this.icon.setAttributes({
+            x: x,
+            y: y,
+            image: drillDown ? drillDownOption.svg : drillUpOption.svg,
+            visible: !0
+        }), this.icon.loadImage(this.icon.attribute.image), scene.updateNextFrame();
+    }
+}
+
+exports.DrillIcon = DrillIcon;
+//# sourceMappingURL=drill-icon.js.map

package/cjs/scenegraph/component/drill-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/component/drill-icon.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0CAAuC;AACvC,mDAAqC;AAKrC,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;AAE/B,MAAa,SAAS;IAGpB;QACE,MAAM,UAAU,GAAG,UAAU,CAAC,SAAoB,CAAC;QACnD,IAAI,CAAC,IAAI,GAAG,IAAI,WAAI,CAAC;YACnB,CAAC,EAAE,CAAC,IAAI;YACR,CAAC,EAAE,CAAC,IAAI;YACR,KAAK,EAAE,UAAU,CAAC,GAAG;YACrB,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,MAAM,EAAE,UAAU,CAAC,MAAM;YACzB,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;YACzB,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC;YAC1B,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,UAAU,CAAC,QAAQ;YAC7B,MAAM,EAAE,UAAU,CAAC,MAAgB;SACpC,CAAC,CAAC;QACH,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC;IAChC,CAAC;IAED,MAAM,CAAC,MAAa;QAClB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,MAAM,CAAC,OAAgB,EAAE,CAAS,EAAE,CAAS,EAAE,SAAkB,EAAE,OAAgB,EAAE,KAAiB;QACpG,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,EAAE;YACtC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;gBACtB,CAAC,EAAE,CAAC,IAAI;gBACR,CAAC,EAAE,CAAC,IAAI;gBACR,OAAO,EAAE,KAAK;aACf,CAAC,CAAC;YACH,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO;SACR;QAED,MAAM,eAAe,GAAG,UAAU,CAAC,SAAoB,CAAC;QACxD,MAAM,aAAa,GAAG,UAAU,CAAC,OAAkB,CAAC;QACpD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;YACtB,CAAC;YACD,CAAC;YACD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG;YAC1D,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QACH,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC/C,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC;CACF;AA9CD,8BA8CC","file":"drill-icon.js","sourcesContent":["import type { Cursor } from '@visactor/vrender';\nimport { Icon } from '../graphic/icon';\nimport * as icons from '../../icons';\nimport type { SvgIcon } from '../../ts-types';\nimport type { Group } from '../graphic/group';\nimport type { Scenegraph } from '../scenegraph';\n\nconst regedIcons = icons.get();\n\nexport class DrillIcon {\n  icon: Icon;\n\n  constructor() {\n    const iconOption = regedIcons.drillDown as SvgIcon;\n    this.icon = new Icon({\n      x: -1000,\n      y: -1000,\n      image: iconOption.svg,\n      width: iconOption.width,\n      height: iconOption.height,\n      dx: -iconOption.width / 2,\n      dy: -iconOption.height / 2,\n      visible: false,\n      funcType: iconOption.funcType,\n      cursor: iconOption.cursor as Cursor\n    });\n    this.icon.role = 'icon-drill';\n  }\n\n  appand(parent: Group) {\n    parent.appendChild(this.icon);\n  }\n\n  update(visible: boolean, x: number, y: number, drillDown: boolean, drillUp: boolean, scene: Scenegraph) {\n    if (!visible || (drillDown && drillUp)) {\n      this.icon.setAttributes({\n        x: -1000,\n        y: -1000,\n        visible: false\n      });\n      scene.updateNextFrame();\n      return;\n    }\n\n    const drillDownOption = regedIcons.drillDown as SvgIcon;\n    const drillUpOption = regedIcons.drillUp as SvgIcon;\n    this.icon.setAttributes({\n      x,\n      y,\n      image: drillDown ? drillDownOption.svg : drillUpOption.svg,\n      visible: true\n    });\n    this.icon.loadImage(this.icon.attribute.image);\n    scene.updateNextFrame();\n  }\n}\n"]}

package/cjs/scenegraph/component/menu.d.ts

@@ -0,0 +1,41 @@
+import type { IGroup } from '@visactor/vrender';
+import type { MenuListItem } from '../../ts-types';
+import { Group } from '../graphic/group';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export declare enum MenuType {
+    'dropDown' = "dropDown",
+    'contextmenu' = "contextmenu",
+    'custom' = "custom"
+}
+type MenuInfo = MenuListItem[];
+export declare class MenuHandler {
+    private _table;
+    private _menuInstance;
+    private _menuInfo;
+    constructor(table: BaseTableAPI);
+    bindTableComponent(componentGroup: Group): void;
+    dispose(): void;
+    attach(x: number, y: number, col: number, row: number, type: MenuType, menuInfo?: MenuInfo): void;
+    updateMenuInfo(col: number, row: number, type: MenuType, menuInfo: MenuListItem[], highlightIndex: number): void;
+    checkDropDownMenuChange(col: number, row: number): boolean;
+    checkContextMenuChange(x: number, y: number): boolean;
+    updateMenuInstance(menuInfo: MenuInfo, highlightIndex: number): void;
+    updatePosition(x: number, y: number): void;
+    addToScene(): void;
+    detach(): void;
+    getMenuInfo(col: number, row: number, type: MenuType): {
+        menuInfo: MenuListItem[];
+        highlightIndex: number;
+    };
+    bindEvent(): void;
+    getEventInfo(target: IGroup): {
+        col: number;
+        row: number;
+        menuKey: string;
+        dropDownIndex: number;
+        text: string;
+        highlight: boolean;
+    };
+    get bounds(): import("@visactor/vutils").IBounds;
+}
+export {};

package/cjs/scenegraph/component/menu.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.MenuHandler = exports.MenuType = void 0;
+
+const vrender_1 = require("@visactor/vrender"), TABLE_EVENT_TYPE_1 = require("../../core/TABLE_EVENT_TYPE"), group_1 = require("../graphic/group"), icon_1 = require("../graphic/icon");
+
+var MenuType;
+
+!function(MenuType) {
+    MenuType.dropDown = "dropDown", MenuType.contextmenu = "contextmenu", MenuType.custom = "custom";
+}(MenuType = exports.MenuType || (exports.MenuType = {}));
+
+const menuStyle = {
+    fontSize: 12,
+    color: "#000",
+    highlightColor: "#2E68CF",
+    hoverBgColor: "#EEE",
+    lineHeight: 30,
+    bgColor: "#FFF",
+    borderRadius: 4,
+    borderWidth: .5,
+    borderColor: "#CCC",
+    menuPadding: 6,
+    menuItemPadding: 9,
+    maxLineWidth: 200
+};
+
+class MenuHandler {
+    constructor(table) {
+        this._table = table, this._menuInstance = new group_1.Group({
+            x: 0,
+            y: 0,
+            fill: !0,
+            fillColor: menuStyle.bgColor,
+            stroke: !0,
+            strokeColor: menuStyle.borderColor,
+            borderRadius: menuStyle.borderRadius,
+            lineWidth: menuStyle.borderWidth
+        }), this._menuInfo = {
+            x: -1,
+            y: -1,
+            col: -1,
+            row: -1,
+            type: MenuType.dropDown,
+            menuInfo: [],
+            highlightIndex: -1
+        };
+    }
+    bindTableComponent(componentGroup) {
+        componentGroup.appendChild(this._menuInstance), this.bindEvent();
+    }
+    dispose() {}
+    attach(x, y, col, row, type, menuInfo) {
+        if (type === MenuType.dropDown && this.checkDropDownMenuChange(col, row)) {
+            const tableMenuInfo = this.getMenuInfo(col, row, type);
+            if (!tableMenuInfo) return;
+            const {menuInfo: menuInfo, highlightIndex: highlightIndex} = tableMenuInfo;
+            this.updateMenuInfo(col, row, type, menuInfo, highlightIndex), this.updateMenuInstance(menuInfo, highlightIndex);
+        } else if (type === MenuType.contextmenu && this.checkContextMenuChange(x, y)) {
+            const tableMenuInfo = this.getMenuInfo(col, row, type);
+            if (!tableMenuInfo) return;
+            const {menuInfo: menuInfo, highlightIndex: highlightIndex} = tableMenuInfo;
+            this.updateMenuInfo(col, row, type, menuInfo, highlightIndex), this.updateMenuInstance(menuInfo, highlightIndex);
+        }
+        this.updatePosition(x - this._table.scenegraph.x, y - this._table.scenegraph.y), 
+        this.addToScene();
+    }
+    updateMenuInfo(col, row, type, menuInfo, highlightIndex) {
+        this._menuInfo.col = col, this._menuInfo.row = row, this._menuInfo.type = type, 
+        this._menuInfo.menuInfo = menuInfo, this._menuInfo.highlightIndex = highlightIndex;
+    }
+    checkDropDownMenuChange(col, row) {
+        const {type: type, col: curCol, row: curRow} = this._menuInfo;
+        return type !== MenuType.dropDown || col !== curCol || row !== curRow;
+    }
+    checkContextMenuChange(x, y) {
+        var _a;
+        const {type: type, menuInfo: menuInfo} = this._menuInfo;
+        return type !== MenuType.contextmenu || menuInfo !== (null === (_a = this._table.internalProps.menu) || void 0 === _a ? void 0 : _a.contextMenuItems);
+    }
+    updateMenuInstance(menuInfo, highlightIndex) {
+        this._menuInstance.removeAllChild();
+        let y = menuStyle.menuPadding;
+        const x = menuStyle.menuPadding;
+        let maxWidth = 0;
+        menuInfo.forEach(((item, index) => {
+            var _a, _b;
+            const isisHighlight = highlightIndex === index;
+            let icon, text;
+            "string" == typeof item ? text = item : "object" == typeof item && (text = item.text, 
+            icon = isisHighlight ? item.selectedIcon : item.icon);
+            const group = new group_1.Group({
+                y: y,
+                x: x,
+                height: menuStyle.lineHeight,
+                fill: !0,
+                fillColor: menuStyle.bgColor
+            });
+            group.role = "menu-item", this._menuInstance.appendChild(group), group.stateProxy = stateName => "hover" === stateName ? {
+                fillColor: menuStyle.hoverBgColor
+            } : {
+                fillColor: menuStyle.bgColor
+            }, group.addEventListener("pointerenter", (e => {
+                group.addState("hover", !0, !1), this._table.scenegraph.updateNextFrame();
+            })), group.addEventListener("pointerleave", (e => {
+                group.removeState("hover", !1), this._table.scenegraph.updateNextFrame();
+            }));
+            const textMark = new vrender_1.Text({
+                x: menuStyle.menuItemPadding,
+                y: menuStyle.menuItemPadding,
+                fill: !0,
+                fillColor: isisHighlight ? menuStyle.highlightColor : menuStyle.color,
+                text: text,
+                textBaseline: "top",
+                fontSize: menuStyle.fontSize,
+                pickable: !1,
+                maxLineWidth: menuStyle.maxLineWidth,
+                ellipsis: "…"
+            });
+            if (group.addChild(textMark), icon) {
+                textMark.AABBBounds.height();
+                const iconWidth = null !== (_a = icon.width) && void 0 !== _a ? _a : 16, iconHeight = null !== (_b = icon.height) && void 0 !== _b ? _b : 16, iconMark = new icon_1.Icon({
+                    x: menuStyle.menuItemPadding,
+                    y: (menuStyle.lineHeight - iconHeight) / 2,
+                    width: iconWidth,
+                    height: iconHeight,
+                    image: icon.svg,
+                    pickable: !1
+                });
+                iconMark.role = "menu-icon", group.insertBefore(iconMark, textMark), textMark.setAttribute("x", iconWidth + menuStyle.menuItemPadding);
+            }
+            maxWidth = Math.max(group.AABBBounds.width(), maxWidth), y += menuStyle.lineHeight;
+        })), this._menuInstance.setAttributes({
+            width: maxWidth + 2 * menuStyle.menuItemPadding + 2 * menuStyle.menuPadding,
+            height: y + menuStyle.menuPadding
+        }), this._menuInstance.forEachChildren((itemGroup => {
+            itemGroup.setAttribute("width", maxWidth + 2 * menuStyle.menuItemPadding);
+        }));
+    }
+    updatePosition(x, y) {
+        this._menuInstance.setAttributes({
+            x: this._menuInfo.type === MenuType.dropDown ? x - this._menuInstance.attribute.width : x,
+            y: y
+        }), this._menuInfo.x = MenuType.dropDown ? x - this._menuInstance.attribute.width : x, 
+        this._menuInfo.y = y;
+    }
+    addToScene() {
+        this._table.scenegraph.updateNextFrame();
+    }
+    detach() {
+        this._menuInstance.setAttributes({
+            x: -1e3,
+            y: -1e3
+        }), this._table.scenegraph.updateNextFrame();
+    }
+    getMenuInfo(col, row, type) {
+        var _a;
+        if (type === MenuType.dropDown) {
+            const {dropDownMenu: dropDownMenu = this._table.globalDropDownMenu, pivotInfo: pivotInfo} = this._table._getHeaderLayoutMap(col, row);
+            let highlightIndex = -1;
+            if (Array.isArray(dropDownMenu)) for (let i = 0; i < dropDownMenu.length; i++) if (this._table._dropDownMenuIsHighlight(col, row, i)) {
+                highlightIndex = i;
+                break;
+            }
+            return {
+                menuInfo: dropDownMenu,
+                highlightIndex: highlightIndex
+            };
+        }
+        if (type === MenuType.contextmenu) {
+            const contextmenu = null === (_a = this._table.internalProps.menu) || void 0 === _a ? void 0 : _a.contextMenuItems;
+            let menuInfo;
+            if (Array.isArray(contextmenu)) menuInfo = contextmenu; else if ("function" == typeof contextmenu) {
+                const {field: field} = this._table.isHeader(col, row) ? this._table.getHeaderDefine(col, row) : this._table.getBodyColumnDefine(col, row);
+                menuInfo = contextmenu(field, row);
+            }
+            return {
+                menuInfo: menuInfo,
+                highlightIndex: -1
+            };
+        }
+    }
+    bindEvent() {
+        this._menuInstance.addEventListener("click", (e => {
+            const {target: target} = e;
+            if (target && "menu-item" === target.role) {
+                const resultMenuInfo = this.getEventInfo(target), resultTableInfo = this._table.getMenuInfo(this._menuInfo.col, this._menuInfo.row, this._menuInfo.type), result = Object.assign(resultMenuInfo, resultTableInfo);
+                this._table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, result);
+            }
+        }));
+    }
+    getEventInfo(target) {
+        const parent = target.parent;
+        let index = 0;
+        parent.forEachChildren(((child, i) => child === target && (index = i - 1, !0)));
+        const text = "string" == typeof this._menuInfo.menuInfo[index] ? this._menuInfo.menuInfo[index] : this._menuInfo.menuInfo[index].text, menuKey = "string" == typeof this._menuInfo.menuInfo[index] ? text : this._menuInfo.menuInfo[index].menuKey || text;
+        return {
+            col: this._menuInfo.col,
+            row: this._menuInfo.row,
+            dropDownIndex: index,
+            highlight: index === this._menuInfo.highlightIndex,
+            text: text,
+            menuKey: menuKey
+        };
+    }
+    get bounds() {
+        return this._menuInstance.globalAABBBounds;
+    }
+}
+
+exports.MenuHandler = MenuHandler;
+//# sourceMappingURL=menu.js.map