@yh-ui/components 0.1.10 → 0.1.12

package/dist/ai-voice-trigger/src/ai-voice-trigger.vue.d.ts

@@ -0,0 +1,29 @@
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly recording: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly amplitudes: {
+        readonly type: import("vue").PropType<number[]>;
+        readonly default: () => any[];
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly recording: boolean;
+    readonly amplitudes: number[];
+}, {}, {}, {}, 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-welcome/__tests__/ai-welcome.ssr.test.cjs

@@ -0,0 +1,57 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _serverRenderer = require("@vue/server-renderer");
+var _vue = require("vue");
+var _aiWelcome = _interopRequireDefault(require("../src/ai-welcome.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhAiWelcome SSR", () => {
+  (0, _vitest.it)("should render to string on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiWelcome.default));
+    (0, _vitest.expect)(html).toContain("yh-ai-welcome");
+  });
+  (0, _vitest.it)("should render title on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiWelcome.default, {
+      title: "Hello AI"
+    }));
+    (0, _vitest.expect)(html).toContain("yh-ai-welcome__title");
+    (0, _vitest.expect)(html).toContain("Hello AI");
+  });
+  (0, _vitest.it)("should render description on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiWelcome.default, {
+      description: "Server description"
+    }));
+    (0, _vitest.expect)(html).toContain("yh-ai-welcome__description");
+    (0, _vitest.expect)(html).toContain("Server description");
+  });
+  (0, _vitest.it)("should render icon wrapper when showIcon=true", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiWelcome.default, {
+      showIcon: true
+    }));
+    (0, _vitest.expect)(html).toContain("yh-ai-welcome__icon-wrapper");
+  });
+  (0, _vitest.it)("should not render icon wrapper when showIcon=false", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiWelcome.default, {
+      showIcon: false
+    }));
+    (0, _vitest.expect)(html).not.toContain("yh-ai-welcome__icon-wrapper");
+  });
+  (0, _vitest.it)("should render suggestions on server", async () => {
+    const suggestions = [{
+      title: "Write code",
+      description: "Help me write code",
+      icon: "edit",
+      prompt: "code"
+    }, {
+      title: "Translate",
+      prompt: "translate"
+    }];
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiWelcome.default, {
+      suggestions
+    }));
+    (0, _vitest.expect)(html).toContain("yh-ai-welcome__card");
+    (0, _vitest.expect)(html).toContain("Write code");
+    (0, _vitest.expect)(html).toContain("Translate");
+    (0, _vitest.expect)(html).toContain("Help me write code");
+  });
+});

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

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

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

@@ -0,0 +1,39 @@
+import { describe, it, expect } from "vitest";
+import { renderToString } from "@vue/server-renderer";
+import { h } from "vue";
+import AiWelcome from "../src/ai-welcome.vue";
+describe("YhAiWelcome SSR", () => {
+  it("should render to string on server", async () => {
+    const html = await renderToString(h(AiWelcome));
+    expect(html).toContain("yh-ai-welcome");
+  });
+  it("should render title on server", async () => {
+    const html = await renderToString(h(AiWelcome, { title: "Hello AI" }));
+    expect(html).toContain("yh-ai-welcome__title");
+    expect(html).toContain("Hello AI");
+  });
+  it("should render description on server", async () => {
+    const html = await renderToString(h(AiWelcome, { description: "Server description" }));
+    expect(html).toContain("yh-ai-welcome__description");
+    expect(html).toContain("Server description");
+  });
+  it("should render icon wrapper when showIcon=true", async () => {
+    const html = await renderToString(h(AiWelcome, { showIcon: true }));
+    expect(html).toContain("yh-ai-welcome__icon-wrapper");
+  });
+  it("should not render icon wrapper when showIcon=false", async () => {
+    const html = await renderToString(h(AiWelcome, { showIcon: false }));
+    expect(html).not.toContain("yh-ai-welcome__icon-wrapper");
+  });
+  it("should render suggestions on server", async () => {
+    const suggestions = [
+      { title: "Write code", description: "Help me write code", icon: "edit", prompt: "code" },
+      { title: "Translate", prompt: "translate" }
+    ];
+    const html = await renderToString(h(AiWelcome, { suggestions }));
+    expect(html).toContain("yh-ai-welcome__card");
+    expect(html).toContain("Write code");
+    expect(html).toContain("Translate");
+    expect(html).toContain("Help me write code");
+  });
+});

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

@@ -0,0 +1,169 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _testUtils = require("@vue/test-utils");
+var _aiWelcome = _interopRequireDefault(require("../src/ai-welcome.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhAiWelcome", () => {
+  (0, _vitest.it)("should render with base class", () => {
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default);
+    (0, _vitest.expect)(wrapper.find(".yh-ai-welcome").exists()).toBe(true);
+  });
+  (0, _vitest.it)("should render title when provided", () => {
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      props: {
+        title: "Hello AI"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-welcome__title").text()).toBe("Hello AI");
+  });
+  (0, _vitest.it)("should render description when provided", () => {
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      props: {
+        description: "Ask me anything."
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-welcome__description").text()).toBe("Ask me anything.");
+  });
+  (0, _vitest.it)("should not render description when not provided", () => {
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default);
+    (0, _vitest.expect)(wrapper.find(".yh-ai-welcome__description").exists()).toBe(false);
+  });
+  (0, _vitest.it)("should render icon wrapper when showIcon=true (default)", () => {
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      props: {
+        showIcon: true
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-welcome__icon-wrapper").exists()).toBe(true);
+  });
+  (0, _vitest.it)("should not render icon wrapper when showIcon=false", () => {
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      props: {
+        showIcon: false
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-welcome__icon-wrapper").exists()).toBe(false);
+  });
+  (0, _vitest.it)("should not render body without suggestions", () => {
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      props: {
+        suggestions: []
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-welcome__body").exists()).toBe(false);
+  });
+  (0, _vitest.it)("should render suggestions cards", () => {
+    const suggestions = [{
+      title: "Write code",
+      description: "Help me write code",
+      icon: "edit",
+      prompt: "write code"
+    }, {
+      title: "Translate",
+      description: "Translate text",
+      icon: "document",
+      prompt: "translate"
+    }];
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      props: {
+        suggestions
+      }
+    });
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-welcome__card").length).toBe(2);
+  });
+  (0, _vitest.it)("should render suggestion titles", () => {
+    const suggestions = [{
+      title: "Test Title",
+      icon: "edit",
+      prompt: "test"
+    }];
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      props: {
+        suggestions
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-welcome__card-title").text()).toBe("Test Title");
+  });
+  (0, _vitest.it)("should render suggestion description when provided", () => {
+    const suggestions = [{
+      title: "Title",
+      description: "Some description",
+      prompt: "test"
+    }];
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      props: {
+        suggestions
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-welcome__card-description").text()).toBe("Some description");
+  });
+  (0, _vitest.it)("should not render card icon when suggestion has no icon", () => {
+    const suggestions = [{
+      title: "No Icon",
+      prompt: "test"
+    }];
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      props: {
+        suggestions
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-welcome__card-icon").exists()).toBe(false);
+  });
+  (0, _vitest.it)("should emit select event when suggestion clicked", async () => {
+    const suggestion = {
+      title: "Write code",
+      icon: "edit",
+      prompt: "write code"
+    };
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      props: {
+        suggestions: [suggestion]
+      }
+    });
+    await wrapper.find(".yh-ai-welcome__card").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("select")).toBeTruthy();
+    const emitted = wrapper.emitted("select");
+    (0, _vitest.expect)(emitted[0][0]).toEqual(suggestion);
+  });
+  (0, _vitest.it)("should render icon slot", () => {
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      slots: {
+        icon: '<svg class="custom-icon"></svg>'
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".custom-icon").exists()).toBe(true);
+  });
+  (0, _vitest.it)("should render title slot", () => {
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      slots: {
+        title: '<span class="custom-title">Custom Title</span>'
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".custom-title").exists()).toBe(true);
+  });
+  (0, _vitest.it)("should render description slot", () => {
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      props: {
+        description: "desc"
+      },
+      slots: {
+        description: '<em class="custom-desc">Custom Desc</em>'
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".custom-desc").exists()).toBe(true);
+  });
+  (0, _vitest.it)("should render default slot in footer", () => {
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default, {
+      slots: {
+        default: '<button class="extra-btn">Extra</button>'
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-welcome__footer").exists()).toBe(true);
+    (0, _vitest.expect)(wrapper.find(".extra-btn").exists()).toBe(true);
+  });
+  (0, _vitest.it)("should not render footer when no default slot", () => {
+    const wrapper = (0, _testUtils.mount)(_aiWelcome.default);
+    (0, _vitest.expect)(wrapper.find(".yh-ai-welcome__footer").exists()).toBe(false);
+  });
+});

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

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

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

@@ -0,0 +1,113 @@
+import { describe, it, expect } from "vitest";
+import { mount } from "@vue/test-utils";
+import AiWelcome from "../src/ai-welcome.vue";
+describe("YhAiWelcome", () => {
+  it("should render with base class", () => {
+    const wrapper = mount(AiWelcome);
+    expect(wrapper.find(".yh-ai-welcome").exists()).toBe(true);
+  });
+  it("should render title when provided", () => {
+    const wrapper = mount(AiWelcome, {
+      props: { title: "Hello AI" }
+    });
+    expect(wrapper.find(".yh-ai-welcome__title").text()).toBe("Hello AI");
+  });
+  it("should render description when provided", () => {
+    const wrapper = mount(AiWelcome, {
+      props: { description: "Ask me anything." }
+    });
+    expect(wrapper.find(".yh-ai-welcome__description").text()).toBe("Ask me anything.");
+  });
+  it("should not render description when not provided", () => {
+    const wrapper = mount(AiWelcome);
+    expect(wrapper.find(".yh-ai-welcome__description").exists()).toBe(false);
+  });
+  it("should render icon wrapper when showIcon=true (default)", () => {
+    const wrapper = mount(AiWelcome, { props: { showIcon: true } });
+    expect(wrapper.find(".yh-ai-welcome__icon-wrapper").exists()).toBe(true);
+  });
+  it("should not render icon wrapper when showIcon=false", () => {
+    const wrapper = mount(AiWelcome, { props: { showIcon: false } });
+    expect(wrapper.find(".yh-ai-welcome__icon-wrapper").exists()).toBe(false);
+  });
+  it("should not render body without suggestions", () => {
+    const wrapper = mount(AiWelcome, { props: { suggestions: [] } });
+    expect(wrapper.find(".yh-ai-welcome__body").exists()).toBe(false);
+  });
+  it("should render suggestions cards", () => {
+    const suggestions = [
+      {
+        title: "Write code",
+        description: "Help me write code",
+        icon: "edit",
+        prompt: "write code"
+      },
+      { title: "Translate", description: "Translate text", icon: "document", prompt: "translate" }
+    ];
+    const wrapper = mount(AiWelcome, { props: { suggestions } });
+    expect(wrapper.findAll(".yh-ai-welcome__card").length).toBe(2);
+  });
+  it("should render suggestion titles", () => {
+    const suggestions = [{ title: "Test Title", icon: "edit", prompt: "test" }];
+    const wrapper = mount(AiWelcome, { props: { suggestions } });
+    expect(wrapper.find(".yh-ai-welcome__card-title").text()).toBe("Test Title");
+  });
+  it("should render suggestion description when provided", () => {
+    const suggestions = [{ title: "Title", description: "Some description", prompt: "test" }];
+    const wrapper = mount(AiWelcome, { props: { suggestions } });
+    expect(wrapper.find(".yh-ai-welcome__card-description").text()).toBe("Some description");
+  });
+  it("should not render card icon when suggestion has no icon", () => {
+    const suggestions = [{ title: "No Icon", prompt: "test" }];
+    const wrapper = mount(AiWelcome, { props: { suggestions } });
+    expect(wrapper.find(".yh-ai-welcome__card-icon").exists()).toBe(false);
+  });
+  it("should emit select event when suggestion clicked", async () => {
+    const suggestion = { title: "Write code", icon: "edit", prompt: "write code" };
+    const wrapper = mount(AiWelcome, {
+      props: { suggestions: [suggestion] }
+    });
+    await wrapper.find(".yh-ai-welcome__card").trigger("click");
+    expect(wrapper.emitted("select")).toBeTruthy();
+    const emitted = wrapper.emitted("select");
+    expect(emitted[0][0]).toEqual(suggestion);
+  });
+  it("should render icon slot", () => {
+    const wrapper = mount(AiWelcome, {
+      slots: {
+        icon: '<svg class="custom-icon"></svg>'
+      }
+    });
+    expect(wrapper.find(".custom-icon").exists()).toBe(true);
+  });
+  it("should render title slot", () => {
+    const wrapper = mount(AiWelcome, {
+      slots: {
+        title: '<span class="custom-title">Custom Title</span>'
+      }
+    });
+    expect(wrapper.find(".custom-title").exists()).toBe(true);
+  });
+  it("should render description slot", () => {
+    const wrapper = mount(AiWelcome, {
+      props: { description: "desc" },
+      slots: {
+        description: '<em class="custom-desc">Custom Desc</em>'
+      }
+    });
+    expect(wrapper.find(".custom-desc").exists()).toBe(true);
+  });
+  it("should render default slot in footer", () => {
+    const wrapper = mount(AiWelcome, {
+      slots: {
+        default: '<button class="extra-btn">Extra</button>'
+      }
+    });
+    expect(wrapper.find(".yh-ai-welcome__footer").exists()).toBe(true);
+    expect(wrapper.find(".extra-btn").exists()).toBe(true);
+  });
+  it("should not render footer when no default slot", () => {
+    const wrapper = mount(AiWelcome);
+    expect(wrapper.find(".yh-ai-welcome__footer").exists()).toBe(false);
+  });
+});

package/dist/ai-welcome/index.cjs

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

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

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

package/dist/ai-welcome/index.mjs

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

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

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiWelcomeProps = exports.aiWelcomeEmits = void 0;
+const aiWelcomeProps = exports.aiWelcomeProps = {
+  /**
+   * 标题文本
+   */
+  title: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 描述文本
+   */
+  description: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 建议项列表
+   */
+  suggestions: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * 是否展示图标/Logo
+   */
+  showIcon: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 自定义图标名称
+   */
+  icon: {
+    type: String,
+    default: "sparkles"
+  },
+  /**
+   * 主题覆盖变量
+   */
+  themeOverrides: {
+    type: Object,
+    default: void 0
+  }
+};
+const aiWelcomeEmits = exports.aiWelcomeEmits = {
+  /**
+   * 点击建议项时触发
+   */
+  select: suggestion => !!suggestion
+};