@retikz/core 0.0.1-rc.3 → 0.1.0-alpha.1

package/dist/es/components/draw/common.js

@@ -1,12 +0,0 @@
-const offsetReg = /\+[[(]?[+-]?\d+(?:\.\d+)?,\s*[+-]?\d+(?:\.\d+)?[)\]]?/;
-const moveReg = /\+\+[[(]?[+-]?\d+(?:\.\d+)?,\s*[+-]?\d+(?:\.\d+)?[)\]]?/;
-const getDrawPointType = (point) => {
-  if (typeof point !== "string") return "coordinate";
-  if (["-|", "|-", "-|-", "|-|"].includes(point)) return "vertical";
-  if (point.match(moveReg)) return "move";
-  if (point.match(offsetReg)) return "offset";
-  return "node";
-};
-export {
-  getDrawPointType
-};

package/dist/es/components/draw/index.d.ts

@@ -1,3 +0,0 @@
-import { default as Draw } from './Draw';
-export type { DrawProps } from './Draw';
-export default Draw;

package/dist/es/components/draw/index.js

@@ -1,4 +0,0 @@
-import Draw from "./Draw.js";
-export {
-  Draw as default
-};

package/dist/es/components/draw/segment/Segment.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { Position } from '../../../types/coordinate/descartes';
-import { StrokeProps } from '../../../types/svg/stroke';
-import { ArrowConfig } from '../types';
-export type InnerDrawSegmentProps = {
-    /** 路径，始末节点为 undefined 表示临近点在 node 外边界内 */
-    way: Position[];
-    startArrow?: ArrowConfig;
-    endArrow?: ArrowConfig;
-} & StrokeProps;
-declare const InnerDrawSegment: FC<InnerDrawSegmentProps>;
-export default InnerDrawSegment;

package/dist/es/components/draw/segment/Segment.js

@@ -1,41 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import Path from "../../../elements/Path.js";
-import Group from "../../../container/Group.js";
-import useArrow from "./useArrow.js";
-import line from "../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/line.js";
-const InnerDrawSegment = (props) => {
-  const { way, startArrow, endArrow, ...strokeProps } = props;
-  const pickedArrowStrokeProps = {
-    stroke: strokeProps.stroke,
-    strokeWidth: Number(strokeProps.strokeWidth),
-    strokeOpacity: strokeProps.strokeOpacity
-  };
-  const startArrowPath = useArrow(
-    { position: way[0], nearPosition: way[1], arrowType: "start" },
-    startArrow ? { ...pickedArrowStrokeProps, ...startArrow } : void 0
-  );
-  const endArrowPath = useArrow(
-    { position: way[way.length - 1], nearPosition: way[way.length - 2], arrowType: "end" },
-    endArrow ? { ...pickedArrowStrokeProps, ...endArrow } : void 0
-  );
-  const d = useMemo(() => {
-    const realWay = [...way];
-    if (startArrowPath) {
-      realWay[0] = startArrowPath.linkPoint;
-    }
-    if (endArrowPath) {
-      realWay[realWay.length - 1] = endArrowPath.linkPoint;
-    }
-    const straightLine = line().x((d2) => d2[0]).y((d2) => d2[1]);
-    return straightLine(realWay);
-  }, [way]);
-  return endArrowPath || startArrowPath ? /* @__PURE__ */ jsxs(Group, { children: [
-    /* @__PURE__ */ jsx(Path, { d: d ?? "", ...strokeProps }),
-    startArrowPath ? startArrowPath.arrowPath : null,
-    endArrowPath ? endArrowPath.arrowPath : null
-  ] }) : /* @__PURE__ */ jsx(Path, { d: d ?? "", ...strokeProps });
-};
-export {
-  InnerDrawSegment as default
-};

package/dist/es/components/draw/segment/index.d.ts

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-import { StrokeProps } from '../../../types/svg/stroke';
-import { ArrowConfig, DrawWaySegmentType } from '../types';
-export type DrawSegmentProps = {
-    /** 路径，首位可以是 Node，其他必须是坐标 */
-    way: DrawWaySegmentType;
-    index: number;
-    /** 线段样式 */
-    strokeType?: 'solid' | 'dashed' | 'dotted';
-    startArrow?: ArrowConfig;
-    endArrow?: ArrowConfig;
-} & StrokeProps;
-/** 单条连续的路径 */
-declare const DrawSegment: FC<DrawSegmentProps>;
-export default DrawSegment;

package/dist/es/components/draw/segment/index.js

@@ -1,41 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import NodeModel from "../../../model/component/node.js";
-import { convertStrokeType } from "../../../utils/style/stroke.js";
-import InnerDrawSegment from "./Segment.js";
-import useConvertWay from "./useConvertWay.js";
-import usePath from "../../../hooks/context/usePath.js";
-const DrawSegment = (props) => {
-  const { way, index, startArrow, endArrow, ...resProps } = props;
-  const { strokeType = "solid", strokeWidth = 1, ...strokeProps } = resProps;
-  const [convertedWay, nodesInit] = useConvertWay(way);
-  const { model, updateModel } = usePath();
-  const pointWay = useMemo(() => {
-    const realWay = convertedWay.map((wayPoint, index2) => {
-      if (wayPoint instanceof NodeModel) {
-        const neighborPoint = index2 === 0 ? convertedWay[1] : convertedWay[index2 - 1];
-        return wayPoint.getCrossPoint(neighborPoint instanceof NodeModel ? neighborPoint.center : neighborPoint);
-      }
-      return wayPoint;
-    });
-    const newWay = [...model.ways];
-    newWay[index] = realWay;
-    updateModel({ ways: newWay, init: nodesInit });
-    return realWay;
-  }, [convertedWay]);
-  if (!nodesInit) return null;
-  return /* @__PURE__ */ jsx(
-    InnerDrawSegment,
-    {
-      way: pointWay,
-      startArrow,
-      endArrow,
-      strokeWidth,
-      ...convertStrokeType(strokeType, strokeWidth),
-      ...strokeProps
-    }
-  );
-};
-export {
-  DrawSegment as default
-};

package/dist/es/components/draw/segment/useArrow.d.ts

@@ -1,12 +0,0 @@
-import { ArrowConfig } from '../types';
-import { Position } from '../../../types/coordinate/descartes';
-export type ArrowLinkConfig = {
-    nearPosition: Position;
-    position: Position;
-    arrowType: 'start' | 'end';
-};
-declare const useArrow: (linkConfig: ArrowLinkConfig, arrowConfig?: ArrowConfig) => {
-    linkPoint: Position;
-    arrowPath: import("react/jsx-runtime").JSX.Element;
-} | null;
-export default useArrow;

package/dist/es/components/draw/segment/useArrow.js

@@ -1,52 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import useCalculate from "../../../hooks/context/useCalculate.js";
-import getArrowPath from "../arrow/index.js";
-import Path from "../../../elements/Path.js";
-import Line from "../../../model/equation/line.js";
-import { convertPrecision } from "../../../utils/math.js";
-const useArrow = (linkConfig, arrowConfig) => {
-  const { precision } = useCalculate();
-  return useMemo(() => {
-    if (!arrowConfig) return null;
-    const { position, nearPosition } = linkConfig;
-    const { type, stroke, linkType = "end", round, strokeLinejoin, strokeWidth, ...strokeProps } = arrowConfig;
-    const degree = Line.getDegree(nearPosition, position);
-    const isRound = round || strokeLinejoin === "round";
-    const realStrokeWidth = strokeWidth ?? 1;
-    const { d, offsetDistance, insertDistance } = getArrowPath(type, arrowConfig);
-    const endOffset = [
-      (isRound ? realStrokeWidth : offsetDistance) * Math.cos(degree),
-      (isRound ? realStrokeWidth : offsetDistance) * Math.sin(degree)
-    ];
-    const translatePosition = linkType === "end" ? [position[0] - endOffset[0], position[1] - endOffset[1]] : [position[0] + insertDistance * Math.cos(degree), position[1] + insertDistance * Math.sin(degree)];
-    const linkPoint = linkType === "end" ? [
-      position[0] - insertDistance * Math.cos(degree) - endOffset[0],
-      position[1] - insertDistance * Math.sin(degree) - endOffset[1]
-    ] : position;
-    const transform = `translate(
-      ${convertPrecision(translatePosition[0], precision)}, ${convertPrecision(
-      translatePosition[1],
-      precision
-    )}) rotate(${convertPrecision(degree * (180 / Math.PI), precision)})`;
-    return {
-      linkPoint,
-      arrowPath: /* @__PURE__ */ jsx(
-        Path,
-        {
-          d,
-          strokeWidth,
-          strokeLinejoin: round ? "round" : "miter",
-          strokeMiterlimit: 10,
-          fill: stroke || "currentColor",
-          stroke,
-          transform,
-          ...strokeProps
-        }
-      )
-    };
-  }, [arrowConfig, linkConfig]);
-};
-export {
-  useArrow as default
-};

package/dist/es/components/draw/segment/useConvertWay.d.ts

@@ -1,14 +0,0 @@
-import { default as NodeModel } from '../../../model/component/node';
-import { PointPosition } from '../../../types/coordinate';
-import { Position } from '../../../types/coordinate/descartes';
-import { DrawWaySegmentType } from '../types';
-/** 将坐标格式转换为笛卡尔坐标数组形式 */
-export declare const formatPointPosition: (point: PointPosition) => Position;
-/** 获取两点间的垂直点 */
-export declare const getVerticalPoint: (point1: PointPosition, point2: PointPosition, type: "-|" | "|-" | "-|-" | "|-|") => Position | Position[];
-/**
- * 将特殊路径点转换为坐标，Node 节点转换为对应的 Model
- * 目前支持的节点类型：node，各种坐标，垂点，位移点
- */
-declare const useConvertWay: (way: DrawWaySegmentType) => [Array<Position | NodeModel>, boolean];
-export default useConvertWay;

package/dist/es/components/draw/segment/useConvertWay.js

@@ -1,117 +0,0 @@
-import { useRef, useMemo, useLayoutEffect } from "react";
-import useNodes from "../../../hooks/context/useNodes.js";
-import useForceUpdate from "../../../hooks/useForceUpdate.js";
-import DescartesPoint from "../../../model/geometry/point/DescartesPoint.js";
-import PolarPoint from "../../../model/geometry/point/PolarPoint.js";
-import { getDrawPointType } from "../common.js";
-const formatPointPosition = (point) => {
-  if (Array.isArray(point)) return point;
-  if ("x" in point && "y" in point) {
-    const p = point;
-    return [p.x, p.y];
-  }
-  return PolarPoint.convertPolarToDescartesPosition(point);
-};
-const getVerticalPoint = (point1, point2, type) => {
-  const p1 = formatPointPosition(point1);
-  const p2 = formatPointPosition(point2);
-  if (["-|", "|-"].includes(type)) return type === "-|" ? [p2[0], p1[1]] : [p1[0], p2[1]];
-  if (type === "-|-") {
-    const centerX = (p1[0] + p2[0]) / 2;
-    return [[centerX, p1[1]], [centerX, p2[1]]];
-  }
-  const centerY = (p1[1] + p2[1]) / 2;
-  return [[p1[0], centerY], [p2[0], centerY]];
-};
-const convertOffsetAndMovePoint = (point) => {
-  const filterPoint = point.replace(/[+()[\]\s]/g, "");
-  return filterPoint.split(",").map((item) => parseFloat(item));
-};
-const useConvertWay = (way) => {
-  const { getModel, subscribeModel } = useNodes();
-  const forceUpdate = useForceUpdate();
-  const nodeUpdateCount = useRef(0);
-  let cursor = [0, 0];
-  const tryGetModel = (name) => {
-    const model = getModel(name);
-    if (!model) {
-      throw new Error(`Node ${name} is not defined`);
-    }
-    cursor = model.center;
-    return model;
-  };
-  const subscribeCbs = [];
-  let allNodeInit = true;
-  const result = useMemo(
-    () => way.reduce((acc, item, index) => {
-      const type = getDrawPointType(item);
-      switch (type) {
-        case "coordinate": {
-          const corPosition = formatPointPosition(item);
-          cursor = corPosition;
-          acc.push(corPosition);
-          return acc;
-        }
-        case "node": {
-          if (![0, way.length - 1].includes(index)) {
-            throw new Error(
-              "Node can only be the first or last point on DrawSegment component, this may be a retikz bug, please report it."
-            );
-          }
-          const nodeModel = tryGetModel(item);
-          if (!nodeModel.init) allNodeInit = false;
-          const cb = subscribeModel(item, () => {
-            nodeUpdateCount.current += 1;
-            forceUpdate();
-          });
-          if (cb) subscribeCbs.push(cb);
-          cursor = nodeModel.center;
-          acc.push(nodeModel);
-          return acc;
-        }
-        case "vertical": {
-          if ([0, way.length - 1].includes(index)) {
-            throw new Error("Vertical point can not be the first point on path.");
-          }
-          const beforePosition = cursor;
-          const afterPoint = way[index + 1];
-          const afterPointType = getDrawPointType(afterPoint);
-          if (["vertical", "offset", "move"].includes(afterPointType)) {
-            throw new Error("Vertical point can not be followed by these point type: vertical offset move.");
-          }
-          const afterPosition = afterPointType === "node" ? tryGetModel(afterPoint).center : formatPointPosition(afterPoint);
-          const verPosition = getVerticalPoint(beforePosition, afterPosition, item);
-          if (Array.isArray(verPosition[0])) {
-            const realVerPosition = verPosition;
-            cursor = realVerPosition[realVerPosition.length - 1];
-            for (const point of realVerPosition) {
-              acc.push(point);
-            }
-            return acc;
-          }
-          cursor = verPosition;
-          acc.push(verPosition);
-          return acc;
-        }
-        default: {
-          if (index === 0) throw new Error("offset/move point can not be the first point on path.");
-          const convertedPos = convertOffsetAndMovePoint(item);
-          const curPos = DescartesPoint.plus(convertedPos, cursor);
-          if (type === "move") cursor = curPos;
-          acc.push(curPos);
-          return acc;
-        }
-      }
-    }, []),
-    [way, nodeUpdateCount.current]
-  );
-  useLayoutEffect(() => () => {
-    subscribeCbs.forEach((cb) => cb && cb());
-  });
-  return [result, allNodeInit];
-};
-export {
-  useConvertWay as default,
-  formatPointPosition,
-  getVerticalPoint
-};

package/dist/es/components/draw/types.d.ts

@@ -1,29 +0,0 @@
-import { PointPosition } from '../../types/coordinate';
-import { StrokeProps } from '../../types/svg/stroke';
-import { TikZKey } from '../../types/tikz';
-import { ArrowPositionAttributes, ArrowType } from './arrow';
-export type ArrowConfig = {
-    type: ArrowType;
-    fill?: string;
-} & ArrowPositionAttributes & StrokeProps;
-/** 垂直路径点，临近的节点不能都是特殊路径点 */
-export type VerticalDrawPosition = '-|' | '|-' | '-|-' | '|-|';
-/** 偏移与移动点 */
-export type OffSetOrMovePosition = string;
-/** 路径点类型：节点，坐标，垂点，偏移点，移动点 */
-export type DrawPointType = 'node' | 'coordinate' | 'vertical' | 'offset' | 'move';
-/** 路径节点类型 */
-export type DrawWayType = TikZKey | PointPosition | VerticalDrawPosition | OffSetOrMovePosition;
-/** 路径片段节点类型 */
-export type DrawWaySegmentType = [
-    TikZKey | PointPosition,
-    ...Array<PointPosition | VerticalDrawPosition | OffSetOrMovePosition>,
-    TikZKey | PointPosition
-];
-/** 箭头属性 */
-export type ArrowProps<T = ArrowType | ArrowConfig> = {
-    startArrow?: T;
-    startArrows?: T;
-    endArrow?: T;
-    endArrows?: T;
-};

package/dist/es/components/node/InnerNode.d.ts

@@ -1,33 +0,0 @@
-import { ReactNode } from 'react';
-import { Position } from '../../types/coordinate/descartes';
-import { StrokeProps } from '../../types/svg/stroke';
-import { TikZProps } from '../../types/tikz';
-import { DirectionDistance } from '../../types/distance';
-import { FontProps } from '../../types/svg/font';
-/** 节点外边框形状 */
-export type NodeShape = 'rectangle';
-/** 外层形状相关属性 */
-export type ShapeProps = {
-    shape: NodeShape;
-    rx?: number | string;
-    ry?: number | string;
-    fill?: string;
-    fillOpacity?: number;
-} & StrokeProps;
-/** 内容相关属性 */
-export type ContentProps = {
-    color: string;
-    opacity?: number;
-    children?: ReactNode;
-    size?: string | number;
-} & FontProps;
-export type InnerNodeProps = {
-    position: Position;
-    width?: number;
-    height?: number;
-    innerSep: DirectionDistance<number | string>;
-    outerSep: DirectionDistance<number | string>;
-    rotate?: number;
-} & TikZProps & ContentProps & ShapeProps;
-declare const InnerNode: import('react').ForwardRefExoticComponent<Omit<InnerNodeProps, "ref"> & import('react').RefAttributes<SVGGElement>>;
-export default InnerNode;

package/dist/es/components/node/InnerNode.js

@@ -1,88 +0,0 @@
-import { jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef, useLayoutEffect } from "react";
-import Group from "../../container/Group.js";
-import useNodeShape from "./_hooks/useNodeShape.js";
-import useNodeContent from "./_hooks/useNodeContent.js";
-import useNodeConfig from "./_hooks/useNodeConfig.js";
-import { convertCssToPx } from "../../utils/css.js";
-import useNodes from "../../hooks/context/useNodes.js";
-import useCalculate from "../../hooks/context/useCalculate.js";
-import { convertPrecision } from "../../utils/math.js";
-const InnerNode = forwardRef((props, ref) => {
-  const { name, position, width, height, innerSep, outerSep, rotate } = props;
-  const nodeRef = useRef(null);
-  const shapeRef = useRef(null);
-  const contentRef = useRef(null);
-  const { getModel, updateModel, deleteModel } = useNodes();
-  const { precision } = useCalculate();
-  const nodeConfig = useNodeConfig();
-  nodeConfig.current.position = position;
-  if (name && !getModel(name)) {
-    updateModel(name, nodeConfig.current, false);
-  }
-  const groupElement = ref && "current" in ref ? ref.current : nodeRef.current;
-  useLayoutEffect(() => {
-    const contentElement = contentRef.current;
-    if (!contentElement) return;
-    const { width: elementWidth, height: elementHeight } = contentElement.getBoundingClientRect();
-    nodeConfig.current.contentSize = [Math.max(elementWidth, width || 0), Math.max(elementHeight, height || 0)];
-  });
-  const getSep = (sep) => {
-    const { width: width2 = 100, height: height2 = 100 } = (groupElement == null ? void 0 : groupElement.getBoundingClientRect()) || {};
-    const remPx = parseFloat(getComputedStyle(document.documentElement).fontSize);
-    const emPx = groupElement ? parseFloat(getComputedStyle(groupElement).fontSize) : remPx;
-    return {
-      left: convertCssToPx(sep.left, { remPx, emPx, parentPx: width2 }),
-      right: convertCssToPx(sep.right, { remPx, emPx, parentPx: width2 }),
-      top: convertCssToPx(sep.top, { remPx, emPx, parentPx: height2 }),
-      bottom: convertCssToPx(sep.bottom, { remPx, emPx, parentPx: height2 })
-    };
-  };
-  useLayoutEffect(() => {
-    nodeConfig.current.innerSep = getSep(innerSep);
-  }, [innerSep]);
-  useLayoutEffect(() => {
-    nodeConfig.current.outerSep = getSep(outerSep);
-  }, [outerSep]);
-  useLayoutEffect(() => {
-    var _a, _b, _c, _d;
-    const {
-      contentSize: [width2, height2],
-      innerSep: innerSep2
-    } = nodeConfig.current;
-    const realX = -width2 / 2 - innerSep2.left;
-    (_a = shapeRef.current) == null ? void 0 : _a.setAttribute("x", convertPrecision(realX, precision).toString());
-    const realY = -height2 / 2 - innerSep2.top;
-    (_b = shapeRef.current) == null ? void 0 : _b.setAttribute("y", convertPrecision(realY, precision).toString());
-    const realWidth = width2 + innerSep2.left + innerSep2.right;
-    (_c = shapeRef.current) == null ? void 0 : _c.setAttribute("width", convertPrecision(realWidth, precision).toString());
-    const realHeight = height2 + innerSep2.top + innerSep2.bottom;
-    (_d = shapeRef.current) == null ? void 0 : _d.setAttribute("height", convertPrecision(realHeight, precision).toString());
-  }, [nodeConfig.current.position, nodeConfig.current.contentSize, nodeConfig.current.innerSep]);
-  useLayoutEffect(() => {
-    if (name) updateModel(name, nodeConfig.current);
-  });
-  useLayoutEffect(
-    () => () => {
-      if (name) {
-        deleteModel(name);
-      }
-    },
-    [name]
-  );
-  return /* @__PURE__ */ jsxs(
-    Group,
-    {
-      ref: ref || nodeRef,
-      id: name,
-      transform: `translate(${position[0]}, ${position[1]}) ${rotate ? `rotate(${rotate})` : ""}`,
-      children: [
-        useNodeShape(props, shapeRef),
-        useNodeContent(props, contentRef)
-      ]
-    }
-  );
-});
-export {
-  InnerNode as default
-};

package/dist/es/components/node/Node.d.ts

@@ -1,93 +0,0 @@
-import { ReactNode } from 'react';
-import { NodeShape } from './InnerNode';
-import { CssDistanceType } from '../../types/distance';
-import { SepProps } from '../../types/distance/sep';
-import { StrokeProps } from '../../types/svg/stroke';
-import { TikZKey } from '../../types/tikz';
-import { StrokeShortcutProps, StrokeType } from '../../utils/style/stroke';
-import { PointPosition } from '../../types/coordinate';
-import { TikZFontSize } from '../../utils/style/font';
-import { FontProps } from '../../types/svg/font';
-export type NodeProps = {
-    name?: TikZKey;
-    /** 位置 */
-    position?: PointPosition;
-    /** 位置偏移 */
-    offset?: PointPosition;
-    /** 内容宽度 */
-    width?: CssDistanceType;
-    /** 内容高度 */
-    height?: CssDistanceType;
-    /** 内容(文本)颜色 */
-    color?: 'currentColor' | 'auto' | string;
-    /** 内容(文本)透明度 */
-    opacity?: number;
-    /** 内容(文本)字体大小 */
-    size?: string | TikZFontSize | number;
-    /** 内容 */
-    children?: ReactNode;
-    /** 边框形状 */
-    shape?: NodeShape;
-    /** 边框圆角 */
-    r?: CssDistanceType;
-    /** 边框圆角-x */
-    rx?: CssDistanceType;
-    /** 边框圆角-y */
-    ry?: CssDistanceType;
-    /** 背景填充色，默认为 auto */
-    fill?: string | 'auto';
-    /** 背景填充色透明度 */
-    fillOpacity?: number;
-    /** 边框样式 */
-    strokeType?: StrokeType;
-    /** 内边距 */
-    innerSep?: CssDistanceType | SepProps;
-    /** 外边距 */
-    outerSep?: CssDistanceType | SepProps;
-    /** 旋转 */
-    rotate?: number;
-    /** 样式 */
-    style?: 'bold' | 'italic' | 'serif' | 'sans-serif';
-} & Partial<FontProps> & Partial<StrokeProps> & StrokeShortcutProps;
-declare const Node: import('react').ForwardRefExoticComponent<{
-    name?: TikZKey;
-    /** 位置 */
-    position?: PointPosition;
-    /** 位置偏移 */
-    offset?: PointPosition;
-    /** 内容宽度 */
-    width?: CssDistanceType;
-    /** 内容高度 */
-    height?: CssDistanceType;
-    /** 内容(文本)颜色 */
-    color?: "currentColor" | "auto" | string;
-    /** 内容(文本)透明度 */
-    opacity?: number;
-    /** 内容(文本)字体大小 */
-    size?: string | TikZFontSize | number;
-    /** 内容 */
-    children?: ReactNode;
-    /** 边框形状 */
-    shape?: NodeShape;
-    /** 边框圆角 */
-    r?: CssDistanceType;
-    /** 边框圆角-x */
-    rx?: CssDistanceType;
-    /** 边框圆角-y */
-    ry?: CssDistanceType;
-    /** 背景填充色，默认为 auto */
-    fill?: string | "auto";
-    /** 背景填充色透明度 */
-    fillOpacity?: number;
-    /** 边框样式 */
-    strokeType?: StrokeType;
-    /** 内边距 */
-    innerSep?: CssDistanceType | SepProps;
-    /** 外边距 */
-    outerSep?: CssDistanceType | SepProps;
-    /** 旋转 */
-    rotate?: number;
-    /** 样式 */
-    style?: "bold" | "italic" | "serif" | "sans-serif";
-} & Partial<FontProps> & Partial<StrokeProps> & StrokeShortcutProps & import('react').RefAttributes<SVGGElement>>;
-export default Node;

package/dist/es/components/node/Node.js

@@ -1,88 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
-import InnerNode from "./InnerNode.js";
-import { convertCssToPx } from "../../utils/css.js";
-import { convertStrokeType, convertStrokeShortcut } from "../../utils/style/stroke.js";
-import { convertFontSize, convertFontStyle } from "../../utils/style/font.js";
-import DescartesPoint from "../../model/geometry/point/DescartesPoint.js";
-import useScope from "../../hooks/context/useScope.js";
-import color, { hsl } from "../../node_modules/.pnpm/d3-color@3.1.0/node_modules/d3-color/src/color.js";
-const Node = forwardRef((props, ref) => {
-  const { offset: scopeOffset, node } = useScope();
-  const nodeScopeProps = { offset: scopeOffset, ...node };
-  const realProps = {
-    ...nodeScopeProps,
-    ...props,
-    offset: DescartesPoint.plus(scopeOffset || [0, 0], props.offset || [0, 0])
-  };
-  const { shape = "rectangle", width, height, position, offset, innerSep, outerSep, ...res1Props } = realProps;
-  const { r, rx, ry, fill, fillOpacity, stroke = "transparent", strokeWidth = 1, strokeType, ...res2Props } = res1Props;
-  const { color: color$1 = "currentColor", size, fontSize, style, ...otherProps } = res2Props;
-  const realPosition = useMemo(() => {
-    const formatPosition = position ? DescartesPoint.formatPosition(position) : [0, 0];
-    const formatOffset = offset ? DescartesPoint.formatPosition(offset) : [0, 0];
-    return [formatPosition[0] + formatOffset[0], formatPosition[1] + formatOffset[1]];
-  }, [position]);
-  const realColor = useMemo(() => {
-    if (color$1 === "auto" && fill && fill !== "currentColor") {
-      const fillColor = color(fill);
-      if (!fillColor) return color$1 || "currentColor";
-      fillColor.opacity = fillOpacity || 1;
-      const lightness = hsl(fillColor).l;
-      return lightness < 0.5 ? "white" : "black";
-    }
-    return color$1 || "currentColor";
-  }, [color$1, fill, fillOpacity]);
-  const realRx = rx || r;
-  const realRy = ry || r;
-  const getStrokeAttributes = () => strokeType ? convertStrokeType(strokeType, strokeWidth) : convertStrokeShortcut(otherProps, strokeWidth);
-  const getSep = (sep, defaultVal) => {
-    if (typeof sep !== "object") {
-      return {
-        left: sep ?? defaultVal,
-        right: sep ?? defaultVal,
-        top: sep ?? defaultVal,
-        bottom: sep ?? defaultVal
-      };
-    }
-    return {
-      left: sep.left ?? sep.x ?? defaultVal,
-      right: sep.right ?? sep.x ?? defaultVal,
-      top: sep.top ?? sep.y ?? defaultVal,
-      bottom: sep.bottom ?? sep.y ?? defaultVal
-    };
-  };
-  const getFontStyle = () => convertFontStyle(style);
-  const adjustFontSize = useMemo(() => convertFontSize(size || fontSize), [size, fontSize]);
-  const adjustedInnerSep = useMemo(
-    () => getSep(innerSep, convertCssToPx(adjustFontSize) / 3 || "0.3333em"),
-    [innerSep]
-  );
-  const adjustedOuterSep = useMemo(() => getSep(outerSep, 0), [outerSep]);
-  return /* @__PURE__ */ jsx(
-    InnerNode,
-    {
-      ref,
-      width: convertCssToPx(width),
-      height: convertCssToPx(height),
-      shape,
-      position: realPosition,
-      color: realColor,
-      fill: fill || "transparent",
-      fillOpacity,
-      rx: realRx,
-      ry: realRy,
-      stroke,
-      strokeWidth,
-      innerSep: adjustedInnerSep,
-      outerSep: adjustedOuterSep,
-      size: adjustFontSize,
-      ...getFontStyle(),
-      ...getStrokeAttributes(),
-      ...otherProps
-    }
-  );
-});
-export {
-  Node as default
-};