feat: added showTooltip attr

ikun-svelte · Jan 5, 2024 · 095caba · 095caba
1 parent c0091ae
commit 095caba
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/components/Slider/src/index.svelte b/components/Slider/src/index.svelte
@@ -15,6 +15,7 @@
 	export let vertical: KSliderProps['vertical'] = false;
 	export let attrs: KSliderProps['attrs'] = {};
 	export let cls: KSliderProps['cls'] = undefined;
+	export let showTooltip: KSliderProps['showTooltip'] = true;
 
 	/*********************** KForm logic start ************************/
 	let disabledFrom = false;
@@ -193,13 +194,13 @@
 			style={btnStyle}
 		>
 			{#if $$slots.buttonRender}
-				<KTooltip placement="top" content={String(value)}>
+				<KTooltip disabled={!showTooltip} placement="top" content={String(value)}>
 					<div slot="triggerEl" class={buttonCls}>
 						<slot name="buttonRender" />
 					</div>
 				</KTooltip>
 			{:else}
-				<KTooltip placement="top" content={String(value)}>
+				<KTooltip disabled={!showTooltip} placement="top" content={String(value)}>
 					<div slot="triggerEl" class={buttonCls}></div>
 				</KTooltip>
 			{/if}

diff --git a/components/Slider/src/types.d.ts b/components/Slider/src/types.d.ts
@@ -10,6 +10,7 @@ export type KSliderProps = {
 	step: number;
 	disabled: boolean;
 	vertical: boolean;
+	showTooltip: boolean;
 	cls: ClassValue;
 	attrs: Record<string, string>;
 };
diff --git a/docs/example/slider/basic.svelte b/docs/example/slider/basic.svelte
@@ -13,7 +13,7 @@
 </script>
 
 <div>
-	<KSlider on:input={handleInput1} value={value1}></KSlider>
+	<KSlider showTooltip={false} on:input={handleInput1} value={value1}></KSlider>
 	<p class="px-2">value: {value1}</p>
 </div>