andry/EMS-ESP32
1
0
Fork 0
mirror of https://github.com/emsesp/EMS-ESP32.git synced 2025-12-06 07:49:52 +03:00
Code Issues Packages Projects Releases Wiki Activity

https://github.com/emsesp/EMS-ESP32/discussions/2728#discussioncomment-14957216

Browse Source
This commit is contained in:
proddy
2025-11-13 21:08:20 +01:00
parent 993e2fdc22
commit 31706bfc21
1 changed files with 25 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
interface/src/utils/binding.ts
View File

@@ -25,6 +25,7 @@ export const extractEventValue = (
normalizedValue.endsWith('.') || normalizedValue.endsWith('.') ||
normalizedValue === '-' || normalizedValue === '-' ||
normalizedValue === '-.' || normalizedValue === '-.' ||
normalizedValue === '-0' ||
endsWithDecimalAndZeros; endsWithDecimalAndZeros;
if (isIncomplete) { if (isIncomplete) {
@@ -45,15 +46,15 @@ type UpdateEntity<S> = (state: (prevState: Readonly<S>) => S) => void;
*/ */
export const updateValue = export const updateValue =
<S extends Record<string, unknown>>(updateEntity: UpdateEntity<S>) => <S extends Record<string, unknown>>(updateEntity: UpdateEntity<S>) =>
(event: React.ChangeEvent<HTMLInputElement>): void => { (event: React.ChangeEvent<HTMLInputElement>): void => {
const { name } = event.target; const { name } = event.target;
const value = extractEventValue(event); const value = extractEventValue(event);
updateEntity((prevState) => ({ updateEntity((prevState) => ({
...prevState, ...prevState,
[name]: value [name]: value
})); }));
}; };
/** /**
* Creates an event handler that tracks dirty flags for modified fields. * Creates an event handler that tracks dirty flags for modified fields.
@@ -66,22 +67,22 @@ export const updateValueDirty =
setDirtyFlags: React.Dispatch<React.SetStateAction<string[]>>, setDirtyFlags: React.Dispatch<React.SetStateAction<string[]>>,
updateDataValue: (updater: (prevState: T) => T) => void updateDataValue: (updater: (prevState: T) => T) => void
) => ) =>
(event: React.ChangeEvent<HTMLInputElement>): void => { (event: React.ChangeEvent<HTMLInputElement>): void => {
const { name } = event.target; const { name } = event.target;
const updatedValue = extractEventValue(event); const updatedValue = extractEventValue(event);
updateDataValue((prevState) => ({ updateDataValue((prevState) => ({
...prevState, ...prevState,
[name]: updatedValue [name]: updatedValue
})); }));
const isDirty = origData[name] !== updatedValue; const isDirty = origData[name] !== updatedValue;
const wasDirty = dirtyFlags.includes(name); const wasDirty = dirtyFlags.includes(name);
// Only update dirty flags if the state changed // Only update dirty flags if the state changed
if (isDirty !== wasDirty) { if (isDirty !== wasDirty) {
setDirtyFlags( setDirtyFlags(
isDirty ? [...dirtyFlags, name] : dirtyFlags.filter((f) => f !== name) isDirty ? [...dirtyFlags, name] : dirtyFlags.filter((f) => f !== name)
); );
} }
}; };