@yh-ui/components 0.1.17 → 0.1.21

package/dist/ai-bubble/index.d.ts

@@ -1,3 +1,444 @@
-export declare const YhAiBubble: any;
+import AiBubble from './src/ai-bubble.vue';
+export declare const YhAiBubble: import("@yh-ui/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        content: {
+            type: StringConstructor;
+            default: string;
+        };
+        markdown: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        role: {
+            type: import("vue").PropType<"user" | "assistant" | "system">;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<"start" | "end">;
+        };
+        shape: {
+            type: import("vue").PropType<"round" | "corner">;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"filled" | "outlined" | "borderless" | "shadow">;
+            default: string;
+        };
+        time: StringConstructor;
+        avatar: StringConstructor;
+        loading: BooleanConstructor;
+        typing: BooleanConstructor;
+        streaming: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        streamMode: {
+            type: import("vue").PropType<"word" | "sentence" | "paragraph">;
+            default: string;
+        };
+        streamSpeed: {
+            type: NumberConstructor;
+            default: number;
+        };
+        streamInterval: {
+            type: NumberConstructor;
+            default: number;
+        };
+        onStreamComplete: {
+            type: import("vue").PropType<() => void>;
+        };
+        citations: {
+            type: import("vue").PropType<import("./index.js").AiCitation[]>;
+            default: () => never[];
+        };
+        multimodal: {
+            type: import("vue").PropType<import("./index.js").AiMultimodal[]>;
+            default: () => never[];
+        };
+        markdownOptions: {
+            type: import("vue").PropType<import("./index.js").AiMarkdownOptions>;
+            default: () => {};
+        };
+        structuredData: {
+            type: import("vue").PropType<import("./index.js").AiStructuredData>;
+        };
+        onExplainCode: {
+            type: import("vue").PropType<(code: string, language: string) => Promise<string>>;
+        };
+        onRunCode: {
+            type: import("vue").PropType<(code: string, language: string) => Promise<{
+                output: string;
+                error?: string;
+            }>>;
+        };
+        onCitationClick: {
+            type: import("vue").PropType<(citation: import("./index.js").AiCitation) => void>;
+        };
+        themeOverrides: {
+            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+            default: undefined;
+        };
+        enablePythonRuntime: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        pythonRuntime: {
+            type: import("vue").PropType<"browser" | "remote">;
+            default: string;
+        };
+        pythonApiUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        pyodideUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        enableSanitizer: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        sanitizer: {
+            type: import("vue").PropType<(html: string) => string>;
+            default: undefined;
+        };
+        allowedTags: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+        allowedAttributes: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+        allowedSchemes: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        loading: boolean;
+        citations: import("./index.js").AiCitation[];
+        role: "user" | "assistant" | "system";
+        content: string;
+        themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        variant: "filled" | "borderless" | "shadow" | "outlined";
+        shape: "round" | "corner";
+        markdown: boolean;
+        typing: boolean;
+        streaming: boolean;
+        streamMode: "paragraph" | "word" | "sentence";
+        streamSpeed: number;
+        streamInterval: number;
+        multimodal: import("./index.js").AiMultimodal[];
+        markdownOptions: import("./index.js").AiMarkdownOptions;
+        enablePythonRuntime: boolean;
+        pythonRuntime: "remote" | "browser";
+        pythonApiUrl: string;
+        pyodideUrl: string;
+        enableSanitizer: boolean;
+        sanitizer: (html: string) => string;
+        allowedTags: string[];
+        allowedAttributes: string[];
+        allowedSchemes: string[];
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        content: {
+            type: StringConstructor;
+            default: string;
+        };
+        markdown: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        role: {
+            type: import("vue").PropType<"user" | "assistant" | "system">;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<"start" | "end">;
+        };
+        shape: {
+            type: import("vue").PropType<"round" | "corner">;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"filled" | "outlined" | "borderless" | "shadow">;
+            default: string;
+        };
+        time: StringConstructor;
+        avatar: StringConstructor;
+        loading: BooleanConstructor;
+        typing: BooleanConstructor;
+        streaming: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        streamMode: {
+            type: import("vue").PropType<"word" | "sentence" | "paragraph">;
+            default: string;
+        };
+        streamSpeed: {
+            type: NumberConstructor;
+            default: number;
+        };
+        streamInterval: {
+            type: NumberConstructor;
+            default: number;
+        };
+        onStreamComplete: {
+            type: import("vue").PropType<() => void>;
+        };
+        citations: {
+            type: import("vue").PropType<import("./index.js").AiCitation[]>;
+            default: () => never[];
+        };
+        multimodal: {
+            type: import("vue").PropType<import("./index.js").AiMultimodal[]>;
+            default: () => never[];
+        };
+        markdownOptions: {
+            type: import("vue").PropType<import("./index.js").AiMarkdownOptions>;
+            default: () => {};
+        };
+        structuredData: {
+            type: import("vue").PropType<import("./index.js").AiStructuredData>;
+        };
+        onExplainCode: {
+            type: import("vue").PropType<(code: string, language: string) => Promise<string>>;
+        };
+        onRunCode: {
+            type: import("vue").PropType<(code: string, language: string) => Promise<{
+                output: string;
+                error?: string;
+            }>>;
+        };
+        onCitationClick: {
+            type: import("vue").PropType<(citation: import("./index.js").AiCitation) => void>;
+        };
+        themeOverrides: {
+            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+            default: undefined;
+        };
+        enablePythonRuntime: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        pythonRuntime: {
+            type: import("vue").PropType<"browser" | "remote">;
+            default: string;
+        };
+        pythonApiUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        pyodideUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        enableSanitizer: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        sanitizer: {
+            type: import("vue").PropType<(html: string) => string>;
+            default: undefined;
+        };
+        allowedTags: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+        allowedAttributes: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+        allowedSchemes: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        loading: boolean;
+        citations: import("./index.js").AiCitation[];
+        role: "user" | "assistant" | "system";
+        content: string;
+        themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        variant: "filled" | "borderless" | "shadow" | "outlined";
+        shape: "round" | "corner";
+        markdown: boolean;
+        typing: boolean;
+        streaming: boolean;
+        streamMode: "paragraph" | "word" | "sentence";
+        streamSpeed: number;
+        streamInterval: number;
+        multimodal: import("./index.js").AiMultimodal[];
+        markdownOptions: import("./index.js").AiMarkdownOptions;
+        enablePythonRuntime: boolean;
+        pythonRuntime: "remote" | "browser";
+        pythonApiUrl: string;
+        pyodideUrl: string;
+        enableSanitizer: boolean;
+        sanitizer: (html: string) => string;
+        allowedTags: string[];
+        allowedAttributes: string[];
+        allowedSchemes: string[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    markdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    role: {
+        type: import("vue").PropType<"user" | "assistant" | "system">;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<"start" | "end">;
+    };
+    shape: {
+        type: import("vue").PropType<"round" | "corner">;
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"filled" | "outlined" | "borderless" | "shadow">;
+        default: string;
+    };
+    time: StringConstructor;
+    avatar: StringConstructor;
+    loading: BooleanConstructor;
+    typing: BooleanConstructor;
+    streaming: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    streamMode: {
+        type: import("vue").PropType<"word" | "sentence" | "paragraph">;
+        default: string;
+    };
+    streamSpeed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    streamInterval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    onStreamComplete: {
+        type: import("vue").PropType<() => void>;
+    };
+    citations: {
+        type: import("vue").PropType<import("./index.js").AiCitation[]>;
+        default: () => never[];
+    };
+    multimodal: {
+        type: import("vue").PropType<import("./index.js").AiMultimodal[]>;
+        default: () => never[];
+    };
+    markdownOptions: {
+        type: import("vue").PropType<import("./index.js").AiMarkdownOptions>;
+        default: () => {};
+    };
+    structuredData: {
+        type: import("vue").PropType<import("./index.js").AiStructuredData>;
+    };
+    onExplainCode: {
+        type: import("vue").PropType<(code: string, language: string) => Promise<string>>;
+    };
+    onRunCode: {
+        type: import("vue").PropType<(code: string, language: string) => Promise<{
+            output: string;
+            error?: string;
+        }>>;
+    };
+    onCitationClick: {
+        type: import("vue").PropType<(citation: import("./index.js").AiCitation) => void>;
+    };
+    themeOverrides: {
+        type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        default: undefined;
+    };
+    enablePythonRuntime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pythonRuntime: {
+        type: import("vue").PropType<"browser" | "remote">;
+        default: string;
+    };
+    pythonApiUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    pyodideUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableSanitizer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sanitizer: {
+        type: import("vue").PropType<(html: string) => string>;
+        default: undefined;
+    };
+    allowedTags: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+    allowedAttributes: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+    allowedSchemes: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    loading: boolean;
+    citations: import("./index.js").AiCitation[];
+    role: "user" | "assistant" | "system";
+    content: string;
+    themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    variant: "filled" | "borderless" | "shadow" | "outlined";
+    shape: "round" | "corner";
+    markdown: boolean;
+    typing: boolean;
+    streaming: boolean;
+    streamMode: "paragraph" | "word" | "sentence";
+    streamSpeed: number;
+    streamInterval: number;
+    multimodal: import("./index.js").AiMultimodal[];
+    markdownOptions: import("./index.js").AiMarkdownOptions;
+    enablePythonRuntime: boolean;
+    pythonRuntime: "remote" | "browser";
+    pythonApiUrl: string;
+    pyodideUrl: string;
+    enableSanitizer: boolean;
+    sanitizer: (html: string) => string;
+    allowedTags: string[];
+    allowedAttributes: string[];
+    allowedSchemes: string[];
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        avatar?: (props: {}) => any;
+    } & {
+        header?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        footer?: (props: {}) => any;
+    };
+})> & Record<string, unknown>;
 export default YhAiBubble;
 export * from './src/ai-bubble';
+export type AiBubbleInstance = InstanceType<typeof AiBubble>;

package/dist/ai-bubble/src/ai-bubble.cjs

@@ -62,6 +62,40 @@ const aiBubbleProps = exports.aiBubbleProps = {
    * 打字机特效
    */
   typing: Boolean,
+  /**
+   * 启用流式增量渲染（逐字/逐句/逐段显示）
+   */
+  streaming: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 流式渲染模式：逐词 | 逐句 | 逐段
+   */
+  streamMode: {
+    type: String,
+    default: "word"
+  },
+  /**
+   * 流式渲染速度（每次渲染的字符数，仅 word 模式有效）
+   */
+  streamSpeed: {
+    type: Number,
+    default: 1
+  },
+  /**
+   * 流式渲染间隔（毫秒）
+   */
+  streamInterval: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * 流式渲染完成回调
+   */
+  onStreamComplete: {
+    type: Function
+  },
   /**
    * 引用来源列表 (Citations)
    */
@@ -76,11 +110,107 @@ const aiBubbleProps = exports.aiBubbleProps = {
     type: Array,
     default: () => []
   },
+  /**
+   * Markdown 配置选项
+   */
+  markdownOptions: {
+    type: Object,
+    default: () => ({})
+  },
+  /**
+   * 结构化数据（JSON/表格/图表）
+   */
+  structuredData: {
+    type: Object
+  },
+  /**
+   * 代码解释回调（用于 AI 解释功能）
+   */
+  onExplainCode: {
+    type: Function
+  },
+  /**
+   * 代码运行回调
+   */
+  onRunCode: {
+    type: Function
+  },
+  /**
+   * 引用点击回调
+   */
+  onCitationClick: {
+    type: Function
+  },
   /**
    * 主题覆盖变量
    */
   themeOverrides: {
     type: Object,
     default: void 0
+  },
+  // ========== Python 沙盒相关属性 ==========
+  /**
+   * 是否启用 Python 代码运行支持
+   */
+  enablePythonRuntime: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * Python 运行时类型：'browser' (Pyodide) | 'remote' (远程 API)
+   */
+  pythonRuntime: {
+    type: String,
+    default: "browser"
+  },
+  /**
+   * 远程 Python API 地址（当 pythonRuntime 为 remote 时使用）
+   */
+  pythonApiUrl: {
+    type: String,
+    default: ""
+  },
+  /**
+   * Pyodide CDN 地址
+   */
+  pyodideUrl: {
+    type: String,
+    default: "https://cdn.jsdelivr.net/pyodide/v0.24.1/full/pyodide.js"
+  },
+  // ========== XSS 防护相关属性 ==========
+  /**
+   * 是否启用内置 XSS 防护
+   */
+  enableSanitizer: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 自定义 HTML 清理函数
+   */
+  sanitizer: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * 允许的标签白名单
+   */
+  allowedTags: {
+    type: Array,
+    default: () => ["h1", "h2", "h3", "h4", "h5", "h6", "p", "br", "hr", "ul", "ol", "li", "blockquote", "pre", "code", "em", "strong", "a", "img", "table", "thead", "tbody", "tr", "th", "td", "span", "div", "figure", "figcaption"]
+  },
+  /**
+   * 允许的属性白名单
+   */
+  allowedAttributes: {
+    type: Array,
+    default: () => ["href", "src", "alt", "title", "class", "id", "target", "rel", "width", "height", "style"]
+  },
+  /**
+   * 允许的协议白名单
+   */
+  allowedSchemes: {
+    type: Array,
+    default: () => ["http", "https", "mailto", "tel"]
   }
 };