@yh-ui/components 0.1.10 → 0.1.12

package/dist/ai-provider/__tests__/ai-provider.ssr.test.cjs

@@ -0,0 +1,33 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _serverRenderer = require("@vue/server-renderer");
+var _vue = require("vue");
+var _aiProvider = _interopRequireDefault(require("../src/ai-provider.vue"));
+var _aiProvider2 = require("../src/ai-provider.cjs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhAiProvider SSR", () => {
+  (0, _vitest.it)("should render to string and provide context on server", async () => {
+    const Child = (0, _vue.defineComponent)({
+      setup() {
+        const config = (0, _vue.inject)(_aiProvider2.AI_PROVIDER_KEY);
+        return () => (0, _vue.h)("div", {
+          id: "provider-test"
+        }, config?.userName);
+      }
+    });
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiProvider.default, {
+      userName: "SSR Provider User"
+    }, {
+      default: () => (0, _vue.h)(Child)
+    }));
+    (0, _vitest.expect)(html).toContain('id="provider-test"');
+    (0, _vitest.expect)(html).toContain("SSR Provider User");
+  });
+  (0, _vitest.it)("should render slot content on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiProvider.default, null, {
+      default: () => (0, _vue.h)("div", "SSR Provider Content")
+    }));
+    (0, _vitest.expect)(html).toContain("SSR Provider Content");
+  });
+});

package/dist/ai-provider/__tests__/ai-provider.ssr.test.d.ts

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

package/dist/ai-provider/__tests__/ai-provider.ssr.test.mjs

@@ -0,0 +1,34 @@
+import { describe, it, expect } from "vitest";
+import { renderToString } from "@vue/server-renderer";
+import { h, defineComponent, inject } from "vue";
+import AiProvider from "../src/ai-provider.vue";
+import { AI_PROVIDER_KEY } from "../src/ai-provider.mjs";
+describe("YhAiProvider SSR", () => {
+  it("should render to string and provide context on server", async () => {
+    const Child = defineComponent({
+      setup() {
+        const config = inject(AI_PROVIDER_KEY);
+        return () => h("div", { id: "provider-test" }, config?.userName);
+      }
+    });
+    const html = await renderToString(
+      h(
+        AiProvider,
+        { userName: "SSR Provider User" },
+        {
+          default: () => h(Child)
+        }
+      )
+    );
+    expect(html).toContain('id="provider-test"');
+    expect(html).toContain("SSR Provider User");
+  });
+  it("should render slot content on server", async () => {
+    const html = await renderToString(
+      h(AiProvider, null, {
+        default: () => h("div", "SSR Provider Content")
+      })
+    );
+    expect(html).toContain("SSR Provider Content");
+  });
+});

package/dist/ai-provider/__tests__/ai-provider.test.cjs

@@ -0,0 +1,38 @@
+"use strict";
+
+var _testUtils = require("@vue/test-utils");
+var _vitest = require("vitest");
+var _vue = require("vue");
+var _aiProvider = _interopRequireDefault(require("../src/ai-provider.vue"));
+var _aiProvider2 = require("../src/ai-provider.cjs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("AiProvider", () => {
+  (0, _vitest.it)("provides config to child components", () => {
+    const Child = (0, _vue.defineComponent)({
+      setup() {
+        const config = (0, _vue.inject)(_aiProvider2.AI_PROVIDER_KEY);
+        return {
+          config
+        };
+      },
+      template: "<div>{{ config?.userName }}</div>"
+    });
+    const wrapper = (0, _testUtils.mount)(_aiProvider.default, {
+      props: {
+        userName: "Test User"
+      },
+      slots: {
+        default: Child
+      }
+    });
+    (0, _vitest.expect)(wrapper.text()).toBe("Test User");
+  });
+  (0, _vitest.it)("renders slot content", () => {
+    const wrapper = (0, _testUtils.mount)(_aiProvider.default, {
+      slots: {
+        default: '<div class="slotted">Content</div>'
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".slotted").text()).toBe("Content");
+  });
+});

package/dist/ai-provider/__tests__/ai-provider.test.d.ts

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

package/dist/ai-provider/__tests__/ai-provider.test.mjs

@@ -0,0 +1,33 @@
+import { mount } from "@vue/test-utils";
+import { describe, it, expect } from "vitest";
+import { defineComponent, inject as vueInject } from "vue";
+import AiProvider from "../src/ai-provider.vue";
+import { AI_PROVIDER_KEY } from "../src/ai-provider.mjs";
+describe("AiProvider", () => {
+  it("provides config to child components", () => {
+    const Child = defineComponent({
+      setup() {
+        const config = vueInject(AI_PROVIDER_KEY);
+        return { config };
+      },
+      template: "<div>{{ config?.userName }}</div>"
+    });
+    const wrapper = mount(AiProvider, {
+      props: {
+        userName: "Test User"
+      },
+      slots: {
+        default: Child
+      }
+    });
+    expect(wrapper.text()).toBe("Test User");
+  });
+  it("renders slot content", () => {
+    const wrapper = mount(AiProvider, {
+      slots: {
+        default: '<div class="slotted">Content</div>'
+      }
+    });
+    expect(wrapper.find(".slotted").text()).toBe("Content");
+  });
+});

package/dist/ai-provider/index.cjs

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  YhAiProvider: true
+};
+module.exports = exports.YhAiProvider = void 0;
+var _utils = require("@yh-ui/utils");
+var _aiProvider = _interopRequireDefault(require("./src/ai-provider.vue"));
+var _aiProvider2 = require("./src/ai-provider.cjs");
+Object.keys(_aiProvider2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _aiProvider2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _aiProvider2[key];
+    }
+  });
+});
+var _useAiProvider = require("./src/use-ai-provider.cjs");
+Object.keys(_useAiProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useAiProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useAiProvider[key];
+    }
+  });
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const YhAiProvider = exports.YhAiProvider = (0, _utils.withInstall)(_aiProvider.default);
+module.exports = YhAiProvider;

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

@@ -0,0 +1,4 @@
+export declare const YhAiProvider: any;
+export default YhAiProvider;
+export * from './src/ai-provider';
+export * from './src/use-ai-provider';

package/dist/ai-provider/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall } from "@yh-ui/utils";
+import AiProvider from "./src/ai-provider.vue";
+export const YhAiProvider = withInstall(AiProvider);
+export default YhAiProvider;
+export * from "./src/ai-provider.mjs";
+export * from "./src/use-ai-provider.mjs";

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

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AI_PROVIDER_KEY = void 0;
+const AI_PROVIDER_KEY = exports.AI_PROVIDER_KEY = Symbol("YhAiProvider");

package/dist/ai-provider/src/ai-provider.d.ts

@@ -0,0 +1,88 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { StreamChunkParser } from '@yh-ui/hooks';
+/**
+ * 请求拦截器 - 类似 Axios Interceptors
+ */
+export interface AiRequestInterceptor {
+    /**
+     * 请求前拦截（可修改 headers、追加 token 等）
+     */
+    onRequest?: (config: {
+        url: string;
+        headers: Record<string, string>;
+        body: unknown;
+    }) => {
+        url: string;
+        headers: Record<string, string>;
+        body: unknown;
+    } | void;
+    /**
+     * 响应后拦截（可做日志、全局错误处理等）
+     */
+    onResponse?: (response: Response) => Response | void;
+    /**
+     * 错误拦截器
+     */
+    onError?: (error: Error) => void;
+}
+/**
+ * YhAiProvider 全局配置上下文
+ */
+export interface AiProviderConfig {
+    /**
+     * 全局 AI 接口基础 URL
+     */
+    baseUrl?: string;
+    /**
+     * 鉴权 Token（Bearer）
+     */
+    token?: string | Ref<string>;
+    /**
+     * 全局请求头追加
+     */
+    headers?: Record<string, string>;
+    /**
+     * 全局 SSE/流解析器
+     * 默认使用明文字符串解析，可传入openaiParser等
+     */
+    parser?: StreamChunkParser;
+    /**
+     * 用户头像（用于对话气泡展示）
+     */
+    userAvatar?: string;
+    /**
+     * 助手头像
+     */
+    assistantAvatar?: string;
+    /**
+     * 用户显示名称
+     */
+    userName?: string;
+    /**
+     * 助手显示名称
+     */
+    assistantName?: string;
+    /**
+     * 全局系统 Prompt
+     */
+    systemPrompt?: string;
+    /**
+     * 打字机效果设置
+     */
+    typewriter?: {
+        enabled?: boolean;
+        charsPerFrame?: number;
+    };
+    /**
+     * 请求拦截器
+     */
+    interceptors?: AiRequestInterceptor;
+    /**
+     * 全局错误处理
+     */
+    onError?: (err: Error) => void;
+}
+/**
+ * 注入 key（内部使用）
+ */
+export declare const AI_PROVIDER_KEY: InjectionKey<AiProviderConfig>;

package/dist/ai-provider/src/ai-provider.d.vue.ts

@@ -0,0 +1,48 @@
+type __VLS_Props = {
+    /** 全局 AI 接口基础 URL */
+    baseUrl?: string;
+    /** 鉴权 Token */
+    token?: string;
+    /** 全局请求头 */
+    headers?: Record<string, string>;
+    /** 用户头像 URL */
+    userAvatar?: string;
+    /** 助手头像 URL */
+    assistantAvatar?: string;
+    /** 用户显示名称 */
+    userName?: string;
+    /** 助手显示名称 */
+    assistantName?: string;
+    /** 全局系统 Prompt */
+    systemPrompt?: string;
+    /** 打字机配置 */
+    typewriter?: {
+        enabled?: boolean;
+        charsPerFrame?: number;
+    };
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    baseUrl: string;
+    token: string;
+    headers: Record<string, string>;
+    userAvatar: string;
+    assistantAvatar: string;
+    userName: string;
+    assistantName: string;
+    systemPrompt: string;
+    typewriter: {
+        enabled?: boolean;
+        charsPerFrame?: number;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ai-provider/src/ai-provider.mjs

@@ -0,0 +1 @@
+export const AI_PROVIDER_KEY = Symbol("YhAiProvider");

package/dist/ai-provider/src/ai-provider.vue

@@ -0,0 +1,24 @@
+<script setup>
+import { provide } from "vue";
+import { AI_PROVIDER_KEY } from "./ai-provider";
+defineOptions({
+  name: "YhAiProvider"
+});
+const props = defineProps({
+  baseUrl: { type: String, required: false, default: "" },
+  token: { type: String, required: false, default: "" },
+  headers: { type: Object, required: false, default: () => ({}) },
+  userAvatar: { type: String, required: false, default: "" },
+  assistantAvatar: { type: String, required: false, default: "" },
+  userName: { type: String, required: false, default: "User" },
+  assistantName: { type: String, required: false, default: "Assistant" },
+  systemPrompt: { type: String, required: false, default: "" },
+  typewriter: { type: Object, required: false, default: () => ({ enabled: true, charsPerFrame: 1 }) }
+});
+const config = props;
+provide(AI_PROVIDER_KEY, config);
+</script>
+
+<template>
+  <slot></slot>
+</template>

package/dist/ai-provider/src/ai-provider.vue.d.ts

@@ -0,0 +1,48 @@
+type __VLS_Props = {
+    /** 全局 AI 接口基础 URL */
+    baseUrl?: string;
+    /** 鉴权 Token */
+    token?: string;
+    /** 全局请求头 */
+    headers?: Record<string, string>;
+    /** 用户头像 URL */
+    userAvatar?: string;
+    /** 助手头像 URL */
+    assistantAvatar?: string;
+    /** 用户显示名称 */
+    userName?: string;
+    /** 助手显示名称 */
+    assistantName?: string;
+    /** 全局系统 Prompt */
+    systemPrompt?: string;
+    /** 打字机配置 */
+    typewriter?: {
+        enabled?: boolean;
+        charsPerFrame?: number;
+    };
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    baseUrl: string;
+    token: string;
+    headers: Record<string, string>;
+    userAvatar: string;
+    assistantAvatar: string;
+    userName: string;
+    assistantName: string;
+    systemPrompt: string;
+    typewriter: {
+        enabled?: boolean;
+        charsPerFrame?: number;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ai-provider/src/use-ai-provider.cjs

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAiProvider = useAiProvider;
+var _vue = require("vue");
+var _aiProvider = require("./ai-provider.cjs");
+function useAiProvider() {
+  return (0, _vue.inject)(_aiProvider.AI_PROVIDER_KEY, {});
+}

package/dist/ai-provider/src/use-ai-provider.d.ts

@@ -0,0 +1,10 @@
+import { type AiProviderConfig } from './ai-provider';
+/**
+ * useAiProvider - 消费 YhAiProvider 注入的全局配置
+ *
+ * @example
+ * ```ts
+ * const { baseUrl, token, parser } = useAiProvider()
+ * ```
+ */
+export declare function useAiProvider(): AiProviderConfig;

package/dist/ai-provider/src/use-ai-provider.mjs

@@ -0,0 +1,5 @@
+import { inject } from "vue";
+import { AI_PROVIDER_KEY } from "./ai-provider.mjs";
+export function useAiProvider() {
+  return inject(AI_PROVIDER_KEY, {});
+}

package/dist/ai-sender/__tests__/ai-sender.ssr.test.cjs

@@ -0,0 +1,46 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _serverRenderer = require("@vue/server-renderer");
+var _vue = require("vue");
+var _aiSender = _interopRequireDefault(require("../src/ai-sender.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhAiSender SSR", () => {
+  (0, _vitest.it)("should render to string on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSender.default));
+    (0, _vitest.expect)(html).toContain("yh-ai-sender");
+  });
+  (0, _vitest.it)("should render textarea on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSender.default));
+    (0, _vitest.expect)(html).toContain("textarea");
+  });
+  (0, _vitest.it)("should render send button on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSender.default));
+    (0, _vitest.expect)(html).toContain("yh-ai-sender__send-btn");
+  });
+  (0, _vitest.it)("should render disabled state on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSender.default, {
+      disabled: true
+    }));
+    (0, _vitest.expect)(html).toContain("is-disabled");
+  });
+  (0, _vitest.it)("should render loading state on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSender.default, {
+      loading: true
+    }));
+    (0, _vitest.expect)(html).toContain("is-loading");
+  });
+  (0, _vitest.it)("should render word limit on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSender.default, {
+      modelValue: "hi",
+      showWordLimit: true,
+      maxLength: 200
+    }));
+    (0, _vitest.expect)(html).toContain("yh-ai-sender__word-limit");
+    (0, _vitest.expect)(html).toContain("200");
+  });
+  (0, _vitest.it)("should render input wrapper on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSender.default));
+    (0, _vitest.expect)(html).toContain("yh-ai-sender__input-wrapper");
+  });
+});

package/dist/ai-sender/__tests__/ai-sender.ssr.test.d.ts

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

package/dist/ai-sender/__tests__/ai-sender.ssr.test.mjs

@@ -0,0 +1,37 @@
+import { describe, it, expect } from "vitest";
+import { renderToString } from "@vue/server-renderer";
+import { h } from "vue";
+import AiSender from "../src/ai-sender.vue";
+describe("YhAiSender SSR", () => {
+  it("should render to string on server", async () => {
+    const html = await renderToString(h(AiSender));
+    expect(html).toContain("yh-ai-sender");
+  });
+  it("should render textarea on server", async () => {
+    const html = await renderToString(h(AiSender));
+    expect(html).toContain("textarea");
+  });
+  it("should render send button on server", async () => {
+    const html = await renderToString(h(AiSender));
+    expect(html).toContain("yh-ai-sender__send-btn");
+  });
+  it("should render disabled state on server", async () => {
+    const html = await renderToString(h(AiSender, { disabled: true }));
+    expect(html).toContain("is-disabled");
+  });
+  it("should render loading state on server", async () => {
+    const html = await renderToString(h(AiSender, { loading: true }));
+    expect(html).toContain("is-loading");
+  });
+  it("should render word limit on server", async () => {
+    const html = await renderToString(
+      h(AiSender, { modelValue: "hi", showWordLimit: true, maxLength: 200 })
+    );
+    expect(html).toContain("yh-ai-sender__word-limit");
+    expect(html).toContain("200");
+  });
+  it("should render input wrapper on server", async () => {
+    const html = await renderToString(h(AiSender));
+    expect(html).toContain("yh-ai-sender__input-wrapper");
+  });
+});