fix: fix KMenu component with is not correct in vertical mode (#460)

components/Calendar/__test__/calendar.spec.ts

@@ -118,7 +118,7 @@ describe('Test: KCalendar', () => {
 		expect(cells.length).toBe(12);
 		let cellS = host.querySelector('.k-calendar-date-s');
 		expect(cellS.innerHTML).matchSnapshot();
-		const monthBtn = host.querySelectorAll('button')[1];
+		const monthBtn = host.querySelectorAll('button')[0];
 		expect(monthBtn.innerHTML.includes('Year')).toBeTruthy();
 		monthBtn.click();
 		await tick();
@@ -141,7 +141,7 @@ describe('Test: KCalendar', () => {
 		trigger.click();
 		await tick();
 		expect(test.innerHTML).toBe('2024-04-25');
-		const monthBtn = host.querySelectorAll('button')[3];
+		const monthBtn = host.querySelectorAll('button')[1];
 		monthBtn.click();
 		await tick();
 		const trMonth = host.querySelector('[title="2024-06"]');
@@ -166,7 +166,7 @@ describe('Test: KCalendar', () => {
 		expect(opContainer.children.length).toBe(1);
 		expect(opContainer.children[0].innerHTML.includes('2024')).toBeTruthy();
 
-		const yearBtn = host.querySelectorAll('button')[1];
+		const yearBtn = host.querySelectorAll('button')[0];
 		expect(yearBtn.innerHTML.includes('Year')).toBeTruthy();
 		yearBtn.click();
 		await tick();
@@ -258,13 +258,13 @@ describe('Test: KCalendar', () => {
 			mockFn();
 		});
 
-		const btn1 = host.querySelectorAll('button')[2];
+		const btn1 = host.querySelectorAll('button')[0];
 		btn1.click();
 		await tick();
 		expect(mockFn).toBeCalledTimes(1);
 		expect(data).matchSnapshot();
 
-		const btn2 = host.querySelectorAll('button')[3];
+		const btn2 = host.querySelectorAll('button')[1];
 		btn2.click();
 		await tick();
 		expect(mockFn).toBeCalledTimes(2);

components/Ellipsis/__test__/__snapshots__/ellipsis.spec.ts.snap

@@ -1,11 +1,11 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KEllipsis > props: cls 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis k-ellipsis--test" slot="triggerEl" style="">...</button></button> "`;
+exports[`Test: KEllipsis > props: cls 1`] = `"<div class="k-popover--trigger svelte-13arsd0" role="button" tabindex="-1" data-popover-trigger=""><button class="k-ellipsis k-ellipsis--test" slot="triggerEl" style="">...</button></div> "`;
 
-exports[`Test: KEllipsis > props: content 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis" slot="triggerEl" style="">我言秋日胜春朝</button></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><span slot="contentEl">自古逢秋悲寂寥</span> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KEllipsis > props: content 1`] = `"<div class="k-popover--trigger svelte-13arsd0" role="button" tabindex="-1" data-popover-trigger=""><button class="k-ellipsis" slot="triggerEl" style="">我言秋日胜春朝</button></div> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><span slot="contentEl">自古逢秋悲寂寥</span> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KEllipsis > props: expand 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis--line-clamp" slot="triggerEl" style="-webkit-line-clamp: 3; display: -webkit-inline-box; overflow: hidden;">我言秋日...</button></button> "`;
+exports[`Test: KEllipsis > props: expand 1`] = `"<div class="k-popover--trigger svelte-13arsd0" role="button" tabindex="-1" data-popover-trigger=""><button class="k-ellipsis--line-clamp" slot="triggerEl" style="-webkit-line-clamp: 3; display: -webkit-inline-box; overflow: hidden;">我言秋日...</button></div> "`;
 
-exports[`Test: KEllipsis > props: num 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis" slot="triggerEl" style="">我言秋日...</button></button> "`;
+exports[`Test: KEllipsis > props: num 1`] = `"<div class="k-popover--trigger svelte-13arsd0" role="button" tabindex="-1" data-popover-trigger=""><button class="k-ellipsis" slot="triggerEl" style="">我言秋日...</button></div> "`;
 
-exports[`Test: KEllipsis > props: text 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis" slot="triggerEl" style="">我言秋日胜春朝</button></button> "`;
+exports[`Test: KEllipsis > props: text 1`] = `"<div class="k-popover--trigger svelte-13arsd0" role="button" tabindex="-1" data-popover-trigger=""><button class="k-ellipsis" slot="triggerEl" style="">我言秋日胜春朝</button></div> "`;