k-vtable 1.0.0

package/cjs/scenegraph/graphic/icon.d.ts

@@ -0,0 +1,47 @@
+import type { IImageGraphicAttribute, ISetAttributeContext, ITextGraphicAttribute } from './../../vrender';
+import { Image, Text } from './../../vrender';
+import type { IIconBase } from '../../ts-types';
+import type { ParsedFrame } from 'gifuct-js';
+export interface IIconGraphicAttribute extends IImageGraphicAttribute {
+    backgroundWidth?: number;
+    backgroundHeight?: number;
+    backgroundColor?: string;
+    visibleTime?: string;
+    funcType?: string;
+    hoverImage?: string | HTMLImageElement | HTMLCanvasElement;
+    originImage?: string | HTMLImageElement | HTMLCanvasElement;
+    marginLeft?: number;
+    marginRight?: number;
+    shape?: 'circle' | 'square';
+    interactive?: boolean;
+}
+export declare class Icon extends Image {
+    attribute: IIconGraphicAttribute;
+    role?: string;
+    tooltip?: IIconBase['tooltip'];
+    frameImageData?: ImageData;
+    tempCanvas?: HTMLCanvasElement;
+    tempCtx?: CanvasRenderingContext2D;
+    gifCanvas?: HTMLCanvasElement;
+    gifCtx?: CanvasRenderingContext2D;
+    loadedFrames?: ParsedFrame[];
+    frameIndex?: number;
+    playing?: boolean;
+    lastTime?: number;
+    constructor(params: IIconGraphicAttribute);
+    loadGif(): void;
+    get backgroundWidth(): number;
+    get backgroundHeight(): number;
+    renderGIF(frames: ParsedFrame[]): void;
+    renderFrame(context: CanvasRenderingContext2D, x: number, y: number): void;
+    drawPatch(frame: ParsedFrame): void;
+    manipulate(context: CanvasRenderingContext2D, x: number, y: number): void;
+    setAttribute(key: string, value: any, forceUpdateTag?: boolean, context?: ISetAttributeContext): void;
+    setAttributes(params: Partial<IIconGraphicAttribute>, forceUpdateTag?: boolean, context?: ISetAttributeContext): void;
+}
+export declare class TextIcon extends Text {
+    attribute: IIconGraphicAttribute;
+    role?: string;
+    tooltip?: IIconBase['tooltip'];
+    constructor(params: ITextGraphicAttribute);
+}

package/cjs/scenegraph/graphic/icon.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TextIcon = exports.Icon = void 0;
+
+const vrender_1 = require("./../../vrender"), gifuct_js_1 = require("gifuct-js");
+
+class Icon extends vrender_1.Image {
+    constructor(params) {
+        super(params), "mouseenter_cell" !== this.attribute.visibleTime && "click_cell" !== this.attribute.visibleTime || (this.attribute.opacity = 0), 
+        this.attribute.hoverImage && (this.attribute.originImage = this.attribute.image), 
+        this.attribute.isGif && this.attribute.gif && this.loadGif();
+    }
+    loadGif() {
+        this.playing = !1, vrender_1.ResourceLoader.GetFile(this.attribute.gif + "?role=gif" + `&radom=${Math.random()}`, "arrayBuffer").then((res => {
+            const gif = (0, gifuct_js_1.parseGIF)(res), frames = (0, gifuct_js_1.decompressFrames)(gif, !0);
+            this.renderGIF(frames), this.resources.set(this.attribute.image, {
+                state: "success",
+                data: this.gifCanvas
+            });
+        })).catch((e => {}));
+    }
+    get backgroundWidth() {
+        var _a, _b;
+        return null !== (_b = null !== (_a = this.attribute.backgroundWidth) && void 0 !== _a ? _a : this.attribute.width) && void 0 !== _b ? _b : 0;
+    }
+    get backgroundHeight() {
+        var _a, _b;
+        return null !== (_b = null !== (_a = this.attribute.backgroundHeight) && void 0 !== _a ? _a : this.attribute.height) && void 0 !== _b ? _b : 0;
+    }
+    renderGIF(frames) {
+        this.loadedFrames = frames, this.frameIndex = 0, this.tempCanvas || (this.tempCanvas = document.createElement("canvas"), 
+        this.tempCtx = this.tempCanvas.getContext("2d")), this.gifCanvas || (this.gifCanvas = document.createElement("canvas"), 
+        this.gifCtx = this.gifCanvas.getContext("2d")), this.gifCanvas.width = frames[0].dims.width, 
+        this.gifCanvas.height = frames[0].dims.height, this.playing = !0, this.lastTime = (new Date).getTime(), 
+        this.animate().to({}, 1e3, "linear").loop(1 / 0);
+    }
+    renderFrame(context, x, y) {
+        const frame = this.loadedFrames[this.frameIndex || 0];
+        2 === frame.disposalType && this.gifCtx.clearRect(0, 0, this.gifCanvas.width, this.gifCanvas.height), 
+        this.drawPatch(frame), this.manipulate(context, x, y);
+        const diff = (new Date).getTime() - this.lastTime;
+        frame.delay < diff && (this.frameIndex++, this.lastTime = (new Date).getTime()), 
+        this.frameIndex >= this.loadedFrames.length && (this.frameIndex = 0);
+    }
+    drawPatch(frame) {
+        const dims = frame.dims;
+        this.frameImageData && dims.width === this.frameImageData.width && dims.height === this.frameImageData.height || (this.tempCanvas.width = dims.width, 
+        this.tempCanvas.height = dims.height, this.frameImageData = this.tempCtx.createImageData(dims.width, dims.height)), 
+        this.frameImageData.data.set(frame.patch), this.tempCtx.putImageData(this.frameImageData, 0, 0), 
+        this.gifCtx.drawImage(this.tempCanvas, dims.left, dims.top);
+    }
+    manipulate(context, x, y) {
+        context.drawImage(this.gifCanvas, 0, 0, this.gifCanvas.width, this.gifCanvas.height, x, y, this.attribute.width, this.attribute.height);
+    }
+    setAttribute(key, value, forceUpdateTag, context) {
+        super.setAttribute(key, value, forceUpdateTag, context), "gif" === key && this.loadGif();
+    }
+    setAttributes(params, forceUpdateTag, context) {
+        super.setAttributes(params, forceUpdateTag, context), params.gif && this.loadGif();
+    }
+}
+
+exports.Icon = Icon;
+
+class TextIcon extends vrender_1.Text {
+    constructor(params) {
+        var _a, _b, _c, _d, _e;
+        params.fill = null !== (_a = params.fill) && void 0 !== _a ? _a : "#00F", params.fontSize = null !== (_b = params.fontSize) && void 0 !== _b ? _b : 12, 
+        params.underline = null !== (_c = params.underline) && void 0 !== _c ? _c : 1, params.textBaseline = null !== (_d = params.textBaseline) && void 0 !== _d ? _d : "top", 
+        params.cursor = null !== (_e = params.cursor) && void 0 !== _e ? _e : "pointer", 
+        super(params);
+    }
+}
+
+exports.TextIcon = TextIcon;
+//# sourceMappingURL=icon.js.map

package/cjs/scenegraph/graphic/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/graphic/icon.ts"],"names":[],"mappings":"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","file":"icon.js","sourcesContent":["import type { IImageGraphicAttribute, ISetAttributeContext, ITextGraphicAttribute } from './../../vrender';\nimport { Image, ResourceLoader, Text } from './../../vrender';\nimport type { IIconBase } from '../../ts-types';\nimport type { ParsedFrame } from 'gifuct-js';\nimport { decompressFrames, parseGIF } from 'gifuct-js';\n\nexport interface IIconGraphicAttribute extends IImageGraphicAttribute {\n  backgroundWidth?: number;\n  backgroundHeight?: number;\n  backgroundColor?: string;\n  visibleTime?: string;\n  funcType?: string;\n  hoverImage?: string | HTMLImageElement | HTMLCanvasElement;\n  originImage?: string | HTMLImageElement | HTMLCanvasElement;\n  // margin?: [number, number, number, number];\n  marginLeft?: number;\n  marginRight?: number;\n  shape?: 'circle' | 'square';\n  interactive?: boolean;\n}\n\nexport class Icon extends Image {\n  declare attribute: IIconGraphicAttribute;\n  role?: string;\n  tooltip?: IIconBase['tooltip'];\n  frameImageData?: ImageData;\n  tempCanvas?: HTMLCanvasElement;\n  tempCtx?: CanvasRenderingContext2D;\n  gifCanvas?: HTMLCanvasElement;\n  gifCtx?: CanvasRenderingContext2D;\n  loadedFrames?: ParsedFrame[];\n  frameIndex?: number;\n  playing?: boolean;\n  lastTime?: number;\n\n  // eslint-disable-next-line no-useless-constructor\n  constructor(params: IIconGraphicAttribute) {\n    super(params);\n\n    if (this.attribute.visibleTime === 'mouseenter_cell' || this.attribute.visibleTime === 'click_cell') {\n      this.attribute.opacity = 0;\n    }\n\n    if (this.attribute.hoverImage) {\n      this.attribute.originImage = this.attribute.image;\n    }\n\n    if ((this.attribute as any).isGif && (this.attribute as any).gif) {\n      this.loadGif();\n    }\n\n    // if (this.attribute.margin) {\n    //   this.attribute.boundsPadding = this.attribute.margin;\n    //   this.attribute.dx = this.attribute.margin[3] ?? 0;\n    // }\n  }\n\n  loadGif() {\n    this.playing = false;\n    ResourceLoader.GetFile((this.attribute as any).gif + '?role=gif' + `&radom=${Math.random()}`, 'arrayBuffer') // ?role=gif: hack for ResourceLoader cache\n      .then((res: ArrayBuffer) => {\n        const gif = parseGIF(res);\n        const frames = decompressFrames(gif, true);\n        this.renderGIF(frames);\n\n        // hack for image resource\n        (this as any).resources.set((this.attribute as any).image, {\n          state: 'success',\n          data: this.gifCanvas\n        });\n      })\n      .catch((e: any) => {\n        console.error('Gif load error: ', e);\n      });\n  }\n\n  get backgroundWidth(): number {\n    return this.attribute.backgroundWidth ?? this.attribute.width ?? 0;\n  }\n\n  get backgroundHeight(): number {\n    return this.attribute.backgroundHeight ?? this.attribute.height ?? 0;\n  }\n\n  // protected tryUpdateAABBBounds() {\n  //   super.tryUpdateAABBBounds();\n  //   // 扩大范围\n  //   const { width, height } = this.attribute;\n  //   const { backgroundWidth = width, backgroundHeight = height } = this.attribute;\n  //   const expandX = (backgroundWidth - width) / 2;\n  //   const expandY = (backgroundHeight - height) / 2;\n  //   this._AABBBounds.expand([expandY, expandX, expandY, expandX]);\n\n  //   return this._AABBBounds;\n  // }\n\n  renderGIF(frames: ParsedFrame[]) {\n    this.loadedFrames = frames;\n    this.frameIndex = 0;\n\n    if (!this.tempCanvas) {\n      this.tempCanvas = document.createElement('canvas');\n      this.tempCtx = this.tempCanvas.getContext('2d');\n    }\n\n    if (!this.gifCanvas) {\n      this.gifCanvas = document.createElement('canvas');\n      this.gifCtx = this.gifCanvas.getContext('2d');\n    }\n\n    this.gifCanvas.width = frames[0].dims.width;\n    this.gifCanvas.height = frames[0].dims.height;\n\n    this.playing = true;\n    this.lastTime = new Date().getTime();\n    this.animate().to({}, 1000, 'linear').loop(Infinity);\n  }\n\n  renderFrame(context: CanvasRenderingContext2D, x: number, y: number) {\n    // get the frame\n    const frame = this.loadedFrames[this.frameIndex || 0];\n\n    if (frame.disposalType === 2) {\n      this.gifCtx.clearRect(0, 0, this.gifCanvas.width, this.gifCanvas.height);\n    }\n\n    // draw the patch\n    this.drawPatch(frame);\n\n    // perform manipulation\n    this.manipulate(context, x, y);\n\n    // update the frame index\n    // this.frameIndex++;\n    const diff = new Date().getTime() - this.lastTime;\n    if (frame.delay < diff) {\n      // return;\n      this.frameIndex++;\n      this.lastTime = new Date().getTime();\n    }\n    if (this.frameIndex >= this.loadedFrames.length) {\n      this.frameIndex = 0;\n    }\n  }\n\n  drawPatch(frame: ParsedFrame) {\n    const dims = frame.dims;\n\n    if (\n      !this.frameImageData ||\n      dims.width !== this.frameImageData.width ||\n      dims.height !== this.frameImageData.height\n    ) {\n      this.tempCanvas.width = dims.width;\n      this.tempCanvas.height = dims.height;\n      this.frameImageData = this.tempCtx.createImageData(dims.width, dims.height);\n    }\n\n    // set the patch data as an override\n    this.frameImageData.data.set(frame.patch);\n\n    // draw the patch back over the canvas\n    this.tempCtx.putImageData(this.frameImageData, 0, 0);\n\n    // gifCtx.drawImage(tempCanvas, dims.left, dims.top)\n    // this.attribute.image = this.tempCanvas;\n\n    this.gifCtx.drawImage(this.tempCanvas, dims.left, dims.top);\n  }\n\n  manipulate(context: CanvasRenderingContext2D, x: number, y: number) {\n    context.drawImage(\n      this.gifCanvas,\n      0,\n      0,\n      this.gifCanvas.width,\n      this.gifCanvas.height,\n      x,\n      y,\n      this.attribute.width,\n      this.attribute.height\n    );\n  }\n\n  setAttribute(key: string, value: any, forceUpdateTag?: boolean, context?: ISetAttributeContext): void {\n    super.setAttribute(key, value, forceUpdateTag, context);\n    if (key === 'gif') {\n      this.loadGif();\n    }\n  }\n\n  setAttributes(\n    params: Partial<IIconGraphicAttribute>,\n    forceUpdateTag?: boolean,\n    context?: ISetAttributeContext\n  ): void {\n    super.setAttributes(params, forceUpdateTag, context);\n    if ((params as any).gif) {\n      this.loadGif();\n    }\n  }\n}\n\nexport class TextIcon extends Text {\n  declare attribute: IIconGraphicAttribute;\n  role?: string;\n  tooltip?: IIconBase['tooltip'];\n\n  constructor(params: ITextGraphicAttribute) {\n    // default text icon style\n    params.fill = params.fill ?? '#00F';\n    params.fontSize = params.fontSize ?? 12;\n    params.underline = params.underline ?? 1;\n    params.textBaseline = params.textBaseline ?? 'top';\n    params.cursor = params.cursor ?? 'pointer';\n    super(params);\n  }\n}\n"]}

package/cjs/scenegraph/graphic/mark.d.ts

@@ -0,0 +1,4 @@
+import type { Group } from './../../vrender';
+import type { MarkedPropertyDefine } from '../../ts-types';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export declare function createMark(marked: MarkedPropertyDefine, cellGroup: Group, table: BaseTableAPI): void;

package/cjs/scenegraph/graphic/mark.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createMark = void 0;
+
+const vrender_1 = require("./../../vrender");
+
+function createMark(marked, cellGroup, table) {
+    if ("boolean" == typeof marked) {
+        const mark = (0, vrender_1.createArc)({
+            x: cellGroup.attribute.width,
+            y: 0,
+            startAngle: Math.PI / 2,
+            endAngle: Math.PI,
+            outerRadius: 6,
+            fill: "#3073F2",
+            pickable: !1
+        });
+        mark.name = "mark", cellGroup.appendChild(mark);
+    } else {
+        const {bgColor: bgColor = "#3073F2", shape: shape = "sector", position: position = "right-top", size: size = 10, offset: offset = 0} = marked;
+        let x, y, startAngle, endAngle, fill, mark;
+        if ("sector" === shape) "right-top" === position ? (x = cellGroup.attribute.width - offset, 
+        y = offset, startAngle = Math.PI / 2, endAngle = Math.PI) : "left-top" === position ? (x = offset, 
+        y = offset, startAngle = 0, endAngle = Math.PI / 2) : "right-bottom" === position ? (x = cellGroup.attribute.width - offset, 
+        y = cellGroup.attribute.height - offset, startAngle = Math.PI, endAngle = Math.PI / 2 * 3) : "left-bottom" === position && (x = offset, 
+        y = cellGroup.attribute.height - offset, startAngle = Math.PI / 2 * 3, endAngle = 2 * Math.PI), 
+        fill = bgColor, mark = (0, vrender_1.createArc)({
+            x: x,
+            y: y,
+            startAngle: startAngle,
+            endAngle: endAngle,
+            outerRadius: size,
+            fill: fill,
+            pickable: !1
+        }); else if ("triangle" === shape) {
+            let x2, y2, x3, y3;
+            "right-top" === position ? (x = cellGroup.attribute.width - offset, y = offset, 
+            x2 = x - size, y2 = y, x3 = x, y3 = y + size) : "left-top" === position ? (x = offset, 
+            y = offset, x2 = x + size, y2 = y, x3 = x, y3 = y + size) : "right-bottom" === position ? (x = cellGroup.attribute.width - offset, 
+            y = cellGroup.attribute.height - offset, x2 = x - size, y2 = y, x3 = x, y3 = y - size) : "left-bottom" === position && (x = offset, 
+            y = cellGroup.attribute.height - offset, x2 = x + size, y2 = y, x3 = x, y3 = y - size), 
+            fill = bgColor, mark = (0, vrender_1.createPolygon)({
+                points: [ {
+                    x: x,
+                    y: y
+                }, {
+                    x: x2,
+                    y: y2
+                }, {
+                    x: x3,
+                    y: y3
+                } ],
+                fill: fill,
+                pickable: !1
+            });
+        } else "rect" === shape && ("right-top" === position ? (x = cellGroup.attribute.width - size - offset, 
+        y = offset) : "left-top" === position ? (x = offset, y = offset) : "right-bottom" === position ? (x = cellGroup.attribute.width - size - offset, 
+        y = cellGroup.attribute.height - size - offset) : "left-bottom" === position && (x = offset, 
+        y = cellGroup.attribute.height - size - offset), fill = bgColor, mark = (0, vrender_1.createRect)({
+            x: x,
+            y: y,
+            width: size,
+            height: size,
+            fill: fill,
+            pickable: !1
+        }));
+        mark.name = "mark", cellGroup.appendChild(mark);
+    }
+}
+
+exports.createMark = createMark;
+//# sourceMappingURL=mark.js.map

package/cjs/scenegraph/graphic/mark.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/graphic/mark.ts"],"names":[],"mappings":"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","file":"mark.js","sourcesContent":["import { createRect, createArc, createPolygon } from './../../vrender';\n\nimport type { Group, IFillType } from './../../vrender';\n\nimport type { MarkCellStyle, MarkedPropertyDefine } from '../../ts-types';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\nexport function createMark(marked: MarkedPropertyDefine, cellGroup: Group, table: BaseTableAPI) {\n  if (typeof marked === 'boolean') {\n    // 默认是右上角显示个扇形\n    const mark = createArc({\n      x: cellGroup.attribute.width,\n      y: 0,\n      startAngle: Math.PI / 2,\n      endAngle: Math.PI,\n      outerRadius: 6,\n      fill: '#3073F2',\n      pickable: false\n    });\n    mark.name = 'mark';\n\n    cellGroup.appendChild(mark);\n  } else {\n    const {\n      bgColor = '#3073F2',\n      shape = 'sector',\n      position = 'right-top',\n      size = 10,\n      offset = 0\n    } = marked as MarkCellStyle;\n    let x;\n    let y;\n    let startAngle;\n    let endAngle;\n    let fill;\n    let mark;\n\n    if (shape === 'sector') {\n      if (position === 'right-top') {\n        x = cellGroup.attribute.width - offset;\n        y = offset;\n        startAngle = Math.PI / 2;\n        endAngle = Math.PI;\n      } else if (position === 'left-top') {\n        x = offset;\n        y = offset;\n        startAngle = 0;\n        endAngle = Math.PI / 2;\n      } else if (position === 'right-bottom') {\n        x = cellGroup.attribute.width - offset;\n        y = cellGroup.attribute.height - offset;\n        startAngle = Math.PI;\n        endAngle = (Math.PI / 2) * 3;\n      } else if (position === 'left-bottom') {\n        x = offset;\n        y = cellGroup.attribute.height - offset;\n        startAngle = (Math.PI / 2) * 3;\n        endAngle = Math.PI * 2;\n      }\n\n      fill = bgColor;\n      mark = createArc({\n        x,\n        y,\n        startAngle,\n        endAngle,\n        outerRadius: size,\n        fill: fill as IFillType,\n        pickable: false\n      });\n    } else if (shape === 'triangle') {\n      let x2;\n      let y2;\n      let x3;\n      let y3;\n      if (position === 'right-top') {\n        x = cellGroup.attribute.width - offset;\n        y = offset;\n        x2 = x - size;\n        y2 = y;\n        x3 = x;\n        y3 = y + size;\n      } else if (position === 'left-top') {\n        x = offset;\n        y = offset;\n        x2 = x + size;\n        y2 = y;\n        x3 = x;\n        y3 = y + size;\n      } else if (position === 'right-bottom') {\n        x = cellGroup.attribute.width - offset;\n        y = cellGroup.attribute.height - offset;\n        x2 = x - size;\n        y2 = y;\n        x3 = x;\n        y3 = y - size;\n      } else if (position === 'left-bottom') {\n        x = offset;\n        y = cellGroup.attribute.height - offset;\n        x2 = x + size;\n        y2 = y;\n        x3 = x;\n        y3 = y - size;\n      }\n      fill = bgColor;\n      mark = createPolygon({\n        points: [\n          { x: x, y: y },\n          { x: x2, y: y2 },\n          { x: x3, y: y3 }\n        ],\n        fill: fill as IFillType,\n        pickable: false\n      });\n    } else if (shape === 'rect') {\n      if (position === 'right-top') {\n        x = cellGroup.attribute.width - size - offset;\n        y = offset;\n      } else if (position === 'left-top') {\n        x = offset;\n        y = offset;\n      } else if (position === 'right-bottom') {\n        x = cellGroup.attribute.width - size - offset;\n        y = cellGroup.attribute.height - size - offset;\n      } else if (position === 'left-bottom') {\n        x = offset;\n        y = cellGroup.attribute.height - size - offset;\n      }\n      fill = bgColor;\n      mark = createRect({\n        x,\n        y,\n        width: size,\n        height: size,\n        fill: fill as IFillType,\n        pickable: false\n      });\n    }\n    mark.name = 'mark';\n    cellGroup.appendChild(mark);\n  }\n}\n"]}

package/cjs/scenegraph/graphic/text.d.ts

@@ -0,0 +1,2 @@
+export type { ITextGraphicAttribute, IWrapTextGraphicAttribute } from './../../vrender';
+export { Text as WrapText } from './../../vrender';

package/cjs/scenegraph/graphic/text.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.WrapText = void 0;
+
+var vrender_1 = require("./../../vrender");
+
+Object.defineProperty(exports, "WrapText", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.Text;
+    }
+});
+//# sourceMappingURL=text.js.map

package/cjs/scenegraph/graphic/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/graphic/text.ts"],"names":[],"mappings":";;;AACA,2CAAmD;AAA1C,mGAAA,IAAI,OAAY","file":"text.js","sourcesContent":["export type { ITextGraphicAttribute, IWrapTextGraphicAttribute } from './../../vrender';\nexport { Text as WrapText } from './../../vrender';\n// import { getTheme, graphicUtil, Text, CanvasTextLayout, textDrawOffsetX, textLayoutOffsetY } from '@src/vrender';\n// import type { Bounds } from '@visactor/vutils';\n// import { textMeasure } from '../utils/measure-text';\n\n/* WrapText功能/dist/core/contributions/textMeasure/layout\n * 1. 按照宽度限制自动折行或显示省略号\n * 2. 高度限制控制显示内容及省略号\n */\n\n// const WRAP_TEXT_UPDATE_TAG_KEY = ['heightLimit', 'lineClamp', 'autoWrapText'];\n\n// export interface IWrapTextGraphicAttribute extends ITextGraphicAttribute {\n//   // widthLimit: number;\n//   heightLimit?: number;\n//   lineClamp?: number;\n//   autoWrapText?: boolean;\n// }\n// export class WrapText extends Text {\n//   declare attribute: IWrapTextGraphicAttribute;\n\n//   // eslint-disable-next-line no-useless-constructor\n//   constructor(params: IWrapTextGraphicAttribute) {\n//     super(params);\n//   }\n\n//   /**\n//    * 计算单行文字的bounds，可以缓存长度以及截取的文字\n//    * @param text\n//    */\n//   updateSingallineAABBBounds(text: number | string) {\n//     const textTheme = getTheme(this).text;\n//     // const textMeasure = graphicUtil.textMeasure;\n//     let width: number;\n//     let str: string;\n//     const attribute = this.attribute;\n//     const {\n//       maxLineWidth = textTheme.maxLineWidth,\n//       ellipsis = textTheme.ellipsis,\n//       textAlign = textTheme.textAlign,\n//       textBaseline = textTheme.textBaseline,\n//       fontSize = textTheme.fontSize,\n//       fontFamily = textTheme.fontFamily,\n//       fontWeight = textTheme.fontWeight,\n//       stroke = textTheme.stroke,\n//       lineHeight = attribute.lineHeight ?? attribute.fontSize ?? textTheme.fontSize,\n//       lineWidth = textTheme.lineWidth\n//     } = attribute;\n\n//     if (!this.shouldUpdateShape() && this.cache) {\n//       width = this.cache.clipedWidth;\n//       const dx = textDrawOffsetX(textAlign, width);\n//       const dy = textLayoutOffsetY(textBaseline, lineHeight, fontSize);\n//       this._AABBBounds.set(dx, dy, dx + width, dy + lineHeight);\n//       if (stroke) {\n//         this._AABBBounds.expand(lineWidth / 2);\n//       }\n//       return this._AABBBounds;\n//     }\n\n//     if (Number.isFinite(maxLineWidth)) {\n//       if (ellipsis) {\n//         const strEllipsis = (ellipsis === true ? textTheme.ellipsis : ellipsis) as string;\n//         const data = textMeasure.clipTextWithSuffix(\n//           text.toString(),\n//           { fontSize, fontFamily },\n//           maxLineWidth,\n//           strEllipsis\n//         );\n//         str = data.str;\n//         width = data.width;\n//       } else {\n//         const data = textMeasure.clipText(text.toString(), { fontSize, fontFamily }, maxLineWidth);\n//         str = data.str;\n//         width = data.width;\n//       }\n//       this.cache.clipedText = str;\n//       this.cache.clipedWidth = width;\n//       // todo 计算原本的宽度\n//     } else {\n//       width = textMeasure.measureTextWidth(text.toString(), { fontSize, fontFamily, fontWeight });\n//       this.cache.clipedText = text.toString();\n//       this.cache.clipedWidth = width;\n//     }\n//     this.clearUpdateShapeTag();\n\n//     const dx = textDrawOffsetX(textAlign, width);\n//     const dy = textLayoutOffsetY(textBaseline, lineHeight, fontSize);\n//     this._AABBBounds.set(dx, dy, dx + width, dy + lineHeight);\n\n//     if (stroke) {\n//       this._AABBBounds.expand(lineWidth / 2);\n//     }\n\n//     return this._AABBBounds;\n//   }\n\n//   /**\n//    * 计算多行文字的bounds，缓存每行文字的布局位置\n//    * 自动折行params.text是数组，因此只重新updateMultilineAABBBounds\n//    * @param text\n//    */\n//   updateMultilineAABBBounds(text: (number | string)[]) {\n//     const textTheme = getTheme(this).text;\n//     const {\n//       fontFamily = textTheme.fontFamily,\n//       textAlign = textTheme.textAlign,\n//       fontWeight = textTheme.fontWeight,\n//       textBaseline = textTheme.textBaseline,\n//       fontSize = textTheme.fontSize,\n//       lineHeight = this.attribute.lineHeight ?? this.attribute.fontSize ?? textTheme.fontSize,\n//       ellipsis = textTheme.ellipsis,\n//       maxLineWidth,\n//       stroke = textTheme.stroke,\n//       lineWidth = textTheme.lineWidth,\n//       // widthLimit,\n//       heightLimit = -1,\n//       lineClamp = (textTheme as any).lineClamp,\n//       autoWrapText = (textTheme as any).autoWrapText\n//     } = this.attribute;\n\n//     if (!this.shouldUpdateShape() && this.cache?.layoutData) {\n//       const bbox = this.cache.layoutData.bbox;\n//       this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height);\n//       if (stroke) {\n//         this._AABBBounds.expand(lineWidth / 2);\n//       }\n//       return this._AABBBounds;\n//     }\n\n//     // const textMeasure = graphicUtil.textMeasure;\n//     const layoutObj = new CanvasTextLayout(fontFamily, { fontSize, fontFamily }, textMeasure as any) as any;\n\n//     // layoutObj内逻辑\n//     const lines = text.map(l => l.toString()) as string[];\n//     const linesLayout: LayoutItemType[] = [];\n//     const bboxWH: [number, number] = [0, 0];\n\n//     let lineCountLimit = Infinity;\n//     if (heightLimit > 0) {\n//       lineCountLimit = Math.max(Math.floor(heightLimit / lineHeight), 1);\n//     }\n//     if (lineClamp) {\n//       // 处理行数限制\n//       lineCountLimit = Math.min(lineCountLimit, lineClamp);\n//     }\n\n//     if (!autoWrapText) {\n//       // 使用所有行中最长的作为lineWidth\n//       let lineWidth = 0;\n//       for (let i = 0, len = lines.length; i < len; i++) {\n//         // 判断是否超过高度限制\n//         if (i < lineCountLimit) {\n//           // 当前行为最后一行\n//           const clip = layoutObj.textMeasure.clipTextWithSuffix(\n//             lines[i],\n//             layoutObj.textOptions,\n//             maxLineWidth,\n//             ellipsis\n//           );\n//           linesLayout.push({\n//             str: clip.str,\n//             width: clip.width\n//           });\n//           lineWidth = Math.max(lineWidth, clip.width);\n//         }\n//       }\n//       bboxWH[0] = lineWidth;\n//     } else if (typeof maxLineWidth === 'number' && maxLineWidth !== Infinity) {\n//       // widthLimit > 0\n//       if (maxLineWidth > 0) {\n//         for (let i = 0; i < lines.length; i++) {\n//           const str = lines[i] as string;\n//           // // 测量当前行宽度\n//           // width = Math.min(\n//           //   layoutObj.textMeasure.measureTextWidth(str, layoutObj.textOptions),\n//           //   maxLineWidth\n//           // );\n\n//           // 判断是否超过高度限制\n//           if (i === lineCountLimit - 1) {\n//             // 当前行为最后一行\n//             const clip = layoutObj.textMeasure.clipTextWithSuffix(str, layoutObj.textOptions, maxLineWidth, ellipsis);\n//             linesLayout.push({\n//               str: clip.str,\n//               width: clip.width\n//             });\n//             break; // 不处理后续行\n//           }\n\n//           // 测量截断位置\n//           const clip = layoutObj.textMeasure.clipText(str, layoutObj.textOptions, maxLineWidth);\n//           if (str !== '' && clip.str === '') {\n//             // 宽度限制不足一个字符，至少截取一个字符\n//             clip.str = str.substring(0, 1);\n//             clip.width = textMeasure.measureTextWidth(clip.str, { fontSize, fontFamily, fontWeight });\n//           }\n\n//           linesLayout.push({\n//             str: clip.str,\n//             width: clip.width\n//           });\n//           if (clip.str.length === str.length) {\n//             // 不需要截断\n//           } else {\n//             const newStr = str.substring(clip.str.length);\n//             lines.splice(i + 1, 0, newStr);\n//           }\n//         }\n//       }\n//       // bboxWH[0] = maxLineWidth;\n//       let maxWidth = 0;\n//       linesLayout.forEach(layout => {\n//         maxWidth = Math.max(maxWidth, layout.width);\n//       });\n//       bboxWH[0] = maxWidth;\n//     } else {\n//       // 使用所有行中最长的作为lineWidth\n//       let lineWidth = 0;\n//       let width: number;\n//       let text: string;\n//       for (let i = 0, len = lines.length; i < len; i++) {\n//         // 判断是否超过高度限制\n//         if (i === lineCountLimit - 1) {\n//           // 当前行为最后一行\n//           const clip = layoutObj.textMeasure.clipTextWithSuffix(\n//             lines[i],\n//             layoutObj.textOptions,\n//             maxLineWidth,\n//             ellipsis\n//           );\n//           linesLayout.push({\n//             str: clip.str,\n//             width: clip.width\n//           });\n//           lineWidth = Math.max(lineWidth, clip.width);\n//           break; // 不处理后续行\n//         }\n\n//         text = lines[i] as string;\n//         width = layoutObj.textMeasure.measureTextWidth(text, layoutObj.textOptions);\n//         lineWidth = Math.max(lineWidth, width);\n//         linesLayout.push({ str: text, width });\n//       }\n//       bboxWH[0] = lineWidth;\n//     }\n//     bboxWH[1] = linesLayout.length * lineHeight;\n\n//     const bbox = {\n//       xOffset: 0,\n//       yOffset: 0,\n//       width: bboxWH[0],\n//       height: bboxWH[1]\n//     };\n\n//     layoutObj.LayoutBBox(bbox, textAlign, textBaseline as any);\n\n//     const layoutData = layoutObj.layoutWithBBox(bbox, linesLayout, textAlign, textBaseline as any, lineHeight);\n\n//     // const layoutData = layoutObj.GetLayoutByLines(\n//     //   text,\n//     //   textAlign,\n//     //   textBaseline as any,\n//     //   lineHeight,\n//     //   ellipsis === true ? (DefaultTextAttribute.ellipsis as string) : ellipsis || undefined,\n//     //   maxLineWidth\n//     // );\n//     // const { bbox } = layoutData;\n//     this.cache.layoutData = layoutData;\n//     this.clearUpdateShapeTag();\n//     this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height);\n\n//     if (stroke) {\n//       this._AABBBounds.expand(lineWidth / 2);\n//     }\n\n//     return this._AABBBounds;\n//   }\n\n//   needUpdateTags(keys: string[]): boolean {\n//     for (let i = 0; i < WRAP_TEXT_UPDATE_TAG_KEY.length; i++) {\n//       const attrKey = WRAP_TEXT_UPDATE_TAG_KEY[i];\n//       if (keys.indexOf(attrKey) !== -1) {\n//         return true;\n//       }\n//     }\n//     return super.needUpdateTags(keys);\n//   }\n//   needUpdateTag(key: string): boolean {\n//     for (let i = 0; i < WRAP_TEXT_UPDATE_TAG_KEY.length; i++) {\n//       const attrKey = WRAP_TEXT_UPDATE_TAG_KEY[i];\n//       if (key === attrKey) {\n//         return true;\n//       }\n//     }\n//     return super.needUpdateTag(key);\n//   }\n// }\n"]}

package/cjs/scenegraph/group-creater/cell-helper.d.ts

@@ -0,0 +1,16 @@
+import type { IThemeSpec, Group as VGroup } from './../../vrender';
+import type { CellRange, ColumnDefine, ColumnTypeOption } from '../../ts-types';
+import type { Group } from '../graphic/group';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export declare function createCell(type: ColumnTypeOption, value: string, define: ColumnDefine, table: BaseTableAPI, col: number, row: number, colWidth: number, cellWidth: number, cellHeight: number, columnGroup: Group, y: number, padding: [number, number, number, number], textAlign: CanvasTextAlign, textBaseline: CanvasTextBaseline, mayHaveIcon: boolean, cellTheme: IThemeSpec, range: CellRange | undefined, customResult?: {
+    elementsGroup?: VGroup;
+    renderDefault: boolean;
+}): Group;
+export declare function updateCell(col: number, row: number, table: BaseTableAPI, addNew?: boolean, isShadow?: boolean, forceFastUpdate?: boolean): Group;
+export declare function dealWithMergeCellSize(range: CellRange, cellWidth: number, cellHeight: number, padding: [number, number, number, number], textAlign: CanvasTextAlign, textBaseline: CanvasTextBaseline, table: BaseTableAPI): void;
+export declare function dealWithMergeCellSizeForShadow(range: CellRange, cellWidth: number, cellHeight: number, padding: [number, number, number, number], textAlign: CanvasTextAlign, textBaseline: CanvasTextBaseline, table: BaseTableAPI, cellGroup: Group): void;
+export declare function resizeCellGroup(cellGroup: Group, rangeWidth: number, rangeHeight: number, range: CellRange, table: BaseTableAPI): {
+    widthChange: boolean;
+    heightChange: boolean;
+};
+export declare function getCustomCellMergeCustom(col: number, row: number, cellGroup: Group, table: BaseTableAPI): CellRange;