matei/zeroone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIX: Missing model type

Browse Source
This commit is contained in:
Robert Kossessa
2024-01-23 11:46:20 +01:00
parent 3b41ad4dcc
commit 3190961900
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/device-gui/PixelBarTest.vue
View File

@@ -2,9 +2,9 @@
import { ref, computed } from 'vue' import { ref, computed } from 'vue'
import { Input } from '@/components/ui/input' import { Input } from '@/components/ui/input'
const model = defineModel() const model = defineModel({ type: Number, default: 60 })
const bar = ref(null); const bar = ref(null)
const width = ref(160) const width = ref(160)
const count = ref(40) const count = ref(40)
@@ -19,15 +19,18 @@ const rect_width = computed(() => {
const current_pos = computed(() => { const current_pos = computed(() => {
return Math.round((percent.value / 100) * (count.value - 1)) return Math.round((percent.value / 100) * (count.value - 1))
}) })
function onMouseDown() { function onMouseDown() {
window.addEventListener('mousemove', onMouseMove) window.addEventListener('mousemove', onMouseMove)
window.addEventListener('mouseup', onMouseUp) window.addEventListener('mouseup', onMouseUp)
} }
function onMouseMove(e) { function onMouseMove(e) {
const rect = bar.value.getBoundingClientRect() const rect = bar.value.getBoundingClientRect()
percent.value = Math.max(0, Math.min(Math.round((e.clientX - rect.left - 9) / (width.value - 6) * 100), 100)) percent.value = Math.max(0, Math.min(Math.round((e.clientX - rect.left - 9) / (width.value - 6) * 100), 100))
model.value = percent.value model.value = percent.value
} }
function onMouseUp() { function onMouseUp() {
window.removeEventListener('mousemove', onMouseMove) window.removeEventListener('mousemove', onMouseMove)
window.removeEventListener('mouseup', onMouseUp) window.removeEventListener('mouseup', onMouseUp)