Fix slow C changes

evilmartians · Oct 4, 2024 · e4cffa7 · e4cffa7
1 parent 3a6a389
commit e4cffa7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/stores/current.ts b/stores/current.ts
@@ -158,8 +158,8 @@ function round2(value: number): number {
   return parseFloat(value.toFixed(2))
 }
 
-function round3(value: number): number {
-  return parseFloat(value.toFixed(3))
+function round4(value: number): number {
+  return parseFloat(value.toFixed(4))
 }
 
 function roundValue<V extends Partial<LchValue>>(
@@ -171,7 +171,7 @@ function roundValue<V extends Partial<LchValue>>(
     rounded.l = round2(rounded.l)
   }
   if (typeof rounded.c !== 'undefined') {
-    rounded.c = type === 'oklch' ? round3(rounded.c) : round2(rounded.c)
+    rounded.c = type === 'oklch' ? round4(rounded.c) : round2(rounded.c)
   }
   if (typeof rounded.h !== 'undefined') {
     rounded.h = round2(rounded.h)

diff --git a/view/card/index.ts b/view/card/index.ts
@@ -23,19 +23,19 @@ type ClampAngleFn = (
   range: Omit<MetaSpinInput, 'step'>
 ) => number
 
-function clampInRange(useWheel: boolean): ClampAngleFn {
+function clampInRange(useWheel: boolean, precision: number): ClampAngleFn {
   return (value, range) => {
     let angle = useWheel ? cycleByWheel(value, range.max) : value
     let clamped = Math.max(range.min, Math.min(range.max, angle))
 
-    return clean(clamped)
+    return clean(clamped, precision)
   }
 }
 
 function initInput(type: 'a' | 'c' | 'h' | 'l'): HTMLInputElement {
   let card = document.querySelector<HTMLDivElement>(`.card.is-${type}`)!
   let text = card.querySelector<HTMLInputElement>('[role=spinbutton]')!
-  let bindedClamp = clampInRange(type === 'h')
+  let bindedClamp = clampInRange(type === 'h', type === 'c' ? 4 : 2)
 
   text.addEventListener('change', () => {
     let { max, min } = getInputMeta(text)