@yh-ui/components 0.1.10 → 0.1.12

package/dist/ai-thought-chain/src/ai-thought-chain.vue.d.ts

@@ -0,0 +1,83 @@
+import type { AiThoughtStatus } from './ai-thought-chain';
+declare var __VLS_17: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly title: StringConstructor;
+    readonly thinking: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly content: StringConstructor;
+    readonly status: {
+        readonly type: import("vue").PropType<AiThoughtStatus>;
+        readonly default: "none";
+    };
+    readonly items: {
+        readonly type: import("vue").PropType<import("./ai-thought-chain").AiThoughtItem[]>;
+        readonly default: () => never[];
+    };
+    readonly autoCollapse: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dotSize: {
+        readonly type: import("vue").PropType<"small" | "default" | "large">;
+        readonly default: "default";
+    };
+    readonly lineGradient: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly title: StringConstructor;
+    readonly thinking: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly content: StringConstructor;
+    readonly status: {
+        readonly type: import("vue").PropType<AiThoughtStatus>;
+        readonly default: "none";
+    };
+    readonly items: {
+        readonly type: import("vue").PropType<import("./ai-thought-chain").AiThoughtItem[]>;
+        readonly default: () => never[];
+    };
+    readonly autoCollapse: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dotSize: {
+        readonly type: import("vue").PropType<"small" | "default" | "large">;
+        readonly default: "default";
+    };
+    readonly lineGradient: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly items: import("./ai-thought-chain").AiThoughtItem[];
+    readonly status: AiThoughtStatus;
+    readonly thinking: boolean;
+    readonly autoCollapse: boolean;
+    readonly dotSize: "small" | "default" | "large";
+    readonly lineGradient: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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-voice-trigger/__tests__/ai-voice-trigger.ssr.test.cjs

@@ -0,0 +1,32 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _vue = require("vue");
+var _serverRenderer = require("@vue/server-renderer");
+var _aiVoiceTrigger = _interopRequireDefault(require("../src/ai-voice-trigger.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhAiVoiceTrigger SSR", () => {
+  (0, _vitest.it)("should render successfully in SSR environment", async () => {
+    const app = (0, _vue.createSSRApp)({
+      components: {
+        AiVoiceTrigger: _aiVoiceTrigger.default
+      },
+      template: "<ai-voice-trigger />"
+    });
+    const html = await (0, _serverRenderer.renderToString)(app);
+    (0, _vitest.expect)(html).toContain("yh-ai-voice-trigger");
+    (0, _vitest.expect)(html).toContain("yh-ai-voice-trigger__trigger");
+  });
+  (0, _vitest.it)("should render recording state correctly in SSR", async () => {
+    const app = (0, _vue.createSSRApp)({
+      components: {
+        AiVoiceTrigger: _aiVoiceTrigger.default
+      },
+      template: '<ai-voice-trigger :recording="true" />'
+    });
+    const html = await (0, _serverRenderer.renderToString)(app);
+    (0, _vitest.expect)(html).toContain("is-recording");
+    (0, _vitest.expect)(html).toContain("yh-ai-voice-trigger__visualizer");
+    (0, _vitest.expect)(html).toContain("yh-ai-voice-trigger__bars");
+  });
+});

package/dist/ai-voice-trigger/__tests__/ai-voice-trigger.ssr.test.d.ts

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

package/dist/ai-voice-trigger/__tests__/ai-voice-trigger.ssr.test.mjs

@@ -0,0 +1,25 @@
+import { describe, it, expect } from "vitest";
+import { createSSRApp } from "vue";
+import { renderToString } from "@vue/server-renderer";
+import AiVoiceTrigger from "../src/ai-voice-trigger.vue";
+describe("YhAiVoiceTrigger SSR", () => {
+  it("should render successfully in SSR environment", async () => {
+    const app = createSSRApp({
+      components: { AiVoiceTrigger },
+      template: "<ai-voice-trigger />"
+    });
+    const html = await renderToString(app);
+    expect(html).toContain("yh-ai-voice-trigger");
+    expect(html).toContain("yh-ai-voice-trigger__trigger");
+  });
+  it("should render recording state correctly in SSR", async () => {
+    const app = createSSRApp({
+      components: { AiVoiceTrigger },
+      template: '<ai-voice-trigger :recording="true" />'
+    });
+    const html = await renderToString(app);
+    expect(html).toContain("is-recording");
+    expect(html).toContain("yh-ai-voice-trigger__visualizer");
+    expect(html).toContain("yh-ai-voice-trigger__bars");
+  });
+});

package/dist/ai-voice-trigger/__tests__/ai-voice-trigger.test.cjs

@@ -0,0 +1,113 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _testUtils = require("@vue/test-utils");
+var _aiVoiceTrigger = _interopRequireDefault(require("../src/ai-voice-trigger.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhAiVoiceTrigger", () => {
+  (0, _vitest.beforeEach)(() => {
+    _vitest.vi.useFakeTimers();
+  });
+  (0, _vitest.afterEach)(() => {
+    _vitest.vi.restoreAllMocks();
+  });
+  (0, _vitest.it)("should render with base class", () => {
+    const wrapper = (0, _testUtils.mount)(_aiVoiceTrigger.default);
+    (0, _vitest.expect)(wrapper.find(".yh-ai-voice-trigger").exists()).toBe(true);
+  });
+  (0, _vitest.it)("should render trigger button", () => {
+    const wrapper = (0, _testUtils.mount)(_aiVoiceTrigger.default);
+    (0, _vitest.expect)(wrapper.find(".yh-ai-voice-trigger__trigger").exists()).toBe(true);
+  });
+  (0, _vitest.it)("should apply recording class when recording is true", () => {
+    const wrapper = (0, _testUtils.mount)(_aiVoiceTrigger.default, {
+      props: {
+        recording: true
+      }
+    });
+    (0, _vitest.expect)(wrapper.classes()).toContain("is-recording");
+    (0, _vitest.expect)(wrapper.find(".yh-ai-voice-trigger__visualizer").exists()).toBe(true);
+  });
+  (0, _vitest.it)("should emit start and update:recording on click when initially false", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiVoiceTrigger.default, {
+      props: {
+        recording: false
+      }
+    });
+    await wrapper.find(".yh-ai-voice-trigger__trigger").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("update:recording")).toBeTruthy();
+    (0, _vitest.expect)(wrapper.emitted("update:recording")[0]).toEqual([true]);
+    (0, _vitest.expect)(wrapper.emitted("start")).toBeTruthy();
+  });
+  (0, _vitest.it)("should emit stop and update:recording on click when initially true", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiVoiceTrigger.default, {
+      props: {
+        recording: true
+      }
+    });
+    await wrapper.find(".yh-ai-voice-trigger__trigger").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("update:recording")).toBeTruthy();
+    (0, _vitest.expect)(wrapper.emitted("update:recording")[0]).toEqual([false]);
+    (0, _vitest.expect)(wrapper.emitted("stop")).toBeTruthy();
+  });
+  (0, _vitest.it)("should emit cancel and update:recording when cancel button is clicked", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiVoiceTrigger.default, {
+      props: {
+        recording: true
+      }
+    });
+    await wrapper.find(".yh-ai-voice-trigger__cancel").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("update:recording")).toBeTruthy();
+    (0, _vitest.expect)(wrapper.emitted("update:recording")[0]).toEqual([false]);
+    (0, _vitest.expect)(wrapper.emitted("cancel")).toBeTruthy();
+  });
+  (0, _vitest.it)("should generate simulated amplitudes on visualizer interval", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiVoiceTrigger.default, {
+      props: {
+        recording: false
+      }
+    });
+    await wrapper.find(".yh-ai-voice-trigger__trigger").trigger("click");
+    await wrapper.setProps({
+      recording: true
+    });
+    _vitest.vi.advanceTimersByTime(150);
+    await wrapper.vm.$nextTick();
+    const bars = wrapper.findAll(".yh-ai-voice-trigger__bar");
+    (0, _vitest.expect)(bars.length).toBe(20);
+    (0, _vitest.expect)(wrapper.vm.simulatedAmplitudes.some(a => a !== 5)).toBe(true);
+  });
+  (0, _vitest.it)("should use provided amplitudes", async () => {
+    const customAmplitudes = Array(20).fill(10);
+    customAmplitudes[0] = 12;
+    const wrapper = (0, _testUtils.mount)(_aiVoiceTrigger.default, {
+      props: {
+        recording: false,
+        amplitudes: customAmplitudes
+      }
+    });
+    await wrapper.find(".yh-ai-voice-trigger__trigger").trigger("click");
+    _vitest.vi.advanceTimersByTime(150);
+    await wrapper.vm.$nextTick();
+    (0, _vitest.expect)(wrapper.vm.simulatedAmplitudes).toEqual(customAmplitudes);
+  });
+  (0, _vitest.it)("should stop visualizer on unmount", async () => {
+    const clearIntervalSpy = _vitest.vi.spyOn(global, "clearInterval");
+    const wrapper = (0, _testUtils.mount)(_aiVoiceTrigger.default, {
+      props: {
+        recording: false
+      }
+    });
+    await wrapper.find(".yh-ai-voice-trigger__trigger").trigger("click");
+    wrapper.unmount();
+    (0, _vitest.expect)(clearIntervalSpy).toHaveBeenCalled();
+  });
+  (0, _vitest.it)("should render default slot content", () => {
+    const wrapper = (0, _testUtils.mount)(_aiVoiceTrigger.default, {
+      slots: {
+        default: "Custom Trigger Text"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-voice-trigger__label").text()).toBe("Custom Trigger Text");
+  });
+});

package/dist/ai-voice-trigger/__tests__/ai-voice-trigger.test.d.ts

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

package/dist/ai-voice-trigger/__tests__/ai-voice-trigger.test.mjs

@@ -0,0 +1,93 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { mount } from "@vue/test-utils";
+import AiVoiceTrigger from "../src/ai-voice-trigger.vue";
+describe("YhAiVoiceTrigger", () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+  it("should render with base class", () => {
+    const wrapper = mount(AiVoiceTrigger);
+    expect(wrapper.find(".yh-ai-voice-trigger").exists()).toBe(true);
+  });
+  it("should render trigger button", () => {
+    const wrapper = mount(AiVoiceTrigger);
+    expect(wrapper.find(".yh-ai-voice-trigger__trigger").exists()).toBe(true);
+  });
+  it("should apply recording class when recording is true", () => {
+    const wrapper = mount(AiVoiceTrigger, {
+      props: { recording: true }
+    });
+    expect(wrapper.classes()).toContain("is-recording");
+    expect(wrapper.find(".yh-ai-voice-trigger__visualizer").exists()).toBe(true);
+  });
+  it("should emit start and update:recording on click when initially false", async () => {
+    const wrapper = mount(AiVoiceTrigger, {
+      props: { recording: false }
+    });
+    await wrapper.find(".yh-ai-voice-trigger__trigger").trigger("click");
+    expect(wrapper.emitted("update:recording")).toBeTruthy();
+    expect(wrapper.emitted("update:recording")[0]).toEqual([true]);
+    expect(wrapper.emitted("start")).toBeTruthy();
+  });
+  it("should emit stop and update:recording on click when initially true", async () => {
+    const wrapper = mount(AiVoiceTrigger, {
+      props: { recording: true }
+    });
+    await wrapper.find(".yh-ai-voice-trigger__trigger").trigger("click");
+    expect(wrapper.emitted("update:recording")).toBeTruthy();
+    expect(wrapper.emitted("update:recording")[0]).toEqual([false]);
+    expect(wrapper.emitted("stop")).toBeTruthy();
+  });
+  it("should emit cancel and update:recording when cancel button is clicked", async () => {
+    const wrapper = mount(AiVoiceTrigger, {
+      props: { recording: true }
+    });
+    await wrapper.find(".yh-ai-voice-trigger__cancel").trigger("click");
+    expect(wrapper.emitted("update:recording")).toBeTruthy();
+    expect(wrapper.emitted("update:recording")[0]).toEqual([false]);
+    expect(wrapper.emitted("cancel")).toBeTruthy();
+  });
+  it("should generate simulated amplitudes on visualizer interval", async () => {
+    const wrapper = mount(AiVoiceTrigger, {
+      props: { recording: false }
+    });
+    await wrapper.find(".yh-ai-voice-trigger__trigger").trigger("click");
+    await wrapper.setProps({ recording: true });
+    vi.advanceTimersByTime(150);
+    await wrapper.vm.$nextTick();
+    const bars = wrapper.findAll(".yh-ai-voice-trigger__bar");
+    expect(bars.length).toBe(20);
+    expect(wrapper.vm.simulatedAmplitudes.some((a) => a !== 5)).toBe(true);
+  });
+  it("should use provided amplitudes", async () => {
+    const customAmplitudes = Array(20).fill(10);
+    customAmplitudes[0] = 12;
+    const wrapper = mount(AiVoiceTrigger, {
+      props: { recording: false, amplitudes: customAmplitudes }
+    });
+    await wrapper.find(".yh-ai-voice-trigger__trigger").trigger("click");
+    vi.advanceTimersByTime(150);
+    await wrapper.vm.$nextTick();
+    expect(wrapper.vm.simulatedAmplitudes).toEqual(customAmplitudes);
+  });
+  it("should stop visualizer on unmount", async () => {
+    const clearIntervalSpy = vi.spyOn(global, "clearInterval");
+    const wrapper = mount(AiVoiceTrigger, {
+      props: { recording: false }
+    });
+    await wrapper.find(".yh-ai-voice-trigger__trigger").trigger("click");
+    wrapper.unmount();
+    expect(clearIntervalSpy).toHaveBeenCalled();
+  });
+  it("should render default slot content", () => {
+    const wrapper = mount(AiVoiceTrigger, {
+      slots: {
+        default: "Custom Trigger Text"
+      }
+    });
+    expect(wrapper.find(".yh-ai-voice-trigger__label").text()).toBe("Custom Trigger Text");
+  });
+});

package/dist/ai-voice-trigger/index.cjs

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

package/dist/ai-voice-trigger/index.d.ts

@@ -0,0 +1,3 @@
+export declare const YhAiVoiceTrigger: any;
+export default YhAiVoiceTrigger;
+export * from './src/ai-voice-trigger';

package/dist/ai-voice-trigger/index.mjs

@@ -0,0 +1,5 @@
+import { withInstall } from "@yh-ui/utils";
+import AiVoiceTrigger from "./src/ai-voice-trigger.vue";
+export const YhAiVoiceTrigger = withInstall(AiVoiceTrigger);
+export default YhAiVoiceTrigger;
+export * from "./src/ai-voice-trigger.mjs";

package/dist/ai-voice-trigger/src/ai-voice-trigger.cjs

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiVoiceTriggerProps = exports.aiVoiceTriggerEmits = void 0;
+const aiVoiceTriggerProps = exports.aiVoiceTriggerProps = {
+  /**
+   * 是否正在录音
+   */
+  recording: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 录音脉冲音频大小/音量数组，用于渲染动画
+   */
+  amplitudes: {
+    type: Array,
+    default: () => Array(20).fill(5)
+  },
+  /**
+   * 主题覆盖变量
+   */
+  themeOverrides: {
+    type: Object,
+    default: void 0
+  }
+};
+const aiVoiceTriggerEmits = exports.aiVoiceTriggerEmits = {
+  "update:recording": value => typeof value === "boolean",
+  start: () => true,
+  stop: () => true,
+  cancel: () => true
+};