@antv/infographic 0.2.10 → 0.2.11

package/esm/designs/structures/list-sector.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 { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components';
-import { getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Ellipse, getElementBounds, Group, Path, Text } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components/index.js';
+import { getPaletteColor, getThemeColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 export const ListSector = (props) => {
     const { Item, data, outerRadius = 250, innerRadius = 120, startAngle = -90, endAngle = 270, gapAngle = 1, options, } = props;
     const { title, items = [] } = data;

package/esm/designs/structures/list-waterfall.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 ListWaterfall = (props) => {
     const { Title, Item, data, columns = 4, gap = 20, stepOffset = 40 } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/list-zigzag.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 tinycolor from 'tinycolor2';
-import { getElementBounds, Group } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { getElementBounds, Group } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getThemeColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 const MAX_ITEMS = 6;
 const ARROW_WIDTH = 700;
 const ARROW_HEIGHT_DOWN = 330;

package/esm/designs/structures/relation-circle.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 RelationCircle = (props) => {
     const { Title, Item, data, radius = 150, startMode = 'top' } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/relation-dagre-flow.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 { DagreLayout } from '@antv/layout';
-import { Defs, getElementBounds, Group, Path, Polygon, Text } from '../../jsx';
-import { BtnAdd, BtnsGroup, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { Defs, getElementBounds, Group, Path, Polygon, Text } from '../../jsx/index.js';
+import { BtnAdd, 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';
 const DEFAULT_NODE_SEP = 50;
 const DEFAULT_RANK_SEP = 70;
 const DEFAULT_EDGE_SEP = 10;

package/esm/designs/structures/relation-network.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 { getElementBounds, Group, Path } from '../../jsx';
-import { ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary } from '../utils';
-import { registerStructure } from './registry';
+import { getElementBounds, Group, Path } from '../../jsx/index.js';
+import { ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 export const RelationNetwork = (props) => {
     const { Title, Item, data, spacing = 120, showConnections = true, options, } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/sequence-ascending-stairs-3d.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Defs, getElementBounds, Group, Path } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components';
-import { Text3d } from '../decorations';
-import { FlexLayout } from '../layouts';
-import { getPaletteColor } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Defs, getElementBounds, Group, Path } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components/index.js';
+import { Text3d } from '../decorations/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getPaletteColor } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 const CUBE_GAP_X = -118;
 const CUBE_GAP_Y = 118;
 const CUBE_WIDTH = 240;

package/esm/designs/structures/sequence-ascending-steps.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 SequenceAscendingSteps = (props) => {
     const { Title, Item, data, hGap = 0, vGap = 0 } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/sequence-circle-arrows.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Defs, Ellipse, getElementBounds, Group, Path } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemIcon, ItemsGroup, } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Defs, Ellipse, getElementBounds, Group, Path } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemIcon, ItemsGroup, } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getPaletteColor, getThemeColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 import * as d3 from 'd3';
 const ITEM_DISTANCE = 20;
 const LINE_GAP = 5;

package/esm/designs/structures/sequence-circular.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Ellipse, getElementBounds, Group, Path } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemIcon, ItemsGroup, } from '../components';
-import { FlexLayout } from '../layouts';
-import { getPaletteColor } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Ellipse, getElementBounds, Group, Path } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemIcon, ItemsGroup, } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getPaletteColor } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 const ITEM_AREA_HORIZONTAL_PADDING = 100;
 const CIRCLE_AREA_HORIZONTAL_PADDING = 50;
 const INNER_ARC_PADDING = 6;

package/esm/designs/structures/sequence-color-snake-steps.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@antv/infographic/jsx-runtime";
-import { Defs, getElementBounds, Group, Path, Rect } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../jsx-runtime.js";
+import { Defs, getElementBounds, Group, Path, Rect } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getPaletteColor } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 export const SequenceColorSnakeSteps = (props) => {
     const { Title, Item, data, gap = 0, rowGap = 0, itemsPerRow = 3, circleStrokeWidth = 18, options, } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/sequence-cylinders-3d.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, getElementBounds, Group, Path, Rect, Text } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor } from '../utils';
-import { registerStructure } from './registry';
+import { Defs, getElementBounds, Group, Path, Rect, Text } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getPaletteColor } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 const calculateDepthOffset = (pairIndex, cylinderRx) => {
     if (pairIndex === 0)
         return 0;

package/esm/designs/structures/sequence-filter-mesh.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group, Path, Rect, Text } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components';
-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 { getElementBounds, Group, Path, Rect, Text } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getPaletteColor } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 // 常量配置
 const SHAPE_CONFIG = {
     WIDTH: 160,

package/esm/designs/structures/sequence-funnel.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";
 /**
  * 序列漏斗结构（SequenceFunnel）
  * 用途：
@@ -7,11 +7,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
  */
 import roundPolygon, { getSegments } from 'round-polygon';
 import tinycolor from 'tinycolor2';
-import { Defs, Group, Polygon, Rect } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemIcon, ItemsGroup, } from '../components';
-import { FlexLayout } from '../layouts';
-import { getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { Defs, Group, Polygon, Rect } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemIcon, ItemsGroup, } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getPaletteColor, getThemeColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 // Constants
 const FUNNEL_CORNER_RADIUS = 6;
 const ICON_SIZE = 32;

package/esm/designs/structures/sequence-horizontal-zigzag.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, Path, Rect } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Defs, Ellipse, getElementBounds, Group, Path, Rect } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } 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 SequenceHorizontalZigzag = (props) => {
     const { Title, Item, data, gap = 30, cardPadding = 10, options } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/sequence-mountain.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 tinycolor from 'tinycolor2';
-import { getElementBounds, Group, Text } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components';
-import { FlexLayout } from '../layouts';
-import { getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { getElementBounds, Group, Text } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getPaletteColor, getThemeColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 function Mountain(props) {
     const { width, height, colorPrimary } = props;
     const leftBottomColor = colorPrimary;

package/esm/designs/structures/sequence-pyramid.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 roundPolygon, { getSegments } from 'round-polygon';
 import tinycolor from 'tinycolor2';
-import { Defs, Group, Polygon, Rect } from '../../jsx';
-import { BtnsGroup, ItemIcon, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { Defs, Group, Polygon, Rect } from '../../jsx/index.js';
+import { BtnsGroup, ItemIcon, 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 SequencePyramid = (props) => {
     const { Title, Item, data, gap = 10, width = 700, pyramidWidth, itemHeight = 60, options, } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/sequence-roadmap-vertical.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group, Path, Text, } from '../../jsx';
-import { ItemIconCircle } from '../components';
-import { Triangle } from '../decorations';
-import { FlexLayout } from '../layouts';
-import { getPaletteColor } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { getElementBounds, Group, Path, Text, } from '../../jsx/index.js';
+import { ItemIconCircle } from '../components/index.js';
+import { Triangle } from '../decorations/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getPaletteColor } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 const CONFIG = {
     iconSize: 50,
     roadWidth: 24,

package/esm/designs/structures/sequence-snake-steps.js

@@ -1,10 +1,10 @@
-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 { SimpleArrow } from '../decorations';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary } from '../utils';
-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 { SimpleArrow } from '../decorations/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 export const SequenceSnakeSteps = (props) => {
     const { Title, Item, data, gap = 40, itemsPerRow = 3, rowGap = 80, options, } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/sequence-stairs-front.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { getElementBounds, Group, Path, Polygon, Rect, Text } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { getElementBounds, Group, Path, Polygon, Rect, Text } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getPaletteColor } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 export const SequenceStairsFront = (props) => {
     const { Title, Item, data, options, gap = 16, perspectiveFactor = 0.2, width = 720, } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/sequence-steps.js

@@ -1,10 +1,10 @@
-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 { SimpleArrow } from '../decorations';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary } from '../utils';
-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 { SimpleArrow } from '../decorations/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 export const SequenceSteps = (props) => {
     const { Title, Item, data, gap = 40, options } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/sequence-timeline.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, Path, Text } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor, getPaletteColors } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Defs, Ellipse, getElementBounds, Group, Path, Text } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getPaletteColor, getPaletteColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 export const SequenceTimeline = (props) => {
     const { Title, Item, data, gap = 10, options } = props;
     const { title, desc, items = [] } = data;

package/esm/designs/structures/sequence-zigzag-pucks-3d.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Defs, getElementBounds, Group, Path } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Defs, getElementBounds, Group, Path } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemsGroup, ShapesGroup, } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getPaletteColor } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 const PUCK_WIDTH = 120;
 const PUCK_HEIGHT = 108;
 const ITEM_TO_PUCK_GAP = 30;

package/esm/designs/structures/sequence-zigzag-steps.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@antv/infographic/jsx-runtime";
-import { Defs, Ellipse, getElementBounds, Group, Path } from '../../jsx';
-import { BtnAdd, BtnRemove, BtnsGroup, ItemIcon, ItemsGroup, ShapesGroup, } from '../components';
-import { FlexLayout } from '../layouts';
-import { getColorPrimary, getPaletteColor, getThemeColors } from '../utils';
-import { registerStructure } from './registry';
+import { jsx as _jsx, jsxs as _jsxs } from "../../jsx-runtime.js";
+import { Defs, Ellipse, getElementBounds, Group, Path } from '../../jsx/index.js';
+import { BtnAdd, BtnRemove, BtnsGroup, ItemIcon, ItemsGroup, ShapesGroup, } from '../components/index.js';
+import { FlexLayout } from '../layouts/index.js';
+import { getColorPrimary, getPaletteColor, getThemeColors } from '../utils/index.js';
+import { registerStructure } from './registry.js';
 // W 型路径参数
 const DX = 240;
 const DY = 130;

package/esm/designs/utils/color.js

@@ -1,6 +1,6 @@
-import { getPaletteColor as _getPaletteColor } from '../../renderer';
-import { generateThemeColors } from '../../themes';
-import { isDarkColor } from '../../utils';
+import { getPaletteColor as _getPaletteColor } from '../../renderer/index.js';
+import { generateThemeColors } from '../../themes/index.js';
+import { isDarkColor } from '../../utils/index.js';
 const DEFAULT_COLOR = '#FF356A';
 export function getColorPrimary(options) {
     return options?.themeConfig?.colorPrimary || DEFAULT_COLOR;

package/esm/designs/utils/index.js

@@ -1,3 +1,3 @@
-export * from './color';
-export * from './hierarchy-color';
-export * from './item';
+export * from './color.js';
+export * from './hierarchy-color.js';
+export * from './item.js';

package/esm/editor/commands/UpdateElement.js

@@ -1,4 +1,4 @@
-import { getAttributes, getIconAttrs, getIconEntity, getTextElementProps, isEditableText, isIconElement, setAttributes, updateIconElement, updateTextElement, } from '../../utils';
+import { getAttributes, getIconAttrs, getIconEntity, getTextElementProps, isEditableText, isIconElement, setAttributes, updateIconElement, updateTextElement, } from '../../utils/index.js';
 export class UpdateElementCommand {
     constructor(element, modified, original) {
         this.element = element;

package/esm/editor/commands/UpdateText.js

@@ -1,5 +1,5 @@
-import { getElementRole, getTextContent, setTextContent } from '../../utils';
-import { getIndexesFromElement } from '../utils';
+import { getElementRole, getTextContent, setTextContent } from '../../utils/index.js';
+import { getIndexesFromElement } from '../utils/index.js';
 export class UpdateTextCommand {
     constructor(element, newText, originalText) {
         this.element = element;

package/esm/editor/commands/index.js

@@ -1,4 +1,4 @@
-export * from './Batch';
-export * from './UpdateElement';
-export * from './UpdateOptions';
-export * from './UpdateText';
+export * from './Batch.js';
+export * from './UpdateElement.js';
+export * from './UpdateOptions.js';
+export * from './UpdateText.js';

package/esm/editor/editor.js

@@ -1,4 +1,4 @@
-import { CommandManager, InteractionManager, PluginManager, StateManager, } from './managers';
+import { CommandManager, InteractionManager, PluginManager, StateManager, } from './managers/index.js';
 export class Editor {
     constructor(emitter, document, options) {
         this.emitter = emitter;

package/esm/editor/index.js

@@ -1,3 +1,3 @@
-export { Editor } from './editor';
-export * from './interactions';
-export * from './plugins';
+export { Editor } from './editor.js';
+export * from './interactions/index.js';
+export * from './plugins/index.js';

package/esm/editor/interactions/brush-select.js

@@ -1,6 +1,6 @@
-import { createElement, setAttributes } from '../../utils';
-import { clientToViewport, getElementViewportBounds, getEventTarget, getSelectableTarget, } from '../utils';
-import { Interaction } from './base';
+import { createElement, setAttributes } from '../../utils/index.js';
+import { clientToViewport, getElementViewportBounds, getEventTarget, getSelectableTarget, } from '../utils/index.js';
+import { Interaction } from './base.js';
 export class BrushSelect extends Interaction {
     constructor() {
         super(...arguments);

package/esm/editor/interactions/click-select.js

@@ -1,6 +1,6 @@
-import { isEditingText } from '../../utils';
-import { ClickHandler, getEventTarget } from '../utils';
-import { Interaction } from './base';
+import { isEditingText } from '../../utils/index.js';
+import { ClickHandler, getEventTarget } from '../utils/index.js';
+import { Interaction } from './base.js';
 export class ClickSelect extends Interaction {
     constructor() {
         super(...arguments);

package/esm/editor/interactions/dblclick-edit-text.js

@@ -1,7 +1,7 @@
-import { getTextContent, getTextEntity, injectStyleOnce, isEditableText, } from '../../utils';
-import { UpdateTextCommand } from '../commands';
-import { ClickHandler, getEventTarget } from '../utils';
-import { Interaction } from './base';
+import { getTextContent, getTextEntity, injectStyleOnce, isEditableText, } from '../../utils/index.js';
+import { UpdateTextCommand } from '../commands/index.js';
+import { ClickHandler, getEventTarget } from '../utils/index.js';
+import { Interaction } from './base.js';
 export class DblClickEditText extends Interaction {
     constructor() {
         super(...arguments);

package/esm/editor/interactions/drag-element.js

@@ -1,8 +1,8 @@
-import { getCombinedBounds } from '../../jsx/utils/bounds';
-import { createElement, getAttributes, isEditableText, isEditingText, setAttributes, } from '../../utils';
-import { UpdateElementCommand } from '../commands';
-import { clientToViewport, getElementViewportBounds, getEventTarget, } from '../utils';
-import { Interaction } from './base';
+import { getCombinedBounds } from '../../jsx/utils/bounds.js';
+import { createElement, getAttributes, isEditableText, isEditingText, setAttributes, } from '../../utils/index.js';
+import { UpdateElementCommand } from '../commands/index.js';
+import { clientToViewport, getElementViewportBounds, getEventTarget, } from '../utils/index.js';
+import { Interaction } from './base.js';
 export class DragElement extends Interaction {
     constructor() {
         super(...arguments);

package/esm/editor/interactions/hotkey-history.js

@@ -1,5 +1,5 @@
-import { Hotkey } from '../utils';
-import { Interaction } from './base';
+import { Hotkey } from '../utils/index.js';
+import { Interaction } from './base.js';
 export class HotkeyHistory extends Interaction {
     constructor() {
         super(...arguments);

package/esm/editor/interactions/index.js

@@ -1,8 +1,8 @@
-export { Interaction } from './base';
-export { BrushSelect } from './brush-select';
-export { ClickSelect } from './click-select';
-export { DblClickEditText } from './dblclick-edit-text';
-export { DragElement } from './drag-element';
-export { HotkeyHistory } from './hotkey-history';
-export { SelectHighlight } from './select-highlight';
-export { ZoomWheel } from './zoom-wheel';
+export { Interaction } from './base.js';
+export { BrushSelect } from './brush-select.js';
+export { ClickSelect } from './click-select.js';
+export { DblClickEditText } from './dblclick-edit-text.js';
+export { DragElement } from './drag-element.js';
+export { HotkeyHistory } from './hotkey-history.js';
+export { SelectHighlight } from './select-highlight.js';
+export { ZoomWheel } from './zoom-wheel.js';

package/esm/editor/interactions/select-highlight.js

@@ -1,7 +1,7 @@
-import { getCombinedBounds } from '../../jsx/utils/bounds';
-import { createElement, isEditableText, setAttributes } from '../../utils';
-import { getElementViewportBounds } from '../utils';
-import { Interaction } from './base';
+import { getCombinedBounds } from '../../jsx/utils/bounds.js';
+import { createElement, isEditableText, setAttributes } from '../../utils/index.js';
+import { getElementViewportBounds } from '../utils/index.js';
+import { Interaction } from './base.js';
 export class SelectHighlight extends Interaction {
     constructor() {
         super(...arguments);

package/esm/editor/interactions/zoom-wheel.js

@@ -1,7 +1,7 @@
 import { clamp } from 'lodash-es';
-import { parsePadding } from '../../utils';
-import { UpdateOptionsCommand } from '../commands';
-import { Interaction } from './base';
+import { parsePadding } from '../../utils/index.js';
+import { UpdateOptionsCommand } from '../commands/index.js';
+import { Interaction } from './base.js';
 const MIN_VIEWBOX_SIZE = 1;
 const MIN_PADDING = -5000;
 const MAX_PADDING = 5000;

package/esm/editor/managers/command.js

@@ -1,4 +1,4 @@
-import { BatchCommand } from '../commands';
+import { BatchCommand } from '../commands/index.js';
 export class CommandManager {
     constructor() {
         this.undoStack = [];