rt-chat-input 1.0.0

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

@@ -0,0 +1,92 @@
+import { ChatInputProps } from '../types';
+declare const _default: import('vue').DefineComponent<ChatInputProps, {
+    focus: () => void;
+    blur: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (message: string) => any;
+    stop: () => any;
+    send: (text: string, files: File[]) => any;
+    blur: (e: FocusEvent) => any;
+    change: (text: string) => any;
+    focus: (e: FocusEvent) => any;
+    voice: (audio: Blob, duration: number) => any;
+    attach: (files: File[]) => any;
+}, string, import('vue').PublicProps, Readonly<ChatInputProps> & Readonly<{
+    onError?: ((message: string) => any) | undefined;
+    onStop?: (() => any) | undefined;
+    onSend?: ((text: string, files: File[]) => any) | undefined;
+    onBlur?: ((e: FocusEvent) => any) | undefined;
+    onChange?: ((text: string) => any) | undefined;
+    onFocus?: ((e: FocusEvent) => any) | undefined;
+    onVoice?: ((audio: Blob, duration: number) => any) | undefined;
+    onAttach?: ((files: File[]) => any) | undefined;
+}>, {
+    fixed: boolean;
+    disabled: boolean;
+    placeholder: string;
+    wsUrl: string;
+    loading: boolean;
+    maxVoiceDuration: number;
+    theme: "light" | "dark" | "auto";
+    showVoiceButton: boolean;
+    showAttachmentButton: boolean;
+    acceptFileTypes: string;
+    bottomOffset: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    textareaRef: HTMLTextAreaElement;
+    voiceRecorderRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').VoiceRecorderProps> & Readonly<{
+        onError?: ((message: string) => any) | undefined;
+        onVoiceRecorded?: ((audioBlob: Blob, duration: number) => any) | undefined;
+        onUpdateText?: ((text: string) => any) | undefined;
+        onEditText?: ((text: string) => any) | undefined;
+    }>, {
+        startExternalRecording: () => Promise<void>;
+        stopExternalRecording: (gesture?: "send" | "cancel" | "edit") => void;
+        setExternalStartPoint: (x: number, y: number) => void;
+        updateExternalGesture: (clientX: number, clientY: number) => void;
+        getGestureState: () => "cancel" | "send" | "edit";
+        isRecording: import('vue').Ref<boolean, boolean>;
+        isPreparing: import('vue').Ref<boolean, boolean>;
+        gestureState: import('vue').Ref<"cancel" | "send" | "edit", "cancel" | "send" | "edit">;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        error: (message: string) => any;
+        voiceRecorded: (audioBlob: Blob, duration: number) => any;
+        updateText: (text: string) => any;
+        editText: (text: string) => any;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        maxDuration: number;
+        variant: "icon" | "block";
+        realtime: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        cancelAreaRef: HTMLDivElement;
+        editAreaRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('..').VoiceRecorderProps> & Readonly<{
+        onError?: ((message: string) => any) | undefined;
+        onVoiceRecorded?: ((audioBlob: Blob, duration: number) => any) | undefined;
+        onUpdateText?: ((text: string) => any) | undefined;
+        onEditText?: ((text: string) => any) | undefined;
+    }>, {
+        startExternalRecording: () => Promise<void>;
+        stopExternalRecording: (gesture?: "send" | "cancel" | "edit") => void;
+        setExternalStartPoint: (x: number, y: number) => void;
+        updateExternalGesture: (clientX: number, clientY: number) => void;
+        getGestureState: () => "cancel" | "send" | "edit";
+        isRecording: import('vue').Ref<boolean, boolean>;
+        isPreparing: import('vue').Ref<boolean, boolean>;
+        gestureState: import('vue').Ref<"cancel" | "send" | "edit", "cancel" | "send" | "edit">;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        maxDuration: number;
+        variant: "icon" | "block";
+        realtime: boolean;
+    }> | null;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,44 @@
+interface Props {
+    modelValue: boolean;
+    title?: string;
+    content?: string;
+    showClose?: boolean;
+    showFooter?: boolean;
+    closeOnClickModal?: boolean;
+    confirmText?: string;
+    cancelText?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        footer?(_: {}): 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:modelValue": (value: boolean) => any;
+    confirm: () => any;
+    cancel: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {
+    title: string;
+    content: string;
+    showClose: boolean;
+    showFooter: boolean;
+    closeOnClickModal: boolean;
+    confirmText: string;
+    cancelText: string;
+}, {}, {}, {}, 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/components/Toast.vue.d.ts

@@ -0,0 +1,6 @@
+import { ToastType } from '../types';
+declare const _default: import('vue').DefineComponent<{}, {
+    add: (message: string, type?: ToastType, duration?: number) => void;
+    remove: (id: number) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,30 @@
+import { VoiceRecorderProps } from '../types';
+declare const _default: import('vue').DefineComponent<VoiceRecorderProps, {
+    startExternalRecording: () => Promise<void>;
+    stopExternalRecording: (gesture?: "send" | "cancel" | "edit") => void;
+    setExternalStartPoint: (x: number, y: number) => void;
+    updateExternalGesture: (clientX: number, clientY: number) => void;
+    getGestureState: () => "cancel" | "send" | "edit";
+    isRecording: import('vue').Ref<boolean, boolean>;
+    isPreparing: import('vue').Ref<boolean, boolean>;
+    gestureState: import('vue').Ref<"cancel" | "send" | "edit", "cancel" | "send" | "edit">;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (message: string) => any;
+    voiceRecorded: (audioBlob: Blob, duration: number) => any;
+    updateText: (text: string) => any;
+    editText: (text: string) => any;
+}, string, import('vue').PublicProps, Readonly<VoiceRecorderProps> & Readonly<{
+    onError?: ((message: string) => any) | undefined;
+    onVoiceRecorded?: ((audioBlob: Blob, duration: number) => any) | undefined;
+    onUpdateText?: ((text: string) => any) | undefined;
+    onEditText?: ((text: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    maxDuration: number;
+    variant: "icon" | "block";
+    realtime: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    cancelAreaRef: HTMLDivElement;
+    editAreaRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/types/composables/useToast.d.ts

@@ -0,0 +1,8 @@
+import { ToastOptions } from '../types';
+export declare function useToast(): {
+    success: (message: string, duration?: number) => void;
+    error: (message: string, duration?: number) => void;
+    warning: (message: string, duration?: number) => void;
+    info: (message: string, duration?: number) => void;
+    show: (options: ToastOptions) => void;
+};

package/dist/types/icons/ArrowUpIcon.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

package/dist/types/icons/AttachmentIcon.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

package/dist/types/icons/KeyboardIcon.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

package/dist/types/icons/LoadingIcon.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

package/dist/types/icons/MicrophoneIcon.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

package/dist/types/icons/PlayIcon.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

package/dist/types/icons/SendIcon.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

package/dist/types/icons/StopIcon.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

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

@@ -0,0 +1,8 @@
+export { default as MicrophoneIcon } from './MicrophoneIcon.vue';
+export { default as LoadingIcon } from './LoadingIcon.vue';
+export { default as SendIcon } from './SendIcon.vue';
+export { default as AttachmentIcon } from './AttachmentIcon.vue';
+export { default as KeyboardIcon } from './KeyboardIcon.vue';
+export { default as PlayIcon } from './PlayIcon.vue';
+export { default as ArrowUpIcon } from './ArrowUpIcon.vue';
+export { default as StopIcon } from './StopIcon.vue';

package/dist/types/index.d.ts

@@ -0,0 +1,11 @@
+import { default as ChatInput } from './components/ChatInput.vue';
+import { default as VoiceRecorder } from './components/VoiceRecorder.vue';
+import { useToast } from './composables/useToast';
+import { App } from 'vue';
+export { ChatInput, VoiceRecorder };
+export { useToast };
+export type { ChatInputProps, VoiceRecorderProps } from './types';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

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

@@ -0,0 +1,42 @@
+export interface ChatInputProps {
+    /** 占位文字 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否处于加载/流式输出状态 */
+    loading?: boolean;
+    /** 最大录音时长（秒） */
+    maxVoiceDuration?: number;
+    /** WebSocket 地址（用于实时语音转写） */
+    wsUrl?: string;
+    /** 主题 */
+    theme?: "light" | "dark" | "auto";
+    /** 是否显示语音按钮 */
+    showVoiceButton?: boolean;
+    /** 是否显示附件按钮 */
+    showAttachmentButton?: boolean;
+    /** 接受的文件类型 */
+    acceptFileTypes?: string;
+    /** 是否使用固定底部定位布局（开箱即用模式） */
+    fixed?: boolean;
+    /** 底部偏移量（仅 fixed=true 时生效），默认 36px */
+    bottomOffset?: number | string;
+}
+export interface VoiceRecorderProps {
+    /** 最大录音时长（秒） */
+    maxDuration?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 显示模式: icon=小图标, block=块状按钮 */
+    variant?: "icon" | "block";
+    /** 是否开启实时转写 */
+    realtime?: boolean;
+    /** WebSocket 地址（用于实时语音转写） */
+    wsUrl?: string;
+}
+export type ToastType = "success" | "error" | "warning" | "info";
+export interface ToastOptions {
+    message: string;
+    type?: ToastType;
+    duration?: number;
+}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "rt-chat-input",
+  "version": "1.0.0",
+  "description": "AI聊天输入框组件，支持文本输入、语音录制、文件上传",
+  "type": "module",
+  "main": "./dist/chat-input.umd.js",
+  "module": "./dist/chat-input.es.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/chat-input.es.js",
+      "require": "./dist/chat-input.umd.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview"
+  },
+  "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"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "chat",
+    "input",
+    "voice",
+    "recorder",
+    "AI"
+  ],
+  "license": "MIT"
+}