@yh-ui/components 0.1.10 → 0.1.15

package/dist/ai-action-group/__tests__/ai-action-group.ssr.test.cjs

@@ -0,0 +1,55 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _serverRenderer = require("@vue/server-renderer");
+var _vue = require("vue");
+var _aiActionGroup = _interopRequireDefault(require("../src/ai-action-group.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhAiActionGroup SSR", () => {
+  (0, _vitest.it)("should render to string on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiActionGroup.default, {
+      items: ["copy", "regenerate"]
+    }));
+    (0, _vitest.expect)(html).toContain("yh-ai-action-group");
+    (0, _vitest.expect)(html).toContain("yh-ai-action-group--horizontal");
+  });
+  (0, _vitest.it)("should render vertical direction on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiActionGroup.default, {
+      items: [],
+      direction: "vertical"
+    }));
+    (0, _vitest.expect)(html).toContain("yh-ai-action-group--vertical");
+  });
+  (0, _vitest.it)("should render item count correctly on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiActionGroup.default, {
+      items: [{
+        key: "share",
+        icon: "share",
+        label: "\u5206\u4EAB"
+      }, {
+        key: "edit",
+        icon: "edit",
+        label: "\u7F16\u8F91"
+      }]
+    }));
+    (0, _vitest.expect)(html).toContain("\u5206\u4EAB");
+    (0, _vitest.expect)(html).toContain("\u7F16\u8F91");
+  });
+  (0, _vitest.it)("should render disabled state on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiActionGroup.default, {
+      items: [{
+        key: "delete",
+        icon: "delete",
+        disabled: true
+      }]
+    }));
+    (0, _vitest.expect)(html).toContain("is-disabled");
+  });
+  (0, _vitest.it)("should render size class on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiActionGroup.default, {
+      items: [],
+      size: "large"
+    }));
+    (0, _vitest.expect)(html).toContain("yh-ai-action-group--large");
+  });
+});

package/dist/ai-action-group/__tests__/ai-action-group.ssr.test.d.ts

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

package/dist/ai-action-group/__tests__/ai-action-group.ssr.test.mjs

@@ -0,0 +1,39 @@
+import { describe, it, expect } from "vitest";
+import { renderToString } from "@vue/server-renderer";
+import { h } from "vue";
+import AiActionGroup from "../src/ai-action-group.vue";
+describe("YhAiActionGroup SSR", () => {
+  it("should render to string on server", async () => {
+    const html = await renderToString(h(AiActionGroup, { items: ["copy", "regenerate"] }));
+    expect(html).toContain("yh-ai-action-group");
+    expect(html).toContain("yh-ai-action-group--horizontal");
+  });
+  it("should render vertical direction on server", async () => {
+    const html = await renderToString(h(AiActionGroup, { items: [], direction: "vertical" }));
+    expect(html).toContain("yh-ai-action-group--vertical");
+  });
+  it("should render item count correctly on server", async () => {
+    const html = await renderToString(
+      h(AiActionGroup, {
+        items: [
+          { key: "share", icon: "share", label: "\u5206\u4EAB" },
+          { key: "edit", icon: "edit", label: "\u7F16\u8F91" }
+        ]
+      })
+    );
+    expect(html).toContain("\u5206\u4EAB");
+    expect(html).toContain("\u7F16\u8F91");
+  });
+  it("should render disabled state on server", async () => {
+    const html = await renderToString(
+      h(AiActionGroup, {
+        items: [{ key: "delete", icon: "delete", disabled: true }]
+      })
+    );
+    expect(html).toContain("is-disabled");
+  });
+  it("should render size class on server", async () => {
+    const html = await renderToString(h(AiActionGroup, { items: [], size: "large" }));
+    expect(html).toContain("yh-ai-action-group--large");
+  });
+});

package/dist/ai-action-group/__tests__/ai-action-group.test.cjs

@@ -0,0 +1,149 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _testUtils = require("@vue/test-utils");
+var _aiActionGroup = _interopRequireDefault(require("../src/ai-action-group.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhAiActionGroup", () => {
+  (0, _vitest.it)("should render with base class", () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: []
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-action-group").exists()).toBe(true);
+  });
+  (0, _vitest.it)("should render empty when no items", () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: []
+      }
+    });
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-action-group__item").length).toBe(0);
+  });
+  (0, _vitest.it)("should render string items", () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: ["copy", "regenerate"]
+      }
+    });
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-action-group__item").length).toBe(2);
+  });
+  (0, _vitest.it)("should render object items with label", () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: [{
+          key: "share",
+          icon: "share",
+          label: "\u5206\u4EAB"
+        }]
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-action-group__item-label").text()).toBe("\u5206\u4EAB");
+  });
+  (0, _vitest.it)("should apply horizontal direction class by default", () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: []
+      }
+    });
+    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-action-group--horizontal");
+  });
+  (0, _vitest.it)("should apply vertical direction class", () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: [],
+        direction: "vertical"
+      }
+    });
+    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-action-group--vertical");
+  });
+  (0, _vitest.it)("should apply small size class by default", () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: []
+      }
+    });
+    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-action-group--small");
+  });
+  (0, _vitest.it)("should apply custom size class", () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: [],
+        size: "large"
+      }
+    });
+    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-action-group--large");
+  });
+  (0, _vitest.it)("should emit click event on item click", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: ["copy"]
+      }
+    });
+    await wrapper.find(".yh-ai-action-group__item").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
+    const emitted = wrapper.emitted("click");
+    (0, _vitest.expect)(emitted[0][0]).toBe("copy");
+  });
+  (0, _vitest.it)("should emit click with key for object item", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: [{
+          key: "my-action",
+          icon: "edit",
+          label: "Edit"
+        }]
+      }
+    });
+    await wrapper.find(".yh-ai-action-group__item").trigger("click");
+    const emitted = wrapper.emitted("click");
+    (0, _vitest.expect)(emitted[0][0]).toBe("my-action");
+  });
+  (0, _vitest.it)("should not emit click for disabled object item", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: [{
+          key: "delete",
+          icon: "delete",
+          label: "Delete",
+          disabled: true
+        }]
+      }
+    });
+    await wrapper.find(".yh-ai-action-group__item").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("click")).toBeFalsy();
+  });
+  (0, _vitest.it)("should apply is-disabled class to disabled item", () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: [{
+          key: "delete",
+          icon: "delete",
+          disabled: true
+        }]
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-action-group__item").classes()).toContain("is-disabled");
+  });
+  (0, _vitest.it)("should render all preset string items", () => {
+    const presets = ["copy", "refresh", "regenerate", "share", "thumb-up", "thumb-down", "edit", "delete"];
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: presets
+      }
+    });
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-action-group__item").length).toBe(presets.length);
+  });
+  (0, _vitest.it)("should render default slot content", () => {
+    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
+      props: {
+        items: []
+      },
+      slots: {
+        default: '<button class="extra-btn">Extra</button>'
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".extra-btn").exists()).toBe(true);
+  });
+});

package/dist/ai-action-group/__tests__/ai-action-group.test.d.ts

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

package/dist/ai-action-group/__tests__/ai-action-group.test.mjs

@@ -0,0 +1,104 @@
+import { describe, it, expect } from "vitest";
+import { mount } from "@vue/test-utils";
+import AiActionGroup from "../src/ai-action-group.vue";
+describe("YhAiActionGroup", () => {
+  it("should render with base class", () => {
+    const wrapper = mount(AiActionGroup, { props: { items: [] } });
+    expect(wrapper.find(".yh-ai-action-group").exists()).toBe(true);
+  });
+  it("should render empty when no items", () => {
+    const wrapper = mount(AiActionGroup, { props: { items: [] } });
+    expect(wrapper.findAll(".yh-ai-action-group__item").length).toBe(0);
+  });
+  it("should render string items", () => {
+    const wrapper = mount(AiActionGroup, {
+      props: { items: ["copy", "regenerate"] }
+    });
+    expect(wrapper.findAll(".yh-ai-action-group__item").length).toBe(2);
+  });
+  it("should render object items with label", () => {
+    const wrapper = mount(AiActionGroup, {
+      props: {
+        items: [{ key: "share", icon: "share", label: "\u5206\u4EAB" }]
+      }
+    });
+    expect(wrapper.find(".yh-ai-action-group__item-label").text()).toBe("\u5206\u4EAB");
+  });
+  it("should apply horizontal direction class by default", () => {
+    const wrapper = mount(AiActionGroup, { props: { items: [] } });
+    expect(wrapper.classes()).toContain("yh-ai-action-group--horizontal");
+  });
+  it("should apply vertical direction class", () => {
+    const wrapper = mount(AiActionGroup, { props: { items: [], direction: "vertical" } });
+    expect(wrapper.classes()).toContain("yh-ai-action-group--vertical");
+  });
+  it("should apply small size class by default", () => {
+    const wrapper = mount(AiActionGroup, { props: { items: [] } });
+    expect(wrapper.classes()).toContain("yh-ai-action-group--small");
+  });
+  it("should apply custom size class", () => {
+    const wrapper = mount(AiActionGroup, { props: { items: [], size: "large" } });
+    expect(wrapper.classes()).toContain("yh-ai-action-group--large");
+  });
+  it("should emit click event on item click", async () => {
+    const wrapper = mount(AiActionGroup, {
+      props: { items: ["copy"] }
+    });
+    await wrapper.find(".yh-ai-action-group__item").trigger("click");
+    expect(wrapper.emitted("click")).toBeTruthy();
+    const emitted = wrapper.emitted("click");
+    expect(emitted[0][0]).toBe("copy");
+  });
+  it("should emit click with key for object item", async () => {
+    const wrapper = mount(AiActionGroup, {
+      props: {
+        items: [{ key: "my-action", icon: "edit", label: "Edit" }]
+      }
+    });
+    await wrapper.find(".yh-ai-action-group__item").trigger("click");
+    const emitted = wrapper.emitted("click");
+    expect(emitted[0][0]).toBe("my-action");
+  });
+  it("should not emit click for disabled object item", async () => {
+    const wrapper = mount(AiActionGroup, {
+      props: {
+        items: [{ key: "delete", icon: "delete", label: "Delete", disabled: true }]
+      }
+    });
+    await wrapper.find(".yh-ai-action-group__item").trigger("click");
+    expect(wrapper.emitted("click")).toBeFalsy();
+  });
+  it("should apply is-disabled class to disabled item", () => {
+    const wrapper = mount(AiActionGroup, {
+      props: {
+        items: [{ key: "delete", icon: "delete", disabled: true }]
+      }
+    });
+    expect(wrapper.find(".yh-ai-action-group__item").classes()).toContain("is-disabled");
+  });
+  it("should render all preset string items", () => {
+    const presets = [
+      "copy",
+      "refresh",
+      "regenerate",
+      "share",
+      "thumb-up",
+      "thumb-down",
+      "edit",
+      "delete"
+    ];
+    const wrapper = mount(AiActionGroup, {
+      props: { items: presets }
+    });
+    expect(wrapper.findAll(".yh-ai-action-group__item").length).toBe(presets.length);
+  });
+  it("should render default slot content", () => {
+    const wrapper = mount(AiActionGroup, {
+      props: { items: [] },
+      slots: {
+        default: '<button class="extra-btn">Extra</button>'
+      }
+    });
+    expect(wrapper.find(".extra-btn").exists()).toBe(true);
+  });
+});

package/dist/ai-action-group/index.cjs

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

package/dist/ai-action-group/index.d.ts

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

package/dist/ai-action-group/index.mjs

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

package/dist/ai-action-group/src/ai-action-group.cjs

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiActionGroupProps = exports.aiActionGroupEmits = void 0;
+const aiActionGroupProps = exports.aiActionGroupProps = {
+  /**
+   * 操作项列表
+   * 可以传简单的 string 如 ['copy', 'refresh', 'thumb-up']
+   */
+  items: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * 尺寸: small | default | large
+   */
+  size: {
+    type: String,
+    default: "small"
+  },
+  /**
+   * 视觉变体: text | ghost | outlined
+   */
+  variant: {
+    type: String,
+    default: "text"
+  },
+  /**
+   * 布局: horizontal | vertical
+   */
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
+  /**
+   * 主题覆盖变量
+   */
+  themeOverrides: {
+    type: Object,
+    default: void 0
+  }
+};
+const aiActionGroupEmits = exports.aiActionGroupEmits = {
+  /**
+   * 点击操作项时触发
+   */
+  click: (key, _item) => !!key
+};