k-vtable 1.0.0

package/cjs/render/jsx/index.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.VRadio = exports.VCheckBox = exports.VTag = exports.jsx = exports.VText = exports.VPolygon = exports.VPath = exports.VLine = exports.VImage = exports.VGlyph = exports.VCircle = exports.VArea = exports.VArc = exports.VRect = exports.VSymbol = exports.VGroup = void 0;
+
+var vrender_1 = require("./../../vrender");
+
+Object.defineProperty(exports, "VGroup", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.VGroup;
+    }
+}), Object.defineProperty(exports, "VSymbol", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.VSymbol;
+    }
+}), Object.defineProperty(exports, "VRect", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.VRect;
+    }
+}), Object.defineProperty(exports, "VArc", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.VArc;
+    }
+}), Object.defineProperty(exports, "VArea", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.VArea;
+    }
+}), Object.defineProperty(exports, "VCircle", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.VCircle;
+    }
+}), Object.defineProperty(exports, "VGlyph", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.VGlyph;
+    }
+}), Object.defineProperty(exports, "VImage", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.VImage;
+    }
+}), Object.defineProperty(exports, "VLine", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.VLine;
+    }
+}), Object.defineProperty(exports, "VPath", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.VPath;
+    }
+}), Object.defineProperty(exports, "VPolygon", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.VPolygon;
+    }
+}), Object.defineProperty(exports, "VText", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.VText;
+    }
+}), Object.defineProperty(exports, "jsx", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.jsx;
+    }
+});
+
+const vrender_2 = require("./../../vrender");
+
+function VTag(params) {
+    return new vrender_2.Tag(params ? params.attribute : {});
+}
+
+function VCheckBox(params) {
+    return new vrender_2.CheckBox(params ? params.attribute : {});
+}
+
+function VRadio(params) {
+    return new vrender_2.Radio(params ? params.attribute : {});
+}
+
+exports.VTag = VTag, exports.VCheckBox = VCheckBox, exports.VRadio = VRadio;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/jsx/index.ts"],"names":[],"mappings":";;;AAAA,2CAcyB;AAbvB,iGAAA,MAAM,OAAA;AACN,kGAAA,OAAO,OAAA;AACP,gGAAA,KAAK,OAAA;AACL,+FAAA,IAAI,OAAA;AACJ,gGAAA,KAAK,OAAA;AACL,kGAAA,OAAO,OAAA;AACP,iGAAA,MAAM,OAAA;AACN,iGAAA,MAAM,OAAA;AACN,gGAAA,KAAK,OAAA;AACL,gGAAA,KAAK,OAAA;AACL,mGAAA,QAAQ,OAAA;AACR,gGAAA,KAAK,OAAA;AACL,8FAAA,GAAG,OAAA;AAGL,6CAAuD;AAMvD,SAAgB,IAAI,CAAC,MAAgD;IACnE,OAAO,IAAI,aAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAQ,CAAC;AACxD,CAAC;AAFD,oBAEC;AAED,SAAgB,SAAS,CAAC,MAAqD;IAC7E,OAAO,IAAI,kBAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAQ,CAAC;AAC7D,CAAC;AAFD,8BAEC;AAED,SAAgB,MAAM,CAAC,MAAkD;IACvE,OAAO,IAAI,eAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAQ,CAAC;AAC1D,CAAC;AAFD,wBAEC","file":"index.js","sourcesContent":["export {\n  VGroup,\n  VSymbol,\n  VRect,\n  VArc,\n  VArea,\n  VCircle,\n  VGlyph,\n  VImage,\n  VLine,\n  VPath,\n  VPolygon,\n  VText,\n  jsx\n} from './../../vrender';\nimport type { CheckboxAttributes, RadioAttributes, TagAttributes } from './../../vrender';\nimport { Tag, CheckBox, Radio } from './../../vrender';\n\ntype IDefaultGraphicParamsType<T> = {\n  attribute?: T;\n};\n\nexport function VTag(params: IDefaultGraphicParamsType<TagAttributes>) {\n  return new Tag(params ? params.attribute : {}) as any;\n}\n\nexport function VCheckBox(params: IDefaultGraphicParamsType<CheckboxAttributes>) {\n  return new CheckBox(params ? params.attribute : {}) as any;\n}\n\nexport function VRadio(params: IDefaultGraphicParamsType<RadioAttributes>) {\n  return new Radio(params ? params.attribute : {}) as any;\n}\n"]}

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

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

package/cjs/render/layout/arc.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Arc = void 0;
+
+const vrender_1 = require("./../../vrender"), vutils_1 = require("@visactor/vutils");
+
+class Arc extends vrender_1.Arc {
+    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.Arc = Arc;
+//# sourceMappingURL=arc.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/arc.ts"],"names":[],"mappings":";;;AACA,6CAA8C;AAC9C,6CAA2C;AAS3C,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;CACF;AAjBD,kBAiBC","file":"arc.js","sourcesContent":["import type { IArcGraphicAttribute } from './../../vrender';\nimport { Arc as VArc } from './../../vrender';\nimport { isArray } from '@visactor/vutils';\n\ntype IArcOption = {\n  marginTop?: number;\n  marginRight?: number;\n  marginBottom?: number;\n  marginLeft?: number;\n} & IArcGraphicAttribute;\n\nexport class Arc extends VArc {\n  constructor(options: IArcOption) {\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/circle.d.ts

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

package/cjs/render/layout/circle.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Circle = void 0;
+
+const vrender_1 = require("./../../vrender"), vutils_1 = require("@visactor/vutils");
+
+class Circle extends vrender_1.Circle {
+    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.Circle = Circle;
+//# sourceMappingURL=circle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/circle.ts"],"names":[],"mappings":";;;AACA,6CAAoD;AACpD,6CAA2C;AAS3C,MAAa,MAAO,SAAQ,gBAAO;IACjC,YAAY,OAAsB;;QAChC,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,wBAiBC","file":"circle.js","sourcesContent":["import type { ICircleGraphicAttribute } from './../../vrender';\nimport { Circle as VCircle } from './../../vrender';\nimport { isArray } from '@visactor/vutils';\n\ntype ICircleOption = {\n  marginTop?: number;\n  marginRight?: number;\n  marginBottom?: number;\n  marginLeft?: number;\n} & ICircleGraphicAttribute;\n\nexport class Circle extends VCircle {\n  constructor(options: ICircleOption) {\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/container.d.ts

@@ -0,0 +1,14 @@
+import type { IGroupGraphicAttribute } from './../../vrender';
+import { Group } from './../../vrender';
+import type { percentCalcObj } from './percent-calc';
+export type IContainerOptions = {
+    width?: number | percentCalcObj;
+    height?: number | percentCalcObj;
+    marginTop?: number;
+    marginRight?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+} & IGroupGraphicAttribute;
+export declare class Container extends Group {
+    constructor(containerOptions: IContainerOptions);
+}

package/cjs/render/layout/container.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Container = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_1 = require("./../../vrender");
+
+class Container extends vrender_1.Group {
+    constructor(containerOptions) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        containerOptions.direction && (containerOptions.flexDirection = containerOptions.direction), 
+        !containerOptions.justifyContent || "start" !== containerOptions.justifyContent && "end" !== containerOptions.justifyContent || (containerOptions.justifyContent = "flex-" + containerOptions.justifyContent), 
+        !containerOptions.alignItems || "start" !== containerOptions.alignItems && "end" !== containerOptions.alignItems || (containerOptions.alignItems = "flex-" + containerOptions.alignItems), 
+        !containerOptions.alignContent || "start" !== containerOptions.alignContent && "end" !== containerOptions.alignContent || (containerOptions.alignContent = "flex-" + containerOptions.alignContent), 
+        containerOptions.display = "flex", containerOptions.flexDirection || (containerOptions.flexDirection = "row"), 
+        containerOptions.clip = !0, containerOptions.fill = null === (_a = null == containerOptions ? void 0 : containerOptions.background) || void 0 === _a ? void 0 : _a.fill, 
+        containerOptions.stroke = null === (_b = null == containerOptions ? void 0 : containerOptions.background) || void 0 === _b ? void 0 : _b.stroke, 
+        containerOptions.lineWidth = null === (_c = null == containerOptions ? void 0 : containerOptions.background) || void 0 === _c ? void 0 : _c.lineWidth, 
+        containerOptions.cornerRadius = null === (_d = null == containerOptions ? void 0 : containerOptions.background) || void 0 === _d ? void 0 : _d.cornerRadius;
+        const isPaddingNumber = (0, vutils_1.isArray)(containerOptions.boundsPadding), padding = [ null !== (_f = null !== (_e = containerOptions.marginTop) && void 0 !== _e ? _e : isPaddingNumber ? containerOptions.boundsPadding[0] : containerOptions.boundsPadding) && void 0 !== _f ? _f : 0, null !== (_h = null !== (_g = containerOptions.marginRight) && void 0 !== _g ? _g : isPaddingNumber ? containerOptions.boundsPadding[1] : containerOptions.boundsPadding) && void 0 !== _h ? _h : 0, null !== (_l = null !== (_j = containerOptions.marginBottom) && void 0 !== _j ? _j : isPaddingNumber ? null !== (_k = containerOptions.boundsPadding[2]) && void 0 !== _k ? _k : containerOptions.boundsPadding[0] : containerOptions.boundsPadding) && void 0 !== _l ? _l : 0, null !== (_p = null !== (_m = containerOptions.marginLeft) && void 0 !== _m ? _m : isPaddingNumber ? null !== (_o = containerOptions.boundsPadding[3]) && void 0 !== _o ? _o : containerOptions.boundsPadding[1] : containerOptions.boundsPadding) && void 0 !== _p ? _p : 0 ];
+        containerOptions.boundsPadding = padding, super(containerOptions);
+    }
+}
+
+exports.Container = Container;
+//# sourceMappingURL=container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/container.ts"],"names":[],"mappings":"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","file":"container.js","sourcesContent":["import { isArray } from '@visactor/vutils';\nimport type { IGroupGraphicAttribute } from './../../vrender';\nimport { Group } from './../../vrender';\nimport type { percentCalcObj } from './percent-calc';\n\nexport type IContainerOptions = {\n  width?: number | percentCalcObj;\n  height?: number | percentCalcObj;\n  marginTop?: number;\n  marginRight?: number;\n  marginBottom?: number;\n  marginLeft?: number;\n} & IGroupGraphicAttribute;\n\nexport class Container extends Group {\n  constructor(containerOptions: IContainerOptions) {\n    if ((containerOptions as any).direction) {\n      containerOptions.flexDirection = (containerOptions as any).direction;\n    }\n    if (\n      containerOptions.justifyContent &&\n      ((containerOptions.justifyContent as any) === 'start' || (containerOptions.justifyContent as any) === 'end')\n    ) {\n      containerOptions.justifyContent = ('flex-' + containerOptions.justifyContent) as any;\n    }\n\n    if (\n      containerOptions.alignItems &&\n      ((containerOptions.alignItems as any) === 'start' || (containerOptions.alignItems as any) === 'end')\n    ) {\n      containerOptions.alignItems = ('flex-' + containerOptions.alignItems) as any;\n    }\n\n    if (\n      containerOptions.alignContent &&\n      ((containerOptions.alignContent as any) === 'start' || (containerOptions.alignContent as any) === 'end')\n    ) {\n      containerOptions.alignContent = ('flex-' + containerOptions.alignContent) as any;\n    }\n    containerOptions.display = 'flex';\n    if (!containerOptions.flexDirection) {\n      containerOptions.flexDirection = 'row';\n    }\n\n    containerOptions.clip = true;\n    containerOptions.fill = (containerOptions?.background as any)?.fill;\n    containerOptions.stroke = (containerOptions?.background as any)?.stroke;\n    containerOptions.lineWidth = (containerOptions?.background as any)?.lineWidth;\n    containerOptions.cornerRadius = (containerOptions?.background as any)?.cornerRadius;\n    // containerOptions.flexWrap = 'nowrap';\n\n    const isPaddingNumber = isArray(containerOptions.boundsPadding);\n    const padding = [\n      containerOptions.marginTop ??\n        (isPaddingNumber ? containerOptions.boundsPadding[0] : containerOptions.boundsPadding) ??\n        0,\n      containerOptions.marginRight ??\n        (isPaddingNumber ? containerOptions.boundsPadding[1] : containerOptions.boundsPadding) ??\n        0,\n      containerOptions.marginBottom ??\n        (isPaddingNumber\n          ? containerOptions.boundsPadding[2] ?? containerOptions.boundsPadding[0]\n          : containerOptions.boundsPadding) ??\n        0,\n      containerOptions.marginLeft ??\n        (isPaddingNumber\n          ? containerOptions.boundsPadding[3] ?? containerOptions.boundsPadding[1]\n          : containerOptions.boundsPadding) ??\n        0\n    ];\n    containerOptions.boundsPadding = padding;\n\n    super(containerOptions);\n  }\n}\n"]}

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

@@ -0,0 +1,22 @@
+export type DirectionKey = {
+    x: 'x' | 'y';
+    y: 'y' | 'x';
+    width: 'width' | 'height';
+    height: 'height' | 'width';
+    layoutWidth: 'layoutWidth' | 'layoutHeight';
+    layoutHeight: 'layoutHeight' | 'layoutWidth';
+    widthLimit: 'widthLimit' | 'heightLimit';
+    heightLimit: 'heightLimit' | 'widthLimit';
+    parentX: 'parentY' | 'parentX';
+    parentY: 'parentX' | 'parentY';
+    dx: 'dx' | 'dy';
+    dy: 'dx' | 'dy';
+};
+export type Direction = 'row' | 'column';
+export type JustifyContent = 'start' | 'end' | 'center';
+export type AlignItems = 'start' | 'end' | 'center';
+type DirectionKeys = {
+    [key in Direction]: DirectionKey;
+};
+export declare const DIRECTION_KEY: DirectionKeys;
+export {};

package/cjs/render/layout/direction.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DIRECTION_KEY = void 0, exports.DIRECTION_KEY = {
+    row: {
+        x: "x",
+        y: "y",
+        width: "width",
+        height: "height",
+        layoutWidth: "layoutWidth",
+        layoutHeight: "layoutHeight",
+        widthLimit: "widthLimit",
+        heightLimit: "heightLimit",
+        parentX: "parentX",
+        parentY: "parentY",
+        dx: "dx",
+        dy: "dy"
+    },
+    column: {
+        x: "y",
+        y: "x",
+        width: "height",
+        height: "width",
+        layoutWidth: "layoutHeight",
+        layoutHeight: "layoutWidth",
+        widthLimit: "heightLimit",
+        heightLimit: "widthLimit",
+        parentX: "parentY",
+        parentY: "parentX",
+        dx: "dy",
+        dy: "dx"
+    }
+};
+//# sourceMappingURL=direction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/direction.ts"],"names":[],"mappings":";;;AAoBa,QAAA,aAAa,GAAkB;IAC1C,GAAG,EAAE;QACH,CAAC,EAAE,GAAG;QACN,CAAC,EAAE,GAAG;QACN,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,QAAQ;QAChB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,cAAc;QAC5B,UAAU,EAAE,YAAY;QACxB,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,IAAI;QACR,EAAE,EAAE,IAAI;KACT;IACD,MAAM,EAAE;QACN,CAAC,EAAE,GAAG;QACN,CAAC,EAAE,GAAG;QACN,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,OAAO;QACf,WAAW,EAAE,cAAc;QAC3B,YAAY,EAAE,aAAa;QAC3B,UAAU,EAAE,aAAa;QACzB,WAAW,EAAE,YAAY;QACzB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,IAAI;QACR,EAAE,EAAE,IAAI;KACT;CACF,CAAC","file":"direction.js","sourcesContent":["export type DirectionKey = {\n  x: 'x' | 'y';\n  y: 'y' | 'x';\n  width: 'width' | 'height';\n  height: 'height' | 'width';\n  layoutWidth: 'layoutWidth' | 'layoutHeight';\n  layoutHeight: 'layoutHeight' | 'layoutWidth';\n  widthLimit: 'widthLimit' | 'heightLimit';\n  heightLimit: 'heightLimit' | 'widthLimit';\n  parentX: 'parentY' | 'parentX';\n  parentY: 'parentX' | 'parentY';\n  dx: 'dx' | 'dy';\n  dy: 'dx' | 'dy';\n};\n\nexport type Direction = 'row' | 'column';\nexport type JustifyContent = 'start' | 'end' | 'center'; // 布局方向上的对齐方式\nexport type AlignItems = 'start' | 'end' | 'center'; // 布局交叉方向上的对齐方式\ntype DirectionKeys = { [key in Direction]: DirectionKey };\n\nexport const DIRECTION_KEY: DirectionKeys = {\n  row: {\n    x: 'x',\n    y: 'y',\n    width: 'width',\n    height: 'height',\n    layoutWidth: 'layoutWidth',\n    layoutHeight: 'layoutHeight',\n    widthLimit: 'widthLimit',\n    heightLimit: 'heightLimit',\n    parentX: 'parentX',\n    parentY: 'parentY',\n    dx: 'dx',\n    dy: 'dy'\n  },\n  column: {\n    x: 'y',\n    y: 'x',\n    width: 'height',\n    height: 'width',\n    layoutWidth: 'layoutHeight',\n    layoutHeight: 'layoutWidth',\n    widthLimit: 'heightLimit',\n    heightLimit: 'widthLimit',\n    parentX: 'parentY',\n    parentY: 'parentX',\n    dx: 'dy',\n    dy: 'dx'\n  }\n};\n"]}

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

@@ -0,0 +1,43 @@
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export type ElementOptions = {
+    id?: string;
+    marginLeft?: number;
+    marginRight?: number;
+    marginTop?: number;
+    marginBottom?: number;
+    background?: {
+        stroke?: string | boolean;
+        fill?: string | boolean;
+        lineWidth?: number;
+        cornerRadius?: number;
+        expandX?: number;
+        expandY?: number;
+    };
+};
+export declare class BaseElement {
+    type: string;
+    id?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    marginLeft: number;
+    marginRight: number;
+    marginTop: number;
+    marginBottom: number;
+    layoutWidth: number;
+    layoutHeight: number;
+    dx: number;
+    dy: number;
+    background?: {
+        stroke?: string | boolean;
+        fill?: string | boolean;
+        lineWidth?: number;
+        cornerRadius?: number;
+        expandX?: number;
+        expandY?: number;
+    };
+    constructor(options: ElementOptions);
+    getSize(table: BaseTableAPI): void;
+    initLayoutSize(): void;
+}

package/cjs/render/layout/element.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseElement = void 0;
+
+class BaseElement {
+    constructor(options) {
+        var _a, _b, _c, _d;
+        this.x = 0, this.y = 0, this.width = 0, this.height = 0, this.dx = 0, this.dy = 0, 
+        this.id = options.id, this.marginLeft = null !== (_a = options.marginLeft) && void 0 !== _a ? _a : 0, 
+        this.marginRight = null !== (_b = options.marginRight) && void 0 !== _b ? _b : 0, 
+        this.marginTop = null !== (_c = options.marginTop) && void 0 !== _c ? _c : 0, this.marginBottom = null !== (_d = options.marginBottom) && void 0 !== _d ? _d : 0, 
+        this.background = options.background || void 0;
+    }
+    getSize(table) {
+        this.initLayoutSize();
+    }
+    initLayoutSize() {
+        this.layoutWidth = this.width + this.marginLeft + this.marginRight, this.layoutHeight = this.height + this.marginTop + this.marginBottom, 
+        this.background && (this.layoutWidth += 2 * (this.background.expandX || 0), this.layoutHeight += 2 * (this.background.expandY || 0)), 
+        this.dx = this.marginLeft, this.dy = this.marginTop;
+    }
+}
+
+exports.BaseElement = BaseElement;
+//# sourceMappingURL=element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/element.ts"],"names":[],"mappings":";;;AAqBA,MAAa,WAAW;IA0BtB,YAAY,OAAuB;;QAvBnC,MAAC,GAAG,CAAC,CAAC;QACN,MAAC,GAAG,CAAC,CAAC;QACN,UAAK,GAAG,CAAC,CAAC;QACV,WAAM,GAAG,CAAC,CAAC;QAOX,OAAE,GAAG,CAAC,CAAC;QACP,OAAE,GAAG,CAAC,CAAC;QAaL,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,MAAA,OAAO,CAAC,UAAU,mCAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,MAAA,OAAO,CAAC,WAAW,mCAAI,CAAC,CAAC;QAC5C,IAAI,CAAC,SAAS,GAAG,MAAA,OAAO,CAAC,SAAS,mCAAI,CAAC,CAAC;QACxC,IAAI,CAAC,YAAY,GAAG,MAAA,OAAO,CAAC,YAAY,mCAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,SAAS,CAAC;IACpD,CAAC;IAED,OAAO,CAAC,KAAmB;QACzB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;QACnE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC;QAErE,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;YACvD,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;SACzD;QAED,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC;QAC1B,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;IAC3B,CAAC;CACF;AAnDD,kCAmDC","file":"element.js","sourcesContent":["import type { BaseTableAPI } from '../../ts-types/base-table';\n\nexport type ElementOptions = {\n  id?: string;\n  marginLeft?: number;\n  marginRight?: number;\n  marginTop?: number;\n  marginBottom?: number;\n  background?: {\n    // fill?: boolean;\n    // stroke?: boolean;\n    stroke?: string | boolean;\n    fill?: string | boolean;\n    lineWidth?: number;\n    cornerRadius?: number;\n    expandX?: number;\n    expandY?: number;\n  };\n};\n\n// Element用作基础布局，图元继承Element\nexport class BaseElement {\n  type: string;\n  id?: string;\n  x = 0;\n  y = 0;\n  width = 0;\n  height = 0;\n  marginLeft: number;\n  marginRight: number;\n  marginTop: number;\n  marginBottom: number;\n  layoutWidth: number;\n  layoutHeight: number;\n  dx = 0;\n  dy = 0;\n  background?: {\n    // fill?: boolean;\n    // stroke?: boolean;\n    stroke?: string | boolean;\n    fill?: string | boolean;\n    lineWidth?: number;\n    cornerRadius?: number;\n    expandX?: number;\n    expandY?: number;\n  };\n\n  constructor(options: ElementOptions) {\n    this.id = options.id;\n    this.marginLeft = options.marginLeft ?? 0;\n    this.marginRight = options.marginRight ?? 0;\n    this.marginTop = options.marginTop ?? 0;\n    this.marginBottom = options.marginBottom ?? 0;\n    this.background = options.background || undefined;\n  }\n\n  getSize(table: BaseTableAPI) {\n    this.initLayoutSize();\n  }\n\n  initLayoutSize() {\n    this.layoutWidth = this.width + this.marginLeft + this.marginRight;\n    this.layoutHeight = this.height + this.marginTop + this.marginBottom;\n\n    if (this.background) {\n      this.layoutWidth += (this.background.expandX || 0) * 2;\n      this.layoutHeight += (this.background.expandY || 0) * 2;\n    }\n\n    this.dx = this.marginLeft;\n    this.dy = this.marginTop;\n  }\n}\n"]}

package/cjs/render/layout/group-element.d.ts

@@ -0,0 +1,5 @@
+import type { IContainerOptions } from './container';
+import { Container } from './container';
+export declare class GroupElement extends Container {
+    constructor(option: IContainerOptions);
+}

package/cjs/render/layout/group-element.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.GroupElement = void 0;
+
+const container_1 = require("./container");
+
+class GroupElement extends container_1.Container {
+    constructor(option) {
+        option.flexWrap = "nowrap", super(option);
+    }
+}
+
+exports.GroupElement = GroupElement;
+//# sourceMappingURL=group-element.js.map

package/cjs/render/layout/group-element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/group-element.ts"],"names":[],"mappings":";;;AACA,2CAAwC;AAExC,MAAa,YAAa,SAAQ,qBAAS;IACzC,YAAY,MAAyB;QACnC,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,KAAK,CAAC,MAAM,CAAC,CAAC;IAChB,CAAC;CACF;AALD,oCAKC","file":"group-element.js","sourcesContent":["import type { IContainerOptions } from './container';\nimport { Container } from './container';\n\nexport class GroupElement extends Container {\n  constructor(option: IContainerOptions) {\n    option.flexWrap = 'nowrap';\n    super(option);\n  }\n}\n"]}

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

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

package/cjs/render/layout/group.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Group = void 0;
+
+const vrender_1 = require("./../../vrender"), vutils_1 = require("@visactor/vutils");
+
+class Group extends vrender_1.Group {
+    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.Group = Group;
+//# sourceMappingURL=group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/group.ts"],"names":[],"mappings":";;;AACA,6CAAkD;AAClD,6CAA2C;AAS3C,MAAa,KAAM,SAAQ,eAAM;IAC/B,YAAY,OAAqB;;QAC/B,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,sBAiBC","file":"group.js","sourcesContent":["import type { IGroupGraphicAttribute } from './../../vrender';\nimport { Group as VGroup } from './../../vrender';\nimport { isArray } from '@visactor/vutils';\n\ntype IGroupOption = {\n  marginTop?: number;\n  marginRight?: number;\n  marginBottom?: number;\n  marginLeft?: number;\n} & IGroupGraphicAttribute;\n\nexport class Group extends VGroup {\n  constructor(options: IGroupOption) {\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/icon.d.ts

@@ -0,0 +1,21 @@
+import type { IImageGraphicAttribute } from './../../vrender';
+import { Image } from './../../vrender';
+import type { ColumnIconOption } from '../../ts-types';
+type IIconOptions = {
+    width: number;
+    height: number;
+    svg?: string;
+    iconName?: string;
+    marginTop?: number;
+    marginRight?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+} & IImageGraphicAttribute;
+export declare class Icon extends Image {
+    id: string;
+    svg: string;
+    iconName: string;
+    cache?: ColumnIconOption;
+    constructor(options: IIconOptions);
+}
+export {};

package/cjs/render/layout/icon.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Icon = void 0;
+
+const vrender_1 = require("./../../vrender"), vutils_1 = require("@visactor/vutils"), registerIcons = __importStar(require("../../icons"));
+
+class Icon extends vrender_1.Image {
+    constructor(options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        let cache;
+        if ((0, vutils_1.isString)(options.iconName)) {
+            cache = registerIcons.get()[options.iconName], cache && (options.width = null !== (_a = options.width) && void 0 !== _a ? _a : cache.width, 
+            options.height = null !== (_b = options.height) && void 0 !== _b ? _b : cache.height, 
+            options.svg = cache.svg, options.cursor = cache.cursor);
+        }
+        options.svg && (options.image = options.svg);
+        const isPaddingNumber = (0, vutils_1.isArray)(options.boundsPadding), padding = [ null !== (_d = null !== (_c = options.marginTop) && void 0 !== _c ? _c : isPaddingNumber ? options.boundsPadding[0] : options.boundsPadding) && void 0 !== _d ? _d : 0, null !== (_f = null !== (_e = options.marginRight) && void 0 !== _e ? _e : isPaddingNumber ? options.boundsPadding[1] : options.boundsPadding) && void 0 !== _f ? _f : 0, null !== (_j = null !== (_g = options.marginBottom) && void 0 !== _g ? _g : isPaddingNumber ? null !== (_h = options.boundsPadding[2]) && void 0 !== _h ? _h : options.boundsPadding[0] : options.boundsPadding) && void 0 !== _j ? _j : 0, null !== (_m = null !== (_k = options.marginLeft) && void 0 !== _k ? _k : isPaddingNumber ? null !== (_l = options.boundsPadding[3]) && void 0 !== _l ? _l : options.boundsPadding[1] : options.boundsPadding) && void 0 !== _m ? _m : 0 ];
+        options.boundsPadding = padding, super(options), this.cache = cache;
+    }
+}
+
+exports.Icon = Icon;
+//# sourceMappingURL=icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/icon.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,6CAAwC;AACxC,6CAAqD;AACrD,2DAA6C;AAc7C,MAAa,IAAK,SAAQ,eAAK;IAM7B,YAAY,OAAqB;;QAC/B,IAAI,KAAK,CAAC;QACV,IAAI,IAAA,iBAAQ,EAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC9B,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC;YACvC,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YACrC,IAAI,KAAK,EAAE;gBACT,OAAO,CAAC,KAAK,GAAG,MAAA,OAAO,CAAC,KAAK,mCAAI,KAAK,CAAC,KAAK,CAAC;gBAC7C,OAAO,CAAC,MAAM,GAAG,MAAA,OAAO,CAAC,MAAM,mCAAI,KAAK,CAAC,MAAM,CAAC;gBAChD,OAAO,CAAC,GAAG,GAAI,KAAa,CAAC,GAAG,CAAC;gBACjC,OAAO,CAAC,MAAM,GAAI,KAAa,CAAC,MAAM,CAAC;aACxC;SACF;QACD,IAAI,OAAO,CAAC,GAAG,EAAE;YACf,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC;SAC7B;QAED,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;QACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;CACF;AAtCD,oBAsCC","file":"icon.js","sourcesContent":["import type { IImageGraphicAttribute } from './../../vrender';\nimport { Image } from './../../vrender';\nimport { isArray, isString } from '@visactor/vutils';\nimport * as registerIcons from '../../icons';\nimport type { ColumnIconOption } from '../../ts-types';\n\ntype IIconOptions = {\n  width: number;\n  height: number;\n  svg?: string;\n  iconName?: string;\n  marginTop?: number;\n  marginRight?: number;\n  marginBottom?: number;\n  marginLeft?: number;\n} & IImageGraphicAttribute;\n\nexport class Icon extends Image {\n  declare id: string;\n  svg: string;\n  iconName: string;\n  cache?: ColumnIconOption;\n\n  constructor(options: IIconOptions) {\n    let cache;\n    if (isString(options.iconName)) {\n      const regedIcons = registerIcons.get();\n      cache = regedIcons[options.iconName];\n      if (cache) {\n        options.width = options.width ?? cache.width;\n        options.height = options.height ?? cache.height;\n        options.svg = (cache as any).svg;\n        options.cursor = (cache as any).cursor;\n      }\n    }\n    if (options.svg) {\n      options.image = options.svg;\n    }\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\n    super(options);\n    this.cache = cache;\n  }\n}\n"]}

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

@@ -0,0 +1,14 @@
+import type { IImageGraphicAttribute } from './../../vrender';
+import { Image as VImage } from './../../vrender';
+type IImageOptions = {
+    src?: string;
+    shape?: 'circle' | 'square';
+    marginTop?: number;
+    marginRight?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+} & IImageGraphicAttribute;
+export declare class Image extends VImage {
+    constructor(options: IImageOptions);
+}
+export {};

package/cjs/render/layout/image.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Image = void 0;
+
+const vrender_1 = require("./../../vrender"), vutils_1 = require("@visactor/vutils");
+
+class Image extends vrender_1.Image {
+    constructor(options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        options.src && (options.image = options.src), "circle" === options.shape && (options.cornerRadius = options.width / 2);
+        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.Image = Image;
+//# sourceMappingURL=image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/layout/image.ts"],"names":[],"mappings":";;;AACA,6CAAkD;AAClD,6CAA2C;AAU3C,MAAa,KAAM,SAAQ,eAAM;IAC/B,YAAY,OAAsB;;QAChC,IAAI,OAAO,CAAC,GAAG,EAAE;YACf,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC;SAC7B;QACD,IAAI,OAAO,CAAC,KAAK,KAAK,QAAQ,EAAE;YAC9B,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;SAC1C;QAED,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;AAxBD,sBAwBC","file":"image.js","sourcesContent":["import type { IImageGraphicAttribute } from './../../vrender';\nimport { Image as VImage } from './../../vrender';\nimport { isArray } from '@visactor/vutils';\n\ntype IImageOptions = {\n  src?: string;\n  shape?: 'circle' | 'square';\n  marginTop?: number;\n  marginRight?: number;\n  marginBottom?: number;\n  marginLeft?: number;\n} & IImageGraphicAttribute;\nexport class Image extends VImage {\n  constructor(options: IImageOptions) {\n    if (options.src) {\n      options.image = options.src;\n    }\n    if (options.shape === 'circle') {\n      options.cornerRadius = options.width / 2;\n    }\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\n    super(options);\n  }\n}\n"]}

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

@@ -0,0 +1,13 @@
+export * from './circle';
+export * from './container';
+export * from './group-element';
+export * from './icon';
+export * from './image';
+export * from './rect';
+export * from './text';
+export * from './percent-calc';
+export * from './arc';
+export * from './tag';
+export * from './group';
+export * from './line';
+export { CheckBox, Radio } from './../../vrender';