k-vtable 1.0.0

package/cjs/components/legend/continue-legend/get-continue-legend-attributes.d.ts

@@ -0,0 +1,5 @@
+import type { IColorTableLegendOption, ISizeTableLegendOption } from '../../../ts-types/component/legend';
+export declare function getContinuousLegendAttributes(spec: IColorTableLegendOption | ISizeTableLegendOption, rect: {
+    width: number;
+    height: number;
+}): any;

package/cjs/components/legend/continue-legend/get-continue-legend-attributes.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getContinuousLegendAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), transform_1 = require("../../util/transform"), defaultContinueLegendSpec = {
+    orient: "right",
+    position: "middle",
+    padding: 30,
+    title: {
+        visible: !1,
+        padding: 0,
+        textStyle: {
+            fontSize: 14,
+            fontWeight: "normal",
+            fill: {
+                type: "palette",
+                key: "titleFontColor"
+            }
+        },
+        space: 12
+    },
+    handler: {
+        visible: !0
+    },
+    startText: {
+        style: {
+            fontSize: 14,
+            fontWeight: "normal",
+            fill: {
+                type: "palette",
+                key: "labelFontColor"
+            }
+        }
+    },
+    endText: {
+        style: {
+            fontSize: 14,
+            fontWeight: "normal",
+            fill: {
+                type: "palette",
+                key: "labelFontColor"
+            }
+        }
+    },
+    handlerText: {
+        style: {
+            fontSize: 14,
+            fontWeight: "normal",
+            fill: {
+                type: "palette",
+                key: "labelFontColor"
+            }
+        }
+    }
+}, defaultColorLegendSpec = {
+    horizontal: Object.assign(Object.assign({}, defaultContinueLegendSpec), {
+        rail: {
+            width: 200,
+            height: 8,
+            style: {
+                fill: "rgba(0,0,0,0.04)"
+            }
+        }
+    }),
+    vertical: Object.assign(Object.assign({}, defaultContinueLegendSpec), {
+        rail: {
+            width: 8,
+            height: 200,
+            style: {
+                fill: "rgba(0,0,0,0.04)"
+            }
+        }
+    })
+}, defaultSizeLegendSpec = {
+    horizontal: Object.assign({
+        sizeBackground: {
+            fill: "#cdcdcd"
+        },
+        track: {
+            style: {
+                fill: "rgba(20,20,20,0.1)"
+            }
+        },
+        rail: {
+            width: 200,
+            height: 4,
+            style: {
+                fill: "rgba(0,0,0,0.04)"
+            }
+        }
+    }, defaultContinueLegendSpec),
+    vertical: Object.assign({
+        sizeBackground: {
+            fill: "#cdcdcd"
+        },
+        track: {
+            style: {
+                fill: "rgba(20,20,20,0.1)"
+            }
+        },
+        rail: {
+            width: 4,
+            height: 200,
+            style: {
+                fill: "rgba(0,0,0,0.04)"
+            }
+        }
+    }, defaultContinueLegendSpec)
+};
+
+function getContinuousLegendAttributes(spec, rect) {
+    const _a = (0, vutils_1.merge)({}, ("color" === spec.type ? defaultColorLegendSpec : defaultSizeLegendSpec)["bottom" === spec.orient || "top" === spec.orient ? "horizontal" : "vertical"], spec), {title: title = {}, handler: handler = {}, rail: rail = {}, track: track = {}, startText: startText, endText: endText, handlerText: handlerText, sizeBackground: sizeBackground, background: background = {}, type: type, id: id, visible: visible, orient: orient, position: position, data: data, defaultSelected: defaultSelected, field: field, filter: filter, regionId: regionId, regionIndex: regionIndex, seriesIndex: seriesIndex, seriesId: seriesId, padding: padding} = _a, attrs = __rest(_a, [ "title", "handler", "rail", "track", "startText", "endText", "handlerText", "sizeBackground", "background", "type", "id", "visible", "orient", "position", "data", "defaultSelected", "field", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding" ]);
+    return title.visible && (attrs.title = (0, transform_1.transformLegendTitleAttributes)(title)), 
+    attrs.showHandler = !1 !== handler.visible, (0, vutils_1.isEmpty)(handler.style) || (attrs.handlerStyle = (0, 
+    transform_1.transformToGraphic)(handler.style)), (0, vutils_1.isValid)(rail.width) && (attrs.railWidth = rail.width), 
+    (0, vutils_1.isValid)(rail.height) && (attrs.railHeight = rail.height), (0, vutils_1.isEmpty)(rail.style) || (attrs.railStyle = (0, 
+    transform_1.transformToGraphic)(rail.style)), (0, vutils_1.isEmpty)(track.style) || (attrs.trackStyle = (0, 
+    transform_1.transformToGraphic)(track.style)), attrs.startText = (0, transform_1.transformComponentStyle)(startText), 
+    attrs.endText = (0, transform_1.transformComponentStyle)(endText), attrs.handlerText = (0, 
+    transform_1.transformComponentStyle)(handlerText), (0, vutils_1.isEmpty)(sizeBackground) || (attrs.sizeBackground = (0, 
+    transform_1.transformToGraphic)(sizeBackground)), background.visible && !(0, vutils_1.isEmpty)(background.style) && ((0, 
+    vutils_1.merge)(attrs, background.style), (0, vutils_1.isValid)(background.padding) && (attrs.padding = background.padding)), 
+    attrs;
+}
+
+exports.getContinuousLegendAttributes = getContinuousLegendAttributes;
+//# sourceMappingURL=get-continue-legend-attributes.js.map

package/cjs/components/legend/continue-legend/get-continue-legend-attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/legend/continue-legend/get-continue-legend-attributes.ts"],"names":[],"mappings":"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","file":"get-continue-legend-attributes.js","sourcesContent":["import { isEmpty, isValid, merge } from '@visactor/vutils';\nimport type { IColorTableLegendOption, ISizeTableLegendOption } from '../../../ts-types/component/legend';\nimport { transformComponentStyle, transformLegendTitleAttributes, transformToGraphic } from '../../util/transform';\n\nconst defaultContinueLegendSpec = {\n  orient: 'right',\n  position: 'middle',\n  padding: 30,\n  title: {\n    visible: false,\n    padding: 0,\n    textStyle: {\n      fontSize: 14,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'titleFontColor' }\n    },\n    space: 12\n  },\n  handler: {\n    visible: true\n  },\n  startText: {\n    style: {\n      fontSize: 14,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'labelFontColor' }\n    }\n  },\n  endText: {\n    style: {\n      fontSize: 14,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'labelFontColor' }\n    }\n  },\n  handlerText: {\n    style: {\n      fontSize: 14,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'labelFontColor' }\n    }\n  }\n};\n\nconst defaultColorLegendSpec = {\n  horizontal: {\n    ...defaultContinueLegendSpec,\n    rail: {\n      width: 200,\n      height: 8,\n      style: {\n        fill: 'rgba(0,0,0,0.04)'\n      }\n    }\n  },\n  vertical: {\n    ...defaultContinueLegendSpec,\n    rail: {\n      width: 8,\n      height: 200,\n      style: {\n        fill: 'rgba(0,0,0,0.04)'\n      }\n    }\n  }\n};\n\nconst defaultSizeLegendSpec = {\n  horizontal: {\n    sizeBackground: {\n      fill: '#cdcdcd'\n    },\n    track: {\n      style: {\n        fill: 'rgba(20,20,20,0.1)'\n      }\n    },\n    rail: {\n      width: 200,\n      height: 4,\n      style: {\n        fill: 'rgba(0,0,0,0.04)'\n      }\n    },\n    ...defaultContinueLegendSpec\n  },\n  vertical: {\n    sizeBackground: {\n      fill: '#cdcdcd'\n    },\n    track: {\n      style: {\n        fill: 'rgba(20,20,20,0.1)'\n      }\n    },\n    rail: {\n      width: 4,\n      height: 200,\n      style: {\n        fill: 'rgba(0,0,0,0.04)'\n      }\n    },\n    ...defaultContinueLegendSpec\n  }\n};\n\nexport function getContinuousLegendAttributes(\n  spec: IColorTableLegendOption | ISizeTableLegendOption,\n  rect: { width: number; height: number }\n) {\n  const {\n    // 需要进行样式转换的属性\n    title = {},\n    handler = {},\n    rail = {},\n    track = {},\n    startText,\n    endText,\n    handlerText,\n    sizeBackground,\n    background = {},\n\n    // 以下不属于 legend 需要的属性，单独拿出来以免污染传递给组件的属性\n    type,\n    id,\n    visible,\n    orient,\n    position,\n    data,\n    defaultSelected,\n    field,\n    filter,\n    regionId,\n    regionIndex,\n    seriesIndex,\n    seriesId,\n    padding, // vchart 布局模块已经处理了\n\n    ...restSpec\n  } = merge(\n    {},\n    (spec.type === 'color' ? defaultColorLegendSpec : defaultSizeLegendSpec)[\n      spec.orient === 'bottom' || spec.orient === 'top' ? 'horizontal' : 'vertical'\n    ],\n    spec\n  );\n\n  const attrs = restSpec;\n\n  // transform title\n  if (title.visible) {\n    attrs.title = transformLegendTitleAttributes(title);\n  }\n\n  // handlerStyle\n  attrs.showHandler = handler.visible !== false;\n  if (!isEmpty(handler.style)) {\n    attrs.handlerStyle = transformToGraphic(handler.style);\n  }\n  if (isValid(rail.width)) {\n    attrs.railWidth = rail.width;\n  }\n  if (isValid(rail.height)) {\n    attrs.railHeight = rail.height;\n  }\n  if (!isEmpty(rail.style)) {\n    attrs.railStyle = transformToGraphic(rail.style);\n  }\n  if (!isEmpty(track.style)) {\n    attrs.trackStyle = transformToGraphic(track.style);\n  }\n\n  attrs.startText = transformComponentStyle(startText);\n  attrs.endText = transformComponentStyle(endText);\n  attrs.handlerText = transformComponentStyle(handlerText);\n\n  if (!isEmpty(sizeBackground)) {\n    attrs.sizeBackground = transformToGraphic(sizeBackground);\n  }\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/cjs/components/legend/create-legend.d.ts

@@ -0,0 +1,6 @@
+import type { ITableLegendOption } from '../../ts-types/component/legend';
+import { DiscreteTableLegend } from './discrete-legend/discrete-legend';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+import { ContinueTableLegend } from './continue-legend/continue-legend';
+export type CreateLegend = (option: ITableLegendOption, table: BaseTableAPI) => DiscreteTableLegend | ContinueTableLegend;
+export declare function createLegend(option: ITableLegendOption, table: BaseTableAPI): DiscreteTableLegend | ContinueTableLegend;

package/cjs/components/legend/create-legend.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createLegend = void 0;
+
+const discrete_legend_1 = require("./discrete-legend/discrete-legend"), continue_legend_1 = require("./continue-legend/continue-legend");
+
+function createLegend(option, table) {
+    return "color" === option.type || "size" === option.type ? new continue_legend_1.ContinueTableLegend(option, table) : new discrete_legend_1.DiscreteTableLegend(option, table);
+}
+
+exports.createLegend = createLegend;
+//# sourceMappingURL=create-legend.js.map

package/cjs/components/legend/create-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/legend/create-legend.ts"],"names":[],"mappings":";;;AACA,uEAAwE;AAExE,uEAAwE;AAMxE,SAAgB,YAAY,CAAC,MAA0B,EAAE,KAAmB;IAC1E,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,EAAE;QACrD,OAAO,IAAI,qCAAmB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;KAC/C;IACD,OAAO,IAAI,qCAAmB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAChD,CAAC;AALD,oCAKC","file":"create-legend.js","sourcesContent":["import type { ITableLegendOption } from '../../ts-types/component/legend';\nimport { DiscreteTableLegend } from './discrete-legend/discrete-legend';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport { ContinueTableLegend } from './continue-legend/continue-legend';\n\nexport type CreateLegend = (\n  option: ITableLegendOption,\n  table: BaseTableAPI\n) => DiscreteTableLegend | ContinueTableLegend;\nexport function createLegend(option: ITableLegendOption, table: BaseTableAPI) {\n  if (option.type === 'color' || option.type === 'size') {\n    return new ContinueTableLegend(option, table);\n  }\n  return new DiscreteTableLegend(option, table);\n}\n"]}

package/cjs/components/legend/discrete-legend/discrete-legend.d.ts

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

package/cjs/components/legend/discrete-legend/discrete-legend.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DiscreteTableLegend = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_1 = require("./../../../vrender"), get_discrete_legend_attributes_1 = require("./get-discrete-legend-attributes"), TABLE_EVENT_TYPE_1 = require("../../../core/TABLE_EVENT_TYPE"), padding_1 = require("../../../scenegraph/utils/padding");
+
+class DiscreteTableLegend {
+    constructor(option, table) {
+        var _a, _b, _c, _d;
+        this.table = table, this.option = (0, vutils_1.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 : null, 
+        this.createComponent(), this.initEvent();
+    }
+    createComponent() {
+        const attrs = this.getLegendAttributes({
+            width: this.table.tableNoFrameWidth,
+            height: this.table.tableNoFrameHeight
+        }), legend = new vrender_1.DiscreteLegend((0, vutils_1.merge)({}, attrs, {
+            defaultSelected: this.selectedData,
+            disableTriggerEvent: this.table.options.disableInteraction
+        }));
+        legend.name = "legend", this.legendComponent = legend, !1 === this.visible && (legend.setAttributes({
+            visible: !1,
+            visibleAll: !1
+        }), legend.hideAll()), this.table.scenegraph.stage.defaultLayer.appendChild(legend), 
+        this.adjustTableSize(attrs);
+    }
+    resize() {
+        this.legendComponent && !1 !== this.visible && (this.legendComponent.setAttributes({
+            maxWidth: this.table.tableNoFrameWidth,
+            maxHeight: this.table.tableNoFrameHeight
+        }), this.adjustTableSize(this.legendComponent.attribute));
+    }
+    adjustTableSize(attrs) {
+        var _a, _b;
+        if (!this.legendComponent || !1 === this.visible) return;
+        let width = isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0, height = isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0;
+        if (width <= 0 || height <= 0) return;
+        const rectWidth = this.table.tableNoFrameWidth, rectHeight = this.table.tableNoFrameHeight, padding = (0, 
+        padding_1.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) {
+        var _a, _b;
+        const layout = "bottom" === this.orient || "top" === this.orient ? "horizontal" : "vertical", legendAttrs = (0, 
+        get_discrete_legend_attributes_1.getLegendAttributes)(this.option, rect), padding = (0, 
+        padding_1.getQuadProps)(null !== (_b = null !== (_a = legendAttrs.padding) && void 0 !== _a ? _a : this.option.padding) && void 0 !== _b ? _b : 10);
+        return Object.assign({
+            layout: layout,
+            items: this.getLegendItems(),
+            maxWidth: rect.width - padding[1] - padding[3],
+            maxHeight: rect.height - padding[0] - padding[2]
+        }, legendAttrs);
+    }
+    getLegendItems() {
+        return this.option.data;
+    }
+    initEvent() {
+        this.legendComponent && (this.legendComponent.addEventListener(vrender_1.LegendEvent.legendItemClick, (e => {
+            const selectedData = (0, vutils_1.get)(e, "detail.currentSelected");
+            this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.LEGEND_ITEM_CLICK, {
+                model: this,
+                value: selectedData,
+                event: e
+            });
+        })), this.legendComponent.addEventListener(vrender_1.LegendEvent.legendItemHover, (e => {
+            const detail = (0, vutils_1.get)(e, "detail");
+            this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.LEGEND_ITEM_HOVER, {
+                model: this,
+                value: detail,
+                event: e
+            });
+        })), this.legendComponent.addEventListener(vrender_1.LegendEvent.legendItemUnHover, (e => {
+            const detail = (0, vutils_1.get)(e, "detail");
+            this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.LEGEND_ITEM_UNHOVER, {
+                model: this,
+                value: detail,
+                event: e
+            });
+        })), this.legendComponent.addEventListener("legendItemAttributeUpdate", (e => {
+            this.table.scenegraph.updateNextFrame();
+        })));
+    }
+    getLegendBounds() {
+        return {
+            width: isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0,
+            height: isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0
+        };
+    }
+    release() {
+        this.legendComponent && this.table.scenegraph.stage.defaultLayer.removeChild(this.legendComponent), 
+        this.legendComponent = null;
+    }
+}
+
+exports.DiscreteTableLegend = DiscreteTableLegend;
+//# sourceMappingURL=discrete-legend.js.map

package/cjs/components/legend/discrete-legend/discrete-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/legend/discrete-legend/discrete-legend.ts"],"names":[],"mappings":"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","file":"discrete-legend.js","sourcesContent":["import { cloneDeep, get, merge } from '@visactor/vutils';\nimport type { IDiscreteTableLegendOption } from '../../../ts-types/component/legend';\nimport type { BaseTableAPI } from '../../../ts-types/base-table';\nimport { DiscreteLegend, LegendEvent } from './../../../vrender';\nimport { getLegendAttributes } from './get-discrete-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 DiscreteTableLegend {\n  table: BaseTableAPI;\n  option: IDiscreteTableLegendOption;\n  orient: IOrientType;\n  visible: boolean;\n  position: 'start' | 'middle' | 'end';\n  selectedData: (string | number)[];\n  legendComponent: DiscreteLegend;\n\n  constructor(option: IDiscreteTableLegendOption, 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 ?? null;\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        disableTriggerEvent: this.table.options.disableInteraction\n      })\n    );\n    legend.name = 'legend';\n    this.legendComponent = legend;\n    if (this.visible === false) {\n      legend.setAttributes({\n        visible: false,\n        visibleAll: false\n      });\n      legend.hideAll();\n    }\n    this.table.scenegraph.stage.defaultLayer.appendChild(legend);\n\n    this.adjustTableSize(attrs);\n  }\n\n  resize() {\n    if (!this.legendComponent || this.visible === false) {\n      return;\n    }\n\n    this.legendComponent.setAttributes({\n      maxWidth: this.table.tableNoFrameWidth,\n      maxHeight: this.table.tableNoFrameHeight\n    });\n\n    this.adjustTableSize(this.legendComponent.attribute);\n  }\n\n  adjustTableSize(attrs: any) {\n    if (!this.legendComponent || this.visible === false) {\n      return;\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    if (width <= 0 || height <= 0) {\n      return;\n    }\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 legendAttrs = getLegendAttributes(this.option, rect);\n    const padding = getQuadProps(legendAttrs.padding ?? this.option.padding ?? 10);\n    const attrs = {\n      layout,\n      items: this.getLegendItems(),\n      // zIndex: this.layoutZIndex,\n      maxWidth: rect.width - padding[1] - padding[3],\n      maxHeight: rect.height - padding[0] - padding[2],\n      ...legendAttrs\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.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.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.fireListeners(TABLE_EVENT_TYPE.LEGEND_ITEM_UNHOVER, { model: this, value: detail, event: e });\n      });\n\n      // wait for vrender-vcomponent version update\n      this.legendComponent.addEventListener('legendItemAttributeUpdate', (e: any) => {\n        this.table.scenegraph.updateNextFrame();\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  release() {\n    this.legendComponent && this.table.scenegraph.stage.defaultLayer.removeChild(this.legendComponent);\n    this.legendComponent = null;\n  }\n}\n"]}

package/cjs/components/legend/discrete-legend/get-discrete-legend-attributes.d.ts

@@ -0,0 +1,5 @@
+import type { IDiscreteTableLegendOption } from '../../../ts-types/component/legend';
+export declare function getLegendAttributes(spec: IDiscreteTableLegendOption, rect: {
+    width: number;
+    height: number;
+}): any;

package/cjs/components/legend/discrete-legend/get-discrete-legend-attributes.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getLegendAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), calc_1 = require("../../../tools/calc"), transform_1 = require("../../util/transform"), defaultLegendSpec = {
+    orient: "bottom",
+    position: "middle",
+    padding: 30,
+    title: {
+        visible: !1,
+        padding: 0,
+        textStyle: {
+            fontSize: 14,
+            fill: "#000000",
+            fontWeight: "normal"
+        },
+        space: 12
+    },
+    item: {
+        visible: !0,
+        spaceCol: 10,
+        spaceRow: 10,
+        padding: 2,
+        background: {
+            state: {
+                selectedHover: {
+                    fill: "gray",
+                    fillOpacity: .7
+                },
+                unSelectedHover: {
+                    fill: "gray",
+                    fillOpacity: .2
+                }
+            }
+        },
+        shape: {
+            space: 4,
+            state: {
+                unSelected: {
+                    fillOpacity: .5
+                }
+            }
+        },
+        label: {
+            space: 4,
+            style: {
+                fill: "#89909D",
+                fontSize: 14
+            },
+            state: {
+                unSelected: {
+                    fillOpacity: .5
+                }
+            }
+        }
+    },
+    allowAllCanceled: !0,
+    visible: !0
+};
+
+function getLegendAttributes(spec, rect) {
+    const _a = (0, vutils_1.merge)({}, defaultLegendSpec, spec), {title: title = {}, item: item = {}, pager: pager = {}, background: background = {}, type: type, id: id, visible: visible, orient: orient, position: position, data: data, filter: filter, regionId: regionId, regionIndex: regionIndex, seriesIndex: seriesIndex, seriesId: seriesId, padding: padding} = _a, attrs = __rest(_a, [ "title", "item", "pager", "background", "type", "id", "visible", "orient", "position", "data", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding" ]);
+    return title.visible && (attrs.title = (0, transform_1.transformLegendTitleAttributes)(title)), 
+    (0, vutils_1.isEmpty)(item.focusIconStyle) || (0, transform_1.transformToGraphic)(item.focusIconStyle), 
+    (0, transform_1.transformComponentStyle)(item.shape), (0, transform_1.transformComponentStyle)(item.label), 
+    (0, transform_1.transformComponentStyle)(item.value), (0, transform_1.transformComponentStyle)(item.background), 
+    (0, calc_1.isPercent)(item.maxWidth) && (item.maxWidth = Number(item.maxWidth.substring(0, item.maxWidth.length - 1)) * rect.width / 100), 
+    (0, calc_1.isPercent)(item.width) && (item.width = Number(item.width.substring(0, item.width.length - 1)) * rect.width / 100), 
+    (0, calc_1.isPercent)(item.height) && (item.height = Number(item.height.substring(0, item.height.length - 1)) * rect.width / 100), 
+    attrs.item = item, (0, vutils_1.isEmpty)(pager.textStyle) || (0, transform_1.transformToGraphic)(pager.textStyle), 
+    (0, transform_1.transformComponentStyle)(pager.handler), attrs.pager = pager, background.visible && !(0, 
+    vutils_1.isEmpty)(background.style) && ((0, vutils_1.merge)(attrs, background.style), 
+    (0, vutils_1.isValid)(background.padding) && (attrs.padding = background.padding)), 
+    attrs;
+}
+
+exports.getLegendAttributes = getLegendAttributes;
+//# sourceMappingURL=get-discrete-legend-attributes.js.map

package/cjs/components/legend/discrete-legend/get-discrete-legend-attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/legend/discrete-legend/get-discrete-legend-attributes.ts"],"names":[],"mappings":"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","file":"get-discrete-legend-attributes.js","sourcesContent":["import { isEmpty, isValid, merge } from '@visactor/vutils';\nimport type { IDiscreteTableLegendOption } 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: true,\n  visible: true\n};\n\nexport function getLegendAttributes(spec: IDiscreteTableLegendOption, 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/cjs/components/menu/dom/BaseMenu.d.ts

@@ -0,0 +1,16 @@
+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 {
+    protected _table: BaseTableAPI;
+    private _menuElement?;
+    constructor(table: BaseTableAPI);
+    release(): void;
+    private _getMenuElement;
+    abstract createMenuElementInternal(): MenuElement | MenuContainer;
+    bindMenuElement(col: number, row: number, menuInstanceInfo: MenuInstanceInfo): boolean;
+    unbindMenuElement(): void;
+    pointInMenuElement(x: number, y: number): boolean;
+    getRootElement(): HTMLElement;
+}

package/cjs/components/menu/dom/BaseMenu.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseMenu = void 0;
+
+class BaseMenu {
+    constructor(table) {
+        this._table = table;
+    }
+    release() {
+        this.unbindMenuElement(), this._menuElement && this._menuElement.release(), this._menuElement = void 0;
+    }
+    _getMenuElement() {
+        return this._menuElement || (this._menuElement = this.createMenuElementInternal()), 
+        this._menuElement;
+    }
+    bindMenuElement(col, row, menuInstanceInfo) {
+        return this._getMenuElement().bindToCell(this._table, col, row, menuInstanceInfo);
+    }
+    unbindMenuElement() {
+        this._getMenuElement().unbindFromCell();
+    }
+    pointInMenuElement(x, y) {
+        return this._getMenuElement().pointInMenuElement(x, y);
+    }
+    getRootElement() {
+        return this._getMenuElement().rootElement;
+    }
+}
+
+exports.BaseMenu = BaseMenu;
+//# sourceMappingURL=BaseMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/menu/dom/BaseMenu.ts"],"names":[],"mappings":";;;AAKA,MAAsB,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;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC,WAAW,CAAC;IAC5C,CAAC;CACF;AAxCD,4BAwCC","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  release(): void {\n    this.unbindMenuElement();\n    if (this._menuElement) {\n      this._menuElement.release();\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  getRootElement(): HTMLElement {\n    return this._getMenuElement().rootElement;\n  }\n}\n"]}

package/cjs/components/menu/dom/Menu.d.ts

@@ -0,0 +1,9 @@
+import { BaseMenu } from './BaseMenu';
+import { MenuContainer } from './logic/MenuContainer';
+import { MenuElement } from './logic/MenuElement';
+export declare class Menu extends BaseMenu {
+    createMenuElementInternal(): MenuElement;
+}
+export declare class Container extends BaseMenu {
+    createMenuElementInternal(): MenuContainer;
+}

package/cjs/components/menu/dom/Menu.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Container = exports.Menu = void 0;
+
+const BaseMenu_1 = require("./BaseMenu"), MenuContainer_1 = require("./logic/MenuContainer"), MenuElement_1 = require("./logic/MenuElement");
+
+class Menu extends BaseMenu_1.BaseMenu {
+    createMenuElementInternal() {
+        return new MenuElement_1.MenuElement(this._table);
+    }
+}
+
+exports.Menu = Menu;
+
+class Container extends BaseMenu_1.BaseMenu {
+    createMenuElementInternal() {
+        return new MenuContainer_1.MenuContainer(this._table);
+    }
+}
+
+exports.Container = Container;
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/menu/dom/Menu.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AACtC,yDAAsD;AACtD,qDAAkD;AAElD,MAAa,IAAK,SAAQ,mBAAQ;IAChC,yBAAyB;QACvB,OAAO,IAAI,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;CACF;AAJD,oBAIC;AACD,MAAa,SAAU,SAAQ,mBAAQ;IACrC,yBAAyB;QACvB,OAAO,IAAI,6BAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC;CACF;AAJD,8BAIC","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/cjs/components/menu/dom/MenuHandler.d.ts

@@ -0,0 +1,24 @@
+import type { DropDownMenuOptions, MenuInstanceInfo, MenuInstanceType } from '../../../ts-types';
+import type { BaseMenu } from './BaseMenu';
+import type { BaseTableAPI } from '../../../ts-types/base-table';
+export interface IMenuHandler {
+    new (table: BaseTableAPI): MenuHandler;
+}
+export declare class MenuHandler {
+    private _table;
+    private _menuInstances?;
+    private _attachInfo?;
+    constructor(table: BaseTableAPI);
+    release(): void;
+    _bindToCell(col: number, row: number, type: MenuInstanceType, dropDownMenuOptions?: DropDownMenuOptions): void;
+    _unbindFromCell(): void;
+    _isBindToCell(col: number, row: number): boolean;
+    pointInMenuElement(x: number, y: number): boolean;
+    _bindTableEvent(table: BaseTableAPI): void;
+    _getMenuInstanceInfo(col: number, row: number, type: MenuInstanceType, dropDownMenuOptions?: DropDownMenuOptions): {
+        instance?: BaseMenu;
+        type: MenuInstanceType;
+        info: MenuInstanceInfo;
+    } | null;
+    containElement(el: HTMLElement): boolean;
+}