@oneflowui/ui 0.1.0

package/dist/components/tabs/Tabs.vue.d.ts

@@ -0,0 +1,60 @@
+import { Component } from 'vue';
+/**
+ * TabItem 接口 - 单个标签页定义
+ */
+export interface TabItem {
+    /** 唯一标识符，对应 TabPanel 的 name */
+    key: string;
+    /** 显示文字 */
+    label: string;
+    /** 图标：lucide icon name（kebab-case）或 Vue 组件 */
+    icon?: string | Component;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 角标，如未读数 */
+    badge?: string | number;
+}
+/**
+ * Tabs 组件 - 标签页切换
+ *
+ * @example
+ * <Tabs v-model="activeTab" :tabs="tabs" variant="line">
+ *   <TabPanel name="tab1">内容1</TabPanel>
+ *   <TabPanel name="tab2">内容2</TabPanel>
+ * </Tabs>
+ */
+type __VLS_Props = {
+    /** 当前激活的 tab key（v-model 受控模式） */
+    modelValue?: string;
+    /** 初始激活的 tab key（非受控模式） */
+    defaultValue?: string;
+    /** 变体：line 下划线 | card 卡片 */
+    variant?: "line" | "card";
+    /** 尺寸 */
+    size?: "sm" | "md" | "lg";
+    /** tab 列表配置 */
+    tabs: TabItem[];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (key: string) => any;
+    change: (key: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((key: string) => any) | undefined;
+    onChange?: ((key: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Tabs } from './Tabs.vue';
+export { default as TabPanel } from './TabPanel.vue';
+export type { TabItem } from './Tabs.vue';

package/dist/components/timeline/GanttRow.vue.d.ts

@@ -0,0 +1,42 @@
+import { ColorMap } from '../../types';
+interface GanttRowItem {
+    id: string;
+    title: string;
+    status?: string;
+    priority?: string;
+    startDate: string;
+    endDate: string;
+    barColor?: string;
+}
+type __VLS_Props = {
+    item: GanttRowItem;
+    dayWidth: number;
+    offsetDays: number;
+    durationDays: number;
+    totalDays: number;
+    readonly?: boolean;
+    priorityColorMap?: ColorMap;
+    statusColorMap?: ColorMap;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (item: GanttRowItem) => any;
+    change: (payload: {
+        id: string;
+        offsetDays: number;
+        durationDays: number;
+        startDate: string;
+        endDate: string;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((item: GanttRowItem) => any) | undefined;
+    onChange?: ((payload: {
+        id: string;
+        offsetDays: number;
+        durationDays: number;
+        startDate: string;
+        endDate: string;
+    }) => any) | undefined;
+}>, {
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/timeline/GanttTimeline.vue.d.ts

@@ -0,0 +1,46 @@
+import { DataRecord, GanttItem, TableSchema, Task, ViewConfig } from '../../types';
+interface TimelineRow {
+    id: string;
+    title: string;
+    status?: string;
+    priority?: string;
+    startDate: string;
+    endDate: string;
+    barColor?: string;
+    sourceRecordId?: string;
+}
+type __VLS_Props = {
+    records?: DataRecord[];
+    schema?: TableSchema;
+    viewConfig?: ViewConfig;
+    startFieldId?: string;
+    endFieldId?: string;
+    labelFieldId?: string;
+    items?: GanttItem[];
+    data?: Task[];
+    startDate?: string;
+    days?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "row-click": (item: TimelineRow) => any;
+    "record-change": (payload: {
+        recordId: string;
+        startDate: string;
+        endDate: string;
+    }) => any;
+    "update:records": (records: DataRecord[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onRow-click"?: ((item: TimelineRow) => any) | undefined;
+    "onRecord-change"?: ((payload: {
+        recordId: string;
+        startDate: string;
+        endDate: string;
+    }) => any) | undefined;
+    "onUpdate:records"?: ((records: DataRecord[]) => any) | undefined;
+}>, {
+    startFieldId: string;
+    endFieldId: string;
+    labelFieldId: string;
+    days: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/timeline/index.d.ts

@@ -0,0 +1,2 @@
+export { default as GanttRow } from './GanttRow.vue';
+export { default as GanttTimeline } from './GanttTimeline.vue';

package/dist/components/toast/ToastContainer.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/toast/ToastItem.vue.d.ts

@@ -0,0 +1,16 @@
+import { ToastItem } from '../../composables/useToast';
+/**
+ * ToastItem - 单个 Toast 通知项组件
+ *
+ * @prop toast - Toast 数据对象
+ * @emit close - 点击关闭按钮时触发
+ */
+type __VLS_Props = {
+    toast: ToastItem;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/toast/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ToastContainer } from './ToastContainer.vue';
+export { default as ToastItem } from './ToastItem.vue';

package/dist/composables/index.d.ts

@@ -0,0 +1,16 @@
+export { useBadge, resolveBadge, mergeColorMap, DEFAULT_PRIORITY_MAP, DEFAULT_STATUS_MAP, } from './useBadge';
+export type { ResolvedBadge } from './useBadge';
+export { useStream } from './useStream';
+export type { UseStreamOptions, StreamMode } from './useStream';
+export { useTypewriter } from './useTypewriter';
+export type { UseTypewriterOptions } from './useTypewriter';
+export { useAiChat } from './useAiChat';
+export type { ChatMessage, UseAiChatOptions } from './useAiChat';
+export { useTableFilter } from './useTableFilter';
+export type { FilterCondition, FilterLogic, FilterOperator } from './useTableFilter';
+export { useTable } from './useTable';
+export type { SortState, PaginationState, UseTableOptions } from './useTable';
+export { useMarkdown } from './useMarkdown';
+export type { UseMarkdownOptions } from './useMarkdown';
+export { useInlineEdit } from './useInlineEdit';
+export type { EditingCell } from './useInlineEdit';

package/dist/composables/useAiChat.d.ts

@@ -0,0 +1,45 @@
+export interface ChatMessage {
+    id: string;
+    role: "ai" | "user";
+    content: string;
+    isStreaming?: boolean;
+    timestamp?: string;
+    error?: boolean;
+}
+export interface UseAiChatOptions {
+    /**
+     * 发送消息的函数，返回 ReadableStream 或 Response
+     * 业务层自己实现具体的 API 调用
+     */
+    sendRequest: (content: string, history: ChatMessage[]) => Promise<ReadableStream<Uint8Array> | Response>;
+    /**
+     * SSE 模式下解析每条 data 并返回文本增量，返回 null 则跳过
+     */
+    parseChunk?: (data: unknown) => string | null;
+    /** 是否启用打字机效果，默认 false（直接追加） */
+    typewriter?: boolean;
+    typewriterSpeed?: number;
+    onError?: (error: Error) => void;
+}
+export declare function useAiChat(options: UseAiChatOptions): {
+    messages: Readonly<import('vue').Ref<readonly {
+        readonly id: string;
+        readonly role: "ai" | "user";
+        readonly content: string;
+        readonly isStreaming?: boolean | undefined;
+        readonly timestamp?: string | undefined;
+        readonly error?: boolean | undefined;
+    }[], readonly {
+        readonly id: string;
+        readonly role: "ai" | "user";
+        readonly content: string;
+        readonly isStreaming?: boolean | undefined;
+        readonly timestamp?: string | undefined;
+        readonly error?: boolean | undefined;
+    }[]>>;
+    isGenerating: Readonly<import('vue').Ref<boolean, boolean>>;
+    isStreaming: Readonly<import('vue').Ref<boolean, boolean>>;
+    send: (content: string) => Promise<void>;
+    cancel: () => void;
+    clear: () => void;
+};

package/dist/composables/useBadge.d.ts

@@ -0,0 +1,27 @@
+import { ColorMap } from '../types';
+export declare const DEFAULT_PRIORITY_MAP: ColorMap;
+export declare const DEFAULT_STATUS_MAP: ColorMap;
+export interface ResolvedBadge {
+    style: {
+        color: string;
+        background: string;
+    };
+    label: string;
+    dot?: string;
+}
+/**
+ * 从 colorMap 中查找 value 对应的徽章配置。
+ * - 找到：使用 map 中的配置（label 不存在时回退到 value 本身）
+ * - 找不到：使用灰色兜底，label = value 原始值
+ */
+export declare function resolveBadge(value: string, colorMap: ColorMap): ResolvedBadge;
+/**
+ * 合并外部传入的 colorMap 与默认 map（外部优先）
+ */
+export declare function mergeColorMap(defaultMap: ColorMap, overrides?: ColorMap): ColorMap;
+export declare function useBadge(): {
+    DEFAULT_PRIORITY_MAP: ColorMap;
+    DEFAULT_STATUS_MAP: ColorMap;
+    resolveBadge: typeof resolveBadge;
+    mergeColorMap: typeof mergeColorMap;
+};

package/dist/composables/useInlineEdit.d.ts

@@ -0,0 +1,17 @@
+export interface EditingCell {
+    rowId: string;
+    fieldId: string;
+}
+export declare function useInlineEdit(): {
+    editingCell: Readonly<import('vue').Ref<{
+        readonly rowId: string;
+        readonly fieldId: string;
+    } | null, {
+        readonly rowId: string;
+        readonly fieldId: string;
+    } | null>>;
+    activate: (rowId: string, fieldId: string) => void;
+    commit: (rowId: string, fieldId: string, value: unknown) => unknown;
+    cancel: () => void;
+    isEditing: (rowId: string, fieldId: string) => boolean;
+};

package/dist/composables/useMarkdown.d.ts

@@ -0,0 +1,16 @@
+/**
+ * useMarkdown - 可复用的 Markdown 渲染逻辑
+ *
+ * 用于在不同系统中渲染 Markdown 内容，支持代码高亮和复制按钮
+ *
+ * @example
+ * const { renderMarkdown } = useMarkdown({ showCopyButton: true })
+ * const html = renderMarkdown('# Hello\n\n```js\ncode\n```')
+ */
+export interface UseMarkdownOptions {
+    showCopyButton?: boolean;
+    t?: (key: string) => string;
+}
+export declare function useMarkdown(options?: UseMarkdownOptions): {
+    renderMarkdown: (content: string) => string;
+};

package/dist/composables/useStream.d.ts

@@ -0,0 +1,15 @@
+export type StreamMode = "raw" | "sse";
+export interface UseStreamOptions {
+    mode?: StreamMode;
+    onChunk?: (text: string) => void;
+    onData?: (parsed: unknown) => void;
+    onDone?: () => void;
+    onError?: (error: Error) => void;
+}
+export declare function useStream(options?: UseStreamOptions): {
+    isStreaming: Readonly<import('vue').Ref<boolean, boolean>>;
+    isLoading: Readonly<import('vue').Ref<boolean, boolean>>;
+    error: Readonly<import('vue').Ref<Error | null, Error | null>>;
+    start: (readableStream: ReadableStream<Uint8Array>) => Promise<void>;
+    cancel: () => void;
+};

package/dist/composables/useTable.d.ts

@@ -0,0 +1,62 @@
+export type SortOrder = "asc" | "desc" | null;
+export interface SortState {
+    field: string | null;
+    order: SortOrder;
+}
+export interface PaginationState {
+    page: number;
+    pageSize: number;
+    total: number;
+}
+export interface UseTableOptions<T> {
+    data?: T[];
+    pageSize?: number;
+    /** 服务端分页模式：开启后 filterData/sortData 不在客户端处理 */
+    serverSide?: boolean;
+    /** 服务端模式下，分页/排序变化时回调 */
+    onFetch?: (params: {
+        page: number;
+        pageSize: number;
+        sort: SortState;
+    }) => Promise<{
+        data: T[];
+        total: number;
+    }>;
+}
+export declare function useTable<T extends Record<string, unknown>>(options?: UseTableOptions<T>): {
+    data: import('vue').ComputedRef<T[]>;
+    rawData: Readonly<import('vue').Ref<readonly import('vue').DeepReadonly<import('@vue/reactivity').UnwrapRefSimple<T>>[], readonly import('vue').DeepReadonly<import('@vue/reactivity').UnwrapRefSimple<T>>[]>>;
+    loading: Readonly<import('vue').Ref<boolean, boolean>>;
+    error: Readonly<import('vue').Ref<Error | null, Error | null>>;
+    sort: Readonly<import('vue').Ref<{
+        readonly field: string | null;
+        readonly order: SortOrder;
+    }, {
+        readonly field: string | null;
+        readonly order: SortOrder;
+    }>>;
+    pagination: Readonly<import('vue').Ref<{
+        readonly page: number;
+        readonly pageSize: number;
+        readonly total: number;
+    }, {
+        readonly page: number;
+        readonly pageSize: number;
+        readonly total: number;
+    }>>;
+    totalPages: import('vue').ComputedRef<number>;
+    selectedRows: Readonly<import('vue').Ref<ReadonlySet<string | number>, ReadonlySet<string | number>>>;
+    selectedCount: import('vue').ComputedRef<number>;
+    isAllSelected: import('vue').ComputedRef<boolean>;
+    toggleSort: (field: string) => void;
+    setSort: (field: string, order: SortOrder) => void;
+    setPage: (page: number) => void;
+    setPageSize: (size: number) => void;
+    toggleRowSelection: (row: T, index: number) => void;
+    toggleSelectAll: (allRows: T[]) => void;
+    isRowSelected: (row: T, index: number) => boolean;
+    clearSelection: () => void;
+    refresh: () => void;
+    fetchData: () => Promise<void>;
+    setData: (data: T[]) => void;
+};

package/dist/composables/useTableFilter.d.ts

@@ -0,0 +1,36 @@
+import { TableColumn } from '../types';
+export type FilterOperator = "equals" | "not_equals" | "contains" | "not_contains" | "starts_with" | "ends_with" | "gt" | "gte" | "lt" | "lte" | "is_empty" | "is_not_empty";
+export type FilterLogic = "and" | "or";
+export interface FilterCondition {
+    id: string;
+    field: string;
+    operator: FilterOperator;
+    value: string;
+}
+export interface UseTableFilterOptions {
+    columns?: TableColumn[];
+}
+export declare function useTableFilter<T extends Record<string, unknown>>(options?: UseTableFilterOptions): {
+    conditions: Readonly<import('vue').Ref<readonly {
+        readonly id: string;
+        readonly field: string;
+        readonly operator: FilterOperator;
+        readonly value: string;
+    }[], readonly {
+        readonly id: string;
+        readonly field: string;
+        readonly operator: FilterOperator;
+        readonly value: string;
+    }[]>>;
+    logic: import('vue').Ref<FilterLogic, FilterLogic>;
+    isActive: import('vue').ComputedRef<boolean>;
+    addCondition: (field?: string) => void;
+    removeCondition: (id: string) => void;
+    updateCondition: (id: string, update: Partial<FilterCondition>) => void;
+    clearConditions: () => void;
+    filterData: (data: T[]) => T[];
+    operatorsFor: (colType?: string) => {
+        value: FilterOperator;
+        label: string;
+    }[];
+};

package/dist/composables/useToast.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Toast 通知类型
+ */
+export type ToastType = "info" | "success" | "warning" | "error";
+/**
+ * Toast 数据项接口
+ */
+export interface ToastItem {
+    id: string;
+    type: ToastType;
+    message: string;
+    /** 持续时间（毫秒），0 表示不自动关闭 */
+    duration?: number;
+    title?: string;
+}
+/**
+ * useToast 配置项
+ */
+export interface UseToastOptions {
+    /** 持续时间（毫秒），默认 3000，0 表示不自动关闭 */
+    duration?: number;
+    title?: string;
+}
+/**
+ * 移除指定 id 的 Toast
+ */
+declare function remove(id: string): void;
+/**
+ * useToast composable
+ *
+ * 全局单例模式，所有调用共享同一个 toast 列表。
+ *
+ * @example
+ * ```ts
+ * const toast = useToast()
+ * toast.success('操作成功')
+ * toast.error('操作失败', { title: '错误', duration: 5000 })
+ * toast.info('提示信息', { duration: 0 }) // 不自动关闭
+ * ```
+ */
+export declare function useToast(): {
+    /** 响应式 toast 列表 */
+    toasts: import('vue').Reactive<ToastItem[]>;
+    /** 显示 info 类型通知 */
+    info: (message: string, options?: UseToastOptions) => string;
+    /** 显示 success 类型通知 */
+    success: (message: string, options?: UseToastOptions) => string;
+    /** 显示 warning 类型通知 */
+    warning: (message: string, options?: UseToastOptions) => string;
+    /** 显示 error 类型通知 */
+    error: (message: string, options?: UseToastOptions) => string;
+    /** 移除指定 id 的 toast */
+    remove: typeof remove;
+    /** 清除所有 toast */
+    clear: () => {
+        id: string;
+        type: ToastType;
+        message: string;
+        duration?: number | undefined;
+        title?: string | undefined;
+    }[];
+};
+export {};

package/dist/composables/useTypewriter.d.ts

@@ -0,0 +1,11 @@
+export interface UseTypewriterOptions {
+    speed?: number;
+    onComplete?: () => void;
+}
+export declare function useTypewriter(options?: UseTypewriterOptions): {
+    displayText: Readonly<import('vue').Ref<string, string>>;
+    isTyping: Readonly<import('vue').Ref<boolean, boolean>>;
+    append: (text: string) => void;
+    reset: () => void;
+    flush: () => void;
+};

package/dist/dev/App.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;