@mxmweb/xviewer 1.0.0

package/core/components/Button.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export type ButtonType = 'primary' | 'default' | 'error' | 'warning' | 'success' | 'text';
+export interface ButtonProps {
+    mode?: ButtonType;
+    label?: string;
+    styles?: any;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    onClick?: () => void;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/core/components/DropdownMenu.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface DropdownMenuAction {
+    key: string;
+    label?: string;
+    type?: 'divider' | 'action';
+    icon?: React.ReactNode;
+    onClick?: () => void;
+}
+interface DropdownMenuProps {
+    actions: DropdownMenuAction[];
+    onAction: (key: string) => void;
+    direction?: 'top' | 'bottom';
+    styles?: any;
+}
+declare const DropdownMenu: React.FC<DropdownMenuProps>;
+export default DropdownMenu;

package/core/components/cardUI/DatabaseCard.d.ts

@@ -0,0 +1,28 @@
+import { CardAction } from '../../hooks/useDynamicCards';
+import * as React from 'react';
+/**
+ * 数据库卡片组件
+ * 用于展示数据库连接信息
+ * @author mxm
+ * @date 2024-12-19
+ */
+interface DatabaseCardProps {
+    data: {
+        id: string;
+        name: string;
+        dbType?: string;
+        description?: string;
+        url?: string;
+        username?: string;
+        port?: string | number;
+        status?: string;
+        actions?: CardAction[];
+        databaseType?: 'upload' | 'direct' | string;
+        [key: string]: any;
+    };
+    theme?: any;
+    actions?: CardAction[];
+    onAction?: (action: string, data: any) => void;
+}
+declare const DatabaseCard: React.FC<DatabaseCardProps>;
+export default DatabaseCard;

package/core/components/cardUI/DefaultCard.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+/**
+ * 默认卡片组件
+ * 用于展示基础卡片信息
+ * @author mxm
+ * @date 2024-12-19
+ */
+interface DefaultCardProps {
+    data: any;
+    theme?: any;
+}
+declare const DefaultCard: React.FC<DefaultCardProps>;
+export default DefaultCard;

package/core/components/cardUI/DesignCard.d.ts

@@ -0,0 +1,16 @@
+import { CardAction } from '../../hooks/useDynamicCards';
+import * as React from 'react';
+/**
+ * 设计卡片组件
+ * 用于展示设计稿信息
+ * @author mxm
+ * @date 2024-12-19
+ */
+interface DesignCardProps {
+    data: any;
+    theme?: any;
+    actions?: CardAction[];
+    onAction?: (action: string, data: any) => void;
+}
+declare const DesignCard: React.FC<DesignCardProps>;
+export default DesignCard;

package/core/components/cardUI/PrototypeCard.d.ts

@@ -0,0 +1,16 @@
+import { CardAction } from '../../hooks/useDynamicCards';
+import * as React from 'react';
+/**
+ * 原型卡片组件
+ * 用于展示原型设计信息
+ * @author mxm
+ * @date 2024-12-19
+ */
+interface PrototypeCardProps {
+    data: any;
+    theme?: any;
+    actions?: CardAction[];
+    onAction?: (action: string, data: any) => void;
+}
+declare const PrototypeCard: React.FC<PrototypeCardProps>;
+export default PrototypeCard;

package/core/components/cardUI/RepositoryCard.d.ts

@@ -0,0 +1,16 @@
+import { CardAction } from '../../hooks/useDynamicCards';
+import * as React from 'react';
+/**
+ * 代码仓库卡片组件
+ * 用于展示代码仓库信息
+ * @author mxm
+ * @date 2024-12-19
+ */
+interface RepositoryCardProps {
+    data: any;
+    theme?: any;
+    actions?: CardAction[];
+    onAction?: (action: string, data: any) => void;
+}
+declare const RepositoryCard: React.FC<RepositoryCardProps>;
+export default RepositoryCard;

package/core/components/cardUI/common.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+/**
+ * 卡片通用样式组件
+ * 提供所有卡片类型共用的样式定义
+ * @author mxm
+ * @date 2024-12-19
+ */
+interface Theme {
+    colors?: {
+        border?: string;
+        background?: string;
+        shadow?: string;
+        primary?: string;
+    };
+    space?: {
+        radius?: number;
+    };
+}
+type StatusType = 'connect' | 'active' | 'completed' | 'error' | 'deprecated' | 'in_progress' | 'pending' | 'archived';
+export declare const CardWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme?: any;
+}>> & string;
+export declare const CardContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardDesc: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardMeta: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardActions: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StatusDotWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StatusDot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    status?: any;
+}>> & string;
+export declare const Wave: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const Tooltip: React.FC<{
+    title: string;
+    children: React.ReactNode;
+}>;
+export type { Theme, StatusType };

package/core/components/cardUI/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * CardUI 组件导出文件
+ * 提供各种卡片类型的UI组件
+ * @author mxm
+ * @date 2024-12-19
+ */
+export { default as DatabaseCard } from './DatabaseCard';
+export { default as DesignCard } from './DesignCard';
+export { default as PrototypeCard } from './PrototypeCard';
+export { default as RepositoryCard } from './RepositoryCard';
+export { default as DefaultCard } from './DefaultCard';
+export { CardWrapper, CardContent, CardHeader, CardTitle, CardDesc, CardMeta, CardActions, StatusDotWrapper, StatusDot, Wave, Tooltip } from './common';
+export type { Theme, StatusType } from './common';

package/core/components/dataDisplayer/DigitalClockDate.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface DigitalClockDateProps {
+    value: string;
+}
+declare const DigitalClockDate: React.FC<DigitalClockDateProps>;
+export default DigitalClockDate;

package/core/components/dataDisplayer/MobileLockDate.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface MobileLockDateProps {
+    value: string;
+}
+declare const MobileLockDate: React.FC<MobileLockDateProps>;
+export default MobileLockDate;

package/core/eventsEnum.d.ts

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

package/core/hooks/animes/useRowAnimation.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 表格行动画hook
+ * 处理删除动画：删除行向右滑出
+ */
+export declare const useRowAnimation: (onAnimationComplete: (rowId: string) => void) => {
+    getRowProps: (row: any) => {
+        className: string;
+        style: {
+            transition: string;
+            opacity: number;
+            transform: string;
+        } | {
+            transition?: undefined;
+            opacity?: undefined;
+            transform?: undefined;
+        };
+        onTransitionEnd: (e: React.TransitionEvent) => void;
+    };
+};

package/core/hooks/animes/useStaggerAnimation.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 表格行stagger动画hook
+ * 处理删除动画：删除行向右滑出，后续行向上补充位置的stagger效果
+ * 性能优化版本
+ */
+export declare const useStaggerAnimation: (onAnimationComplete: (rowId: string) => void) => {
+    getRowProps: (row: any) => {
+        className: string;
+        ref: (el: HTMLElement | null) => void;
+    };
+    cleanup: () => void;
+};

package/core/hooks/useCardStaggerAnimation.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 批量卡片删除动画hook
+ * @param removingIds 需要执行动画的卡片id数组
+ * @param onBatchComplete 所有动画完成后统一回调
+ * @returns getCardProps
+ */
+export declare function useBatchCardStaggerAnimation(removingIds: string[], onBatchComplete: (ids: string[]) => void): {
+    getCardProps: (card: any) => {
+        id: string;
+        style: {
+            willChange: string;
+            pointerEvents: string;
+        } | {
+            willChange?: undefined;
+            pointerEvents?: undefined;
+        };
+    };
+};

package/core/hooks/useDynamicCards.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+export type CardType = 'database' | 'default' | 'customized' | 'design' | 'prototype' | 'repository';
+export interface CardAction {
+    key: string;
+    label?: string;
+    type?: 'divider' | 'action';
+    icon?: React.ReactNode;
+    onClick?: (data: any) => void;
+    allow?: boolean;
+}
+export interface CardConfig {
+    id: string;
+    cardtype: CardType;
+    title?: string;
+    name?: string;
+    description?: string;
+    dbType?: string;
+    content?: string;
+    actions?: CardAction[];
+    render?: (data: any, options?: any) => React.ReactNode;
+    [key: string]: any;
+}
+export interface UseDynamicCardsOptions {
+    onAction?: (action: string, data: any) => void;
+    onCardClick?: (cardData: any, event: any) => void;
+    onCardDoubleClick?: (cardData: any, event: any) => void;
+    theme?: any;
+    actions?: CardAction[];
+}
+/**
+ * useDynamicCards hooks
+ * 负责将卡片配置数组转为带 render 的卡片对象，支持多种 cardtype 和自定义渲染。
+ * @param configs 卡片配置数组
+ * @param options 事件回调等
+ * @returns 带 render 的卡片配置数组
+ */
+export declare function useDynamicCards(configs: CardConfig[], cardType: CardType, options?: UseDynamicCardsOptions): (CardConfig | {
+    render: (data: any, extra?: any) => import("react/jsx-runtime").JSX.Element;
+    id: string;
+    cardtype: CardType;
+    title?: string;
+    name?: string;
+    description?: string;
+    dbType?: string;
+    content?: string;
+    actions?: CardAction[];
+})[];

package/core/hooks/useDynamicForm.d.ts

@@ -0,0 +1,62 @@
+/**
+ * 动态表单配置接口
+ *
+ * 新增 col 布局元素类型，用于创建 flex 布局的列容器
+ *
+ * @example
+ * // 基础用法 - 水平排列两个输入框
+ * {
+ *   type: 'col',
+ *   children: [
+ *     { type: 'input', label: '姓名', name: 'firstName', required: true },
+ *     { type: 'input', label: '姓氏', name: 'lastName', required: true }
+ *   ]
+ * }
+ *
+ * @example
+ * // 高级用法 - 自定义布局属性
+ * {
+ *   type: 'col',
+ *   direction: 'row',           // flex 方向: 'row' | 'column'
+ *   gap: 24,                    // 间距
+ *   justify: 'space-between',   // 主轴对齐: 'start' | 'center' | 'end' | 'space-between' | 'space-around'
+ *   align: 'center',            // 交叉轴对齐: 'start' | 'center' | 'end' | 'stretch'
+ *   wrap: true,                 // 是否换行
+ *   children: [
+ *     { type: 'select', label: '性别', name: 'gender', options: [...] },
+ *     { type: 'number', label: '年龄', name: 'age', range: { min: 1, max: 120 } }
+ *   ]
+ * }
+ */
+export interface FormItemProps {
+    type: 'input' | 'select' | 'number' | 'slider' | 'switch' | 'date' | 'radio' | 'textarea' | 'divider' | 'password' | 'col' | 'title';
+    label?: string;
+    description?: string;
+    control?: string[];
+    controlledItems?: string[];
+    name?: string;
+    defaultValue?: any;
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    range?: {
+        min: number;
+        max: number;
+    };
+    step?: number;
+    unit?: string;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    required?: boolean;
+    error?: string;
+    level?: number;
+    children?: FormItemProps[];
+    direction?: 'row' | 'column';
+    gap?: number;
+    justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    wrap?: boolean;
+}
+export declare function useDynamicFormItems(config?: FormItemProps[], styles?: any, initialValues?: Record<string, any>, size?: 'sm' | 'md'): (import("react/jsx-runtime").JSX.Element | null)[];

package/core/hooks/useDynamicTable.d.ts

@@ -0,0 +1,37 @@
+export interface TableColumnConfig {
+    id: string;
+    title: string;
+    type: string;
+    [key: string]: any;
+}
+export interface TableCellConfig {
+    columnId: string;
+    value: any;
+    statusType?: string;
+    [key: string]: any;
+}
+export interface TableRowConfig {
+    id: string;
+    cells: TableCellConfig[];
+    [key: string]: any;
+}
+export declare enum StatusType {
+    success = "success",
+    error = "error",
+    warning = "warning",
+    processing = "processing",
+    info = "info",
+    default = "default"
+}
+interface UseDynamicTableColumnsOptions {
+    eventsEmit?: (eventName: string, data: any) => void;
+}
+/**
+ * useDynamicTableColumns
+ * 根据配置项自动生成统一风格的table columns
+ * 支持字符、数字、状态、列表、日期、操作等类型
+ * @param configs 列配置数组
+ * @param options 事件分发等
+ */
+export declare function useDynamicTableColumns(configs: TableColumnConfig[], options?: UseDynamicTableColumnsOptions, styles?: any): TableColumnConfig[];
+export {};

package/core/hooks/useFuzzySearch.d.ts

@@ -0,0 +1,43 @@
+export interface FuzzySearchConfig {
+    searchKeys?: string[];
+    fuzzyValue: string;
+}
+export interface TableDataItem {
+    id: string;
+    data: Array<{
+        columnId: string;
+        value: any;
+        statusType?: string;
+        [key: string]: any;
+    }>;
+    [key: string]: any;
+}
+export interface CardDataItem {
+    id: string;
+    [key: string]: any;
+}
+export interface TableColumn {
+    id: string;
+    title: string;
+    type: string;
+    [key: string]: any;
+}
+/**
+ * 通用模糊搜索Hook
+ * 支持表格数据和卡片数据的模糊搜索过滤
+ *
+ * @param data - 要过滤的数据源
+ * @param config - 模糊搜索配置
+ * @param dataType - 数据类型：'table' | 'card'
+ * @param columns - 表格列定义（仅table类型需要）
+ * @returns 过滤后的数据
+ */
+export declare function useFuzzySearch<T extends TableDataItem | CardDataItem>(data: T[], config: FuzzySearchConfig, dataType: 'table' | 'card', columns?: TableColumn[]): T[];
+/**
+ * 从工具栏配置中提取模糊搜索配置
+ *
+ * @param toolbar - 工具栏配置
+ * @param fuzzyValue - 模糊搜索值
+ * @returns 模糊搜索配置
+ */
+export declare function extractFuzzySearchConfig(toolbar: any[] | undefined, fuzzyValue: string): FuzzySearchConfig;

package/core/layout.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface ChatLayoutProps {
+    children?: React.ReactNode;
+    goBack?: () => void;
+    title?: string;
+    description?: string;
+    styles?: any;
+    theme?: any;
+}
+declare const Layout: React.FC<ChatLayoutProps>;
+export default Layout;

package/index.d.ts

@@ -0,0 +1,2 @@
+declare const DatabasePage: () => import("react/jsx-runtime").JSX.Element;
+export default DatabasePage;