rt-chat-messages 1.0.0

package/dist/types/components/AgentSteps.vue.d.ts

@@ -0,0 +1,11 @@
+interface AgentStep {
+    name: string;
+    displayName: string;
+    status: "running" | "completed" | "error";
+    startTime?: number;
+}
+type __VLS_Props = {
+    steps: AgentStep[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/ChatMessageList.vue.d.ts

@@ -0,0 +1,72 @@
+interface ChatMessage {
+    id?: string;
+    role: string;
+    content: string;
+    metadata?: string | any;
+    attachments?: any[];
+    create_time?: string;
+    [key: string]: any;
+}
+interface AgentStep {
+    name: string;
+    displayName: string;
+    status: "running" | "completed" | "error";
+    startTime?: number;
+}
+interface Props {
+    messages: ChatMessage[];
+    isStreaming?: boolean;
+    isTyping?: boolean;
+    showWelcome?: boolean;
+    appName?: string;
+    appLogo?: string;
+    agentSteps?: AgentStep[];
+    showAgentSteps?: boolean;
+    autoScroll?: boolean;
+    contentPaddingTop?: string;
+    contentPaddingBottom?: string;
+    showBackground?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        welcome?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    scrollToBottom: (behavior?: ScrollBehavior) => Promise<void>;
+    containerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    copy: (...args: any[]) => void;
+    scroll: (...args: any[]) => void;
+    "scroll-bottom": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onCopy?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
+    "onScroll-bottom"?: ((...args: any[]) => any) | undefined;
+}>, {
+    isStreaming: boolean;
+    messages: ChatMessage[];
+    isTyping: boolean;
+    showWelcome: boolean;
+    appName: string;
+    showAgentSteps: boolean;
+    autoScroll: boolean;
+    contentPaddingTop: string;
+    contentPaddingBottom: string;
+    showBackground: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, 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/types/components/MarkdownMessage.vue.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    content: string;
+    isStreaming?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    isStreaming: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    markdownContainer: HTMLDivElement;
+    markdownContent: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/types/components/MultimodalMessage.vue.d.ts

@@ -0,0 +1,25 @@
+interface FileAttachment {
+    name: string;
+    size: number;
+    type: string;
+    fileType?: string;
+}
+interface MultimodalMessageData {
+    id?: string;
+    content?: string;
+    metadata?: string;
+    role?: string;
+    content_type?: string;
+    create_time?: string;
+    attachments?: FileAttachment[];
+}
+interface Props {
+    message: MultimodalMessageData;
+    isUser?: boolean;
+    isStreaming?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    isStreaming: boolean;
+    isUser: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/ui/Button.vue.d.ts

@@ -0,0 +1,34 @@
+interface Props {
+    type?: "primary" | "default" | "danger" | "text";
+    size?: "small" | "default" | "large";
+    circle?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: "primary" | "default" | "danger" | "text";
+    disabled: boolean;
+    circle: boolean;
+    size: "small" | "default" | "large";
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+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/types/components/ui/Dialog.vue.d.ts

@@ -0,0 +1,38 @@
+interface Props {
+    visible?: boolean;
+    width?: string;
+    fullscreen?: boolean;
+    showClose?: boolean;
+    closeOnClickModal?: boolean;
+    appendToBody?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (...args: any[]) => void;
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    visible: boolean;
+    width: string;
+    fullscreen: boolean;
+    showClose: boolean;
+    closeOnClickModal: boolean;
+    appendToBody: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/types/icons/index.d.ts

@@ -0,0 +1,14 @@
+import { Component } from 'vue';
+export declare const Close: Component;
+export declare const ZoomIn: Component;
+export declare const ZoomOut: Component;
+export declare const Document: Component;
+export declare const Download: Component;
+export declare const VideoPlay: Component;
+export declare const VideoPause: Component;
+export declare const ArrowLeft: Component;
+export declare const ArrowRight: Component;
+export declare const Spinner: Component;
+export declare const Check: Component;
+export declare const ChevronUp: Component;
+export declare const ChevronDown: Component;

package/dist/types/index.d.ts

@@ -0,0 +1,11 @@
+import { default as ChatMessageList } from './components/ChatMessageList.vue';
+import { default as MultimodalMessage } from './components/MultimodalMessage.vue';
+import { default as MarkdownMessage } from './components/MarkdownMessage.vue';
+import { default as AgentSteps } from './components/AgentSteps.vue';
+import { App } from 'vue';
+export { ChatMessageList, MultimodalMessage, MarkdownMessage, AgentSteps };
+export type { ChatMessage, AgentStep, FileAttachment } from './types';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/dist/types/types/index.d.ts

@@ -0,0 +1,21 @@
+export interface FileAttachment {
+    name: string;
+    size: number;
+    type: string;
+    fileType?: string;
+}
+export interface ChatMessage {
+    id?: string;
+    role: "user" | "assistant" | "system" | string;
+    content: string;
+    metadata?: string | any;
+    attachments?: FileAttachment[];
+    create_time?: string;
+    [key: string]: any;
+}
+export interface AgentStep {
+    name: string;
+    displayName: string;
+    status: "running" | "completed" | "error";
+    startTime?: number;
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "rt-chat-messages",
+  "version": "1.0.0",
+  "description": "AI对话消息展示组件，开箱即用，支持Markdown、Mermaid、多模态内容",
+  "type": "module",
+  "main": "./dist/chat-messages.umd.js",
+  "module": "./dist/chat-messages.es.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/chat-messages.es.js",
+      "require": "./dist/chat-messages.umd.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "markdown-it": "^14.0.0",
+    "@vscode/markdown-it-katex": "^1.0.0",
+    "mermaid": "^10.0.0",
+    "katex": "^0.16.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.1",
+    "typescript": "~5.6.2",
+    "vite": "^6.0.5",
+    "vite-plugin-dts": "^4.4.0",
+    "vue": "^3.5.13",
+    "vue-tsc": "^2.2.0",
+    "@types/markdown-it": "^14.0.0"
+  },
+  "keywords": [
+    "vue",
+    "chat",
+    "message",
+    "markdown",
+    "mermaid",
+    "ai"
+  ],
+  "license": "MIT"
+}