k-vtable 1.0.0

package/cjs/render/layout/index.js

@@ -0,0 +1,41 @@
+"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];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Radio = exports.CheckBox = void 0, __exportStar(require("./circle"), exports), 
+__exportStar(require("./container"), exports), __exportStar(require("./group-element"), exports), 
+__exportStar(require("./icon"), exports), __exportStar(require("./image"), exports), 
+__exportStar(require("./rect"), exports), __exportStar(require("./text"), exports), 
+__exportStar(require("./percent-calc"), exports), __exportStar(require("./arc"), exports), 
+__exportStar(require("./tag"), exports), __exportStar(require("./group"), exports), 
+__exportStar(require("./line"), exports);
+
+var vrender_1 = require("./../../vrender");
+
+Object.defineProperty(exports, "CheckBox", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.CheckBox;
+    }
+}), Object.defineProperty(exports, "Radio", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.Radio;
+    }
+});
+//# sourceMappingURL=index.js.map

package/cjs/render/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,8CAA4B;AAC5B,kDAAgC;AAChC,yCAAuB;AACvB,0CAAwB;AACxB,yCAAuB;AACvB,yCAAuB;AACvB,iDAA+B;AAC/B,wCAAsB;AACtB,wCAAsB;AACtB,0CAAwB;AACxB,yCAAuB;AAEvB,2CAAkD;AAAzC,mGAAA,QAAQ,OAAA;AAAE,gGAAA,KAAK,OAAA","file":"index.js","sourcesContent":["export * from './circle';\nexport * from './container';\nexport * from './group-element';\nexport * from './icon';\nexport * from './image';\nexport * from './rect';\nexport * from './text';\nexport * from './percent-calc';\nexport * from './arc';\nexport * from './tag';\nexport * from './group';\nexport * from './line';\n\nexport { CheckBox, Radio } from './../../vrender';\n"]}

package/cjs/render/layout/line.d.ts

@@ -0,0 +1 @@
+export { Line } from './../../vrender';

package/cjs/render/layout/line.js

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

package/cjs/render/layout/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/line.ts"],"names":[],"mappings":";;;AAAA,2CAAuC;AAA9B,+FAAA,IAAI,OAAA","file":"line.js","sourcesContent":["export { Line } from './../../vrender';\n"]}

package/cjs/render/layout/percent-calc.d.ts

@@ -0,0 +1,5 @@
+export type percentCalcObj = {
+    percent: number;
+    delta: number;
+};
+export declare function percentCalc(percent: number, delta?: number): percentCalcObj;

package/cjs/render/layout/percent-calc.js

@@ -0,0 +1,13 @@
+"use strict";
+
+function percentCalc(percent, delta = 0) {
+    return {
+        percent: percent,
+        delta: delta
+    };
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.percentCalc = void 0, exports.percentCalc = percentCalc;
+//# sourceMappingURL=percent-calc.js.map

package/cjs/render/layout/percent-calc.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/percent-calc.ts"],"names":[],"mappings":";;;AAKA,SAAgB,WAAW,CAAC,OAAe,EAAE,KAAK,GAAG,CAAC;IACpD,OAAO;QACL,OAAO;QACP,KAAK;KACN,CAAC;AACJ,CAAC;AALD,kCAKC","file":"percent-calc.js","sourcesContent":["export type percentCalcObj = {\n  percent: number;\n  delta: number;\n};\n\nexport function percentCalc(percent: number, delta = 0): percentCalcObj {\n  return {\n    percent,\n    delta\n  };\n}\n"]}

package/cjs/render/layout/rect.d.ts

@@ -0,0 +1,12 @@
+import type { IRectGraphicAttribute } from './../../vrender';
+import { Rect as VRect } from './../../vrender';
+type IRectOption = {
+    marginTop?: number;
+    marginRight?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+} & IRectGraphicAttribute;
+export declare class Rect extends VRect {
+    constructor(options: IRectOption);
+}
+export {};

package/cjs/render/layout/rect.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Rect = void 0;
+
+const vrender_1 = require("./../../vrender"), vutils_1 = require("@visactor/vutils");
+
+class Rect extends vrender_1.Rect {
+    constructor(options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const isPaddingNumber = (0, vutils_1.isArray)(options.boundsPadding), padding = [ null !== (_b = null !== (_a = options.marginTop) && void 0 !== _a ? _a : isPaddingNumber ? options.boundsPadding[0] : options.boundsPadding) && void 0 !== _b ? _b : 0, null !== (_d = null !== (_c = options.marginRight) && void 0 !== _c ? _c : isPaddingNumber ? options.boundsPadding[1] : options.boundsPadding) && void 0 !== _d ? _d : 0, null !== (_g = null !== (_e = options.marginBottom) && void 0 !== _e ? _e : isPaddingNumber ? null !== (_f = options.boundsPadding[2]) && void 0 !== _f ? _f : options.boundsPadding[0] : options.boundsPadding) && void 0 !== _g ? _g : 0, null !== (_k = null !== (_h = options.marginLeft) && void 0 !== _h ? _h : isPaddingNumber ? null !== (_j = options.boundsPadding[3]) && void 0 !== _j ? _j : options.boundsPadding[1] : options.boundsPadding) && void 0 !== _k ? _k : 0 ];
+        options.boundsPadding = padding, super(options);
+    }
+}
+
+exports.Rect = Rect;
+//# sourceMappingURL=rect.js.map

package/cjs/render/layout/rect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/rect.ts"],"names":[],"mappings":";;;AACA,6CAAgD;AAChD,6CAA2C;AAS3C,MAAa,IAAK,SAAQ,cAAK;IAC7B,YAAY,OAAoB;;QAC9B,MAAM,eAAe,GAAG,IAAA,gBAAO,EAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG;YACd,MAAA,MAAA,OAAO,CAAC,SAAS,mCAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAAI,CAAC;YAC9F,MAAA,MAAA,OAAO,CAAC,WAAW,mCAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAAI,CAAC;YAChG,MAAA,MAAA,OAAO,CAAC,YAAY,mCAClB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,mCAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAChG,CAAC;YACH,MAAA,MAAA,OAAO,CAAC,UAAU,mCAChB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,mCAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAChG,CAAC;SACJ,CAAC;QACF,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC;QAEhC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjB,CAAC;CACF;AAjBD,oBAiBC","file":"rect.js","sourcesContent":["import type { IRectGraphicAttribute } from './../../vrender';\nimport { Rect as VRect } from './../../vrender';\nimport { isArray } from '@visactor/vutils';\n\ntype IRectOption = {\n  marginTop?: number;\n  marginRight?: number;\n  marginBottom?: number;\n  marginLeft?: number;\n} & IRectGraphicAttribute;\n\nexport class Rect extends VRect {\n  constructor(options: IRectOption) {\n    const isPaddingNumber = isArray(options.boundsPadding);\n    const padding = [\n      options.marginTop ?? (isPaddingNumber ? options.boundsPadding[0] : options.boundsPadding) ?? 0,\n      options.marginRight ?? (isPaddingNumber ? options.boundsPadding[1] : options.boundsPadding) ?? 0,\n      options.marginBottom ??\n        (isPaddingNumber ? options.boundsPadding[2] ?? options.boundsPadding[0] : options.boundsPadding) ??\n        0,\n      options.marginLeft ??\n        (isPaddingNumber ? options.boundsPadding[3] ?? options.boundsPadding[1] : options.boundsPadding) ??\n        0\n    ];\n    options.boundsPadding = padding;\n\n    super(options);\n  }\n}\n"]}

package/cjs/render/layout/tag.d.ts

@@ -0,0 +1,14 @@
+import type { TagAttributes } from './../../vrender';
+import { Tag as VTag } from './../../vrender';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+type ITagOption = {
+    marginTop?: number;
+    marginRight?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+} & TagAttributes;
+export declare class Tag extends VTag {
+    constructor(options: ITagOption);
+    getSize(table: BaseTableAPI): void;
+}
+export {};

package/cjs/render/layout/tag.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Tag = void 0;
+
+const vrender_1 = require("./../../vrender"), vutils_1 = require("@visactor/vutils");
+
+class Tag extends vrender_1.Tag {
+    constructor(options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const isPaddingNumber = (0, vutils_1.isArray)(options.boundsPadding), padding = [ null !== (_b = null !== (_a = options.marginTop) && void 0 !== _a ? _a : isPaddingNumber ? options.boundsPadding[0] : options.boundsPadding) && void 0 !== _b ? _b : 0, null !== (_d = null !== (_c = options.marginRight) && void 0 !== _c ? _c : isPaddingNumber ? options.boundsPadding[1] : options.boundsPadding) && void 0 !== _d ? _d : 0, null !== (_g = null !== (_e = options.marginBottom) && void 0 !== _e ? _e : isPaddingNumber ? null !== (_f = options.boundsPadding[2]) && void 0 !== _f ? _f : options.boundsPadding[0] : options.boundsPadding) && void 0 !== _g ? _g : 0, null !== (_k = null !== (_h = options.marginLeft) && void 0 !== _h ? _h : isPaddingNumber ? null !== (_j = options.boundsPadding[3]) && void 0 !== _j ? _j : options.boundsPadding[1] : options.boundsPadding) && void 0 !== _k ? _k : 0 ];
+        options.boundsPadding = padding, super(options);
+    }
+    getSize(table) {
+        this.AABBBounds.width();
+    }
+}
+
+exports.Tag = Tag;
+//# sourceMappingURL=tag.js.map

package/cjs/render/layout/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/tag.ts"],"names":[],"mappings":";;;AACA,6CAA8C;AAC9C,6CAA2C;AAU3C,MAAa,GAAI,SAAQ,aAAI;IAC3B,YAAY,OAAmB;;QAC7B,MAAM,eAAe,GAAG,IAAA,gBAAO,EAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG;YACd,MAAA,MAAA,OAAO,CAAC,SAAS,mCAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAAI,CAAC;YAC9F,MAAA,MAAA,OAAO,CAAC,WAAW,mCAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAAI,CAAC;YAChG,MAAA,MAAA,OAAO,CAAC,YAAY,mCAClB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,mCAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAChG,CAAC;YACH,MAAA,MAAA,OAAO,CAAC,UAAU,mCAChB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,mCAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAChG,CAAC;SACJ,CAAC;QACF,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC;QAEhC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjB,CAAC;IACD,OAAO,CAAC,KAAmB;QACzB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC;CACF;AApBD,kBAoBC","file":"tag.js","sourcesContent":["import type { TagAttributes } from './../../vrender';\nimport { Tag as VTag } from './../../vrender';\nimport { isArray } from '@visactor/vutils';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\ntype ITagOption = {\n  marginTop?: number;\n  marginRight?: number;\n  marginBottom?: number;\n  marginLeft?: number;\n} & TagAttributes;\n\nexport class Tag extends VTag {\n  constructor(options: ITagOption) {\n    const isPaddingNumber = isArray(options.boundsPadding);\n    const padding = [\n      options.marginTop ?? (isPaddingNumber ? options.boundsPadding[0] : options.boundsPadding) ?? 0,\n      options.marginRight ?? (isPaddingNumber ? options.boundsPadding[1] : options.boundsPadding) ?? 0,\n      options.marginBottom ??\n        (isPaddingNumber ? options.boundsPadding[2] ?? options.boundsPadding[0] : options.boundsPadding) ??\n        0,\n      options.marginLeft ??\n        (isPaddingNumber ? options.boundsPadding[3] ?? options.boundsPadding[1] : options.boundsPadding) ??\n        0\n    ];\n    options.boundsPadding = padding;\n\n    super(options);\n  }\n  getSize(table: BaseTableAPI) {\n    this.AABBBounds.width();\n  }\n}\n"]}

package/cjs/render/layout/text.d.ts

@@ -0,0 +1,13 @@
+import { Text as VText, type ITextGraphicAttribute } from './../../vrender';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+type ITextOption = {
+    marginTop?: number;
+    marginRight?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+} & ITextGraphicAttribute;
+export declare class Text extends VText {
+    constructor(options: ITextOption);
+    getSize(table: BaseTableAPI): void;
+}
+export {};

package/cjs/render/layout/text.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Text = void 0;
+
+const vrender_1 = require("./../../vrender"), vutils_1 = require("@visactor/vutils");
+
+class Text extends vrender_1.Text {
+    constructor(options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        options.textBaseline || (options.textBaseline = "top");
+        const isPaddingNumber = (0, vutils_1.isArray)(options.boundsPadding), padding = [ null !== (_b = null !== (_a = options.marginTop) && void 0 !== _a ? _a : isPaddingNumber ? options.boundsPadding[0] : options.boundsPadding) && void 0 !== _b ? _b : 0, null !== (_d = null !== (_c = options.marginRight) && void 0 !== _c ? _c : isPaddingNumber ? options.boundsPadding[1] : options.boundsPadding) && void 0 !== _d ? _d : 0, null !== (_g = null !== (_e = options.marginBottom) && void 0 !== _e ? _e : isPaddingNumber ? null !== (_f = options.boundsPadding[2]) && void 0 !== _f ? _f : options.boundsPadding[0] : options.boundsPadding) && void 0 !== _g ? _g : 0, null !== (_k = null !== (_h = options.marginLeft) && void 0 !== _h ? _h : isPaddingNumber ? null !== (_j = options.boundsPadding[3]) && void 0 !== _j ? _j : options.boundsPadding[1] : options.boundsPadding) && void 0 !== _k ? _k : 0 ];
+        options.boundsPadding = padding, options.fill = null !== (_l = options.fill) && void 0 !== _l ? _l : "#000", 
+        super(options);
+    }
+    getSize(table) {
+        this.AABBBounds.width();
+    }
+}
+
+exports.Text = Text;
+//# sourceMappingURL=text.js.map

package/cjs/render/layout/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/text.ts"],"names":[],"mappings":";;;AAAA,6CAA4E;AAG5E,6CAA2C;AAS3C,MAAa,IAAK,SAAQ,cAAK;IAC7B,YAAY,OAAoB;;QAC9B,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE;YACzB,OAAO,CAAC,YAAY,GAAG,KAAK,CAAC;SAC9B;QACD,MAAM,eAAe,GAAG,IAAA,gBAAO,EAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG;YACd,MAAA,MAAA,OAAO,CAAC,SAAS,mCAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAAI,CAAC;YAC9F,MAAA,MAAA,OAAO,CAAC,WAAW,mCAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAAI,CAAC;YAChG,MAAA,MAAA,OAAO,CAAC,YAAY,mCAClB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,mCAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAChG,CAAC;YACH,MAAA,MAAA,OAAO,CAAC,UAAU,mCAChB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,mCAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAChG,CAAC;SACJ,CAAC;QACF,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC;QAChC,OAAO,CAAC,IAAI,GAAG,MAAA,OAAO,CAAC,IAAI,mCAAI,MAAM,CAAC;QAEtC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjB,CAAC;IACD,OAAO,CAAC,KAAmB;QACzB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC;CACF;AAxBD,oBAwBC","file":"text.js","sourcesContent":["import { Text as VText, type ITextGraphicAttribute } from './../../vrender';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { TagAttributes } from './../../vrender';\nimport { isArray } from '@visactor/vutils';\n\ntype ITextOption = {\n  marginTop?: number;\n  marginRight?: number;\n  marginBottom?: number;\n  marginLeft?: number;\n} & ITextGraphicAttribute;\n\nexport class Text extends VText {\n  constructor(options: ITextOption) {\n    if (!options.textBaseline) {\n      options.textBaseline = 'top';\n    }\n    const isPaddingNumber = isArray(options.boundsPadding);\n    const padding = [\n      options.marginTop ?? (isPaddingNumber ? options.boundsPadding[0] : options.boundsPadding) ?? 0,\n      options.marginRight ?? (isPaddingNumber ? options.boundsPadding[1] : options.boundsPadding) ?? 0,\n      options.marginBottom ??\n        (isPaddingNumber ? options.boundsPadding[2] ?? options.boundsPadding[0] : options.boundsPadding) ??\n        0,\n      options.marginLeft ??\n        (isPaddingNumber ? options.boundsPadding[3] ?? options.boundsPadding[1] : options.boundsPadding) ??\n        0\n    ];\n    options.boundsPadding = padding;\n    options.fill = options.fill ?? '#000';\n\n    super(options);\n  }\n  getSize(table: BaseTableAPI) {\n    this.AABBBounds.width();\n  }\n}\n"]}

package/cjs/scenegraph/animation/appear.d.ts

@@ -0,0 +1,2 @@
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export declare function dealWithAnimationAppear(table: BaseTableAPI): void;

package/cjs/scenegraph/animation/appear.js

@@ -0,0 +1,26 @@
+"use strict";
+
+function dealWithAnimationAppear(table) {
+    var _a, _b, _c, _d;
+    if (!table.options.animationAppear) return;
+    let duration, delay, type, direction;
+    !0 === table.options.animationAppear ? (duration = 500, delay = 0, type = "one-by-one", 
+    direction = "column") : (duration = null !== (_a = table.options.animationAppear.duration) && void 0 !== _a ? _a : 500, 
+    delay = null !== (_b = table.options.animationAppear.delay) && void 0 !== _b ? _b : 0, 
+    type = null !== (_c = table.options.animationAppear.type) && void 0 !== _c ? _c : "one-by-one", 
+    direction = null !== (_d = table.options.animationAppear.direction) && void 0 !== _d ? _d : "row");
+    const {scenegraph: scene, frozenColCount: frozenColCount, frozenRowCount: frozenRowCount} = table, {colStart: colStart, colEnd: colEnd, rowStart: rowStart, rowEnd: rowEnd} = scene.proxy;
+    for (let col = 0; col <= colEnd; col++) for (let row = 0; row <= rowEnd; row++) {
+        const cellGroup = scene.highPerformanceGetCell(col, row);
+        cellGroup && "cell" === cellGroup.role && cellGroup.forEachChildren((child => {
+            child.setAttribute("opacity", 0), child.animate().wait("one-by-one" === type ? ("row" === direction ? row : col) * (duration - delay) : delay).to({
+                opacity: 1
+            }, duration, "linear");
+        }));
+    }
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.dealWithAnimationAppear = void 0, exports.dealWithAnimationAppear = dealWithAnimationAppear;
+//# sourceMappingURL=appear.js.map

package/cjs/scenegraph/animation/appear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/animation/appear.ts"],"names":[],"mappings":";;;AAGA,SAAgB,uBAAuB,CAAC,KAAmB;;IACzD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,EAAE;QAClC,OAAO;KACR;IAED,IAAI,QAAgB,CAAC;IACrB,IAAI,KAAa,CAAC;IAClB,IAAI,IAA0B,CAAC;IAC/B,IAAI,SAA2B,CAAC;IAEhC,IAAI,KAAK,CAAC,OAAO,CAAC,eAAe,KAAK,IAAI,EAAE;QAC1C,QAAQ,GAAG,GAAG,CAAC;QACf,KAAK,GAAG,CAAC,CAAC;QACV,IAAI,GAAG,YAAY,CAAC;QACpB,SAAS,GAAG,QAAQ,CAAC;KACtB;SAAM;QACL,QAAQ,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,QAAQ,mCAAI,GAAG,CAAC;QACzD,KAAK,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,mCAAI,CAAC,CAAC;QACjD,IAAI,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,mCAAI,YAAY,CAAC;QAC1D,SAAS,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,mCAAI,KAAK,CAAC;KAC9D;IAED,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAGpE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;IAE3D,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,EAAE;QACtC,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,EAAE;YACtC,MAAM,SAAS,GAAG,KAAK,CAAC,sBAAsB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YACzD,IAAI,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,EAAE;gBAC1C,SAAS,CAAC,eAAe,CAAC,CAAC,KAAW,EAAE,EAAE;oBACxC,KAAK,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;oBACjC,KAAK;yBACF,OAAO,EAAE;yBACT,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;yBAC5F,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBAC5C,CAAC,CAAC,CAAC;aACJ;SACF;KACF;AACH,CAAC;AAzCD,0DAyCC","file":"appear.js","sourcesContent":["import type { Text } from './../../vrender';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\nexport function dealWithAnimationAppear(table: BaseTableAPI) {\n  if (!table.options.animationAppear) {\n    return;\n  }\n\n  let duration: number;\n  let delay: number;\n  let type: 'all' | 'one-by-one';\n  let direction: 'row' | 'column';\n\n  if (table.options.animationAppear === true) {\n    duration = 500;\n    delay = 0;\n    type = 'one-by-one';\n    direction = 'column';\n  } else {\n    duration = table.options.animationAppear.duration ?? 500;\n    delay = table.options.animationAppear.delay ?? 0;\n    type = table.options.animationAppear.type ?? 'one-by-one';\n    direction = table.options.animationAppear.direction ?? 'row';\n  }\n\n  const { scenegraph: scene, frozenColCount, frozenRowCount } = table;\n\n  // header cell\n  const { colStart, colEnd, rowStart, rowEnd } = scene.proxy; // to do: right bottom frozen\n\n  for (let col = 0; col <= colEnd; col++) {\n    for (let row = 0; row <= rowEnd; row++) {\n      const cellGroup = scene.highPerformanceGetCell(col, row);\n      if (cellGroup && cellGroup.role === 'cell') {\n        cellGroup.forEachChildren((child: Text) => {\n          child.setAttribute('opacity', 0);\n          child\n            .animate()\n            .wait(type === 'one-by-one' ? (direction === 'row' ? row : col) * (duration - delay) : delay)\n            .to({ opacity: 1 }, duration, 'linear');\n        });\n      }\n    }\n  }\n}\n"]}

package/cjs/scenegraph/component/cell-content.d.ts

@@ -0,0 +1,36 @@
+import type { IGroupGraphicAttribute } from './../../vrender';
+import { RichText, Text } from './../../vrender';
+import { Group } from '../graphic/group';
+import { Icon, TextIcon } from '../graphic/icon';
+interface ICellContentOption {
+    autoWidth: boolean;
+    autoHeight: boolean;
+    cellWidth: number;
+    cellHeight: number;
+    align: CanvasTextAlign;
+    baseline: CanvasTextBaseline;
+}
+export declare class CellContent extends Group {
+    _leftGroup: Group;
+    _rightGroup: Group;
+    _centerGroup: Group;
+    _autoWidth: boolean;
+    _autoHeight: boolean;
+    _cellWidth: number;
+    _originCellWidth: number;
+    _cellHeight: number;
+    _align: CanvasTextAlign;
+    _baseline: CanvasTextBaseline;
+    constructor(params: IGroupGraphicAttribute);
+    setCellContentOption(option: ICellContentOption): void;
+    addLeftOccupyingIcon(icon: Icon | TextIcon): void;
+    addRightOccupyingIcon(icon: Icon | TextIcon): void;
+    addContent(content: Icon | TextIcon | Text | RichText): void;
+    layout(): void;
+    updateCenterLayout(contentWidth: number): void;
+    updateHorizontalPos(): void;
+    updateVerticalPos(): void;
+    updateWidth(width: number): void;
+    updateHeight(height: number): void;
+}
+export {};

package/cjs/scenegraph/component/cell-content.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CellContent = void 0;
+
+const vrender_1 = require("./../../vrender"), group_1 = require("../graphic/group"), icon_1 = require("../graphic/icon");
+
+class CellContent extends group_1.Group {
+    constructor(params) {
+        super(params), this._autoWidth = !1, this._autoHeight = !1, this._leftGroup = new group_1.Group({
+            pickable: !1,
+            fill: !1,
+            stroke: !1
+        }), this._leftGroup.role = "content-left", this._rightGroup = new group_1.Group({
+            pickable: !1,
+            fill: !1,
+            stroke: !1
+        }), this._rightGroup.role = "content-right", this._centerGroup = new group_1.Group({
+            pickable: !1,
+            fill: !1,
+            stroke: !1
+        }), this._centerGroup.role = "content-center", this.appendChild(this._leftGroup), 
+        this.appendChild(this._rightGroup), this.appendChild(this._centerGroup);
+    }
+    setCellContentOption(option) {
+        this._autoWidth = option.autoWidth, this._autoHeight = option.autoHeight, this._cellWidth = option.cellWidth, 
+        this._originCellWidth = option.cellWidth, this._cellHeight = option.cellHeight, 
+        this._align = option.align, this._baseline = option.baseline;
+    }
+    addLeftOccupyingIcon(icon) {
+        var _a, _b, _c;
+        icon.setAttribute("x", this._leftGroup.width + (null !== (_a = icon.attribute.marginLeft) && void 0 !== _a ? _a : 0)), 
+        this._leftGroup.appendChild(icon), this._leftGroup.setDeltaWidth((null !== (_b = icon.attribute.marginLeft) && void 0 !== _b ? _b : 0) + (null !== (_c = icon.attribute.marginRight) && void 0 !== _c ? _c : 0) + icon.attribute.width);
+    }
+    addRightOccupyingIcon(icon) {
+        var _a, _b, _c;
+        icon.setAttribute("x", this._rightGroup.width + (null !== (_a = icon.attribute.marginLeft) && void 0 !== _a ? _a : 0)), 
+        this._rightGroup.appendChild(icon), this._rightGroup.setDeltaWidth((null !== (_b = icon.attribute.marginLeft) && void 0 !== _b ? _b : 0) + (null !== (_c = icon.attribute.marginRight) && void 0 !== _c ? _c : 0) + icon.attribute.width);
+    }
+    addContent(content) {
+        const lastChild = this._centerGroup.lastChild;
+        lastChild && content.setAttributes({
+            x: lastChild.attribute.x + lastChild.AABBBounds.width()
+        }), this._centerGroup.appendChild(content), content instanceof vrender_1.Text && (this._centerGroup.setAttribute("pickable", !1), 
+        content.setAttribute("textAlign", "left"));
+    }
+    layout() {
+        let leftOccupyingWidth = this._leftGroup.width;
+        leftOccupyingWidth === 1 / 0 && (leftOccupyingWidth = 0);
+        let rightOccupyingWidth = this._rightGroup.width;
+        if (rightOccupyingWidth === -1 / 0 && (rightOccupyingWidth = 0), this._autoWidth) {
+            const centerWidth = this._centerGroup.width;
+            this._cellWidth = leftOccupyingWidth + rightOccupyingWidth + centerWidth, this.setAttribute("width", this._cellWidth);
+        } else {
+            const contentWidth = this._cellWidth - leftOccupyingWidth - rightOccupyingWidth;
+            this.updateCenterLayout(contentWidth);
+            const centerWidth = this._centerGroup.width;
+            this._cellWidth = leftOccupyingWidth + rightOccupyingWidth + centerWidth, this.setAttribute("width", this._cellWidth);
+        }
+        this.updateHorizontalPos();
+        const leftOccupyingHeight = this._leftGroup.height, rightOccupyingHeight = this._rightGroup.height, centerHeight = this._centerGroup.height;
+        this._cellHeight = Math.max(leftOccupyingHeight, rightOccupyingHeight, centerHeight), 
+        this.setAttribute("height", this._cellHeight), this.updateVerticalPos();
+    }
+    updateCenterLayout(contentWidth) {
+        let textWidth = contentWidth;
+        this._centerGroup.forEachChildren((child => {
+            (child instanceof icon_1.Icon || child instanceof icon_1.TextIcon) && (textWidth -= child.AABBBounds.width());
+        }));
+        const text = this._centerGroup.getChildByName("text");
+        text instanceof vrender_1.RichText ? text.setAttribute("width", textWidth) : text instanceof vrender_1.Text && text.setAttribute("maxLineWidth", textWidth);
+        let x = 0;
+        this._centerGroup.forEachChildren((child => {
+            child.setAttribute("x", x), x += child.AABBBounds.width();
+        }));
+    }
+    updateHorizontalPos() {
+        this._leftGroup.setAttribute("x", 0), this._rightGroup.setAttribute("x", this._cellWidth - this._rightGroup.width), 
+        this._centerGroup.setAttribute("x", this._leftGroup.width), "left" === this._align || "start" === this._align ? this.setAttribute("dx", 0) : "center" === this._align ? this.setAttribute("dx", -this.attribute.width / 2) : "right" !== this._align && "end" !== this._align || this.setAttribute("dx", -this.attribute.width);
+    }
+    updateVerticalPos() {
+        "top" === this._baseline ? (this._leftGroup.setAttribute("y", 0), this._rightGroup.setAttribute("y", 0), 
+        this._centerGroup.setAttribute("y", 0)) : "middle" === this._baseline ? (this._leftGroup.forEachChildren((icon => {
+            icon.setAttribute("y", (this._leftGroup.height - icon.AABBBounds.height()) / 2);
+        })), this._rightGroup.forEachChildren((icon => {
+            icon.setAttribute("y", (this._rightGroup.height - icon.AABBBounds.height()) / 2);
+        })), this._leftGroup.setAttribute("y", this._cellHeight / 2 - this._leftGroup.height / 2), 
+        this._rightGroup.setAttribute("y", this._cellHeight / 2 - this._rightGroup.height / 2), 
+        this._centerGroup.setAttribute("y", this._cellHeight / 2 - this._centerGroup.height / 2)) : "bottom" === this._baseline && (this._leftGroup.forEachChildren((icon => {
+            icon.setAttribute("y", this._leftGroup.height - icon.AABBBounds.height());
+        })), this._rightGroup.forEachChildren((icon => {
+            icon.setAttribute("y", this._rightGroup.height - icon.AABBBounds.height());
+        })), this._leftGroup.setAttribute("y", this._cellHeight - this._leftGroup.height), 
+        this._rightGroup.setAttribute("y", this._cellHeight - this._rightGroup.height), 
+        this._centerGroup.setAttribute("y", this._cellHeight - this._centerGroup.height));
+    }
+    updateWidth(width) {
+        this._cellWidth = width, this._originCellWidth = width, this.layout();
+    }
+    updateHeight(height) {
+        this._cellHeight = height, this._cellWidth = this._originCellWidth;
+        const textMark = this.getChildByName("text", !0);
+        textMark && textMark.setAttribute("heightLimit", height), this.layout();
+    }
+}
+
+exports.CellContent = CellContent;
+//# sourceMappingURL=cell-content.js.map

package/cjs/scenegraph/component/cell-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/component/cell-content.ts"],"names":[],"mappings":"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","file":"cell-content.js","sourcesContent":["/* eslint-disable no-undef */\nimport type { IGroupGraphicAttribute } from './../../vrender';\nimport { RichText, Text } from './../../vrender';\nimport { Group } from '../graphic/group';\nimport { Icon, TextIcon } from '../graphic/icon';\n\n/*\n * cell区域规划\n * 左侧占位区 | 中央内容区 | 右侧占位区\n *\n * cell width设置\n * 1. 固定width\n * 2. 自动撑开\n * cell height设置\n * 1. 固定height\n * 2. 无折行，单行自动撑开\n * 2. 折行，多行自动撑开\n *\n * 中央内容区横向对齐方式\n * 纵向对齐方式\n * padding\n */\n\ninterface ICellContentOption {\n  autoWidth: boolean;\n  autoHeight: boolean;\n  cellWidth: number;\n  cellHeight: number;\n  align: CanvasTextAlign;\n  baseline: CanvasTextBaseline;\n}\n\n/**\n * @description: 单元格内容组件，包含content icon & wraptext/richtext\n * @return {*}\n */\nexport class CellContent extends Group {\n  _leftGroup: Group;\n  _rightGroup: Group;\n  _centerGroup: Group;\n\n  _autoWidth = false;\n  _autoHeight = false;\n  _cellWidth: number;\n  _originCellWidth: number;\n  _cellHeight: number;\n  _align: CanvasTextAlign;\n  _baseline: CanvasTextBaseline;\n\n  constructor(params: IGroupGraphicAttribute) {\n    super(params);\n\n    this._leftGroup = new Group({\n      pickable: false,\n      fill: false,\n      stroke: false\n    });\n    this._leftGroup.role = 'content-left';\n    this._rightGroup = new Group({\n      pickable: false,\n      fill: false,\n      stroke: false\n    });\n    this._rightGroup.role = 'content-right';\n    this._centerGroup = new Group({\n      pickable: false,\n      fill: false,\n      stroke: false\n    });\n    this._centerGroup.role = 'content-center';\n\n    this.appendChild(this._leftGroup);\n    this.appendChild(this._rightGroup);\n    this.appendChild(this._centerGroup);\n  }\n\n  setCellContentOption(option: ICellContentOption) {\n    this._autoWidth = option.autoWidth;\n    this._autoHeight = option.autoHeight;\n    this._cellWidth = option.cellWidth;\n    this._originCellWidth = option.cellWidth;\n    this._cellHeight = option.cellHeight;\n    this._align = option.align;\n    this._baseline = option.baseline;\n  }\n\n  addLeftOccupyingIcon(icon: Icon | TextIcon) {\n    icon.setAttribute('x', this._leftGroup.width + (icon.attribute.marginLeft ?? 0));\n    this._leftGroup.appendChild(icon);\n    this._leftGroup.setDeltaWidth(\n      (icon.attribute.marginLeft ?? 0) + (icon.attribute.marginRight ?? 0) + icon.attribute.width\n    );\n  }\n\n  addRightOccupyingIcon(icon: Icon | TextIcon) {\n    icon.setAttribute('x', this._rightGroup.width + (icon.attribute.marginLeft ?? 0));\n    this._rightGroup.appendChild(icon);\n    this._rightGroup.setDeltaWidth(\n      (icon.attribute.marginLeft ?? 0) + (icon.attribute.marginRight ?? 0) + icon.attribute.width\n    );\n  }\n\n  addContent(content: Icon | TextIcon | Text | RichText) {\n    const lastChild = this._centerGroup.lastChild as Icon | Text | RichText;\n    if (lastChild) {\n      // 横排content，新加入content更新x坐标\n      content.setAttributes({\n        x: lastChild.attribute.x + lastChild.AABBBounds.width()\n      });\n    }\n    this._centerGroup.appendChild(content);\n    if (content instanceof Text) {\n      this._centerGroup.setAttribute('pickable', false);\n      content.setAttribute('textAlign', 'left');\n    }\n  }\n\n  layout() {\n    // 计算左侧占位区域尺寸\n    let leftOccupyingWidth = this._leftGroup.width;\n    if (leftOccupyingWidth === Infinity) {\n      leftOccupyingWidth = 0;\n    }\n    // 计算右侧占位区域尺寸\n    let rightOccupyingWidth = this._rightGroup.width;\n    if (rightOccupyingWidth === -Infinity) {\n      rightOccupyingWidth = 0;\n    }\n\n    // 计算中央内容区域尺寸\n    if (this._autoWidth) {\n      // 计算内容本身宽度\n      const centerWidth = this._centerGroup.width;\n      // 更新cell宽度\n      this._cellWidth = leftOccupyingWidth + rightOccupyingWidth + centerWidth;\n      // this.attribute.width = this._cellWidth;\n      this.setAttribute('width', this._cellWidth);\n    } else {\n      // 计算留给内容的宽度\n      const contentWidth = this._cellWidth - leftOccupyingWidth - rightOccupyingWidth;\n      // 更新内容宽度\n      this.updateCenterLayout(contentWidth);\n      const centerWidth = this._centerGroup.width;\n      this._cellWidth = leftOccupyingWidth + rightOccupyingWidth + centerWidth;\n      // this.attribute.width = this._cellWidth;\n      this.setAttribute('width', this._cellWidth);\n    }\n    // 更新水平位置\n    this.updateHorizontalPos();\n\n    // if (this._autoHeight) {\n    const leftOccupyingHeight = this._leftGroup.height;\n    const rightOccupyingHeight = this._rightGroup.height;\n    const centerHeight = this._centerGroup.height;\n\n    this._cellHeight = Math.max(leftOccupyingHeight, rightOccupyingHeight, centerHeight);\n    // this.attribute.height = this._cellHeight;\n    this.setAttribute('height', this._cellHeight);\n    // }\n\n    // 更新纵向位置\n    this.updateVerticalPos();\n  }\n\n  updateCenterLayout(contentWidth: number) {\n    // 计算留给文字的空间\n    let textWidth = contentWidth;\n    this._centerGroup.forEachChildren(child => {\n      if (child instanceof Icon || child instanceof TextIcon) {\n        textWidth -= child.AABBBounds.width();\n      }\n    });\n\n    // 更新文字宽度\n    const text = this._centerGroup.getChildByName('text');\n    if (text instanceof RichText) {\n      text.setAttribute('width', textWidth);\n    } else if (text instanceof Text) {\n      text.setAttribute('maxLineWidth', textWidth);\n    }\n\n    // 按顺序更新x\n    let x = 0;\n    this._centerGroup.forEachChildren((child: Icon | TextIcon | Text | RichText) => {\n      child.setAttribute('x', x);\n      x += child.AABBBounds.width();\n    });\n  }\n\n  updateHorizontalPos() {\n    this._leftGroup.setAttribute('x', 0);\n    this._rightGroup.setAttribute('x', this._cellWidth - this._rightGroup.width);\n    this._centerGroup.setAttribute('x', this._leftGroup.width);\n    // 对齐方式由外部处理\n    if (this._align === 'left' || this._align === 'start') {\n      this.setAttribute('dx', 0);\n    } else if (this._align === 'center') {\n      this.setAttribute('dx', -this.attribute.width / 2);\n    } else if (this._align === 'right' || this._align === 'end') {\n      this.setAttribute('dx', -this.attribute.width);\n    }\n  }\n\n  updateVerticalPos() {\n    if (this._baseline === 'top') {\n      this._leftGroup.setAttribute('y', 0);\n      this._rightGroup.setAttribute('y', 0);\n      this._centerGroup.setAttribute('y', 0);\n    } else if (this._baseline === 'middle') {\n      // 处理Group内icon对齐\n      this._leftGroup.forEachChildren((icon: Icon | TextIcon) => {\n        icon.setAttribute('y', (this._leftGroup.height - icon.AABBBounds.height()) / 2);\n      });\n      this._rightGroup.forEachChildren((icon: Icon | TextIcon) => {\n        icon.setAttribute('y', (this._rightGroup.height - icon.AABBBounds.height()) / 2);\n      });\n\n      this._leftGroup.setAttribute('y', this._cellHeight / 2 - this._leftGroup.height / 2);\n      this._rightGroup.setAttribute('y', this._cellHeight / 2 - this._rightGroup.height / 2);\n      this._centerGroup.setAttribute('y', this._cellHeight / 2 - this._centerGroup.height / 2);\n    } else if (this._baseline === 'bottom') {\n      // 处理Group内icon对齐\n      this._leftGroup.forEachChildren((icon: Icon | TextIcon) => {\n        icon.setAttribute('y', this._leftGroup.height - icon.AABBBounds.height());\n      });\n      this._rightGroup.forEachChildren((icon: Icon | TextIcon) => {\n        icon.setAttribute('y', this._rightGroup.height - icon.AABBBounds.height());\n      });\n\n      this._leftGroup.setAttribute('y', this._cellHeight - this._leftGroup.height);\n      this._rightGroup.setAttribute('y', this._cellHeight - this._rightGroup.height);\n      this._centerGroup.setAttribute('y', this._cellHeight - this._centerGroup.height);\n    }\n  }\n\n  updateWidth(width: number) {\n    this._cellWidth = width;\n    this._originCellWidth = width;\n    this.layout();\n  }\n\n  updateHeight(height: number) {\n    this._cellHeight = height;\n    this._cellWidth = this._originCellWidth;\n    const textMark = this.getChildByName('text', true);\n    if (textMark) {\n      textMark.setAttribute('heightLimit', height);\n    }\n\n    this.layout();\n  }\n}\n"]}

package/cjs/scenegraph/component/cell-mover.d.ts

@@ -0,0 +1,21 @@
+import type { ILine, IRect, ISymbol } from './../../vrender';
+import type { Group } from '../graphic/group';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export declare class CellMover {
+    columnMoverLabel: ISymbol;
+    columnMoverLine: ILine;
+    columnMoverBack: IRect;
+    table: BaseTableAPI;
+    x?: number;
+    constructor(table: BaseTableAPI);
+    appand(parent: Group): void;
+    show(col: number, row: number, delta: number): {
+        backX: number;
+        lineX: number;
+        backY: number;
+        lineY: number;
+    };
+    hide(): void;
+    update(backX: number | undefined, lineX: number | undefined, backY: number | undefined, lineY: number | undefined): void;
+    updateStyle(): void;
+}

package/cjs/scenegraph/component/cell-mover.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CellMover = void 0;
+
+const vrender_1 = require("./../../vrender"), get_cell_merge_1 = require("../utils/get-cell-merge");
+
+class CellMover {
+    constructor(table) {
+        const columnMoverLineWidth = table.theme.dragHeaderSplitLine.lineWidth, columnMoverLineColor = table.theme.dragHeaderSplitLine.lineColor, columnMoverShadowBlockColor = table.theme.dragHeaderSplitLine.shadowBlockColor;
+        this.columnMoverLabel = (0, vrender_1.createSymbol)({
+            visible: !1,
+            pickable: !1,
+            x: 0,
+            y: 0,
+            symbolType: "triangle",
+            fill: columnMoverLineColor
+        }), this.columnMoverLine = (0, vrender_1.createLine)({
+            visible: !1,
+            pickable: !1,
+            stroke: columnMoverLineColor,
+            lineWidth: columnMoverLineWidth,
+            x: 0,
+            y: 0,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
+                x: 0,
+                y: 0
+            } ]
+        }), this.columnMoverBack = (0, vrender_1.createRect)({
+            visible: !1,
+            pickable: !1,
+            fill: columnMoverShadowBlockColor,
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0
+        }), this.table = table;
+    }
+    appand(parent) {
+        parent.appendChild(this.columnMoverLabel), parent.appendChild(this.columnMoverLine), 
+        parent.appendChild(this.columnMoverBack);
+    }
+    show(col, row, delta) {
+        const cellLocation = this.table.getCellLocation(col, row), mergeInfo = (0, get_cell_merge_1.getCellMergeInfo)(this.table, col, row);
+        mergeInfo && (col = mergeInfo.start.col, row = mergeInfo.start.row);
+        let rectX = 0, rectY = 0, rectWidth = 0, rectHeight = 0, rectDx = 0, rectDy = 0, symbolX = 0, symbolY = 0, symbolRotate = Math.PI;
+        const linePoints = [];
+        return "columnHeader" === cellLocation ? (rectX = this.table.getColsWidth(0, col - 1) - this.table.stateManager.scroll.horizontalBarPos, 
+        rectY = this.table.getRowsHeight(0, this.table.frozenRowCount - 1), rectHeight = this.table.tableNoFrameHeight, 
+        rectWidth = mergeInfo ? this.table.getColsWidth(mergeInfo.start.col, mergeInfo.end.col) : this.table.getColWidth(col), 
+        rectDx = rectX - delta, symbolX = rectX + rectWidth, symbolY = 2, linePoints.push({
+            x: 0,
+            y: 0
+        }), linePoints.push({
+            x: 0,
+            y: this.table.tableNoFrameHeight
+        })) : ("rowHeader" === cellLocation || this.table.internalProps.layoutMap.isSeriesNumberInBody(col, row)) && (rectY = this.table.getRowsHeight(0, row - 1) - this.table.stateManager.scroll.verticalBarPos, 
+        rectX = this.table.getColsWidth(0, this.table.frozenColCount - 1), rectWidth = this.table.tableNoFrameWidth, 
+        rectHeight = mergeInfo ? this.table.getRowsHeight(mergeInfo.start.row, mergeInfo.end.row) : this.table.getRowHeight(row), 
+        rectDy = rectY - delta, symbolX = 2, symbolY = rectY + rectHeight, symbolRotate = Math.PI / 2, 
+        linePoints.push({
+            x: 0,
+            y: 0
+        }), linePoints.push({
+            x: this.table.tableNoFrameWidth,
+            y: 0
+        })), this.columnMoverBack.setAttributes({
+            visible: !0,
+            x: rectX - rectDx,
+            y: rectY - rectDy,
+            width: rectWidth,
+            height: rectHeight,
+            dx: rectDx,
+            dy: rectDy
+        }), this.columnMoverLine.setAttributes({
+            x: symbolX,
+            y: symbolY,
+            visible: !0,
+            points: linePoints
+        }), this.columnMoverLabel.setAttributes({
+            visible: !0,
+            x: symbolX,
+            y: symbolY,
+            angle: symbolRotate
+        }), {
+            backX: rectX - rectDx,
+            lineX: symbolX,
+            backY: rectY - rectDy,
+            lineY: symbolY
+        };
+    }
+    hide() {
+        this.columnMoverLabel.setAttribute("visible", !1), this.columnMoverLine.setAttribute("visible", !1), 
+        this.columnMoverBack.setAttribute("visible", !1);
+    }
+    update(backX, lineX, backY, lineY) {
+        "number" == typeof backX && "number" == typeof lineX ? (this.columnMoverLabel.setAttribute("x", lineX), 
+        this.columnMoverLine.setAttribute("x", lineX), this.columnMoverBack.setAttribute("x", backX)) : "number" == typeof backY && "number" == typeof lineY && (this.columnMoverLabel.setAttribute("y", lineY), 
+        this.columnMoverLine.setAttribute("y", lineY), this.columnMoverBack.setAttribute("y", backY));
+    }
+    updateStyle() {
+        const columnMoverLineWidth = this.table.theme.dragHeaderSplitLine.lineWidth, columnMoverLineColor = this.table.theme.dragHeaderSplitLine.lineColor, columnMoverShadowBlockColor = this.table.theme.dragHeaderSplitLine.shadowBlockColor;
+        this.columnMoverLabel.setAttributes({
+            fill: columnMoverLineColor
+        }), this.columnMoverLine.setAttributes({
+            stroke: columnMoverLineColor,
+            lineWidth: columnMoverLineWidth
+        }), this.columnMoverBack.setAttributes({
+            fill: columnMoverShadowBlockColor
+        });
+    }
+}
+
+exports.CellMover = CellMover;
+//# sourceMappingURL=cell-mover.js.map

package/cjs/scenegraph/component/cell-mover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/component/cell-mover.ts"],"names":[],"mappings":"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","file":"cell-mover.js","sourcesContent":["import type { ILine, IRect, ISymbol } from './../../vrender';\nimport { createLine, createRect, createSymbol } from './../../vrender';\nimport { getCellMergeInfo } from '../utils/get-cell-merge';\nimport type { Group } from '../graphic/group';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { SimpleHeaderLayoutMap } from '../../layout';\n\nexport class CellMover {\n  columnMoverLabel: ISymbol;\n  columnMoverLine: ILine;\n  columnMoverBack: IRect;\n  table: BaseTableAPI;\n  x?: number;\n\n  constructor(table: BaseTableAPI) {\n    const columnMoverLineWidth = table.theme.dragHeaderSplitLine.lineWidth;\n    const columnMoverLineColor = table.theme.dragHeaderSplitLine.lineColor;\n    const columnMoverShadowBlockColor = table.theme.dragHeaderSplitLine.shadowBlockColor;\n\n    this.columnMoverLabel = createSymbol({\n      visible: false,\n      pickable: false,\n      x: 0,\n      y: 0,\n      symbolType: 'triangle',\n      fill: columnMoverLineColor as string\n    });\n    this.columnMoverLine = createLine({\n      visible: false,\n      pickable: false,\n      stroke: columnMoverLineColor as string,\n      lineWidth: columnMoverLineWidth as number,\n      x: 0,\n      y: 0,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ]\n    });\n\n    // 列顺序调整阴影块\n    this.columnMoverBack = createRect({\n      visible: false,\n      pickable: false,\n      fill: columnMoverShadowBlockColor,\n      x: 0,\n      y: 0,\n      width: 0,\n      height: 0\n    });\n\n    this.table = table;\n  }\n\n  appand(parent: Group) {\n    parent.appendChild(this.columnMoverLabel);\n    parent.appendChild(this.columnMoverLine);\n    parent.appendChild(this.columnMoverBack);\n  }\n\n  show(col: number, row: number, delta: number) {\n    const cellLocation = this.table.getCellLocation(col, row);\n    const mergeInfo = getCellMergeInfo(this.table, col, row);\n    if (mergeInfo) {\n      col = mergeInfo.start.col;\n      row = mergeInfo.start.row;\n    }\n\n    let rectX = 0;\n    let rectY = 0;\n    let rectWidth = 0;\n    let rectHeight = 0;\n    let rectDx = 0;\n    let rectDy = 0;\n    let symbolX = 0;\n    let symbolY = 0;\n    let symbolRotate = Math.PI;\n    const linePoints: { x: number; y: number }[] = [];\n    if (cellLocation === 'columnHeader') {\n      rectX = this.table.getColsWidth(0, col - 1) - this.table.stateManager.scroll.horizontalBarPos;\n      rectY = this.table.getRowsHeight(0, this.table.frozenRowCount - 1);\n      rectHeight = this.table.tableNoFrameHeight;\n      if (mergeInfo) {\n        rectWidth = this.table.getColsWidth(mergeInfo.start.col, mergeInfo.end.col);\n      } else {\n        rectWidth = this.table.getColWidth(col);\n      }\n      rectDx = rectX - delta;\n\n      symbolX = rectX + rectWidth;\n      symbolY = 2;\n\n      linePoints.push({ x: 0, y: 0 });\n      linePoints.push({ x: 0, y: this.table.tableNoFrameHeight });\n    } else if (\n      cellLocation === 'rowHeader' ||\n      (this.table.internalProps.layoutMap as SimpleHeaderLayoutMap).isSeriesNumberInBody(col, row)\n    ) {\n      rectY = this.table.getRowsHeight(0, row - 1) - this.table.stateManager.scroll.verticalBarPos;\n      rectX = this.table.getColsWidth(0, this.table.frozenColCount - 1);\n      rectWidth = this.table.tableNoFrameWidth;\n      if (mergeInfo) {\n        rectHeight = this.table.getRowsHeight(mergeInfo.start.row, mergeInfo.end.row);\n      } else {\n        rectHeight = this.table.getRowHeight(row);\n      }\n      rectDy = rectY - delta;\n\n      symbolX = 2;\n      symbolY = rectY + rectHeight;\n      symbolRotate = Math.PI / 2;\n\n      linePoints.push({ x: 0, y: 0 });\n      linePoints.push({ x: this.table.tableNoFrameWidth, y: 0 });\n    }\n\n    this.columnMoverBack.setAttributes({\n      visible: true,\n      x: rectX - rectDx,\n      y: rectY - rectDy,\n      width: rectWidth,\n      height: rectHeight,\n      dx: rectDx,\n      dy: rectDy\n    });\n    this.columnMoverLine.setAttributes({\n      x: symbolX,\n      y: symbolY,\n      visible: true,\n      points: linePoints\n    });\n    this.columnMoverLabel.setAttributes({\n      visible: true,\n      x: symbolX,\n      y: symbolY,\n      angle: symbolRotate\n    });\n    return {\n      backX: rectX - rectDx,\n      lineX: symbolX,\n      backY: rectY - rectDy,\n      lineY: symbolY\n    };\n  }\n\n  hide() {\n    this.columnMoverLabel.setAttribute('visible', false);\n    this.columnMoverLine.setAttribute('visible', false);\n    this.columnMoverBack.setAttribute('visible', false);\n  }\n\n  update(backX: number | undefined, lineX: number | undefined, backY: number | undefined, lineY: number | undefined) {\n    if (typeof backX === 'number' && typeof lineX === 'number') {\n      this.columnMoverLabel.setAttribute('x', lineX);\n      this.columnMoverLine.setAttribute('x', lineX);\n      this.columnMoverBack.setAttribute('x', backX);\n    } else if (typeof backY === 'number' && typeof lineY === 'number') {\n      this.columnMoverLabel.setAttribute('y', lineY);\n      this.columnMoverLine.setAttribute('y', lineY);\n      this.columnMoverBack.setAttribute('y', backY);\n    }\n  }\n\n  updateStyle() {\n    const columnMoverLineWidth = this.table.theme.dragHeaderSplitLine.lineWidth;\n    const columnMoverLineColor = this.table.theme.dragHeaderSplitLine.lineColor;\n    const columnMoverShadowBlockColor = this.table.theme.dragHeaderSplitLine.shadowBlockColor;\n\n    this.columnMoverLabel.setAttributes({\n      fill: columnMoverLineColor as string\n    });\n    this.columnMoverLine.setAttributes({\n      stroke: columnMoverLineColor as string,\n      lineWidth: columnMoverLineWidth as number\n    });\n\n    // 列顺序调整阴影块\n    this.columnMoverBack.setAttributes({\n      fill: columnMoverShadowBlockColor\n    });\n  }\n}\n"]}