@antv/infographic 0.2.10 → 0.2.11

package/esm/constants/index.js

@@ -1,4 +1,4 @@
-export * from './components';
-export * from './element';
-export * from './service';
-export * from './shape';
+export * from './components.js';
+export * from './element.js';
+export * from './service.js';
+export * from './shape.js';

package/esm/designs/components/Btn.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { Rect } from '../../jsx';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { Rect } from '../../jsx/index.js';
 export const BtnAdd = (props) => {
     const { indexes, ...restProps } = props;
     const defaultProps = {

package/esm/designs/components/BtnsGroup.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { Group } from '../../jsx';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { Group } from '../../jsx/index.js';
 export const BtnsGroup = (props) => {
     return (_jsx(Group, { "data-element-type": "btns-group" /* ElementTypeEnum.BtnsGroup */, width: 0, height: 0, ...props, display: "none" }));
 };

package/esm/designs/components/Gap.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx } from "@antv/infographic/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx } from "../../jsx-runtime.js";
 /**
  * 用于在布局中创建间隙的占位符组件。
  * @description

package/esm/designs/components/Illus.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { Rect } from '../../jsx';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { Rect } from '../../jsx/index.js';
 export const Illus = ({ indexes, ...props }) => {
     const defaultProps = {
         fill: 'lightgray',

package/esm/designs/components/ItemDesc.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { Text } from '../../jsx';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { Text } from '../../jsx/index.js';
 export const ItemDesc = ({ indexes, lineNumber = 2, children, ...props }) => {
     if (!children)
         return null;

package/esm/designs/components/ItemIcon.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Ellipse, Group, Rect } from '../../jsx';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Ellipse, Group, Rect } from '../../jsx/index.js';
 export const ItemIcon = (props) => {
     const { indexes, size = 32, ...restProps } = props;
     const finalProps = {

package/esm/designs/components/ItemLabel.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { Text } from '../../jsx';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { Text } from '../../jsx/index.js';
 export const ItemLabel = ({ indexes, children, ...props }) => {
     const finalProps = {
         fontSize: 18,

package/esm/designs/components/ItemValue.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { Text } from '../../jsx';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { Text } from '../../jsx/index.js';
 export const ItemValue = ({ indexes, value, formatter = (v) => String(v), ...props }) => {
     const finalProps = {
         fontSize: 14,

package/esm/designs/components/ItemsGroup.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { Group } from '../../jsx';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { Group } from '../../jsx/index.js';
 export const ItemsGroup = (props) => {
     return _jsx(Group, { "data-element-type": "items-group" /* ElementTypeEnum.ItemsGroup */, ...props });
 };

package/esm/designs/components/ShapesGroup.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { Group } from '../../jsx';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { Group } from '../../jsx/index.js';
 export const ShapesGroup = (props) => {
     return _jsx(Group, { "data-element-type": "shapes-group", ...props });
 };

package/esm/designs/components/Title.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Text } from '../../jsx';
-import { FlexLayout } from '../layouts';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Text } from '../../jsx/index.js';
+import { FlexLayout } from '../layouts/index.js';
 export const Title = (props) => {
     const { x = 0, y = 0, alignHorizontal = 'center', title, desc, descLineNumber: subTitleLineNumber = 2, themeColors, } = props;
     const MainTitle = (props) => {

package/esm/designs/components/index.js

@@ -1,11 +1,11 @@
-export * from './Btn';
-export * from './BtnsGroup';
-export * from './Gap';
-export * from './Illus';
-export * from './ItemDesc';
-export * from './ItemIcon';
-export * from './ItemLabel';
-export * from './ItemsGroup';
-export * from './ItemValue';
-export * from './ShapesGroup';
-export * from './Title';
+export * from './Btn.js';
+export * from './BtnsGroup.js';
+export * from './Gap.js';
+export * from './Illus.js';
+export * from './ItemDesc.js';
+export * from './ItemIcon.js';
+export * from './ItemLabel.js';
+export * from './ItemsGroup.js';
+export * from './ItemValue.js';
+export * from './ShapesGroup.js';
+export * from './Title.js';

package/esm/designs/decorations/index.js

@@ -1,3 +1,3 @@
-export * from './simple-arrow';
-export * from './text-3d';
-export * from './triangle';
+export * from './simple-arrow.js';
+export * from './text-3d.js';
+export * from './triangle.js';

package/esm/designs/decorations/simple-arrow.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@antv/infographic/jsx-runtime";
-import { Defs, Polygon } from '../../jsx';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../jsx-runtime.js";
+import { Defs, Polygon } from '../../jsx/index.js';
 export const SimpleArrow = ({ width = 25, height = 25, colorPrimary = '#6699FF', rotation = 0, ...rest }) => {
     const strokeId = `gradient-arrow-stroke-${colorPrimary.replace('#', '')}`;
     const fillId = `gradient-arrow-fill-${colorPrimary.replace('#', '')}`;

package/esm/designs/decorations/text-3d.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Group } from '../../jsx';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Group } from '../../jsx/index.js';
 /**
  * A 3D text component with layered shadows to create a depth effect
  *

package/esm/designs/decorations/triangle.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { Polygon } from '../../jsx';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { Polygon } from '../../jsx/index.js';
 export const Triangle = ({ width = 25, height = 25, colorPrimary = '#6699FF', rotation = 0, strokeWidth = 4, ...rest }) => {
     // 定义三角形的三个顶点
     const points = [

package/esm/designs/defs/DropShadow.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
+import { jsx as _jsx } from "../../jsx-runtime.js";
 export const DropShadow = (props) => {
     const { color = 'black', opacity = 0.8, ...restProps } = props;
     return (_jsx("filter", { id: "drop-shadow", x: "-25%", y: "-25%", width: "200%", height: "200%", ...restProps, children: _jsx("feDropShadow", { dx: "4", dy: "4", stdDeviation: "4", "flood-color": color, "flood-opacity": opacity }) }));

package/esm/designs/defs/LinearGradient.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
 export const LinearGradient = (props) => {
     const { id = 'linear-gradient', startColor = 'black', stopColor = 'white', direction = 'left-right', } = props;
     const directionMap = {

package/esm/designs/defs/index.js

@@ -1,2 +1,2 @@
-export * from './DropShadow';
-export * from './LinearGradient';
+export * from './DropShadow.js';
+export * from './LinearGradient.js';

package/esm/designs/index.js

@@ -1,5 +1,5 @@
-export * from '../templates';
-export * from './components';
-export * from './items';
-export * from './layouts';
-export * from './structures';
+export * from '../templates/index.js';
+export * from './components/index.js';
+export * from './items/index.js';
+export * from './layouts/index.js';
+export * from './structures/index.js';

package/esm/designs/items/BadgeCard.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@antv/infographic/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../jsx-runtime.js";
 import tinycolor from 'tinycolor2';
-import { Defs, Ellipse, Group, Rect } from '../../jsx';
-import { ItemDesc, ItemIcon, ItemLabel, ItemValue } from '../components';
-import { FlexLayout } from '../layouts';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { Defs, Ellipse, Group, Rect } from '../../jsx/index.js';
+import { ItemDesc, ItemIcon, ItemLabel, ItemValue } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const BadgeCard = (props) => {
     const [{ datum, indexes, width = 200, height = 80, iconSize = 24, badgeSize = 32, gap = 8, positionH = 'normal', themeColors, valueFormatter, }, restProps,] = getItemProps(props, ['width', 'height', 'iconSize', 'badgeSize', 'gap']);
     const value = datum.value;

package/esm/designs/items/CandyCardLite.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Group, Path } from '../../jsx';
-import { ItemDesc, ItemIcon, ItemLabel } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Group, Path } from '../../jsx/index.js';
+import { ItemDesc, ItemIcon, ItemLabel } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const CandyCardLite = (props) => {
     const [{ indexes, datum, width = 280, height = 140, themeColors }, restProps,] = getItemProps(props, ['width', 'height']);
     return (_jsxs(Group, { ...restProps, children: [_jsx("rect", { x: 0, y: 0, width: width, height: height, rx: 22, ry: 22, fill: themeColors.colorPrimaryBg, stroke: themeColors.colorPrimary, "data-element-type": "shape" }), _jsx(Path, { x: width - 85, y: 0.5, width: 85, height: 65, d: "M0 0H62.4495C74.9557 0 85.4549 10.8574 84.4557 23.1875V60.1875L77.8772 62.5839C64.3776 67.6876 48.51 64.6893 37.8662 53.7441L10.2361 25.3312C4.91402 19.8571 1.65356 13.1736 0.435652 6.21819L0 0Z", fill: themeColors.colorBg, "data-element-type": "shape" }), _jsx(ItemLabel, { indexes: indexes, x: 20, y: 24, width: 200, alignHorizontal: "left", alignVertical: "middle", fill: themeColors.colorText, children: datum.label }), _jsx(ItemDesc, { indexes: indexes, x: 20, y: 58, width: 220, height: 70, fill: themeColors.colorTextSecondary, alignHorizontal: "left", alignVertical: "top", children: datum.desc }), _jsx(ItemIcon, { indexes: indexes, x: width - 48, y: 12, width: 32, height: 32, fill: themeColors.colorPrimary })] }));

package/esm/designs/items/CapsuleItem.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Defs, Ellipse, getElementBounds, Group, Rect, } from '../../jsx';
-import { ItemDesc, ItemIconCircle, ItemLabel } from '../components';
-import { DropShadow } from '../defs';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Defs, Ellipse, getElementBounds, Group, Rect, } from '../../jsx/index.js';
+import { ItemDesc, ItemIconCircle, ItemLabel } from '../components/index.js';
+import { DropShadow } from '../defs/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const CapsuleItem = (props) => {
     const [{ datum, indexes, width = 300, height = 80, gap = 12, positionH = 'normal', iconPadding = height / 10, themeColors, }, restProps,] = getItemProps(props, ['width', 'height', 'gap', 'iconPadding']);
     // Capsule border radius and icon size (icon with some padding inside)

package/esm/designs/items/CircleNode.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
 import tinycolor from 'tinycolor2';
-import { Defs, Ellipse, Group } from '../../jsx';
-import { ItemLabel } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { Defs, Ellipse, Group } from '../../jsx/index.js';
+import { ItemLabel } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const CircleNode = (props) => {
     const [{ indexes, datum, themeColors, positionH = 'normal', width = 240, height = width, }, restProps,] = getItemProps(props, ['width', 'height']);
     const size = Math.min(width, height);

package/esm/designs/items/CircularProgress.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Ellipse, Group, Path, Rect } from '../../jsx';
-import { ItemLabel, ItemValue } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Ellipse, Group, Path, Rect } from '../../jsx/index.js';
+import { ItemLabel, ItemValue } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const CircularProgress = (props) => {
     const [{ datum, indexes, size = 120, strokeWidth = 12, gap = 8, themeColors, valueFormatter = (value) => `${Math.round(value)}%`, }, restProps,] = getItemProps(props, ['size', 'strokeWidth', 'gap']);
     const value = datum.value ?? 0;

package/esm/designs/items/CompactCard.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Defs, Group, Rect } from '../../jsx';
-import { ItemDesc, ItemIcon, ItemLabel, ItemValue } from '../components';
-import { FlexLayout } from '../layouts';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Defs, Group, Rect } from '../../jsx/index.js';
+import { ItemDesc, ItemIcon, ItemLabel, ItemValue } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const CompactCard = (props) => {
     const [{ datum, indexes, width = 200, height = 60, iconSize = 20, gap = 8, positionH = 'normal', themeColors, valueFormatter, }, restProps,] = getItemProps(props, ['width', 'height', 'iconSize', 'gap']);
     const value = datum.value;

package/esm/designs/items/DoneList.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Group, Path } from '../../jsx';
-import { ItemLabel } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Group, Path } from '../../jsx/index.js';
+import { ItemLabel } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const DoneList = (props) => {
     const [{ datum, indexes, width = 300, height = 30, iconSize = 30, gap = 5, positionH = 'normal', positionV = 'middle', themeColors, }, restProps,] = getItemProps(props, ['width', 'height', 'iconSize', 'gap']);
     const textWidth = width - iconSize - gap;

package/esm/designs/items/HorizontalIconArrow.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Ellipse, getElementBounds, Group, Path, Polygon, Text, } from '../../jsx';
-import { Gap, ItemDesc, ItemIconCircle, ItemLabel, ShapesGroup, } from '../components';
-import { AlignLayout, FlexLayout } from '../layouts';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Ellipse, getElementBounds, Group, Path, Polygon, Text, } from '../../jsx/index.js';
+import { Gap, ItemDesc, ItemIconCircle, ItemLabel, ShapesGroup, } from '../components/index.js';
+import { AlignLayout, FlexLayout } from '../layouts/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const HorizontalIconArrow = (props) => {
     const [{ indexes, datum, width = 140, themeColors, positionV = 'normal' }, restProps,] = getItemProps(props, ['width']);
     const isVNormal = positionV !== 'flipped';

package/esm/designs/items/HorizontalIconLine.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Ellipse, getElementBounds, Rect, Text, } from '../../jsx';
-import { Gap, ItemDesc, ItemIconCircle, ItemLabel } from '../components';
-import { AlignLayout, FlexLayout } from '../layouts';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Ellipse, getElementBounds, Rect, Text, } from '../../jsx/index.js';
+import { Gap, ItemDesc, ItemIconCircle, ItemLabel } from '../components/index.js';
+import { AlignLayout, FlexLayout } from '../layouts/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const HorizontalIconLine = (props) => {
     const [{ indexes, datum, width = 160, themeColors, positionH = 'center', positionV = 'normal', }, restProps,] = getItemProps(props, ['width']);
     const textAlignHorizontal = positionH === 'normal'

package/esm/designs/items/IconBadge.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
 import tinycolor from 'tinycolor2';
-import { Defs, Ellipse, Group, Text } from '../../jsx';
-import { ItemIcon, ItemLabel } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { Defs, Ellipse, Group, Text } from '../../jsx/index.js';
+import { ItemIcon, ItemLabel } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const IconBadge = (props) => {
     const [{ datum, indexes, size = 80, iconSize = 28, badgeSize = 24, gap = 8, themeColors, width = 84, height = 105, }, restProps,] = getItemProps(props, ['size', 'iconSize', 'badgeSize', 'gap']);
     const value = datum.value ?? 0;

package/esm/designs/items/IndexedCard.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group } from '../../jsx';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { getElementBounds, Group } from '../../jsx/index.js';
 // 根据需要选择性导入原子组件和类型
-import { Rect, Text } from '../../jsx';
+import { Rect, Text } from '../../jsx/index.js';
 // 根据需要选择性导入封装组件
-import { ItemDesc, ItemLabel } from '../components';
+import { ItemDesc, ItemLabel } from '../components/index.js';
 import tinycolor from 'tinycolor2';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 // -----------------------------------------------------------------------------------
 // 2. 组件实现
 // -----------------------------------------------------------------------------------

package/esm/designs/items/LCornerCard.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Group, Path, Polygon } from '../../jsx';
-import { ItemDesc, ItemIcon, ItemLabel } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Group, Path, Polygon } from '../../jsx/index.js';
+import { ItemDesc, ItemIcon, ItemLabel } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const LCornerCard = (props) => {
     const [{ indexes, datum, width = 140, iconSize = 24, themeColors }, restProps,] = getItemProps(props, ['width', 'iconSize']);
     const { label, desc } = datum;

package/esm/designs/items/LetterCard.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
 import tinycolor from 'tinycolor2';
-import { Defs, Group, Rect } from '../../jsx';
-import { ItemLabel } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { Defs, Group, Rect } from '../../jsx/index.js';
+import { ItemLabel } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 /**
  * 字母卡片组件
  * 用于显示大字母和标题

package/esm/designs/items/LinedText.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Group, Path, getElementBounds } from '../../jsx';
-import { ItemLabel } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Group, Path, getElementBounds } from '../../jsx/index.js';
+import { ItemLabel } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const LinedText = (props) => {
     const [{ datum, indexes, width, themeColors, positionH = 'normal', positionV = 'center', formatter = (text) => text || '', usePaletteColor = false, showUnderline = false, underlineGap = 6, underlineExtend = 8, underlineThickness = 2, }, restProps,] = getItemProps(props, [
         'width',

package/esm/designs/items/PillBadge.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Defs, Group, Rect } from '../../jsx';
-import { ItemDesc, ItemLabel } from '../components';
-import { DropShadow, LinearGradient } from '../defs';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Defs, Group, Rect } from '../../jsx/index.js';
+import { ItemDesc, ItemLabel } from '../components/index.js';
+import { DropShadow, LinearGradient } from '../defs/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const PillBadge = (props) => {
     const [{ datum, indexes, width = 300, pillWidth = 120, pillHeight = 36, gap = 16, positionH = 'normal', themeColors, }, restProps,] = getItemProps(props, ['width', 'pillWidth', 'pillHeight', 'gap']);
     // Optimize: when no description, use pillWidth as component width

package/esm/designs/items/PlainText.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { ItemLabel } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { ItemLabel } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const LabelText = (props) => {
     const [{ indexes, datum, width = 120, themeColors, positionH = 'normal', positionV = 'center', formatter = (text) => text || '', usePaletteColor = false, lineNumber = 1, }, restProps,] = getItemProps(props, [
         'width',

package/esm/designs/items/ProgressCard.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
 import { scaleLinear } from 'd3';
 import tinycolor from 'tinycolor2';
-import { Defs, getElementBounds, Group, Rect } from '../../jsx';
-import { ItemDesc, ItemIcon, ItemLabel, ItemValue } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { Defs, getElementBounds, Group, Rect } from '../../jsx/index.js';
+import { ItemDesc, ItemIcon, ItemLabel, ItemValue } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const ProgressCard = (props) => {
     const [{ datum, data, indexes, width = 280, height = 120, iconSize = 32, gap = 12, progressHeight = 8, borderRadius = 12, positionH = 'normal', themeColors, valueFormatter = (v) => `${v}%`, }, restProps,] = getItemProps(props, [
         'width',

package/esm/designs/items/QuarterCircular.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Ellipse, getElementBounds, Group, Path, Text, } from '../../jsx';
-import { ItemDesc, ItemIcon, ItemLabel, ShapesGroup } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Ellipse, getElementBounds, Group, Path, Text, } from '../../jsx/index.js';
+import { ItemDesc, ItemIcon, ItemLabel, ShapesGroup } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const QuarterCircular = (props) => {
     const [{ datum, indexes, width = 280, height = 120, iconSize = 30, circleRadius = 80, positionH = 'normal', positionV = 'normal', themeColors, }, restProps,] = getItemProps(props, ['width', 'height', 'iconSize', 'circleRadius']);
     // 圆的质心

package/esm/designs/items/QuarterSimpleCard.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Group, Path, getElementBounds } from '../../jsx';
-import { ItemDesc, ItemIcon, ItemLabel } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Group, Path, getElementBounds } from '../../jsx/index.js';
+import { ItemDesc, ItemIcon, ItemLabel } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const QuarterSimpleCard = (props) => {
     const [{ datum, indexes, width = 150, height = 150, iconSize = 30, padding = 20, borderRadius = 16, positionH = 'center', positionV = 'middle', themeColors, }, restProps,] = getItemProps(props, [
         'width',

package/esm/designs/items/RibbonCard.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
 import tinycolor from 'tinycolor2';
-import { Defs, Group, Path, Rect } from '../../jsx';
-import { ItemDesc, ItemIcon, ItemLabel, ShapesGroup } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { Defs, Group, Path, Rect } from '../../jsx/index.js';
+import { ItemDesc, ItemIcon, ItemLabel, ShapesGroup } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const RibbonCard = (props) => {
     const [{ datum, indexes, width = 240, height = 140, iconSize = 28, gap = 12, ribbonHeight = 32, themeColors, }, restProps,] = getItemProps(props, [
         'width',

package/esm/designs/items/RoundedRectNode.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Group, Rect } from '../../jsx';
-import { ItemLabel } from '../components';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Group, Rect } from '../../jsx/index.js';
+import { ItemLabel } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const RoundedRectNode = (props) => {
     const [{ indexes, datum, themeColors, width = 300, height = 40, padding = 4, positionH = 'normal', }, restProps,] = getItemProps(props, ['width', 'height', 'borderRadius', 'padding']);
     const borderRadius = height / 2;

package/esm/designs/items/SimpleCircleNode.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Ellipse, Group, Rect } from '../../jsx';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Ellipse, Group, Rect } from '../../jsx/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const SimpleCircleNode = (props) => {
     const [{ width = 24, height = width, strokeWidth = 2, themeColors, datum }, restProps,] = getItemProps(props, ['width', 'height']);
     const size = Math.min(width, height) - strokeWidth;

package/esm/designs/items/SimpleHorizontalArrow.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group, Polygon, Text, } from '../../jsx';
-import { Gap, ItemDesc, ItemLabel } from '../components';
-import { FlexLayout } from '../layouts';
-import { AlignLayout } from '../layouts/Align';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { getElementBounds, Group, Polygon, Text, } from '../../jsx/index.js';
+import { Gap, ItemDesc, ItemLabel } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { AlignLayout } from '../layouts/Align.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const SimpleHorizontalArrow = (props) => {
     const [{ indexes, datum, width = 140, themeColors, positionV = 'normal' }, restProps,] = getItemProps(props, ['width']);
     const isVNormal = positionV !== 'flipped';