@antv/infographic 0.2.10 → 0.2.11

package/esm/designs/items/SimpleIllusItem.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds } from '../../jsx';
-import { Illus, ItemDesc, ItemLabel } 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 { getElementBounds } from '../../jsx/index.js';
+import { Illus, ItemDesc, ItemLabel } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const SimpleIllusItem = (props) => {
     const [{ indexes, datum, width = 180, illusSize = width, gap = 8, themeColors, usePaletteColor = false, }, restProps,] = getItemProps(props, ['width', 'illusSize', 'gap', 'usePaletteColor']);
     const { label, desc } = datum;

package/esm/designs/items/SimpleItem.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group } from '../../jsx';
-import { ItemDesc, ItemIcon, ItemIconCircle, ItemLabel } from '../components';
-import { FlexLayout } from '../layouts';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../jsx-runtime.js";
+import { getElementBounds, Group } from '../../jsx/index.js';
+import { ItemDesc, ItemIcon, ItemIconCircle, ItemLabel } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 export const SimpleItem = (props) => {
     const [{ indexes, datum, width = 200, height, gap = 4, showIcon = true, iconSize = 30, iconType = 'default', positionH = 'normal', positionV = 'normal', usePaletteColor = false, themeColors, }, restProps,] = getItemProps(props, [
         'width',

package/esm/designs/items/SimpleVerticalArrow.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@antv/infographic/jsx-runtime";
-import { 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, jsxs as _jsxs, Fragment as _Fragment } from "../../jsx-runtime.js";
+import { 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 SimpleVerticalArrow = (props) => {
     const [{ indexes, datum, height = 140, themeColors, positionH = 'normal' }, restProps,] = getItemProps(props, ['height']);
     const textAlignHorizontal = positionH === 'normal' ? 'right' : 'left';

package/esm/designs/items/UnderlineText.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Group, Rect, getElementBounds } from '../../jsx';
-import { ItemDesc, 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, getElementBounds } from '../../jsx/index.js';
+import { ItemDesc, ItemLabel } from '../components/index.js';
+import { getItemProps } from '../utils/index.js';
+import { registerItem } from './registry.js';
 const underlineWidth = 80;
 const underlineHeight = 3;
 export const UnderlineText = (props) => {

package/esm/designs/items/VerticalIconArrow.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@antv/infographic/jsx-runtime";
-import { Ellipse, getElementBounds, Group, Path, Polygon, Text, } from '../../jsx';
-import { Gap, ItemDesc, ItemIconCircle, ItemLabel } from '../components';
-import { FlexLayout } from '../layouts';
-import { AlignLayout } from '../layouts/Align';
-import { getItemProps } from '../utils';
-import { registerItem } from './registry';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../jsx-runtime.js";
+import { Ellipse, getElementBounds, Group, Path, Polygon, Text, } from '../../jsx/index.js';
+import { Gap, ItemDesc, ItemIconCircle, 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 VerticalIconArrow = (props) => {
     const [{ indexes, datum, height = 140, themeColors, positionH = 'normal' }, restProps,] = getItemProps(props, ['height']);
     const isHNormal = positionH !== 'flipped';

package/esm/designs/items/index.js

@@ -1,30 +1,30 @@
-export * from './BadgeCard';
-export * from './CandyCardLite';
-export * from './CapsuleItem';
-export * from './CircleNode';
-export * from './CircularProgress';
-export * from './CompactCard';
-export * from './DoneList';
-export * from './HorizontalIconArrow';
-export * from './HorizontalIconLine';
-export * from './IconBadge';
-export * from './IndexedCard';
-export * from './LCornerCard';
-export * from './LetterCard';
-export * from './LinedText';
-export * from './PillBadge';
-export * from './PlainText';
-export * from './ProgressCard';
-export * from './QuarterCircular';
-export * from './QuarterSimpleCard';
-export * from './registry';
-export { getItem, getItems, registerItem } from './registry';
-export * from './RibbonCard';
-export * from './RoundedRectNode';
-export * from './SimpleCircleNode';
-export * from './SimpleHorizontalArrow';
-export * from './SimpleIllusItem';
-export * from './SimpleItem';
-export * from './SimpleVerticalArrow';
-export * from './UnderlineText';
-export * from './VerticalIconArrow';
+export * from './BadgeCard.js';
+export * from './CandyCardLite.js';
+export * from './CapsuleItem.js';
+export * from './CircleNode.js';
+export * from './CircularProgress.js';
+export * from './CompactCard.js';
+export * from './DoneList.js';
+export * from './HorizontalIconArrow.js';
+export * from './HorizontalIconLine.js';
+export * from './IconBadge.js';
+export * from './IndexedCard.js';
+export * from './LCornerCard.js';
+export * from './LetterCard.js';
+export * from './LinedText.js';
+export * from './PillBadge.js';
+export * from './PlainText.js';
+export * from './ProgressCard.js';
+export * from './QuarterCircular.js';
+export * from './QuarterSimpleCard.js';
+export * from './registry.js';
+export { getItem, getItems, registerItem } from './registry.js';
+export * from './RibbonCard.js';
+export * from './RoundedRectNode.js';
+export * from './SimpleCircleNode.js';
+export * from './SimpleHorizontalArrow.js';
+export * from './SimpleIllusItem.js';
+export * from './SimpleItem.js';
+export * from './SimpleVerticalArrow.js';
+export * from './UnderlineText.js';
+export * from './VerticalIconArrow.js';

package/esm/designs/layouts/Align.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { cloneElement, createLayout, getElementBounds, getElementsBounds, Group, } from '../../jsx';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { cloneElement, createLayout, getElementBounds, getElementsBounds, Group, } from '../../jsx/index.js';
 export const AlignLayout = createLayout((children, { horizontal, vertical, ...props }) => {
     if (!children || children.length === 0) {
         return _jsx(Group, { ...props });

package/esm/designs/layouts/Flex.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { cloneElement, createLayout, getElementBounds, getElementsBounds, Group, } from '../../jsx';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { cloneElement, createLayout, getElementBounds, getElementsBounds, Group, } from '../../jsx/index.js';
 export const FlexLayout = createLayout((children, { flexDirection = 'row', justifyContent = 'flex-start', alignItems = 'flex-start', alignContent = 'flex-start', flexWrap = 'nowrap', gap = 0, ...props }) => {
     if (!children || children.length === 0) {
         return _jsx(Group, { ...props });

package/esm/designs/layouts/index.js

@@ -1,2 +1,2 @@
-export * from './Align';
-export * from './Flex';
+export * from './Align.js';
+export * from './Flex.js';

package/esm/designs/structures/chart-bar.js

@@ -1,11 +1,11 @@
-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 { getElementBounds, Group, Path, Rect, Text } from '../../jsx';
-import { parsePadding } from '../../utils';
-import { ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { getElementBounds, Group, Path, Rect, Text } from '../../jsx/index.js';
+import { parsePadding } from '../../utils/index.js';
+import { ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getPaletteColor, getThemeColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 export const ChartBar = (props) => {
     const { Title, Item, data, width, gap, barGap, barHeight = 28, barAreaWidth, labelGap = 16, padding = 24, showValue = true, options, valueFormatter = (value) => value.toString(), } = props;
     const resolvedBarAreaWidth = barAreaWidth ?? width ?? 480;

package/esm/designs/structures/chart-column.js

@@ -1,12 +1,12 @@
-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, Group, Rect, Text } from '../../jsx';
-import { parsePadding } from '../../utils';
-import { ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { Defs, Group, Rect, Text } from '../../jsx/index.js';
+import { parsePadding } from '../../utils/index.js';
+import { ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getPaletteColor, getThemeColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 export const ChartColumn = (props) => {
     const { Title, Item, data, columnGap = 60, columnWidth = 50, padding = 20, showValue = true, options, valueFormatter = (value) => value.toString(), } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/chart-line.js

@@ -1,11 +1,11 @@
-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 { Defs, Ellipse, getElementBounds, Group, Path, Text } from '../../jsx';
-import { getSimpleHash, parsePadding } from '../../utils';
-import { ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { Defs, Ellipse, getElementBounds, Group, Path, Text } from '../../jsx/index.js';
+import { getSimpleHash, parsePadding } from '../../utils/index.js';
+import { ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getPaletteColor, getThemeColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 export const ChartLine = (props) => {
     const { Title, Item, data, width, height = 260, gap = 10, padding = 24, showValue = true, options, valueFormatter = (value) => value.toString(), } = props;
     const { title, desc, items = [], xTitle, yTitle } = data;

package/esm/designs/structures/chart-pie.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 { arc, pie } from 'd3';
-import { getElementBounds, Group, Path, Text } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { getElementBounds, Group, Path, Text } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getPaletteColor, getThemeColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 export const ChartPie = (props) => {
     const { Title, Item, data, radius = 140, innerRadius = 0, padding = 30, showPercentage = true, options, } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/chart-wordcloud.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group, Text } from '../../jsx';
-import { ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx } from "../../jsx-runtime.js";
+import { getElementBounds, Group, Text } from '../../jsx/index.js';
+import { ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getPaletteColor } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 const DEFAULT_ROTATE_ANGLES = [0, 30, -30, 60, -60];
 const GOLDEN_ANGLE = Math.PI * (3 - Math.sqrt(5));
 function getRotatedSize(width, height, angle) {

package/esm/designs/structures/compare-binary-horizontal/dividers/index.js

@@ -1,4 +1,4 @@
-export * from './pros-cons-arrow';
-export * from './pros-cons-fold';
-export { getDividerComponent, registerDivider } from './types';
-export * from './vs';
+export * from './pros-cons-arrow.js';
+export * from './pros-cons-fold.js';
+export { getDividerComponent, registerDivider } from './types.js';
+export * from './vs.js';

package/esm/designs/structures/compare-binary-horizontal/dividers/pros-cons-arrow.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Group, Text } from '../../../../jsx';
-import { ShapesGroup } from '../../../components';
-import { registerDivider } from './types';
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../jsx-runtime.js";
+import { Group, Text } from '../../../../jsx/index.js';
+import { ShapesGroup } from '../../../components/index.js';
+import { registerDivider } from './types.js';
 export const ProsConsArrow = (props) => {
     const { x, y, colorPositive, colorNegative, colorBg } = props;
     const width = 200;

package/esm/designs/structures/compare-binary-horizontal/dividers/pros-cons-fold.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Group, Text } from '../../../../jsx';
-import { ShapesGroup } from '../../../components';
-import { registerDivider } from './types';
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../jsx-runtime.js";
+import { Group, Text } from '../../../../jsx/index.js';
+import { ShapesGroup } from '../../../components/index.js';
+import { registerDivider } from './types.js';
 export const ProsConsFold = (props) => {
     const { x, y, colorPositive, colorNegative, colorBg } = props;
     const width = 240;

package/esm/designs/structures/compare-binary-horizontal/dividers/vs.js

@@ -1,8 +1,8 @@
-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 { DropShadow } from '../../../defs';
-import { registerDivider } from './types';
+import { Defs, Ellipse, Group } from '../../../../jsx/index.js';
+import { DropShadow } from '../../../defs/index.js';
+import { registerDivider } from './types.js';
 export const VSDivider = (props) => {
     const { x, y, colorPrimary, colorBg } = props;
     // 设计时确定的固有尺寸

package/esm/designs/structures/compare-binary-horizontal/index.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group } from '../../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../../components';
-import { FlexLayout } from '../../layouts';
-import { getPaletteColor, getThemeColors } from '../../utils';
-import { registerStructure } from '../registry';
-import './dividers';
-import { getDividerComponent } from './dividers';
+import { jsx as _jsx, jsxs as _jsxs } from "../../../jsx-runtime.js";
+import { getElementBounds, Group } from '../../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../../components/index.js';
+import { FlexLayout } from '../../layouts/index.js';
+import { getPaletteColor, getThemeColors } from '../../utils/index.js';
+import { registerStructure } from '../registry.js';
+import './dividers/index.js';
+import { getDividerComponent } from './dividers/index.js';
 export const CompareBinaryHorizontal = (props) => {
     const { Title, Item, data, gap = 20, groupGap = 20, opposite = true, flipped = true, dividerType = 'vs', options, } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/compare-hierarchy-left-right.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@antv/infographic/jsx-runtime";
-import { Defs, Ellipse, getElementBounds, Group, Rect } from '../../jsx';
-import { ItemsGroup, ShapesGroup } from '../components';
-import { LinearGradient } from '../defs';
-import { FlexLayout } from '../layouts';
-import { getPaletteColor } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../jsx-runtime.js";
+import { Defs, Ellipse, getElementBounds, Group, Rect } from '../../jsx/index.js';
+import { ItemsGroup, ShapesGroup } from '../components/index.js';
+import { LinearGradient } from '../defs/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getPaletteColor } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 const decorationWidthMap = {
     none: 5,
     'dot-line': 100,

package/esm/designs/structures/compare-hierarchy-row.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group, Rect } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getPaletteColors } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { getElementBounds, Group, Rect } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getPaletteColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 /**
  * 横向层级对比结构
  * 第一级：横向排列的根节点

package/esm/designs/structures/compare-quadrant.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group, Path } from '../../jsx';
-import { ItemsGroup, ShapesGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { getElementBounds, Group, Path } from '../../jsx/index.js';
+import { ItemsGroup, ShapesGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { registerStructure } from './registry.js';
 // 配置常量
 const QUADRANT_CONFIG = {
     axisColor: '#D9D9D9',

package/esm/designs/structures/hierarchy-mindmap.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 { mindmap } from '@antv/hierarchy';
-import { Defs, Group, Path, getElementBounds } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getHierarchyColorIndexes, getItemComponent, getPaletteColor, getThemeColors, } from '../utils';
-import { registerStructure } from './registry';
+import { Defs, Group, Path, getElementBounds } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getHierarchyColorIndexes, getItemComponent, getPaletteColor, getThemeColors, } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 const DEFAULT_LEVEL_GAP = 60;
 const DEFAULT_NODE_GAP = 14;
 const LAYOUT_PADDING = 30;

package/esm/designs/structures/hierarchy-structure.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group, Rect, Text } from '../../jsx';
-import { ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { getElementBounds, Group, Rect, Text } from '../../jsx/index.js';
+import { ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getPaletteColor, getThemeColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 const applyAlpha = (color, alpha) => {
     if (!color || color[0] !== '#' || color.length !== 7)
         return color;

package/esm/designs/structures/hierarchy-tree.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 * as d3 from 'd3';
-import { Defs, Ellipse, getElementBounds, Group, Path, Polygon, } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getHierarchyColorIndexes, getItemComponent, getPaletteColor, getThemeColors, } from '../utils';
-import { registerStructure } from './registry';
+import { Defs, Ellipse, getElementBounds, Group, Path, Polygon, } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getHierarchyColorIndexes, getItemComponent, getPaletteColor, getThemeColors, } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 const distributedPadding = (rawPadding, size) => {
     const maxPadding = Math.max(0, size / 2 - 1);
     return Math.min(rawPadding, maxPadding);

package/esm/designs/structures/index.js

@@ -1,42 +1,42 @@
-export * from './chart-bar';
-export * from './chart-column';
-export * from './chart-line';
-export * from './chart-pie';
-export * from './chart-wordcloud';
-export * from './compare-binary-horizontal';
-export * from './compare-hierarchy-left-right';
-export * from './compare-hierarchy-row';
-export * from './compare-quadrant';
-export * from './hierarchy-mindmap';
-export * from './hierarchy-structure';
-export * from './hierarchy-tree';
-export * from './list-column';
-export * from './list-grid';
-export * from './list-pyramid';
-export * from './list-row';
-export * from './list-sector';
-export * from './list-waterfall';
-export * from './list-zigzag';
-export * from './registry';
-export { getStructure, getStructures, registerStructure } from './registry';
-export * from './relation-circle';
-export * from './relation-dagre-flow';
-export * from './relation-network';
-export * from './sequence-ascending-stairs-3d';
-export * from './sequence-ascending-steps';
-export * from './sequence-circle-arrows';
-export * from './sequence-circular';
-export * from './sequence-color-snake-steps';
-export * from './sequence-cylinders-3d';
-export * from './sequence-filter-mesh';
-export * from './sequence-funnel';
-export * from './sequence-horizontal-zigzag';
-export * from './sequence-mountain';
-export * from './sequence-pyramid';
-export * from './sequence-roadmap-vertical';
-export * from './sequence-snake-steps';
-export * from './sequence-stairs-front';
-export * from './sequence-steps';
-export * from './sequence-timeline';
-export * from './sequence-zigzag-pucks-3d';
-export * from './sequence-zigzag-steps';
+export * from './chart-bar.js';
+export * from './chart-column.js';
+export * from './chart-line.js';
+export * from './chart-pie.js';
+export * from './chart-wordcloud.js';
+export * from './compare-binary-horizontal/index.js';
+export * from './compare-hierarchy-left-right.js';
+export * from './compare-hierarchy-row.js';
+export * from './compare-quadrant.js';
+export * from './hierarchy-mindmap.js';
+export * from './hierarchy-structure.js';
+export * from './hierarchy-tree.js';
+export * from './list-column.js';
+export * from './list-grid.js';
+export * from './list-pyramid.js';
+export * from './list-row.js';
+export * from './list-sector.js';
+export * from './list-waterfall.js';
+export * from './list-zigzag.js';
+export * from './registry.js';
+export { getStructure, getStructures, registerStructure } from './registry.js';
+export * from './relation-circle.js';
+export * from './relation-dagre-flow.js';
+export * from './relation-network.js';
+export * from './sequence-ascending-stairs-3d.js';
+export * from './sequence-ascending-steps.js';
+export * from './sequence-circle-arrows.js';
+export * from './sequence-circular.js';
+export * from './sequence-color-snake-steps.js';
+export * from './sequence-cylinders-3d.js';
+export * from './sequence-filter-mesh.js';
+export * from './sequence-funnel.js';
+export * from './sequence-horizontal-zigzag.js';
+export * from './sequence-mountain.js';
+export * from './sequence-pyramid.js';
+export * from './sequence-roadmap-vertical.js';
+export * from './sequence-snake-steps.js';
+export * from './sequence-stairs-front.js';
+export * from './sequence-steps.js';
+export * from './sequence-timeline.js';
+export * from './sequence-zigzag-pucks-3d.js';
+export * from './sequence-zigzag-steps.js';

package/esm/designs/structures/list-column.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { getElementBounds, Group } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { registerStructure } from './registry.js';
 export const ListColumn = (props) => {
     const { Title, Item, data, gap = 20, width: contentWidth, zigzag } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/list-grid.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { getElementBounds, Group } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { registerStructure } from './registry.js';
 export const ListGrid = (props) => {
     const { Title, Item, data, columns = 3, gap = 24, zigzag } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/list-pyramid.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { getElementBounds, Group } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { registerStructure } from './registry.js';
 export const ListPyramid = (props) => {
     const { Title, Item, data, gap = 20, levelGap = 20 } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/list-row.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { getElementBounds, Group } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { registerStructure } from './registry.js';
 export const ListRow = (props) => {
     const { Title, Item, data, gap = 20, zigzag } = props;
     const { title, desc, items = [] } = data;