|
@@ -0,0 +1,28 @@
|
|
|
|
+<template>
|
|
|
|
+ <div class="search-container">
|
|
|
|
+ <Button
|
|
|
|
+ id="viewFind"
|
|
|
|
+ v-bind="{ ...item }"
|
|
|
|
+ :isActive="searchStatus"
|
|
|
|
+ :onClick="onClick"
|
|
|
|
+ >
|
|
|
|
+ <Search />
|
|
|
|
+ </Button>
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script setup>
|
|
|
|
+ import { ref, computed } from 'vue'
|
|
|
|
+ import { useViewerStore } from '@/stores/modules/viewer'
|
|
|
|
+ import core from '@/core'
|
|
|
|
+ const { item } = defineProps(['item'])
|
|
|
|
+
|
|
|
|
+ const useViewer = useViewerStore()
|
|
|
|
+
|
|
|
|
+ const searchStatus = computed(() => useViewer.getSearchStatus)
|
|
|
|
+
|
|
|
|
+ const onClick = () => {
|
|
|
|
+ core.webViewerNamedAction('Find')
|
|
|
|
+ useViewer.setSearchStatus(!searchStatus.value)
|
|
|
|
+ }
|
|
|
|
+</script>
|