flowcloudai-ui 0.1.1 → 0.1.2

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ReactNode, ComponentType } from 'react';
+import React__default, { ReactNode, ComponentType, MouseEvent, CSSProperties } from 'react';
 
 type Theme = 'light' | 'dark' | 'system';
 interface ThemeContextType {
@@ -18,11 +18,14 @@ declare function ThemeProvider({ children, defaultTheme, target }: Props): react
 
 type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'warning';
 type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
     /** 按钮变体 */
     variant?: ButtonVariant;
     /** 尺寸 */
     size?: ButtonSize;
+    /** 圆角大小，不传则跟随 size 默认值 */
+    radius?: ButtonRadius;
     /** 是否禁用 */
     disabled?: boolean;
     /** 加载状态 */
@@ -54,7 +57,7 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
     /** hover 边框色 */
     hoverBorderColor?: string;
 }
-declare function Button({ variant, size, disabled, loading, block, circle, iconOnly, iconLeft, iconRight, background, hoverBackground, activeBackground, color, hoverColor, activeColor, borderColor, hoverBorderColor, className, style, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ variant, size, radius, disabled, loading, block, circle, iconOnly, iconLeft, iconRight, background, hoverBackground, activeBackground, color, hoverColor, activeColor, borderColor, hoverBorderColor, className, style, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 interface ButtonGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
     children: React$1.ReactNode;
 }
@@ -65,10 +68,13 @@ interface ButtonToolbarProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare function ButtonToolbar({ children, align, className, ...props }: ButtonToolbarProps): react_jsx_runtime.JSX.Element;
 
+type CheckButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 interface CheckButtonBase {
     onChange?: (checked: boolean) => void;
     disabled?: boolean;
     size?: 'sm' | 'md' | 'lg';
+    /** 轨道圆角，默认 full（胶囊形） */
+    radius?: CheckButtonRadius;
     labelLeft?: string;
     labelRight?: string;
     className?: string;
@@ -93,7 +99,7 @@ interface UncontrolledCheckButton extends CheckButtonBase {
     defaultChecked?: boolean;
 }
 type CheckButtonProps = ControlledCheckButton | UncontrolledCheckButton;
-declare function CheckButton({ checked: controlledChecked, defaultChecked, onChange, disabled, size, labelLeft, labelRight, trackBackground, checkedTrackBackground, thumbBackground, thumbDotColor, labelColor, className, style, }: CheckButtonProps): react_jsx_runtime.JSX.Element;
+declare function CheckButton({ checked: controlledChecked, defaultChecked, onChange, disabled, size, radius, labelLeft, labelRight, trackBackground, checkedTrackBackground, thumbBackground, thumbDotColor, labelColor, className, style, }: CheckButtonProps): react_jsx_runtime.JSX.Element;
 
 type ShowThumb = 'auto' | 'hide' | 'show';
 type ThumbSize = 'thin' | 'normal' | 'thick';
@@ -136,6 +142,8 @@ interface SideBarItem {
 interface SideBarProps {
     /** 菜单项列表（受控） */
     items: SideBarItem[];
+    /** 底部固定菜单项（如设置、退出），始终显示在侧边栏底部 */
+    bottomItems?: SideBarItem[];
     /** 当前选中的 key（受控） */
     selectedKey: string;
     /** 是否折叠（受控） */
@@ -164,9 +172,12 @@ declare const SideBar: React__default.NamedExoticComponent<SideBarProps>;
 
 type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type InputStatus = 'default' | 'error' | 'warning' | 'success';
-interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
+type InputRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'onChange'> {
     size?: InputSize;
     status?: InputStatus;
+    /** 圆角大小，不传则使用默认值 md */
+    radius?: InputRadius;
     prefix?: React$1.ReactNode;
     suffix?: React$1.ReactNode;
     allowClear?: boolean;
@@ -174,6 +185,7 @@ interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>,
     addonBefore?: React$1.ReactNode;
     addonAfter?: React$1.ReactNode;
     helperText?: string;
+    onChange?: (value: string) => void;
     onClear?: () => void;
 }
 declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
@@ -211,15 +223,18 @@ interface SelectOption {
     disabled?: boolean;
     group?: string;
 }
+type SelectRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 interface SelectProps {
     options: SelectOption[];
     value?: string | number | (string | number)[];
     defaultValue?: string | number | (string | number)[];
-    onChange?: (value: any) => void;
+    onChange?: (value: string | number | (string | number)[]) => void;
     placeholder?: string;
     searchable?: boolean;
     multiple?: boolean;
     disabled?: boolean;
+    /** 圆角大小，触发器和下拉框同步改变 */
+    radius?: SelectRadius;
     className?: string;
     style?: React$1.CSSProperties;
     virtualScroll?: boolean;
@@ -236,7 +251,7 @@ interface SelectProps {
     /** hover / 键盘高亮背景色 */
     hoverBackground?: string;
 }
-declare function Select({ options, value: controlledValue, defaultValue, onChange, placeholder, searchable, multiple, disabled, className, style, virtualScroll, virtualItemHeight, maxHeight, triggerBackground, triggerBorderColor, selectedColor, selectedBackground, hoverBackground, }: SelectProps): react_jsx_runtime.JSX.Element;
+declare function Select({ options, value: controlledValue, defaultValue, onChange, placeholder, searchable, multiple, disabled, radius, className, style, virtualScroll, virtualItemHeight, maxHeight, triggerBackground, triggerBorderColor, selectedColor, selectedBackground, hoverBackground, }: SelectProps): react_jsx_runtime.JSX.Element;
 
 interface FlatCategory {
     id: string;
@@ -301,24 +316,17 @@ interface OrphanDialogProps {
 }
 declare function OrphanDialog({ orphans, onResolve, onClose }: OrphanDialogProps): react_jsx_runtime.JSX.Element | null;
 
-type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type AvatarShape = 'circle' | 'square';
-type AvatarLoadState = 'idle' | 'loading' | 'loaded' | 'error';
-type AvatarColorVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
 interface AvatarProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onError'> {
-    children?: React__default.ReactNode;
     src?: string;
     fallbackSrc?: string;
-    color?: string;
-    colorVariant?: AvatarColorVariant;
-    size?: AvatarSize;
+    size?: number | string;
     shape?: AvatarShape;
     alt?: string;
     lazyLoad?: boolean;
     onImageLoad?: () => void;
     onImageError?: (error?: Event) => void;
     bordered?: boolean;
-    onStateChange?: (state: AvatarLoadState) => void;
 }
 declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -446,6 +454,18 @@ interface TabBarProps {
     addable?: boolean;
     /** 是否启用拖拽排序 */
     draggable?: boolean;
+    /**
+     * Tab 最小宽度比例（相对 window.innerWidth）。
+     * 当均分后每个 Tab 宽度 < window.innerWidth * minWidthRatio 时，切换为横向滚动模式。
+     * @default 0.07
+     */
+    minWidthRatio?: number;
+    /**
+     * Tab 最大宽度比例（相对 window.innerWidth）。
+     * 在固定模式下，单个 Tab 的宽度不会超过此值，防止子项很少时占满过多空间。
+     * @default 0.15
+     */
+    maxTabWidthRatio?: number;
     onChange: (activeKey: string) => void;
     onClose?: (key: string) => void;
     onAdd?: () => void;
@@ -508,11 +528,18 @@ interface MarkdownEditorProps {
     onAiComplete?: () => void;
     minHeight?: number;
     placeholder?: string;
+    /**
+     * 显示模式
+     * - edit:    编辑模式（工具栏含双栏切换按钮）
+     * - preview: 纯预览，只读渲染 Markdown，隐藏工具栏
+     * @default 'edit'
+     */
+    mode?: 'edit' | 'preview';
     background?: string;
     toolbarBackground?: string;
     borderColor?: string;
 }
-declare function MarkdownEditor({ value, onChange, onAiComplete, minHeight, placeholder, background, toolbarBackground, borderColor, }: MarkdownEditorProps): react_jsx_runtime.JSX.Element;
+declare function MarkdownEditor({ value, onChange, onAiComplete, minHeight, placeholder, mode, background, toolbarBackground, borderColor, }: MarkdownEditorProps): react_jsx_runtime.JSX.Element;
 
 type ContextMenuDivider = {
     type: "divider";
@@ -599,4 +626,51 @@ interface ChatProps {
 }
 declare const Chat: React__default.FC<ChatProps>;
 
-export { type AlertMode, type AlertProps, AlertProvider, type AlertProviderProps, type AlertType, Avatar, type AvatarColorVariant, type AvatarLoadState, type AvatarProps, type AvatarShape, type AvatarSize, Button, ButtonGroup, ButtonToolbar, Card, type CardProps, type CategoryTreeNode, Chat, type ChatProps, CheckButton, type ContextMenuAction, type ContextMenuDivider, type ContextMenuItem, ContextMenuProvider, type ContextMenuProviderProps, type Conversation, DeleteDialog, type DeleteMode, type DropPosition, type FlatCategory, type FlatToTreeResult, Input, ListGroup, ListGroupItem, type ListGroupItemProps, type ListGroupProps, MarkdownEditor, type MarkdownEditorProps, type Message, type MessageRole, OrphanDialog, type OrphanResolution, type OrphanResolutionMap, RollingBox, Select, SideBar, type SideBarItem, type SideBarProps, Slider, SmartMessage, type SmartMessageProps, TabBar, type TabBarProps, type TabItem, TagItem, type TagItemProps, type TagSchema, type TagValue, type Theme, ThemeProvider, Tree, type TreeProps, VirtualList, findNodeInfo, flatToTree, isDescendantOf, lazyLoad, useAlert, useContextMenu, useTheme };
+interface RelationNodeData {
+    iconType?: 'war' | 'target' | 'star' | 'award' | 'flag' | 'default' | 'user' | 'shield';
+    title: string;
+    subtitle: string;
+    description?: string;
+    imageUrl?: string;
+    status?: 'active' | 'inactive' | 'warning';
+    metadata?: Record<string, any>;
+}
+interface RelationEdgeData {
+    label?: string;
+    type?: 'solid' | 'dashed' | 'dotted';
+    color?: string;
+    animated?: boolean;
+    metadata?: Record<string, any>;
+}
+interface RelationProps {
+    nodes?: any[];
+    edges?: any[];
+    onNodeClick?: (nodeId: string, nodeData: RelationNodeData, event?: MouseEvent) => void;
+    onNodeDoubleClick?: (nodeId: string, nodeData: RelationNodeData) => void;
+    onEdgeClick?: (edgeId: string, edgeData?: RelationEdgeData) => void;
+    onConnect?: (connection: any) => void;
+    onNodesChange?: (nodes: any[]) => void;
+    onEdgesChange?: (edges: any[]) => void;
+    fitView?: boolean;
+    fitViewOptions?: any;
+    className?: string;
+    style?: CSSProperties;
+    height?: string | number;
+    width?: string | number;
+    defaultViewport?: {
+        x: number;
+        y: number;
+        zoom: number;
+    };
+    minZoom?: number;
+    maxZoom?: number;
+    snapToGrid?: boolean;
+    snapGrid?: [number, number];
+    enableEdgeCreation?: boolean;
+    enableNodeDrag?: boolean;
+    onNodeContextMenu?: (nodeId: string, nodeData: RelationNodeData) => void;
+    theme?: 'dark' | 'light';
+}
+declare const Relation: React.FC<RelationProps>;
+
+export { type AlertMode, type AlertProps, AlertProvider, type AlertProviderProps, type AlertType, Avatar, type AvatarProps, type AvatarShape, Button, ButtonGroup, ButtonToolbar, Card, type CardProps, type CategoryTreeNode, Chat, type ChatProps, CheckButton, type ContextMenuAction, type ContextMenuDivider, type ContextMenuItem, ContextMenuProvider, type ContextMenuProviderProps, type Conversation, DeleteDialog, type DeleteMode, type DropPosition, type FlatCategory, type FlatToTreeResult, Input, ListGroup, ListGroupItem, type ListGroupItemProps, type ListGroupProps, MarkdownEditor, type MarkdownEditorProps, type Message, type MessageRole, OrphanDialog, type OrphanResolution, type OrphanResolutionMap, Relation, type RelationEdgeData, type RelationNodeData, type RelationProps, RollingBox, Select, SideBar, type SideBarItem, type SideBarProps, Slider, SmartMessage, type SmartMessageProps, TabBar, type TabBarProps, type TabItem, TagItem, type TagItemProps, type TagSchema, type TagValue, type Theme, ThemeProvider, Tree, type TreeProps, VirtualList, findNodeInfo, flatToTree, isDescendantOf, lazyLoad, useAlert, useContextMenu, useTheme };