diff --git a/packages/x/components/sender/Sender.tsx b/packages/x/components/sender/Sender.tsx
index c383ce8..108c3e4 100644
--- a/packages/x/components/sender/Sender.tsx
+++ b/packages/x/components/sender/Sender.tsx
@@ -1,6 +1,7 @@
import type { PropType, StyleValue } from "vue";
import type { CSSProperties } from "vue";
+import { Flex } from "antdv-next";
import { useConfig } from "antdv-next/config-provider/context";
import { computed, defineComponent, ref, useAttrs, watch } from "vue";
@@ -363,10 +364,10 @@ export default defineComponent({
const actionListCls = `${cls}-actions-list`;
const actionNode = (
-
+
{props.allowSpeech && }
{props.loading ? : }
-
+
);
const suffixNode =
diff --git a/packages/x/components/sender/__tests__/index.test.tsx b/packages/x/components/sender/__tests__/index.test.tsx
index 4c44db1..3fab439 100644
--- a/packages/x/components/sender/__tests__/index.test.tsx
+++ b/packages/x/components/sender/__tests__/index.test.tsx
@@ -1,8 +1,12 @@
import { mount } from "@vue/test-utils";
-import { describe, expect, it, vi } from "vitest";
+import { beforeEach, describe, expect, it, vi } from "vitest";
import Sender from "..";
+beforeEach(() => {
+ document.head.innerHTML = "";
+});
+
describe("Sender", () => {
it("should render with default props", () => {
const wrapper = mount(Sender);
@@ -117,6 +121,15 @@ describe("Sender", () => {
expect(buttons.length).toBeGreaterThanOrEqual(1);
});
+ it("should render action presets with Flex", () => {
+ const wrapper = mount(Sender, {
+ props: { allowSpeech: true },
+ });
+
+ const presets = wrapper.find(".antd-sender-actions-list-presets");
+ expect(presets.classes()).toContain("ant-flex");
+ });
+
it("should render loading button when loading", () => {
const wrapper = mount(Sender, {
props: { loading: true },