fix: Fix button element style abnormality

components/Contextmenu/__test__/__snapshots__/contextmenu.spec.ts.snap

@@ -1,13 +1,13 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KContextmenu > base render 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 2</button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 3</button></li></div></ul></div>"`;
+exports[`Test: KContextmenu > base render 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 2</button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 3</button></li></div></ul></div>"`;
 
 exports[`Test: KContextmenu > props: disabled 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: -999;"></ul></div>"`;
 
-exports[`Test: KContextmenu > props: item disabled 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__disabled k-contextmenu-item__disabled__dark"><button>options 2</button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 3</button></li></div></ul></div>"`;
+exports[`Test: KContextmenu > props: item disabled 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__disabled k-contextmenu-item__disabled__dark"><button class="k-contextmenu-item-btn">options 2</button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 3</button></li></div></ul></div>"`;
 
-exports[`Test: KContextmenu > props: item divider 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__divider"><button></button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 3</button></li></div></ul></div>"`;
+exports[`Test: KContextmenu > props: item divider 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__divider"><button class="k-contextmenu-item-btn"></button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 3</button></li></div></ul></div>"`;
 
-exports[`Test: KContextmenu > props: sub menu 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__divider"><button></button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 3</button></li> <li class="k-contextmenu-sub-menu k-contextmenu-sub-menu--base k-contextmenu-sub-menu--base__dark"><span>contextmenu-sub-title</span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right k-contextmenu-sub-menu__icon" role=""></span> <div class="k-contextmenu-sub-menu-item k-contextmenu-sub-menu-item__dark" style="left: 0px; top: 0px; z-index: 999;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 4</button></li></div></li></div></ul></div>"`;
+exports[`Test: KContextmenu > props: sub menu 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__divider"><button class="k-contextmenu-item-btn"></button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 3</button></li> <li class="k-contextmenu-sub-menu k-contextmenu-sub-menu--base k-contextmenu-sub-menu--base__dark"><span>contextmenu-sub-title</span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right k-contextmenu-sub-menu__icon" role=""></span> <div class="k-contextmenu-sub-menu-item k-contextmenu-sub-menu-item__dark" style="left: 0px; top: 0px; z-index: 999;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 4</button></li></div></li></div></ul></div>"`;
 
-exports[`Test: KContextmenu > props: sub menu disabled 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__divider"><button></button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 3</button></li> <li class="k-contextmenu-sub-menu k-contextmenu-sub-menu--base k-contextmenu-sub-menu--base__dark k-contextmenu-sub-menu__disabled k-contextmenu-sub-menu__disabled__dark"><span>contextmenu-sub-title</span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right k-contextmenu-sub-menu__icon" role=""></span> </li></div></ul></div>"`;
+exports[`Test: KContextmenu > props: sub menu disabled 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__divider"><button class="k-contextmenu-item-btn"></button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 3</button></li> <li class="k-contextmenu-sub-menu k-contextmenu-sub-menu--base k-contextmenu-sub-menu--base__dark k-contextmenu-sub-menu__disabled k-contextmenu-sub-menu__disabled__dark"><span>contextmenu-sub-title</span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right k-contextmenu-sub-menu__icon" role=""></span> </li></div></ul></div>"`;

components/Contextmenu/src/contextmenu-item.svelte

@@ -16,6 +16,7 @@
 	};
 
 	const prefixCls = getPrefixCls('contextmenu-item');
+	const btnCls = `${prefixCls}-btn`;
 	$: cnames = clsx(
 		prefixCls,
 		{
@@ -30,7 +31,7 @@
 </script>
 
 <li class={cnames} {...$$restProps} {...attrs}>
-	<button on:click={handleClick} >
+	<button on:click={handleClick} class={btnCls}>
 		{#if !divider}
 			<slot />
 		{/if}