@rxflow/base 0.0.1-alpha.0 → 0.0.1-alpha.2

package/cjs/Flow.js

@@ -13,7 +13,7 @@ var _lodash = require("lodash");
 var _react2 = _interopRequireWildcard(require("react"));
 var _Controls = _interopRequireDefault(require("./components/Controls"));
 var _DebugInfo = require("./components/DebugInfo");
-var _SmartEdge = require("./edges/SmartEdge");
+var _manhattan = require("./edges/manhattan");
 var _useGetEdgesChangeHandlers = require("./hooks/edges/useGetEdgesChangeHandlers");
 var _useSetNodeDragging = require("./hooks/node/useSetNodeDragging");
 var _useForceUpdateTimes = require("./hooks/render/useForceUpdateTimes");
@@ -136,7 +136,7 @@ function Flow(props) {
       onlyRenderVisibleElements,
       ...(0, _lodash.omit)(props, ['flowInstanceRef', 'width', 'height', 'nodes', 'edges', 'fitViewOptions', 'theme', 'background', 'nodeTypes', 'showControls', 'showMiniMap', 'autoCenter', 'rootStyle', 'layout', 'onNodesChange', 'omitProps', 'forceLayout', 'controlsPosition', 'getMiniMapNodeColor', 'markers', 'onBeforeLayout', 'onLayout', 'onAfterLayout', 'plugins', 'readOnly', 'showFitView', 'showFullscreen', 'showInteractive', 'showZoom', 'showForceLayout', 'onInteractiveChange', 'onZoomOut', 'onZoomIn', 'onFitView', 'customControls', ...omitProps]),
       edgeTypes: {
-        smart: _SmartEdge.SmartEdge,
+        manhattan: _manhattan.ManhattanEdge,
         ...(props.edgeTypes || {})
       }
     };

package/cjs/components/MarkerDefinitions/symbols.d.ts

@@ -1,5 +1,5 @@
 export declare const symbols: {
-    arrowclosed: ({ color, strokeWidth, }: import("./types").SymbolProps) => import("react/jsx-runtime").JSX.Element;
-    arrow: ({ color, strokeWidth }: import("./types").SymbolProps) => import("react/jsx-runtime").JSX.Element;
+    arrowclosed: ({ color, strokeWidth, }: import("packages/base/src/components/MarkerDefinitions/types").SymbolProps) => import("react/jsx-runtime").JSX.Element;
+    arrow: ({ color, strokeWidth }: import("packages/base/src/components/MarkerDefinitions/types").SymbolProps) => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=symbols.d.ts.map

package/cjs/edges/{SmartEdge/index.d.ts → manhattan.d.ts}

@@ -8,8 +8,5 @@
  */
 import { type EdgeProps } from '@xyflow/react';
 import { ComponentType } from "react";
-export declare const SmartEdge: ComponentType<EdgeProps & {
-    data: any;
-    type: any;
-}>;
-//# sourceMappingURL=index.d.ts.map
+export declare const ManhattanEdge: ComponentType<EdgeProps>;
+//# sourceMappingURL=manhattan.d.ts.map

package/cjs/edges/manhattan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manhattan.d.ts","sourceRoot":"","sources":["manhattan.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAW,KAAK,SAAS,EAAc,MAAM,eAAe,CAAC;AACpE,OAAO,EAAC,aAAa,EAAO,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,SAAS,CAyCjD,CAAA"}

package/cjs/edges/{SmartEdge/index.js → manhattan.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SmartEdge = void 0;
+exports.ManhattanEdge = void 0;
 var _react = require("@xyflow/react");
 var _react2 = require("react");
 var _manhattan = require("@rxflow/manhattan");
@@ -17,15 +17,15 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 
-const SmartEdge = exports.SmartEdge = /*#__PURE__*/(0, _react2.memo)(({
-  id,
-  selected,
+const ManhattanEdge = exports.ManhattanEdge = /*#__PURE__*/(0, _react2.memo)(({
   source,
   target,
   sourceX,
   sourceY,
   targetX,
-  targetY
+  targetY,
+  sourcePosition,
+  targetPosition
 }) => {
   const {
     getState
@@ -34,14 +34,21 @@ const SmartEdge = exports.SmartEdge = /*#__PURE__*/(0, _react2.memo)(({
   const path = (0, _manhattan.getManHattanPath)({
     sourceNodeId: source,
     targetNodeId: target,
-    sourcePosition: {
-      x: sourceX,
-      y: sourceY
-    },
-    targetPosition: {
-      x: targetX,
-      y: targetY
-    },
+    sourceX,
+    sourceY,
+    sourcePosition,
+    targetX,
+    targetY,
+    targetPosition,
+    //
+    // sourcePosition: {
+    //   x: sourceX,
+    //   y: sourceY
+    // },
+    // targetPosition: {
+    //   x: targetX,
+    //   y: targetY
+    // },
     nodeLookup: nodeLookup
     // options: {
     //   padding: 10
@@ -51,4 +58,4 @@ const SmartEdge = exports.SmartEdge = /*#__PURE__*/(0, _react2.memo)(({
     path: path
   });
 });
-SmartEdge.displayName = 'SmartEdge';
+ManhattanEdge.displayName = 'manhattan';

package/cjs/hooks/useTheme.d.ts

@@ -2,7 +2,7 @@ export declare const useTheme: () => {
     fontSize: number;
     fontFamily: string;
     primaryColor: string;
-    collapseButtonShape?: "circle" | "rect" | undefined;
+    collapseButtonShape?: "rect" | "circle" | undefined;
     autoHideCountWhenExpanded?: boolean | undefined;
     showCount?: boolean | undefined;
 };

package/esm/Flow.js

@@ -36,7 +36,7 @@ import { omit } from "lodash";
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import Controls from "./components/Controls";
 import { DebugInfo } from "./components/DebugInfo";
-import { SmartEdge } from "./edges/SmartEdge";
+import { ManhattanEdge } from "./edges/manhattan";
 import { useGetEdgesChangeHandlers } from "./hooks/edges/useGetEdgesChangeHandlers";
 import { useSetNodeDragging } from "./hooks/node/useSetNodeDragging";
 import { useForceUpdateTimes } from "./hooks/render/useForceUpdateTimes";
@@ -148,7 +148,7 @@ export function Flow(props) {
       onlyRenderVisibleElements: onlyRenderVisibleElements
     }, omit(props, ['flowInstanceRef', 'width', 'height', 'nodes', 'edges', 'fitViewOptions', 'theme', 'background', 'nodeTypes', 'showControls', 'showMiniMap', 'autoCenter', 'rootStyle', 'layout', 'onNodesChange', 'omitProps', 'forceLayout', 'controlsPosition', 'getMiniMapNodeColor', 'markers', 'onBeforeLayout', 'onLayout', 'onAfterLayout', 'plugins', 'readOnly', 'showFitView', 'showFullscreen', 'showInteractive', 'showZoom', 'showForceLayout', 'onInteractiveChange', 'onZoomOut', 'onZoomIn', 'onFitView', 'customControls'].concat(_toConsumableArray(omitProps)))), {}, {
       edgeTypes: _objectSpread({
-        smart: SmartEdge
+        manhattan: ManhattanEdge
       }, props.edgeTypes || {})
     });
     if (plugins !== null && plugins !== void 0 && plugins.scroller) {

package/esm/components/MarkerDefinitions/symbols.d.ts

@@ -1,5 +1,5 @@
 export declare const symbols: {
-    arrowclosed: ({ color, strokeWidth, }: import("./types").SymbolProps) => import("react/jsx-runtime").JSX.Element;
-    arrow: ({ color, strokeWidth }: import("./types").SymbolProps) => import("react/jsx-runtime").JSX.Element;
+    arrowclosed: ({ color, strokeWidth, }: import("packages/base/src/components/MarkerDefinitions/types").SymbolProps) => import("react/jsx-runtime").JSX.Element;
+    arrow: ({ color, strokeWidth }: import("packages/base/src/components/MarkerDefinitions/types").SymbolProps) => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=symbols.d.ts.map

package/esm/edges/{SmartEdge/index.d.ts → manhattan.d.ts}

@@ -8,8 +8,5 @@
  */
 import { type EdgeProps } from '@xyflow/react';
 import { ComponentType } from "react";
-export declare const SmartEdge: ComponentType<EdgeProps & {
-    data: any;
-    type: any;
-}>;
-//# sourceMappingURL=index.d.ts.map
+export declare const ManhattanEdge: ComponentType<EdgeProps>;
+//# sourceMappingURL=manhattan.d.ts.map

package/esm/edges/manhattan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manhattan.d.ts","sourceRoot":"","sources":["manhattan.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAW,KAAK,SAAS,EAAc,MAAM,eAAe,CAAC;AACpE,OAAO,EAAC,aAAa,EAAO,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,SAAS,CAyCjD,CAAA"}

package/esm/edges/{SmartEdge/index.js → manhattan.js}

@@ -10,29 +10,36 @@ import { BaseEdge, useStoreApi } from '@xyflow/react';
 import { memo } from "react";
 import { getManHattanPath } from '@rxflow/manhattan';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var SmartEdge = /*#__PURE__*/memo(function (_ref) {
-  var id = _ref.id,
-    selected = _ref.selected,
-    source = _ref.source,
+export var ManhattanEdge = /*#__PURE__*/memo(function (_ref) {
+  var source = _ref.source,
     target = _ref.target,
     sourceX = _ref.sourceX,
     sourceY = _ref.sourceY,
     targetX = _ref.targetX,
-    targetY = _ref.targetY;
+    targetY = _ref.targetY,
+    sourcePosition = _ref.sourcePosition,
+    targetPosition = _ref.targetPosition;
   var _useStoreApi = useStoreApi(),
     getState = _useStoreApi.getState;
   var nodeLookup = getState().nodeLookup;
   var path = getManHattanPath({
     sourceNodeId: source,
     targetNodeId: target,
-    sourcePosition: {
-      x: sourceX,
-      y: sourceY
-    },
-    targetPosition: {
-      x: targetX,
-      y: targetY
-    },
+    sourceX: sourceX,
+    sourceY: sourceY,
+    sourcePosition: sourcePosition,
+    targetX: targetX,
+    targetY: targetY,
+    targetPosition: targetPosition,
+    //
+    // sourcePosition: {
+    //   x: sourceX,
+    //   y: sourceY
+    // },
+    // targetPosition: {
+    //   x: targetX,
+    //   y: targetY
+    // },
     nodeLookup: nodeLookup
     // options: {
     //   padding: 10
@@ -42,4 +49,4 @@ export var SmartEdge = /*#__PURE__*/memo(function (_ref) {
     path: path
   });
 });
-SmartEdge.displayName = 'SmartEdge';
+ManhattanEdge.displayName = 'manhattan';

package/esm/hooks/useTheme.d.ts

@@ -2,7 +2,7 @@ export declare const useTheme: () => {
     fontSize: number;
     fontFamily: string;
     primaryColor: string;
-    collapseButtonShape?: "circle" | "rect" | undefined;
+    collapseButtonShape?: "rect" | "circle" | undefined;
     autoHideCountWhenExpanded?: boolean | undefined;
     showCount?: boolean | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxflow/base",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.1-alpha.2",
   "description": "BaseFlow - 核心 Flow 组件库",
   "keywords": [
     "reactflow",
@@ -42,7 +42,7 @@
   "dependencies": {
     "@ant-design/icons": "^6.0.0",
     "@antv/hierarchy": "0.6.14",
-    "@rxflow/manhattan": "^0.0.1-alpha.0",
+    "@rxflow/manhattan": "^0.0.1-alpha.2",
     "@xyflow/react": "^12.8.6",
     "@xyflow/system": "^0.0.70",
     "@zumer/snapdom": "^1.9.9",

package/cjs/edges/SmartEdge/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAW,KAAK,SAAS,EAAc,MAAM,eAAe,CAAC;AACpE,OAAO,EAAC,aAAa,EAAO,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,SAAS,EAAE,aAAa,CAAC,SAAS,GAAG;IAChD,IAAI,EAAE,GAAG,CAAC;IACV,IAAI,EAAE,GAAG,CAAC;CACX,CAsCC,CAAA"}

package/esm/edges/SmartEdge/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAW,KAAK,SAAS,EAAc,MAAM,eAAe,CAAC;AACpE,OAAO,EAAC,aAAa,EAAO,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,SAAS,EAAE,aAAa,CAAC,SAAS,GAAG;IAChD,IAAI,EAAE,GAAG,CAAC;IACV,IAAI,EAAE,GAAG,CAAC;CACX,CAsCC,CAAA"}