refactor: consistent naming

Author: brc-dd

lib/components/SDropdownSectionFilter.vue

@@ -62,8 +62,8 @@ function focusNext(event: any) {
 }
 
 function onClick(option: DropdownSectionFilterOption, value: any) {
-  option.onClick && option.onClick(value)
-  props.onClick && props.onClick(value)
+  option.onClick?.(value)
+  props.onClick?.(value)
 }
 </script>
 

lib/components/SInputDropdown.vue

@@ -72,7 +72,7 @@ const dropdownOptions = computed<DropdownSectionFilter[]>(() => [{
   search: props.noSearch === undefined ? true : !props.noSearch,
   selected: model.value,
   options: props.options,
-  onClick: handleSelect
+  onClick: onSelect
 }])
 
 const selected = computed(() => {
@@ -97,35 +97,28 @@ const removable = computed(() => {
   return !!props.nullable
 })
 
-async function handleOpen() {
+async function onOpen() {
   if (!props.disabled) {
     updatePosition()
     open()
   }
 }
 
-function handleSelect(value: OptionValue) {
+function onSelect(value: OptionValue) {
   props.validation?.$touch()
 
-  Array.isArray(model.value) ? handleArray(value) : handlePrimitive(value)
-}
-
-function handlePrimitive(value: OptionValue) {
-  if (value !== model.value) {
-    model.value = value
-  } else if (props.nullable) {
-    model.value = null
-  }
-}
-
-function handleArray(value: OptionValue) {
-  const difference = xor(model.value as ArrayValue, [value])
-
-  if (!props.nullable && difference.length === 0) {
-    return
+  if (Array.isArray(model.value)) {
+    const toggled = xor(model.value, [value])
+    if (toggled.length !== 0 || props.nullable) {
+      model.value = toggled
+    }
+  } else {
+    if (value !== model.value) {
+      model.value = value
+    } else if (props.nullable) {
+      model.value = null
+    }
   }
-
-  model.value = difference
 }
 </script>
 
@@ -149,10 +142,10 @@ function handleArray(value: OptionValue) {
         class="box"
         role="button"
         tabindex="0"
-        @click="handleOpen"
+        @click="onOpen"
         @keydown.down.prevent
-        @keyup.enter="handleOpen"
-        @keyup.down="handleOpen"
+        @keyup.enter="onOpen"
+        @keyup.down="onOpen"
       >
         <div class="box-content">
           <SInputDropdownItem
@@ -161,7 +154,7 @@ function handleArray(value: OptionValue) {
             :size="size ?? 'small'"
             :removable
             :disabled="disabled ?? false"
-            @remove="handleSelect"
+            @remove="onSelect"
           />
 
           <div v-else class="box-placeholder">{{ placeholder ?? t.ph }}</div>

lib/components/STable.vue

@@ -394,7 +394,7 @@ function getStyles(key: string) {
   }
 }
 
-function handleResizeStart(data: { columnName: string; startX: number; initialX: number }) {
+function onResizeStart(data: { columnName: string; startX: number; initialX: number }) {
   const tableRect = table.value?.getBoundingClientRect()
   const tableLeft = tableRect?.left ?? 0
   const indicatorX = data.initialX - tableLeft
@@ -406,13 +406,13 @@ function handleResizeStart(data: { columnName: string; startX: number; initialX:
   }
 }
 
-function handleResizeMove(data: { deltaX: number }) {
+function onResizeMove(data: { deltaX: number }) {
   if (resizeState.value) {
     resizeState.value.indicatorX = resizeState.value.startX + data.deltaX
   }
 }
 
-function handleResizeEnd(data: { columnName: string; finalWidth: string }) {
+function onResizeEnd(data: { columnName: string; finalWidth: string }) {
   updateColWidth(data.columnName, data.finalWidth, true)
   resizeState.value = null
 }
@@ -456,9 +456,9 @@ function handleResizeEnd(data: { columnName: string; finalWidth: string }) {
                   :dropdown="unref(options.columns)[key]?.dropdown"
                   :has-header="showHeader"
                   :resizable="unref(options.columns)[key]?.resizable"
-                  @resize-start="handleResizeStart"
-                  @resize-move="handleResizeMove"
-                  @resize-end="handleResizeEnd"
+                  @resize-start="onResizeStart"
+                  @resize-move="onResizeMove"
+                  @resize-end="onResizeEnd"
                 >
                   <SInputCheckbox
                     v-if="