@widget-js/mindmap 0.0.1

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/mind-map/algo-node.d.ts

@@ -0,0 +1,14 @@
+import { Cell } from '@antv/x6';
+
+export interface NodeStatus {
+    id: string;
+    label?: string;
+    checked?: boolean;
+    collapsed?: boolean;
+    editing?: boolean;
+    readonly?: boolean;
+}
+declare function AlgoNode(props: {
+    node: Cell;
+}): import("react/jsx-runtime").JSX.Element;
+export default AlgoNode;

package/dist/mind-map/delete-node-dialog.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+interface DeleteNodeDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    nodeName: string;
+    onConfirm: () => void;
+}
+export declare const DeleteNodeDialog: React.FC<DeleteNodeDialogProps>;
+export {};

package/dist/mind-map/index.d.ts

@@ -0,0 +1,16 @@
+import { MindNode } from '../types/MindNode';
+
+interface MindMapProps {
+    data: MindNode;
+    isDarkMode?: boolean;
+    title?: string;
+    showCheckboxes?: boolean;
+    showGrid?: boolean;
+    readonly?: boolean;
+    onNodeChange?: (data: MindNode, type: 'create' | 'delete' | 'update' | 'check' | 'collapse' | 'undo') => void;
+}
+export interface MindMapRef {
+    exportGraph: () => void;
+}
+export declare const MindMap: import('react').ForwardRefExoticComponent<MindMapProps & import('react').RefAttributes<MindMapRef>>;
+export {};

package/dist/mind-map/mind-map-toolbar.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+interface MindMapToolbarProps {
+    zoomIn: () => void;
+    zoomOut: () => void;
+    zoomToOne: () => void;
+    exportGraph: () => void;
+    showCheckboxes: boolean;
+    onToggleCheckboxes: (checked: boolean) => void;
+    showGrid: boolean;
+    onToggleGrid: (checked: boolean) => void;
+}
+export declare const MindMapToolbar: React.FC<MindMapToolbarProps>;
+export {};

package/dist/mind-map/registry.d.ts

@@ -0,0 +1,2 @@
+export declare function registerCustomConnector(): void;
+export declare function registerCustomEdge(theme?: 'light' | 'dark'): void;

package/dist/mind-map/rename-node-dialog.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+interface RenameNodeDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    value: string;
+    onChange: (value: string) => void;
+    onConfirm: () => void;
+}
+export declare const RenameNodeDialog: React.FC<RenameNodeDialogProps>;
+export {};

package/dist/mind-map/use-graph-init.d.ts

@@ -0,0 +1,22 @@
+import { MindNode } from '../types/MindNode';
+import { Graph } from '@antv/x6';
+
+interface UseGraphInitProps {
+    containerRef: React.RefObject<HTMLDivElement>;
+    graphRef: React.RefObject<Graph | null>;
+    treeDataRef: React.RefObject<any>;
+    renderRef: React.RefObject<(() => void) | null>;
+    selectedNodeIdRef: React.RefObject<string | null>;
+    themeRef: React.RefObject<'light' | 'dark'>;
+    data: MindNode;
+    isDarkMode: boolean;
+    showCheckboxes: boolean;
+    showGrid: boolean;
+    readonly: boolean;
+    onNodeChange?: (data: MindNode, type: 'create' | 'delete' | 'update' | 'check' | 'collapse' | 'undo') => void;
+    openCreateDialog: (parentId: string) => void;
+    openDeleteDialog: (nodeId: string) => void;
+    openRenameDialog: (nodeId: string) => void;
+}
+export declare function useGraphInit({ containerRef, graphRef, treeDataRef, renderRef, selectedNodeIdRef, themeRef, data, isDarkMode, showCheckboxes, showGrid, readonly, onNodeChange, openCreateDialog, openDeleteDialog, openRenameDialog, }: UseGraphInitProps): void;
+export {};

package/dist/mind-map/use-graph-operations.d.ts

@@ -0,0 +1,32 @@
+import { Graph } from '@antv/x6';
+import { MindNode } from '../types/MindNode';
+
+interface UseGraphOperationsProps {
+    graphRef: React.RefObject<Graph | null>;
+    treeDataRef: React.RefObject<any>;
+    renderRef: React.RefObject<(() => void) | null>;
+    selectedNodeIdRef: React.RefObject<string | null>;
+    onNodeChange?: (data: MindNode, type: 'create' | 'delete' | 'update' | 'check' | 'collapse' | 'undo') => void;
+}
+export declare function useGraphOperations({ graphRef, treeDataRef, renderRef, selectedNodeIdRef, onNodeChange, }: UseGraphOperationsProps): {
+    renameOpen: boolean;
+    setRenameOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    renameNodeId: string | null;
+    setRenameNodeId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
+    renameValue: string;
+    setRenameValue: import('react').Dispatch<import('react').SetStateAction<string>>;
+    deleteOpen: boolean;
+    setDeleteOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    deleteNodeId: string | null;
+    setDeleteNodeId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
+    deleteNodeName: string;
+    setDeleteNodeName: import('react').Dispatch<import('react').SetStateAction<string>>;
+    openRenameDialog: (nodeId: string) => void;
+    openCreateDialog: (parentId: string) => void;
+    openDeleteDialog: (nodeId: string) => void;
+    applyRename: () => void;
+    applyDelete: () => void;
+    applyCreateChild: (parentId: string, nodeValue: string) => void;
+    applyCreateSibling: (nodeId: string, nodeValue: string) => void;
+};
+export {};

package/dist/mind-map/use-keyboard-shortcuts.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+interface UseKeyboardShortcutsProps {
+    renameOpen: boolean;
+    readonly: boolean;
+    selectedNodeIdRef: React.MutableRefObject<string | null>;
+    applyCreateSibling: (id: string, name: string) => void;
+    applyCreateChild: (id: string, name: string) => void;
+    openDeleteDialog: (id: string) => void;
+}
+export declare function useKeyboardShortcuts({ renameOpen, readonly, selectedNodeIdRef, applyCreateSibling, applyCreateChild, openDeleteDialog, }: UseKeyboardShortcutsProps): void;
+export {};

package/dist/mind-map/utils.d.ts

@@ -0,0 +1,11 @@
+import { MindNode } from '../types/MindNode';
+
+export declare function getMindNodeData(node: any): MindNode;
+export declare function findNodeInTree(root: any, id: string): any;
+export declare function findNodeWithParent(root: any, id: string, parent?: any): {
+    node: any;
+    parent: any;
+    index: number;
+} | null;
+export declare function transformData(data: any): any;
+export declare function getVisibleData(node: any): any;

package/dist/types/MindNode.d.ts

@@ -0,0 +1,12 @@
+export interface MindNode {
+    id: string;
+    name: string;
+    type?: string;
+    checked?: boolean;
+    /**
+     * 技能节点的首页链接
+     */
+    url?: string;
+    collapsed?: boolean;
+    children?: MindNode[];
+}

package/dist/ui/button-group.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator';
+
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };

package/dist/ui/button.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/ui/context-menu.d.ts

@@ -0,0 +1,26 @@
+import { ContextMenu as ContextMenuPrimitive } from 'radix-ui';
+
+import * as React from 'react';
+declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, };

package/dist/ui/dialog.d.ts

@@ -0,0 +1,18 @@
+import { Dialog as DialogPrimitive } from 'radix-ui';
+
+import * as React from 'react';
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<'div'> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/ui/kbd.d.ts

@@ -0,0 +1,3 @@
+declare function Kbd({ className, ...props }: React.ComponentProps<'kbd'>): import("react/jsx-runtime").JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Kbd, KbdGroup };

package/dist/ui/separator.d.ts

@@ -0,0 +1,5 @@
+import { Separator as SeparatorPrimitive } from 'radix-ui';
+
+import * as React from 'react';
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

package/dist/ui/toggle.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import { Toggle as TogglePrimitive } from 'radix-ui';
+
+import * as React from 'react';
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@widget-js/mindmap",
+  "version": "0.0.1",
+  "author": {
+    "name": "Neo Fu",
+    "email": "rtugeek@gmail.com"
+  },
+  "description": "A React MindMap component using AntV X6",
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^3.0.0 || ^4.0.0"
+  },
+  "dependencies": {
+    "@antv/hierarchy": "^0.7.1",
+    "@antv/x6": "^3.1.6",
+    "@antv/x6-react-shape": "^3.0.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "insert-css": "^2.0.0",
+    "lucide-react": "^0.563.0",
+    "radix-ui": "^1.4.3",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.4.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "autoprefixer": "^10.4.19",
+    "postcss": "^8.4.38",
+    "rollup-plugin-visualizer": "^6.0.5",
+    "tailwindcss": "^4.1.18",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.0.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "lint": "eslint ."
+  }
+}