@yh-ui/components 0.1.10 → 0.1.12

package/dist/ai-code-block/src/ai-code-block.vue.d.ts

@@ -0,0 +1,63 @@
+import 'highlight.js/styles/atom-one-dark.css';
+declare var __VLS_5: {}, __VLS_31: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_31) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly language: {
+        readonly type: StringConstructor;
+        readonly default: "text";
+    };
+    readonly code: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly filename: StringConstructor;
+    readonly showLineNumbers: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly highlightLines: {
+        readonly type: import("vue").PropType<number[]>;
+        readonly default: () => never[];
+    };
+    readonly collapsible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly defaultCollapsed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showRun: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly highlight: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    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 code: string;
+    readonly language: string;
+    readonly showLineNumbers: boolean;
+    readonly highlightLines: number[];
+    readonly collapsible: boolean;
+    readonly defaultCollapsed: boolean;
+    readonly showRun: boolean;
+    readonly highlight: 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-conversations/__tests__/ai-conversations.ssr.test.cjs

@@ -0,0 +1,50 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _aiConversations = _interopRequireDefault(require("../src/ai-conversations.vue"));
+var _ssr = require("../../__tests__/utils/ssr.cjs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhAiConversations SSR", () => {
+  const mockData = [{
+    id: "1",
+    title: "Conversation 1",
+    updatedAt: Date.now()
+  }, {
+    id: "2",
+    title: "Conversation 2",
+    updatedAt: Date.now()
+  }];
+  (0, _vitest.it)("should render correctly in SSR", async () => {
+    const html = await (0, _ssr.renderSSR)(_aiConversations.default, {
+      data: mockData,
+      activeId: "1"
+    });
+    (0, _ssr.expectSSRHasClass)(html, "yh-ai-conversations");
+    (0, _vitest.expect)(html).toContain("Conversation 1");
+    (0, _vitest.expect)(html).toContain("Conversation 2");
+    (0, _vitest.expect)(html).toContain("is-active");
+  });
+  (0, _vitest.it)("should render loading state in SSR", async () => {
+    const html = await (0, _ssr.renderSSR)(_aiConversations.default, {
+      data: [],
+      loading: true
+    });
+    (0, _ssr.expectSSRHasClass)(html, "is-loading");
+    (0, _ssr.expectSSRHasClass)(html, "yh-ai-conversations__loading-placer");
+  });
+  (0, _vitest.it)("should render empty state in SSR", async () => {
+    const html = await (0, _ssr.renderSSR)(_aiConversations.default, {
+      data: [],
+      loading: false
+    });
+    (0, _vitest.expect)(html).toContain("yh-ai-conversations__empty");
+    (0, _vitest.expect)(html).toContain("\u6682\u65E0\u5BF9\u8BDD\u8BB0\u5F55");
+  });
+  (0, _vitest.it)("should hydrate without mismatch", async () => {
+    const result = await (0, _ssr.testHydration)(_aiConversations.default, {
+      data: mockData,
+      activeId: "2"
+    });
+    (0, _vitest.expect)(result.isMatch).toBe(true);
+  });
+});

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

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

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

@@ -0,0 +1,42 @@
+import { describe, it, expect } from "vitest";
+import AiConversations from "../src/ai-conversations.vue";
+import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
+describe("YhAiConversations SSR", () => {
+  const mockData = [
+    { id: "1", title: "Conversation 1", updatedAt: Date.now() },
+    { id: "2", title: "Conversation 2", updatedAt: Date.now() }
+  ];
+  it("should render correctly in SSR", async () => {
+    const html = await renderSSR(AiConversations, {
+      data: mockData,
+      activeId: "1"
+    });
+    expectSSRHasClass(html, "yh-ai-conversations");
+    expect(html).toContain("Conversation 1");
+    expect(html).toContain("Conversation 2");
+    expect(html).toContain("is-active");
+  });
+  it("should render loading state in SSR", async () => {
+    const html = await renderSSR(AiConversations, {
+      data: [],
+      loading: true
+    });
+    expectSSRHasClass(html, "is-loading");
+    expectSSRHasClass(html, "yh-ai-conversations__loading-placer");
+  });
+  it("should render empty state in SSR", async () => {
+    const html = await renderSSR(AiConversations, {
+      data: [],
+      loading: false
+    });
+    expect(html).toContain("yh-ai-conversations__empty");
+    expect(html).toContain("\u6682\u65E0\u5BF9\u8BDD\u8BB0\u5F55");
+  });
+  it("should hydrate without mismatch", async () => {
+    const result = await testHydration(AiConversations, {
+      data: mockData,
+      activeId: "2"
+    });
+    expect(result.isMatch).toBe(true);
+  });
+});

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

@@ -0,0 +1,67 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _testUtils = require("@vue/test-utils");
+var _aiConversations = _interopRequireDefault(require("../src/ai-conversations.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("AiConversations", () => {
+  const data = [{
+    id: "1",
+    title: "Conversation 1",
+    updatedAt: Date.now()
+  }, {
+    id: "2",
+    title: "Conversation 2",
+    updatedAt: Date.now()
+  }];
+  (0, _vitest.it)("should render items correctly", () => {
+    const wrapper = (0, _testUtils.mount)(_aiConversations.default, {
+      props: {
+        data
+      }
+    });
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-conversations__item").length).toBe(2);
+    (0, _vitest.expect)(wrapper.find(".yh-ai-conversations__title").text()).toBe("Conversation 1");
+  });
+  (0, _vitest.it)("should emit click event on item click", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiConversations.default, {
+      props: {
+        data
+      }
+    });
+    await wrapper.find(".yh-ai-conversations__item").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
+    (0, _vitest.expect)(wrapper.emitted("update:activeId")[0]).toEqual(["1"]);
+  });
+  (0, _vitest.it)("should emit create event when add button is clicked", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiConversations.default);
+    await wrapper.find(".yh-ai-conversations__add-btn").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("create")).toBeTruthy();
+  });
+  (0, _vitest.it)("should emit delete event when delete button is clicked", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiConversations.default, {
+      props: {
+        data
+      }
+    });
+    await wrapper.find(".yh-ai-conversations__action-btn:last-child").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("delete")).toBeTruthy();
+    (0, _vitest.expect)(wrapper.emitted("delete")[0]).toEqual([data[0]]);
+  });
+  (0, _vitest.it)("should enter edit mode and emit edit event", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiConversations.default, {
+      props: {
+        data
+      }
+    });
+    const input = document.createElement("input");
+    _vitest.vi.spyOn(document, "querySelector").mockReturnValue(input);
+    await wrapper.find(".yh-ai-conversations__action-btn:nth-child(2)").trigger("click");
+    (0, _vitest.expect)(wrapper.find("input").exists()).toBe(true);
+    const inputEl = wrapper.find("input");
+    await inputEl.setValue("New Title");
+    await inputEl.trigger("keydown.enter");
+    (0, _vitest.expect)(wrapper.emitted("edit")).toBeTruthy();
+    (0, _vitest.expect)(wrapper.emitted("edit")[0]).toEqual([data[0], "New Title"]);
+  });
+});

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

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

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

@@ -0,0 +1,51 @@
+import { describe, it, expect, vi } from "vitest";
+import { mount } from "@vue/test-utils";
+import AiConversations from "../src/ai-conversations.vue";
+describe("AiConversations", () => {
+  const data = [
+    { id: "1", title: "Conversation 1", updatedAt: Date.now() },
+    { id: "2", title: "Conversation 2", updatedAt: Date.now() }
+  ];
+  it("should render items correctly", () => {
+    const wrapper = mount(AiConversations, {
+      props: { data }
+    });
+    expect(wrapper.findAll(".yh-ai-conversations__item").length).toBe(2);
+    expect(wrapper.find(".yh-ai-conversations__title").text()).toBe("Conversation 1");
+  });
+  it("should emit click event on item click", async () => {
+    const wrapper = mount(AiConversations, {
+      props: { data }
+    });
+    await wrapper.find(".yh-ai-conversations__item").trigger("click");
+    expect(wrapper.emitted("click")).toBeTruthy();
+    expect(wrapper.emitted("update:activeId")[0]).toEqual(["1"]);
+  });
+  it("should emit create event when add button is clicked", async () => {
+    const wrapper = mount(AiConversations);
+    await wrapper.find(".yh-ai-conversations__add-btn").trigger("click");
+    expect(wrapper.emitted("create")).toBeTruthy();
+  });
+  it("should emit delete event when delete button is clicked", async () => {
+    const wrapper = mount(AiConversations, {
+      props: { data }
+    });
+    await wrapper.find(".yh-ai-conversations__action-btn:last-child").trigger("click");
+    expect(wrapper.emitted("delete")).toBeTruthy();
+    expect(wrapper.emitted("delete")[0]).toEqual([data[0]]);
+  });
+  it("should enter edit mode and emit edit event", async () => {
+    const wrapper = mount(AiConversations, {
+      props: { data }
+    });
+    const input = document.createElement("input");
+    vi.spyOn(document, "querySelector").mockReturnValue(input);
+    await wrapper.find(".yh-ai-conversations__action-btn:nth-child(2)").trigger("click");
+    expect(wrapper.find("input").exists()).toBe(true);
+    const inputEl = wrapper.find("input");
+    await inputEl.setValue("New Title");
+    await inputEl.trigger("keydown.enter");
+    expect(wrapper.emitted("edit")).toBeTruthy();
+    expect(wrapper.emitted("edit")[0]).toEqual([data[0], "New Title"]);
+  });
+});

package/dist/ai-conversations/index.cjs

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

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

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

package/dist/ai-conversations/index.mjs

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

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

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiConversationsProps = exports.aiConversationsEmits = void 0;
+const aiConversationsProps = exports.aiConversationsProps = {
+  /**
+   * @description Data list for the conversation sidebar
+   */
+  data: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @description Currently selected conversation ID
+   */
+  activeId: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description Show loading state
+   */
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description Theme overrides for the component
+   */
+  themeOverrides: {
+    type: Object,
+    default: void 0
+  },
+  /**
+   * @description 是否按时间分组显示对话
+   */
+  grouped: {
+    type: Boolean,
+    default: true
+  }
+};
+const aiConversationsEmits = exports.aiConversationsEmits = {
+  /**
+   * @description Emit when active item changes
+   */
+  "update:activeId": id => typeof id === "string",
+  /**
+   * @description User clicks the "Create New" or "Plus" button
+   */
+  create: () => true,
+  /**
+   * @description User deletes a conversation item
+   */
+  delete: conversation => typeof conversation === "object",
+  /**
+   * @description User edits a conversation title
+   */
+  edit: (conversation, newTitle) => typeof conversation === "object" && typeof newTitle === "string",
+  /**
+   * @description User clicks an item
+   */
+  click: conversation => typeof conversation === "object",
+  /**
+   * @description User pins/unpins a conversation
+   */
+  pin: (conversation, pinned) => typeof conversation === "object" && typeof pinned === "boolean"
+};