feat(ipv4-range-expander): remove old component copyable-ip-like.vue
This commit is contained in:
		
							parent
							
								
									0b7ba4fbfe
								
							
						
					
					
						commit
						fd6c71ba12
					
				| @ -1,35 +0,0 @@ | ||||
| <template> | ||||
|   <n-tooltip trigger="hover"> | ||||
|     <template #trigger> | ||||
|       <span class="ip" @click="handleClick">{{ ip }}</span> | ||||
|     </template> | ||||
|     {{ tooltipText }} | ||||
|   </n-tooltip> | ||||
| </template> | ||||
| 
 | ||||
| <script setup lang="ts"> | ||||
| import { useClipboard } from '@vueuse/core'; | ||||
| import { ref, toRefs } from 'vue'; | ||||
| 
 | ||||
| const props = withDefaults(defineProps<{ ip?: string }>(), { ip: '' }); | ||||
| const { ip } = toRefs(props); | ||||
| 
 | ||||
| const initialText = 'Copy to clipboard'; | ||||
| const tooltipText = ref(initialText); | ||||
| 
 | ||||
| const { copy } = useClipboard({ source: ip }); | ||||
| 
 | ||||
| function handleClick() { | ||||
|   copy(); | ||||
|   tooltipText.value = 'Copied!'; | ||||
| 
 | ||||
|   setTimeout(() => (tooltipText.value = initialText), 1000); | ||||
| } | ||||
| </script> | ||||
| 
 | ||||
| <style scoped lang="less"> | ||||
| .ip { | ||||
|   font-family: monospace; | ||||
|   cursor: pointer; | ||||
| } | ||||
| </style> | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user