@retikz/core 0.0.1-rc.0 → 0.0.1-rc.2

package/dist/lib/components/{pathNode → path-node}/PathNode.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../_virtual/jsx-runtime.cjs");
-const require$$0 = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
 const useCalculate = require("../../hooks/context/useCalculate.cjs");
 const useNodes = require("../../hooks/context/useNodes.cjs");
 const useScope = require("../../hooks/context/useScope.cjs");
@@ -10,13 +10,13 @@ const css = require("../../utils/css.cjs");
 const math = require("../../utils/math.cjs");
 const Node = require("../node/Node.cjs");
 const useAnchor = require("./useAnchor.cjs");
-const PathNode = (props) => {
-  const { segmentIndex = -1, offset = [0, 0], anchor, ref, left, right, above, below, name, ...resProps } = props;
+const PathNode = react.forwardRef((props, ref) => {
+  const { segmentIndex = -1, offset = [0, 0], anchor, left, right, above, below, name, ...resProps } = props;
   const { pos, veryNearStart, veryNearEnd, start, nearStart, midway, nearEnd, end, sloped, ...nodeProps } = resProps;
-  const id = require$$0.useId();
+  const id = react.useId();
   const realName = name ?? id;
   const { precision } = useCalculate.default();
-  const posRadio = require$$0.useMemo(() => {
+  const posRadio = react.useMemo(() => {
     if (pos !== void 0) return pos;
     if (start) return 0;
     if (veryNearStart) return 0.125;
@@ -26,7 +26,7 @@ const PathNode = (props) => {
     if (veryNearEnd) return 0.875;
     return 1;
   }, [pos, veryNearStart, veryNearEnd, start, nearStart, midway, nearEnd, end]);
-  const directionPos = require$$0.useMemo(() => {
+  const directionPos = react.useMemo(() => {
     if (left) return { direction: "left", distance: typeof left === "boolean" ? 0 : css.convertCssToPx(left) };
     if (right) return { direction: "right", distance: typeof right === "boolean" ? 0 : css.convertCssToPx(right) };
     if (above) return { direction: "top", distance: typeof above === "boolean" ? 0 : css.convertCssToPx(above) };
@@ -34,13 +34,13 @@ const PathNode = (props) => {
     return { direction: anchor ?? "center", distance: 0 };
   }, [anchor, left, right, above, below]);
   const { position: anchorPosition, angle: anchorAngle } = useAnchor.default(posRadio, segmentIndex);
-  const [adjustOffset, setAdjustOffset] = require$$0.useState(DescartesPoint.default.plus(anchorPosition, offset));
+  const [adjustOffset, setAdjustOffset] = react.useState(DescartesPoint.default.plus(anchorPosition, offset));
   const { getModel } = useNodes.default();
-  const rotate = require$$0.useMemo(() => {
+  const rotate = react.useMemo(() => {
     if (!sloped) return 0;
     return anchorAngle * (180 / Math.PI);
   }, [sloped, anchorAngle]);
-  require$$0.useLayoutEffect(() => {
+  react.useLayoutEffect(() => {
     const model = getModel(realName);
     if (!model || !model.init) return;
     const { direction, distance } = directionPos;
@@ -62,7 +62,7 @@ const PathNode = (props) => {
     setAdjustOffset(DescartesPoint.default.plus(anchorPosition, directionPosition, offset));
   }, [anchorPosition, directionPos]);
   const scope = useScope.default();
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(useScope.ScopeContext, { value: { ...scope, offset: [0, 0] }, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(useScope.ScopeContext.Provider, { value: { ...scope, offset: [0, 0] }, children: /* @__PURE__ */ jsxRuntime.jsx(
     Node.default,
     {
       name: realName,
@@ -72,5 +72,5 @@ const PathNode = (props) => {
       ...nodeProps
     }
   ) });
-};
+});
 exports.default = PathNode;

package/dist/lib/components/{pathNode → path-node}/PathNode.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { Direction } from '../../types/coordinate';
 import { Position } from '../../types/coordinate/descartes';
 import { NodeProps } from '../node/Node';
@@ -35,5 +34,15 @@ export type PathNodeProps = {
     /** 跟随箭头位置 */
     sloped?: boolean;
 } & PathNodePositionProps & PosShortcutProps & Omit<NodeProps, 'position'>;
-declare const PathNode: FC<PathNodeProps>;
+declare const PathNode: import('react').ForwardRefExoticComponent<{
+    segmentIndex?: number;
+    /** path 片段的下标 */
+    pos?: number;
+    /** 相对于路径的位置 */
+    anchor?: Direction | "center";
+    /** 偏移位置 */
+    offset?: Position;
+    /** 跟随箭头位置 */
+    sloped?: boolean;
+} & PathNodePositionProps & PosShortcutProps & Omit<NodeProps, "position"> & import('react').RefAttributes<SVGGElement>>;
 export default PathNode;

package/dist/lib/components/{pathNode → path-node}/useAnchor.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("react");
+const react = require("react");
 const useCalculate = require("../../hooks/context/useCalculate.cjs");
 const usePath = require("../../hooks/context/usePath.cjs");
 const useForceUpdate = require("../../hooks/useForceUpdate.cjs");
 const line = require("../../model/equation/line.cjs");
 const math = require("../../utils/math.cjs");
 const useAnchor = (pos, segmentIndex) => {
-  const pathUpdateCount = require$$0.useRef(0);
+  const pathUpdateCount = react.useRef(0);
   const forceUpdate = useForceUpdate.default();
   const { model, subscribeModel } = usePath.default();
   const { precision } = useCalculate.default();
@@ -16,12 +16,12 @@ const useAnchor = (pos, segmentIndex) => {
     pathUpdateCount.current += 1;
     queueMicrotask(forceUpdate);
   });
-  require$$0.useLayoutEffect(() => () => {
+  react.useLayoutEffect(() => () => {
     subscribeCb == null ? void 0 : subscribeCb();
   });
   const adjustIndex = segmentIndex >= 0 ? segmentIndex : model.ways.length + segmentIndex;
   if (!math.between(adjustIndex, [0, model.ways.length - 1], true)) throw new Error("segmentIndex is out of range");
-  return require$$0.useMemo(() => {
+  return react.useMemo(() => {
     if (!model.init)
       return {
         position: [Number.MAX_SAFE_INTEGER / 2, Number.MAX_SAFE_INTEGER / 2],

package/dist/lib/container/Group.cjs

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../_virtual/jsx-runtime.cjs");
-const Group = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("g", { ...props });
-};
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Group = react.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("g", { ref, ...props });
+});
 exports.default = Group;

package/dist/lib/container/Group.d.ts

@@ -1,6 +1,6 @@
-import { FC, PropsWithChildren, Ref, SVGProps } from 'react';
+import { PropsWithChildren, Ref, SVGProps } from 'react';
 export type GroupProps = {
     ref?: Ref<SVGGElement>;
 } & SVGProps<SVGGElement>;
-declare const Group: FC<PropsWithChildren<GroupProps>>;
+declare const Group: import('react').ForwardRefExoticComponent<Omit<PropsWithChildren<SVGProps<SVGGElement>>, "ref"> & import('react').RefAttributes<SVGGElement>>;
 export default Group;

package/dist/lib/container/Surface.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../_virtual/jsx-runtime.cjs");
-const require$$0 = require("react");
-const Surface = (props) => {
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Surface = react.forwardRef((props, ref) => {
   const { title, desc, viewBox, children, width, height, ...otherProps } = props;
-  const svgViewBox = require$$0.useMemo(() => {
+  const svgViewBox = react.useMemo(() => {
     if (!(viewBox == null ? void 0 : viewBox.x) && !(viewBox == null ? void 0 : viewBox.y)) {
       return void 0;
     }
@@ -14,10 +14,10 @@ const Surface = (props) => {
     const viewHeight = (viewBox == null ? void 0 : viewBox.height) || height;
     return viewWidth === void 0 || viewHeight === void 0 ? [viewX, viewY].join(" ") : [viewX, viewY, viewWidth, viewHeight].join(" ");
   }, [width, height, viewBox]);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("svg", { viewBox: svgViewBox, width, height, ...otherProps, children: [
-    title ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("title", { children: title }) : null,
-    desc ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("desc", { children: desc }) : null,
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ref, viewBox: svgViewBox, width, height, ...otherProps, children: [
+    title ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) : null,
+    desc ? /* @__PURE__ */ jsxRuntime.jsx("desc", { children: desc }) : null,
     children
   ] });
-};
+});
 exports.default = Surface;

package/dist/lib/container/Surface.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, FC, PropsWithChildren } from 'react';
+import { CSSProperties } from 'react';
 export type SurfaceProps = {
     title?: string;
     desc?: string;
@@ -13,5 +13,7 @@ export type SurfaceProps = {
     className?: string;
     style?: CSSProperties;
 };
-declare const Surface: FC<PropsWithChildren<SurfaceProps>>;
+declare const Surface: import('react').ForwardRefExoticComponent<SurfaceProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<SVGSVGElement>>;
 export default Surface;

package/dist/lib/elements/Path.cjs

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../_virtual/jsx-runtime.cjs");
-const Path = (props) => {
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Path = react.forwardRef((props, ref) => {
   const { fill: propFill, strokeWidth: propStrokeWidth, stroke: propStroke, ...otherProps } = props;
   const defaultProps = {
     fill: propFill || "transparent",
     strokeWidth: propStrokeWidth ?? 1,
     stroke: propStroke || "currentColor"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { ...defaultProps, ...otherProps });
-};
+  return /* @__PURE__ */ jsxRuntime.jsx("path", { ref, ...defaultProps, ...otherProps });
+});
 exports.default = Path;

package/dist/lib/elements/Path.d.ts

@@ -1,4 +1,4 @@
-import { FC, SVGProps } from 'react';
+import { SVGProps } from 'react';
 export type PathProps = {} & SVGProps<SVGPathElement>;
-declare const Path: FC<PathProps>;
+declare const Path: import('react').ForwardRefExoticComponent<Omit<SVGProps<SVGPathElement>, "ref"> & import('react').RefAttributes<SVGPathElement>>;
 export default Path;

package/dist/lib/elements/Rect.cjs

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../_virtual/jsx-runtime.cjs");
-const Rect = (props) => {
-  const { ref, ...otherProps } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("rect", { ref, ...otherProps });
-};
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Rect = react.forwardRef((props, ref) => {
+  const { ...otherProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx("rect", { ref, ...otherProps });
+});
 exports.default = Rect;

package/dist/lib/elements/Rect.d.ts

@@ -1,6 +1,4 @@
-import { FC, PropsWithChildren, Ref, SVGProps } from 'react';
-export type RectProps = {
-    ref?: Ref<SVGRectElement>;
-} & SVGProps<SVGRectElement>;
-declare const Rect: FC<PropsWithChildren<RectProps>>;
+import { PropsWithChildren, SVGProps } from 'react';
+export type RectProps = SVGProps<SVGRectElement>;
+declare const Rect: import('react').ForwardRefExoticComponent<Omit<PropsWithChildren<RectProps>, "ref"> & import('react').RefAttributes<SVGRectElement>>;
 export default Rect;

package/dist/lib/elements/Text.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../_virtual/jsx-runtime.cjs");
-const require$$0 = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
 const string = require("../utils/string.cjs");
-const Text = (props) => {
-  const { children, ref, align, verticalAlign, fontSize, fill, ...otherProps } = props;
-  const dominantBaseline = require$$0.useMemo(() => {
+const Text = react.forwardRef((props, ref) => {
+  const { children, align, verticalAlign, fontSize, fill, ...otherProps } = props;
+  const dominantBaseline = react.useMemo(() => {
     switch (verticalAlign) {
       case "top":
         return "text-top";
@@ -26,10 +26,10 @@ const Text = (props) => {
   };
   const parseChildren = (children2) => {
     if (typeof children2 === "string") {
-      return string.textWrapParse(children2).map((child, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("tspan", { children: child }, index));
+      return string.textWrapParse(children2).map((child, index) => /* @__PURE__ */ jsxRuntime.jsx("tspan", { children: child }, index));
     }
     return children2;
   };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("text", { ref, ...textProps, children: parseChildren(children) });
-};
+  return /* @__PURE__ */ jsxRuntime.jsx("text", { ref, ...textProps, children: parseChildren(children) });
+});
 exports.default = Text;

package/dist/lib/elements/Text.d.ts

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, Ref, SVGProps } from 'react';
+import { PropsWithChildren, SVGProps } from 'react';
 import { FontProps } from '../types/svg/font';
 type TextVerticalAlign = 'top' | 'center' | 'bottom';
 export type DominantBaseline = 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging' | 'text-top';
@@ -9,11 +9,10 @@ export type TextProps = {
     verticalAlign?: TextVerticalAlign | DominantBaseline;
     fontSize?: SVGProps<SVGTextElement>['fontSize'];
     fill?: SVGProps<SVGTextElement>['fill'];
-    ref?: Ref<SVGTextElement>;
 } & FontProps & SVGProps<SVGTextElement>;
 /**
  * 文本节点
  * @tikz node
  */
-declare const Text: FC<PropsWithChildren<TextProps>>;
+declare const Text: import('react').ForwardRefExoticComponent<Omit<PropsWithChildren<TextProps>, "ref"> & import('react').RefAttributes<SVGTextElement>>;
 export default Text;

package/dist/lib/hooks/context/useCalculate.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("react");
-const CalculateContext = require$$0.createContext({ precision: 2 });
+const react = require("react");
+const CalculateContext = react.createContext({ precision: 2 });
 const useCalculate = () => {
-  return require$$0.useContext(CalculateContext);
+  return react.useContext(CalculateContext);
 };
 exports.CalculateContext = CalculateContext;
 exports.default = useCalculate;

package/dist/lib/hooks/context/useNodes.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("react");
+const react = require("react");
 const node = require("../../model/component/node.cjs");
-const NodesContext = require$$0.createContext(/* @__PURE__ */ new Map());
+const NodesContext = react.createContext(/* @__PURE__ */ new Map());
 const useNodes = () => {
-  const nodes = require$$0.useContext(NodesContext);
+  const nodes = react.useContext(NodesContext);
   return {
     subscribeModel: (name, listener) => {
       const model = nodes.get(name);

package/dist/lib/hooks/context/usePath.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("react");
-const PathContext = require$$0.createContext(null);
+const react = require("react");
+const PathContext = react.createContext(null);
 const usePath = () => {
-  const pathModel = require$$0.useContext(PathContext);
+  const pathModel = react.useContext(PathContext);
   if (!pathModel) throw new Error("usePath must be used within a PathProvider");
   return {
     model: pathModel,

package/dist/lib/hooks/context/useScope.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("react");
-const ScopeContext = require$$0.createContext({});
-const useScope = () => require$$0.useContext(ScopeContext);
+const react = require("react");
+const ScopeContext = react.createContext({});
+const useScope = () => react.useContext(ScopeContext);
 exports.ScopeContext = ScopeContext;
 exports.default = useScope;

package/dist/lib/hooks/useForceUpdate.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("react");
+const react = require("react");
 const useForceUpdate = () => {
-  const [_, forceUpdate] = require$$0.useReducer(() => ({}), {});
+  const [_, forceUpdate] = react.useReducer(() => ({}), {});
   return forceUpdate;
 };
 exports.default = useForceUpdate;

package/dist/lib/hooks/useForceUpdate.d.ts

@@ -1,2 +1,2 @@
-declare const useForceUpdate: () => import('react').ActionDispatch<[]>;
+declare const useForceUpdate: () => import('react').DispatchWithoutAction;
 export default useForceUpdate;

package/dist/lib/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Draw = require("./components/draw/Draw.cjs");
 const Node = require("./components/node/Node.cjs");
-const PathNode = require("./components/pathNode/PathNode.cjs");
+const PathNode = require("./components/path-node/PathNode.cjs");
 const Scope = require("./components/Scope.cjs");
 const TikZ = require("./components/TikZ.cjs");
 exports.Draw = Draw.default;

package/dist/lib/index.d.ts

@@ -1,9 +1,9 @@
-export { default as Draw } from './components/draw/Draw';
-export type { DrawProps } from './components/draw/Draw';
+export { default as Draw } from './components/draw';
+export type { DrawProps } from './components/draw';
 export { default as Node } from './components/node';
 export type { NodeProps } from './components/node';
-export { default as PathNode } from './components/pathNode';
-export type { PathNodeProps } from './components/pathNode';
+export { default as PathNode } from './components/path-node';
+export type { PathNodeProps } from './components/path-node';
 export { default as Scope } from './components/Scope';
 export type { ScopeProps } from './components/Scope';
 export { default as TikZ } from './components/TikZ';

package/dist/lib/model/equation/line.cjs

@@ -10,6 +10,7 @@ const _Line = class _Line {
     __publicField(this, "b", 0);
     __publicField(this, "c", 0);
     if (a === 0 && b === 0) {
+      console.error("invalid line equation");
       return;
     }
     this.a = a;

package/dist/lib/test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/types/svg/stroke.d.ts

@@ -1,10 +1,10 @@
 export type StrokeProps = {
     stroke?: string;
-    strokeWidth?: number;
+    strokeWidth?: number | string;
     strokeDasharray?: string;
     strokeDashoffset?: string;
     strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';
-    strokeLinejoin?: "round" | "inherit" | "bevel" | "miter";
+    strokeLinejoin?: 'round' | 'inherit' | 'bevel' | 'miter';
     strokeMiterlimit?: number;
     strokeOpacity?: number;
 };

package/dist/lib/utils/style/stroke.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const convertStrokeType = (strokeType, strokeWidth = 1) => {
+const convertStrokeType = (strokeType, oriStrokeWidth = 1) => {
+  const strokeWidth = Number(oriStrokeWidth);
   switch (strokeType) {
     case "solid":
       return {};
@@ -30,7 +31,8 @@ const convertStrokeType = (strokeType, strokeWidth = 1) => {
       return { strokeDasharray: `${strokeWidth * 4} ${strokeWidth * 6} 1 ${strokeWidth * 6} 1 ${strokeWidth * 6}` };
   }
 };
-const convertStrokeShortcut = (shortcutProps, strokeWidth = 1) => {
+const convertStrokeShortcut = (shortcutProps, oriStrokeWidth = 1) => {
+  const strokeWidth = Number(oriStrokeWidth);
   return convertStrokeType(
     shortcutProps.dashed ? "dashed" : shortcutProps.denselyDashed ? "denselyDashed" : shortcutProps.looselyDashed ? "looselyDashed" : shortcutProps.dotted ? "dotted" : shortcutProps.denselyDotted ? "denselyDotted" : shortcutProps.looselyDotted ? "looselyDotted" : shortcutProps.dashDot ? "dashDot" : shortcutProps.denselyDashDot ? "denselyDashDot" : shortcutProps.looselyDashDot ? "looselyDashDot" : shortcutProps.dashDashDot ? "dashDashDot" : shortcutProps.denselyDashDashDot ? "denselyDashDashDot" : shortcutProps.looselyDashDashDot ? "looselyDashDashDot" : "solid",
     strokeWidth || 1

package/dist/lib/utils/style/stroke.d.ts

@@ -1,5 +1,6 @@
 import { StrokeProps } from '../../types/svg/stroke';
-export type StrokeType = 'solid' | 'dashed' | 'denselyDashed' | 'looselyDashed' | 'dotted' | 'denselyDotted' | 'looselyDotted' | 'dashDot' | 'denselyDashDot' | 'looselyDashDot' | 'dashDashDot' | 'denselyDashDashDot' | 'looselyDashDashDot';
+export declare const strokeTypes: readonly ["solid", "dashed", "denselyDashed", "looselyDashed", "dotted", "denselyDotted", "looselyDotted", "dashDot", "denselyDashDot", "looselyDashDot", "dashDashDot", "denselyDashDashDot", "looselyDashDashDot"];
+export type StrokeType = typeof strokeTypes[number];
 export type StrokeShortcutProps = {
     dashed?: boolean;
     denselyDashed?: boolean;
@@ -15,5 +16,5 @@ export type StrokeShortcutProps = {
     looselyDashDashDot?: boolean;
 };
 /** 将 StrokeType 转换为 svg 原生的属性 */
-export declare const convertStrokeType: (strokeType: StrokeType, strokeWidth?: number) => Partial<StrokeProps>;
-export declare const convertStrokeShortcut: (shortcutProps: StrokeShortcutProps, strokeWidth?: number) => Partial<StrokeProps>;
+export declare const convertStrokeType: (strokeType: StrokeType, oriStrokeWidth?: string | number) => Partial<StrokeProps>;
+export declare const convertStrokeShortcut: (shortcutProps: StrokeShortcutProps, oriStrokeWidth?: string | number) => Partial<StrokeProps>;

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@retikz/core",
-  "version": "0.0.1-rc.0",
+  "version": "0.0.1-rc.2",
   "description": "atomic drawing library implemented using react and d3, inspired by tikz",
   "type": "module",
+  "homepage": "https://pionpill.github.io/retikz.doc/",
   "keywords": [
     "react",
     "tikz",
@@ -10,7 +11,7 @@
   ],
   "license": "MIT",
   "repository": "https://github.com/Pionpill/retikz",
-  "main": "dist/lib/index.js",
+  "main": "dist/lib/index.cjs",
   "module": "dist/es/index.js",
   "types": "dist/lib/index.d.ts",
   "publishConfig": {
@@ -21,29 +22,23 @@
     "README.md",
     "dist/**/*"
   ],
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
   "peerDependencies": {
-    "react": ">=19.0.0",
-    "react-dom": ">=19.0.0"
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "dependencies": {
     "d3-color": "^3.1.0",
     "d3-shape": "^3.2.0",
-    "react": "^19",
-    "react-dom": "^19"
+    "react": "~18.3",
+    "react-dom": "~18.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.15.0",
     "@types/d3-color": "^3.1.3",
     "@types/d3-shape": "^3.1.6",
     "@types/node": "^22.10.7",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@types/react": "~18.3",
+    "@types/react-dom": "~18.3",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.15.0",
     "eslint-plugin-react-hooks": "^5.0.0",
@@ -53,5 +48,11 @@
     "typescript-eslint": "^8.15.0",
     "vite": "^6.0.1",
     "vite-plugin-dts": "^4.5.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
   }
-}
+}

package/dist/es/_virtual/jsx-runtime.js

@@ -1,5 +0,0 @@
-import { __require as requireJsxRuntime } from "../node_modules/.pnpm/react@19.0.0/node_modules/react/jsx-runtime.js";
-var jsxRuntimeExports = requireJsxRuntime();
-export {
-  jsxRuntimeExports as j
-};

package/dist/es/_virtual/jsx-runtime2.js

@@ -1,4 +0,0 @@
-var jsxRuntime = { exports: {} };
-export {
-  jsxRuntime as __module
-};

package/dist/es/_virtual/react-jsx-runtime.development.js

@@ -1,4 +0,0 @@
-var reactJsxRuntime_development = {};
-export {
-  reactJsxRuntime_development as __exports
-};

package/dist/es/_virtual/react-jsx-runtime.production.js

@@ -1,4 +0,0 @@
-var reactJsxRuntime_production = {};
-export {
-  reactJsxRuntime_production as __exports
-};

package/dist/es/node_modules/.pnpm/react@19.0.0/node_modules/react/cjs/react-jsx-runtime.development.js

@@ -1,20 +0,0 @@
-import { __exports as reactJsxRuntime_development } from "../../../../../../_virtual/react-jsx-runtime.development.js";
-import require$$0 from "react";
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_development;
-function requireReactJsxRuntime_development() {
-  if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-  hasRequiredReactJsxRuntime_development = 1;
-  return reactJsxRuntime_development;
-}
-export {
-  requireReactJsxRuntime_development as __require
-};

package/dist/es/node_modules/.pnpm/react@19.0.0/node_modules/react/cjs/react-jsx-runtime.production.js

@@ -1,41 +0,0 @@
-import { __exports as reactJsxRuntime_production } from "../../../../../../_virtual/react-jsx-runtime.production.js";
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_production;
-function requireReactJsxRuntime_production() {
-  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-  hasRequiredReactJsxRuntime_production = 1;
-  var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-  function jsxProd(type, config, maybeKey) {
-    var key = null;
-    void 0 !== maybeKey && (key = "" + maybeKey);
-    void 0 !== config.key && (key = "" + config.key);
-    if ("key" in config) {
-      maybeKey = {};
-      for (var propName in config)
-        "key" !== propName && (maybeKey[propName] = config[propName]);
-    } else maybeKey = config;
-    config = maybeKey.ref;
-    return {
-      $$typeof: REACT_ELEMENT_TYPE,
-      type,
-      key,
-      ref: void 0 !== config ? config : null,
-      props: maybeKey
-    };
-  }
-  reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-  reactJsxRuntime_production.jsx = jsxProd;
-  reactJsxRuntime_production.jsxs = jsxProd;
-  return reactJsxRuntime_production;
-}
-export {
-  requireReactJsxRuntime_production as __require
-};