@huanban/rulego-editor-react 1.0.0

package/dist/components/EditorToolbar.d.ts

@@ -0,0 +1,99 @@
+/**
+ * @file components/EditorToolbar.tsx
+ * @description 编辑器工具栏 — React 实现
+ *
+ * 功能：
+ *   - 保存/撤销/重做操作按钮
+ *   - 删除选中元素
+ *   - 缩放控制（放大/缩小/适应画布/重置）
+ *   - 全屏切换
+ *   - 调试模式开关
+ *   - 数据视图触发
+ *   - 设置入口
+ *   - 校验入口
+ *   - 零 UI 框架依赖（纯 React + CSS）
+ *
+ * @see EditorToolbarProps — 工具栏参数
+ */
+import React from 'react';
+/** 工具栏按钮定义 */
+export interface ToolbarButton {
+    /** 唯一标识 */
+    key: string;
+    /** 显示图标（emoji 或文本） */
+    icon: string;
+    /** 提示文本 */
+    tooltip: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否激活状态 */
+    active?: boolean;
+    /** 点击回调 */
+    onClick: () => void;
+    /** 是否隐藏 */
+    hidden?: boolean;
+    /** 分隔符（在按钮前添加） */
+    dividerBefore?: boolean;
+}
+/** EditorToolbar Props */
+export interface EditorToolbarProps {
+    /** 是否可撤销 */
+    canUndo?: boolean;
+    /** 是否可重做 */
+    canRedo?: boolean;
+    /** 是否全屏 */
+    isFullscreen?: boolean;
+    /** 是否调试模式 */
+    isDebugMode?: boolean;
+    /** 当前缩放比例 */
+    zoomLevel?: number;
+    /** 是否有选中元素 */
+    hasSelection?: boolean;
+    /** 保存 */
+    onSave?: () => void;
+    /** 撤销 */
+    onUndo?: () => void;
+    /** 重做 */
+    onRedo?: () => void;
+    /** 删除选中 */
+    onDelete?: () => void;
+    /** 放大 */
+    onZoomIn?: () => void;
+    /** 缩小 */
+    onZoomOut?: () => void;
+    /** 适应画布 */
+    onFitView?: () => void;
+    /** 重置缩放 */
+    onResetZoom?: () => void;
+    /** 全屏切换 */
+    onFullscreen?: () => void;
+    /** 调试模式切换 */
+    onToggleDebug?: () => void;
+    /** 查看数据 */
+    onViewData?: () => void;
+    /** 设置 */
+    onSettings?: () => void;
+    /** 校验 */
+    onValidate?: () => void;
+    /** 新建规则链 */
+    onNew?: () => void;
+    /** 导入 */
+    onImport?: () => void;
+    /** 导出 */
+    onExport?: () => void;
+    /** 额外的自定义按钮（插入到工具栏末尾） */
+    extraButtons?: ToolbarButton[];
+    /** 隐藏的按钮 key 列表 */
+    hiddenButtons?: string[];
+    /** 规则链名称（显示在工具栏中央） */
+    chainName?: string;
+}
+/**
+ * EditorToolbar 组件
+ *
+ * 纯 React 实现的编辑器工具栏，无 antd 依赖。
+ * 提供完整的编辑器操作按钮。
+ */
+declare const EditorToolbar: React.FC<EditorToolbarProps>;
+export default EditorToolbar;
+//# sourceMappingURL=EditorToolbar.d.ts.map

package/dist/components/EditorToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["../../src/components/EditorToolbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,cAAc;AACd,MAAM,WAAW,aAAa;IAC5B,WAAW;IACX,GAAG,EAAE,MAAM,CAAA;IACX,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW;IACX,OAAO,EAAE,MAAM,CAAA;IACf,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW;IACX,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,WAAW;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,kBAAkB;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,0BAA0B;AAC1B,MAAM,WAAW,kBAAkB;IACjC,YAAY;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW;IACX,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IAGtB,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,WAAW;IACX,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS;IACT,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS;IACT,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,WAAW;IACX,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,WAAW;IACX,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW;IACX,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa;IACb,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW;IACX,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS;IACT,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS;IACT,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS;IACT,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS;IACT,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB,yBAAyB;IACzB,YAAY,CAAC,EAAE,aAAa,EAAE,CAAA;IAC9B,mBAAmB;IACnB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwH/C,CAAA;AAID,eAAe,aAAa,CAAA"}

package/dist/components/ImportExportDialog.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @file ImportExportDialog.tsx
+ * @description 规则链导入/导出对话框
+ *
+ * 功能：
+ *   - 导出当前规则链为 JSON 文件
+ *   - 从 JSON 文件导入规则链
+ *   - 支持拖拽上传文件
+ *   - JSON 格式验证和预览
+ *   - 支持复制导出内容到剪贴板
+ *
+ * 设计：
+ *   - 纯 React + CSS，无外部 UI 库依赖
+ *   - rge- 前缀 CSS 类名避免冲突
+ *   - 通过回调 props 传递导入数据
+ */
+import React from 'react';
+/** 导入/导出模式 */
+export type ImportExportMode = 'import' | 'export';
+/** ImportExportDialog 属性 */
+export interface ImportExportDialogProps {
+    /** 初始模式，默认 'export' */
+    mode?: ImportExportMode;
+    /** 当前规则链数据 (导出用) */
+    data?: any;
+    /** 规则链名称 (用于文件名) */
+    chainName?: string;
+    /** 导入成功回调，参数为解析后的 JSON 数据 */
+    onImport?: (data: any) => void;
+    /** 关闭对话框回调 */
+    onClose: () => void;
+    /** 通知回调 */
+    onNotify?: (type: 'success' | 'error' | 'info', message: string) => void;
+}
+/**
+ * ImportExportDialog 组件
+ *
+ * @description
+ * 提供规则链的导入和导出功能。导出时展示格式化的 JSON，
+ * 支持复制到剪贴板和下载为文件。导入时支持文件选择和拖拽上传，
+ * 自动验证 JSON 格式并预览内容。
+ */
+declare const ImportExportDialog: React.FC<ImportExportDialogProps>;
+export default ImportExportDialog;
+//# sourceMappingURL=ImportExportDialog.d.ts.map

package/dist/components/ImportExportDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportExportDialog.d.ts","sourceRoot":"","sources":["../../src/components/ImportExportDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAwC,MAAM,OAAO,CAAA;AAM5D,cAAc;AACd,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAElD,4BAA4B;AAC5B,MAAM,WAAW,uBAAuB;IACtC,uBAAuB;IACvB,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,oBAAoB;IACpB,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9B,cAAc;IACd,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,WAAW;IACX,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACzE;AAMD;;;;;;;GAOG;AACH,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+PzD,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/MiniMap.d.ts

@@ -0,0 +1,75 @@
+/**
+ * @file components/MiniMap.tsx
+ * @description 小地图导航组件 — React 实现
+ *
+ * 功能：
+ *   - 显示画布全局缩略视图
+ *   - 标记所有节点位置（按类型着色）
+ *   - 标记当前视口范围（拖拽移动）
+ *   - 标记选中节点（高亮）
+ *   - 可折叠/展开
+ *   - 零 UI 框架依赖（纯 React + CSS）
+ *
+ * @see MiniMapProps — 参数类型
+ */
+import React from 'react';
+/** 小地图中的节点数据 */
+export interface MiniMapNode {
+    /** 节点 ID */
+    id: string;
+    /** X 坐标 */
+    x: number;
+    /** Y 坐标 */
+    y: number;
+    /** 宽度 */
+    width?: number;
+    /** 高度 */
+    height?: number;
+    /** 节点类型 */
+    type?: string;
+    /** 是否选中 */
+    selected?: boolean;
+    /** 显示颜色 */
+    color?: string;
+}
+/** 小地图中的视口数据 */
+export interface MiniMapViewport {
+    /** 视口左上角 X */
+    x: number;
+    /** 视口左上角 Y */
+    y: number;
+    /** 视口宽度 */
+    width: number;
+    /** 视口高度 */
+    height: number;
+}
+/** MiniMap Props */
+export interface MiniMapProps {
+    /** 所有节点列表 */
+    nodes: MiniMapNode[];
+    /** 当前视口范围 */
+    viewport?: MiniMapViewport;
+    /** 小地图宽度（默认 200） */
+    width?: number;
+    /** 小地图高度（默认 150） */
+    height?: number;
+    /** 是否默认折叠 */
+    defaultCollapsed?: boolean;
+    /** 位置（右下角/左下角/右上角/左上角） */
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    /** 视口拖拽回调 — 返回画布坐标 */
+    onViewportChange?: (center: {
+        x: number;
+        y: number;
+    }) => void;
+    /** 节点点击回调 */
+    onNodeClick?: (nodeId: string) => void;
+}
+/**
+ * MiniMap 组件
+ *
+ * 显示画布全局缩略图，方便大型规则链的导航。
+ */
+declare const MiniMap: React.FC<MiniMapProps>;
+export default MiniMap;
+//# sourceMappingURL=MiniMap.d.ts.map

package/dist/components/MiniMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMap.d.ts","sourceRoot":"","sources":["../../src/components/MiniMap.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAmD,MAAM,OAAO,CAAA;AAIvE,gBAAgB;AAChB,MAAM,WAAW,WAAW;IAC1B,YAAY;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,WAAW;IACX,CAAC,EAAE,MAAM,CAAA;IACT,WAAW;IACX,CAAC,EAAE,MAAM,CAAA;IACT,SAAS;IACT,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,gBAAgB;AAChB,MAAM,WAAW,eAAe;IAC9B,cAAc;IACd,CAAC,EAAE,MAAM,CAAA;IACT,cAAc;IACd,CAAC,EAAE,MAAM,CAAA;IACT,WAAW;IACX,KAAK,EAAE,MAAM,CAAA;IACb,WAAW;IACX,MAAM,EAAE,MAAM,CAAA;CACf;AAED,oBAAoB;AACpB,MAAM,WAAW,YAAY;IAC3B,aAAa;IACb,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,aAAa;IACb,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAA;IACpE,sBAAsB;IACtB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC7D,aAAa;IACb,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAwCD;;;;GAIG;AACH,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuJnC,CAAA;AAID,eAAe,OAAO,CAAA"}

package/dist/components/NodePropertyDrawer.d.ts

@@ -0,0 +1,83 @@
+/**
+ * @file components/NodePropertyDrawer.tsx
+ * @description 节点属性编辑抽屉 — React 实现
+ *
+ * 功能：
+ *   - 双击节点弹出侧边抽屉，编辑节点配置
+ *   - 根据组件 fields 定义动态渲染表单（string/bool/int/float/map/array/script）
+ *   - 支持节点 ID、名称、调试模式、描述等基础字段
+ *   - 提交后通过 onSubmit 回调更新节点属性
+ *   - 零 UI 框架依赖（纯 React + CSS）
+ *
+ * @see ComponentField — 字段定义类型
+ */
+import React from 'react';
+/** 组件字段定义 */
+export interface FieldDef {
+    /** 字段名 */
+    name: string;
+    /** 字段类型 */
+    type: string;
+    /** 显示标签 */
+    label?: string;
+    /** 字段描述 */
+    desc?: string;
+    /** 默认值 */
+    defaultValue?: unknown;
+    /** 校验规则 */
+    rules?: unknown[];
+}
+/** 节点模型数据 */
+export interface NodeModel {
+    /** LogicFlow 节点 ID */
+    id: string;
+    /** RuleGo 节点 ID */
+    nodeId?: string;
+    /** 节点类型 */
+    type: string;
+    /** 节点名称 */
+    name: string;
+    /** 调试模式 */
+    debugMode?: boolean;
+    /** 节点配置 */
+    configuration?: Record<string, unknown>;
+    /** 附加信息（描述等） */
+    additionalInfo?: Record<string, unknown>;
+    /** 额外属性 */
+    [key: string]: unknown;
+}
+/** 节点视图定义（组件定义） */
+export interface NodeView {
+    /** 组件类型 */
+    type: string;
+    /** 显示标签 */
+    label?: string;
+    /** 描述 */
+    desc?: string;
+    /** 字段定义列表 */
+    fields?: FieldDef[];
+    /** 额外属性 */
+    [key: string]: unknown;
+}
+/** NodePropertyDrawer Props */
+export interface NodePropertyDrawerProps {
+    /** 是否显示 */
+    visible: boolean;
+    /** 节点模型数据 */
+    nodeModel: NodeModel | null;
+    /** 节点视图/组件定义 */
+    nodeView: NodeView | null;
+    /** 提交回调 */
+    onSubmit: (model: NodeModel) => void;
+    /** 关闭回调 */
+    onClose: () => void;
+}
+/**
+ * NodePropertyDrawer 组件
+ *
+ * 纯 React 实现的节点属性编辑抽屉，无 antd 依赖。
+ * 根据组件 fields 动态渲染表单，支持多种字段类型。
+ */
+declare const NodePropertyDrawer: React.FC<NodePropertyDrawerProps>;
+export default NodePropertyDrawer;
+//# sourceMappingURL=NodePropertyDrawer.d.ts.map

package/dist/components/NodePropertyDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodePropertyDrawer.d.ts","sourceRoot":"","sources":["../../src/components/NodePropertyDrawer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D,aAAa;AACb,MAAM,WAAW,QAAQ;IACvB,UAAU;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU;IACV,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW;IACX,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;CAClB;AAED,aAAa;AACb,MAAM,WAAW,SAAS;IACxB,sBAAsB;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW;IACX,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACvC,gBAAgB;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACxC,WAAW;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,mBAAmB;AACnB,MAAM,WAAW,QAAQ;IACvB,WAAW;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS;IACT,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,aAAa;IACb,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAA;IACnB,WAAW;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,+BAA+B;AAC/B,MAAM,WAAW,uBAAuB;IACtC,WAAW;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa;IACb,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,gBAAgB;IAChB,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAA;IACzB,WAAW;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACpC,WAAW;IACX,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAYD;;;;;GAKG;AACH,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0VzD,CAAA;AAID,eAAe,kBAAkB,CAAA"}

package/dist/components/RuleChainSettings.d.ts

@@ -0,0 +1,74 @@
+/**
+ * @file components/RuleChainSettings.tsx
+ * @description 规则链设置对话框 — React 实现
+ *
+ * 功能：
+ *   - 编辑规则链元数据（名称/描述/调试模式等）
+ *   - 管理规则链全局配置
+ *   - 模态对话框展示
+ *   - 表单验证
+ *   - 零 UI 框架依赖（纯 React + CSS）
+ *
+ * @see RuleChainSettingsProps — 设置参数
+ */
+import React from 'react';
+/** 规则链设置数据 */
+export interface RuleChainSettingsData {
+    /** 规则链 ID */
+    id?: string;
+    /** 规则链名称 */
+    name: string;
+    /** 是否为根链 */
+    root?: boolean;
+    /** 是否开启调试模式 */
+    debugMode?: boolean;
+    /** 描述 */
+    description?: string;
+    /** 额外配置（JSON） */
+    additionalInfo?: Record<string, unknown>;
+    /** 自定义字段 */
+    [key: string]: unknown;
+}
+/** RuleChainSettings Props */
+export interface RuleChainSettingsProps {
+    /** 是否可见 */
+    visible: boolean;
+    /** 当前设置数据 */
+    data: RuleChainSettingsData;
+    /** 是否只读 */
+    readOnly?: boolean;
+    /** 对话框标题 */
+    title?: string;
+    /** 额外的自定义字段定义 */
+    customFields?: Array<{
+        /** 字段名 */
+        key: string;
+        /** 显示名称 */
+        label: string;
+        /** 字段类型 */
+        type: 'text' | 'number' | 'select' | 'textarea' | 'switch';
+        /** select 的选项 */
+        options?: Array<{
+            label: string;
+            value: string;
+        }>;
+        /** 默认值 */
+        defaultValue?: unknown;
+        /** 提示 */
+        placeholder?: string;
+        /** 帮助文本 */
+        help?: string;
+    }>;
+    /** 保存回调 */
+    onSave?: (data: RuleChainSettingsData) => void;
+    /** 取消 / 关闭 */
+    onClose: () => void;
+}
+/**
+ * RuleChainSettings 组件
+ *
+ * 模态对话框形式的规则链设置面板。
+ */
+declare const RuleChainSettings: React.FC<RuleChainSettingsProps>;
+export default RuleChainSettings;
+//# sourceMappingURL=RuleChainSettings.d.ts.map

package/dist/components/RuleChainSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleChainSettings.d.ts","sourceRoot":"","sources":["../../src/components/RuleChainSettings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,cAAc;AACd,MAAM,WAAW,qBAAqB;IACpC,aAAa;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY;IACZ,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,eAAe;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS;IACT,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACxC,YAAY;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,8BAA8B;AAC9B,MAAM,WAAW,sBAAsB;IACrC,WAAW;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa;IACb,IAAI,EAAE,qBAAqB,CAAA;IAC3B,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,iBAAiB;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;QACnB,UAAU;QACV,GAAG,EAAE,MAAM,CAAA;QACX,WAAW;QACX,KAAK,EAAE,MAAM,CAAA;QACb,WAAW;QACX,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAA;QAC1D,iBAAiB;QACjB,OAAO,CAAC,EAAE,KAAK,CAAC;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;QACjD,UAAU;QACV,YAAY,CAAC,EAAE,OAAO,CAAA;QACtB,SAAS;QACT,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW;QACX,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAC,CAAA;IAGF,WAAW;IACX,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAC9C,cAAc;IACd,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED;;;;GAIG;AACH,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6OvD,CAAA;AAID,eAAe,iBAAiB,CAAA"}

package/dist/components/RuleGoEditor.d.ts

@@ -0,0 +1,168 @@
+/**
+ * @file components/RuleGoEditor.tsx
+ * @description React 薄封装 — 直接复用 @huanban/rulego-editor-core 的 HuanbanRulegoEditor
+ *
+ * 设计理念:
+ * - 所有编辑器核心逻辑（工具栏、侧边栏、组件列表、上下文菜单、属性面板、
+ *   小地图、键盘快捷键等）全部在 editor-core 的 HuanbanRulegoEditor 中实现
+ * - React 版只负责: 挂载 DOM → 创建实例 → 代理 Props → 卸载时销毁
+ * - 这样 React / Vue / Angular 的封装都只需 ~100 行, 功能自动与 JS 版对齐
+ *
+ * @example
+ * ```tsx
+ * import { RuleGoEditor } from '@huanban/rulego-editor-react'
+ *
+ * function App() {
+ *   return (
+ *     <RuleGoEditor
+ *       apiBase="http://127.0.0.1:9090/api/v1"
+ *       data={ruleChainData}
+ *       components={componentsList}
+ *       onSave={(data) => console.log('保存', data)}
+ *       onReady={({ lf, core }) => console.log('就绪')}
+ *     />
+ *   )
+ * }
+ * ```
+ *
+ * @see HuanbanRulegoEditor — 核心引擎 (editor-core)
+ */
+import React from 'react';
+import { HuanbanRulegoEditor } from '@huanban/rulego-editor-core';
+import type { EditorCore } from '@huanban/rulego-editor-core';
+import type { RuleChainData, ComponentDefinition } from '@huanban/rulego-editor-core';
+import LogicFlow from '@logicflow/core';
+/**
+ * RuleGoEditor 组件 Props
+ *
+ * 大部分选项直接透传给 HuanbanRulegoEditor (editor-core)
+ * React 特有的只有: className, style, width, height, ref
+ */
+export interface RuleGoEditorProps {
+    /** 容器高度, 默认 '100%' */
+    height?: string | number;
+    /** 容器宽度, 默认 '100%' */
+    width?: string | number;
+    /** className */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** API 基础地址 (如 'http://127.0.0.1:9090/api/v1') */
+    apiBase?: string;
+    /** 请求超时毫秒数, 默认 5000 */
+    fetchTimeout?: number;
+    /** 初始规则链数据 */
+    data?: RuleChainData | null;
+    /** 初始组件列表 */
+    components?: ComponentDefinition[];
+    /** 是否显示工具栏, 默认 true */
+    showToolbar?: boolean;
+    /** 工具栏左侧标题 */
+    toolbarTitle?: string;
+    /** 是否显示侧边栏, 默认 true */
+    showSidebar?: boolean;
+    /** 侧边栏宽度, 默认 220 */
+    sidebarWidth?: number;
+    /** 侧边栏是否默认收起 */
+    sidebarCollapsed?: boolean;
+    /** 是否显示信息按钮 */
+    showInfoButton?: boolean;
+    /** 是否显示导出按钮, 默认 true */
+    showExportDialog?: boolean;
+    /** 是否显示运行按钮 */
+    showRunButton?: boolean;
+    /** 是否显示组件管理按钮 */
+    showComponentManage?: boolean;
+    /** 是否显示部署按钮, 默认 true */
+    showDeployButton?: boolean;
+    /** 是否显示运行记录按钮 */
+    showRunHistory?: boolean;
+    /** 运行记录 URL (支持 {chainId} 占位符) */
+    runHistoryUrl?: string;
+    /** 是否显示调试日志 Tab */
+    showDebugTab?: boolean;
+    /** 语言设置, 默认 'zh_cn' */
+    locale?: string;
+    /** LogicFlow 额外配置 (与默认配置合并) */
+    lfOptions?: Record<string, unknown>;
+    /** LogicFlow 插件数组 */
+    lfPlugins?: any[];
+    /** EditorCore 额外配置 */
+    coreOptions?: Record<string, unknown>;
+    /** 编辑器就绪 */
+    onReady?: (ctx: {
+        lf: LogicFlow;
+        core: EditorCore;
+    }) => void;
+    /** 保存回调 */
+    onSave?: (data: unknown) => void;
+    /** 节点点击 */
+    onNodeClick?: (data: unknown) => void;
+    /** 节点双击 */
+    onNodeDbClick?: (data: unknown) => void;
+    /** 边点击 */
+    onEdgeClick?: (data: unknown) => void;
+    /** 数据变化 */
+    onChange?: () => void;
+    /** 点击信息按钮 */
+    onInfoClick?: (chainInfo: any) => void;
+    /** 劫持导出 */
+    onExportDSL?: (data: {
+        json: string;
+        imageDataUrl?: string;
+    }) => void;
+    /** 劫持运行 */
+    onRunClick?: (chainId: string) => void;
+    /** 劫持组件管理 */
+    onComponentManage?: () => void;
+    /** 语言切换回调 */
+    onLocaleChange?: (locale: string) => void;
+    /** 劫持部署 */
+    onDeploy?: (chainId: string, action: 'deploy' | 'undeploy' | 'reload') => void;
+    /** 选择规则链 */
+    onSelectRuleChain?: (ruleChain: any) => void;
+    /** 删除规则链 */
+    onDeleteRuleChain?: (chainId: string) => void;
+    /** 劫持运行记录 */
+    onRunHistory?: (chainId: string) => void;
+    /** 规则链列表数据 */
+    ruleItems?: any[];
+    /** 规则链 API 地址 */
+    rulesApi?: string;
+}
+/**
+ * RuleGoEditor 的命令式 API
+ * 通过 useRef + forwardRef 暴露给父组件
+ */
+export interface RuleGoEditorRef {
+    /** HuanbanRulegoEditor 实例 (editor-core) */
+    editor: HuanbanRulegoEditor | null;
+    /** LogicFlow 实例 */
+    lf: LogicFlow | null;
+    /** EditorCore 实例 */
+    core: EditorCore | null;
+    /** 重新加载数据 */
+    loadData: (data: RuleChainData) => void;
+    /** 重新加载组件 */
+    loadComponents: (components: ComponentDefinition[]) => void;
+    /** 导出数据 */
+    exportData: () => RuleChainData | null;
+    /** 切换小地图 */
+    toggleMiniMap: () => void;
+}
+/**
+ * RuleGoEditor — React 封装组件
+ *
+ * 内部直接使用 editor-core 的 HuanbanRulegoEditor,
+ * 所有功能与原生 JS 版完全一致:
+ * - 工具栏 (保存/撤销/重做/导出/部署/运行/语言/主题)
+ * - 组件侧边栏 (分类折叠/搜索/拖拽添加)
+ * - 画布 (LogicFlow 2.x)
+ * - 右键菜单
+ * - 节点/边属性抽屉
+ * - 小地图
+ * - 键盘快捷键
+ */
+declare const RuleGoEditor: React.ForwardRefExoticComponent<RuleGoEditorProps & React.RefAttributes<RuleGoEditorRef>>;
+export default RuleGoEditor;
+//# sourceMappingURL=RuleGoEditor.d.ts.map

package/dist/components/RuleGoEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleGoEditor.d.ts","sourceRoot":"","sources":["../../src/components/RuleGoEditor.tsx"],"names":[],"mappings":"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"}

package/dist/components/SearchPanel.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @file SearchPanel.tsx
+ * @description 节点搜索面板
+ *
+ * 功能：
+ *   - 按名称、类型、ID 搜索规则链中的节点
+ *   - 实时过滤和高亮匹配结果
+ *   - 点击搜索结果定位到对应节点
+ *   - 支持快捷键触发 (Ctrl/Cmd + F)
+ *   - 支持搜索历史记录（会话内）
+ *
+ * 设计：
+ *   - 纯 React + CSS，无外部 UI 库依赖
+ *   - rge- 前缀 CSS 类名避免冲突
+ *   - 通过回调 props 处理节点定位
+ */
+import React from 'react';
+/** 搜索结果项 */
+export interface SearchResultItem {
+    /** 节点 ID */
+    id: string;
+    /** 节点名称 */
+    name: string;
+    /** 节点类型 */
+    type: string;
+    /** 组件类型显示名 */
+    typeLabel?: string;
+    /** 附加信息 (如配置片段) */
+    extra?: string;
+}
+/** SearchPanel 属性 */
+export interface SearchPanelProps {
+    /** 所有可搜索的节点列表 */
+    nodes: SearchResultItem[];
+    /** 点击搜索结果回调 — 定位到对应节点 */
+    onSelectNode?: (nodeId: string) => void;
+    /** 关闭搜索面板回调 */
+    onClose: () => void;
+    /** 面板位置 */
+    position?: 'top-center' | 'top-right';
+}
+/**
+ * SearchPanel 组件
+ *
+ * @description
+ * 提供节点搜索功能。输入关键词后实时过滤匹配节点，
+ * 点击搜索结果可定位到画布中对应的节点。
+ * 使用 ESC 键或关闭按钮关闭面板。
+ */
+declare const SearchPanel: React.FC<SearchPanelProps>;
+export default SearchPanel;
+//# sourceMappingURL=SearchPanel.d.ts.map

package/dist/components/SearchPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPanel.d.ts","sourceRoot":"","sources":["../../src/components/SearchPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAA4D,MAAM,OAAO,CAAA;AAMhF,YAAY;AACZ,MAAM,WAAW,gBAAgB;IAC/B,YAAY;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,WAAW;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,qBAAqB;AACrB,MAAM,WAAW,gBAAgB;IAC/B,iBAAiB;IACjB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,yBAAyB;IACzB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,eAAe;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,WAAW;IACX,QAAQ,CAAC,EAAE,YAAY,GAAG,WAAW,CAAA;CACtC;AAgCD;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4H3C,CAAA;AAED,eAAe,WAAW,CAAA"}