@sigmaott/base-next 1.4.0 → 1.4.2

package/src/composables/useComplexSearchParam.ts

@@ -1,293 +1,293 @@
-import type { Ref } from 'vue'
-import { toRefs } from '@vueuse/core'
-import * as R from 'ramda'
-import isEqual from 'lodash/isEqual'
-
-function equals(obj1: unknown, obj2: unknown): boolean {
-  const isPlainObject = (val: unknown): val is Record<string, unknown> =>
-    val !== null && typeof val === 'object' && val.constructor === Object
-
-  const deepEqual = (val1: unknown, val2: unknown): boolean => {
-    if (val1 === val2)
-      return true // Handles primitives and same references
-    if (typeof val1 !== typeof val2)
-      return false
-
-    if (Array.isArray(val1) && Array.isArray(val2)) {
-      if (val1.length !== val2.length)
-        return false
-      const sorted1 = [...val1].sort()
-      const sorted2 = [...val2].sort()
-      return sorted1.every((item, index) => deepEqual(item, sorted2[index]))
-    }
-
-    if (isPlainObject(val1) && isPlainObject(val2)) {
-      const keys1 = Object.keys(val1).sort()
-      const keys2 = Object.keys(val2).sort()
-      if (keys1.length !== keys2.length)
-        return false
-      return keys1.every(
-        (key, index) =>
-          key === keys2[index] && deepEqual((val1 as Record<string, unknown>)[key], (val2 as Record<string, unknown>)[key]),
-      )
-    }
-
-    return false // Not equal for all other cases
-  }
-
-  return deepEqual(obj1, obj2)
-}
-
-export function useComplexSearchParam(params: Ref<{ q: string }>, options?: {
-  defaultQ?: { q: any }
-  searchTextKey?: string
-  searchKeys?: MaybeRefOrGetter<string[]>
-}) {
-  const { q } = toRefs(params)
-  const nameKey = options?.searchTextKey || 'name'
-
-  const isChange = computed(() => {
-    return options?.defaultQ ? !equals(JSON.parse(q.value), JSON.parse(options?.defaultQ)) : false
-  })
-
-  const parsedQ = computed({
-    get: () => {
-      const value = isRef(q.value) ? q.value.value : q.value
-      if (!value)
-        return {}
-      return JSON.parse(value)
-    },
-    set: (newVal) => {
-      if (isRef(q.value))
-        q.value.value = JSON.stringify(newVal)
-      else
-        q.value = JSON.stringify(newVal)
-    },
-  })
-
-  const qAnd0 = computed({
-    get: () => {
-      return parsedQ.value.$and[0]
-    },
-    set: (newVal) => {
-      const $and = parsedQ.value.$and || []
-      $and[0] = newVal
-      parsedQ.value = { $and }
-    },
-  })
-
-  const qAnd1 = computed({
-    get: () => {
-      return parsedQ.value.$and[1]
-    },
-    set: (newVal) => {
-      const $and = parsedQ.value.$and || []
-      $and[1] = newVal
-      parsedQ.value = { $and }
-    },
-  })
-
-  const qAnd2 = computed({
-    get: () => {
-      return parsedQ.value.$and[2]
-    },
-    set: (newVal) => {
-      const $and = parsedQ.value.$and || []
-      $and[2] = newVal
-      parsedQ.value = { $and }
-    },
-  })
-
-  const searchText = ref(qAnd0.value[nameKey] ? qAnd0.value[nameKey].$regex : '')
-
-  debouncedWatch(
-    searchText,
-    (_str) => {
-      const name = _str ? { $regex: _str, $options: 'i' } : undefined
-      const $and = parsedQ.value.$and || []
-      $and[0][nameKey] = name
-      parsedQ.value = { $and }
-    },
-    { deep: true, debounce: 250 },
-  )
-
-  const searchKeys = toRef(options?.searchKeys)
-
-  // alternative to the search text, for multiple search fields
-  const qAnd1Search = ref((searchKeys.value || [])?.reduce((acc, key) => {
-    acc[key] = ''
-    return acc
-  }, {} as Record<string, string>))
-
-  debouncedWatch(qAnd1Search, () => {
-    qAnd1.value = Object.entries(qAnd1Search.value).reduce((acc, [key, value]) => {
-      acc[key] = value ? { $regex: value, $options: 'i' } : undefined
-      return acc
-    }, {} as Record<string, any>)
-  }, { deep: true, debounce: 250 })
-
-  const clearQ0 = () => {
-    const value = options?.defaultQ
-    qAnd0.value = !value ? {} : JSON.parse(value).$and[0]
-  }
-  const clearQ1 = () => {
-    const value = options?.defaultQ
-    qAnd1.value = !value ? {} : JSON.parse(value).$and[1]
-  }
-  const clearQ2 = () => {
-    const value = options?.defaultQ
-    qAnd2.value = !value ? {} : JSON.parse(value).$and[2] || {}
-  }
-  const clearQ = () => {
-    clearQ0()
-    clearQ1()
-  }
-
-  return {
-    searchText,
-    parsedQ,
-    qAnd0,
-    qAnd1,
-    qAnd2,
-    qAnd1Search,
-    isChange,
-    clearQ,
-    clearQ0,
-    clearQ1,
-    clearQ2,
-  }
-}
-
-interface TableSearchParams {
-  page?: number
-  perPage?: number
-  q?: any
-  [key: string]: any
-}
-
-interface TableSearchOptions {
-  [key: string]: any
-}
-
-export function useTableSearch(
-  defaultParams: TableSearchParams = {},
-  options: TableSearchOptions = {},
-  disabledSync = false,
-) {
-  const params = useRouteParams(defaultParams, options, disabledSync)
-
-  const complexSearch = useComplexSearchParam(params, { defaultQ: defaultParams.q })
-
-  function sortChange(sort: { column: string, prop: string, order?: 'descending' | 'ascending' }) {
-    if (sort.order)
-      params.value.sort = `${sort.prop}|${sort.order === 'ascending' ? 'asc' : 'desc'}`
-    else
-      params.value.sort = options?.sort ? options.sort : 'name|asc'
-  }
-  function sortChangeDefault(sort: { column: string, prop: string, order?: 'descending' | 'ascending' }) {
-    if (sort.order)
-      params.value.sort = `${sort.prop}|${sort.order === 'ascending' ? 'asc' : 'desc'}`
-    else
-      params.value.sort = ''
-  }
-
-  return {
-    params,
-    sortChange,
-    sortChangeDefault,
-    ...complexSearch,
-  }
-}
-// ... existing code ...
-
-interface QueryMapperOptions {
-  key: string
-  type: 'regex' | 'in' | 'exact'
-  defaultValue?: any
-}
-
-export function useQuickFilter(
-  qAnd0: Ref<any>,
-  resetPage: () => void,
-  options: QueryMapperOptions[],
-) {
-  function revertMapQueryQ(qAnd: { $and: Array<Record<string, any>> }) {
-    if (!qAnd?.$and?.length) {
-      return options.reduce((acc, opt) => {
-        acc[opt.key] = opt.defaultValue ?? (opt.type === 'in' ? [] : '')
-        return acc
-      }, {} as Record<string, any>)
-    }
-
-    return qAnd.$and.reduce((acc, query) => {
-      const [key, value] = Object.entries(query)[0]
-      const option = options.find(opt => opt.key === key)
-
-      if (option) {
-        switch (option.type) {
-          case 'regex':
-            acc[key] = value.$regex
-            break
-          case 'in':
-            acc[key] = value.$in
-            break
-          case 'exact':
-            acc[key] = value
-            break
-        }
-      }
-
-      return acc
-    }, options.reduce((acc, opt) => {
-      acc[opt.key] = opt.defaultValue ?? (opt.type === 'in' ? [] : '')
-      return acc
-    }, {} as Record<string, any>))
-  }
-
-  function mapQueryQ(query: Record<string, any>) {
-    return Object.entries(query).reduce((acc, [key, value]) => {
-      const option = options.find(opt => opt.key === key)
-
-      if (!option)
-        return acc
-
-      const isEmpty = value === '' || value === undefined || (Array.isArray(value) && value.length === 0)
-      if (isEmpty)
-        return acc
-
-      switch (option.type) {
-        case 'regex':
-          acc.push({ [key]: { $regex: value, $options: 'i' } })
-          break
-        case 'in':
-          acc.push({ [key]: { $in: value } })
-          break
-        case 'exact':
-          acc.push({ [key]: value })
-          break
-      }
-
-      return acc
-    }, [] as Array<Record<string, any>>)
-  }
-
-  const filterForm = ref<{
-    name: string
-    status?: string
-    serverId: any
-  }>(revertMapQueryQ(qAnd0.value || { $and: [{}, {}] }))
-  watch(filterForm, (newQuery) => {
-    const mapQuery = mapQueryQ(newQuery)
-    qAnd0.value = mapQuery.length > 0 ? { $and: mapQuery } : {}
-    resetPage()
-  }, { deep: true })
-
-  function resetFilter() {
-    filterForm.value = revertMapQueryQ(qAnd0.value || { $and: [{}, {}] })
-  }
-
-  return {
-    filterForm,
-    resetFilter,
-  }
-}
+import type { Ref } from 'vue'
+import { toRefs } from '@vueuse/core'
+import * as R from 'ramda'
+import isEqual from 'lodash/isEqual'
+
+function equals(obj1: unknown, obj2: unknown): boolean {
+  const isPlainObject = (val: unknown): val is Record<string, unknown> =>
+    val !== null && typeof val === 'object' && val.constructor === Object
+
+  const deepEqual = (val1: unknown, val2: unknown): boolean => {
+    if (val1 === val2)
+      return true // Handles primitives and same references
+    if (typeof val1 !== typeof val2)
+      return false
+
+    if (Array.isArray(val1) && Array.isArray(val2)) {
+      if (val1.length !== val2.length)
+        return false
+      const sorted1 = [...val1].sort()
+      const sorted2 = [...val2].sort()
+      return sorted1.every((item, index) => deepEqual(item, sorted2[index]))
+    }
+
+    if (isPlainObject(val1) && isPlainObject(val2)) {
+      const keys1 = Object.keys(val1).sort()
+      const keys2 = Object.keys(val2).sort()
+      if (keys1.length !== keys2.length)
+        return false
+      return keys1.every(
+        (key, index) =>
+          key === keys2[index] && deepEqual((val1 as Record<string, unknown>)[key], (val2 as Record<string, unknown>)[key]),
+      )
+    }
+
+    return false // Not equal for all other cases
+  }
+
+  return deepEqual(obj1, obj2)
+}
+
+export function useComplexSearchParam(params: Ref<{ q: string }>, options?: {
+  defaultQ?: { q: any }
+  searchTextKey?: string
+  searchKeys?: MaybeRefOrGetter<string[]>
+}) {
+  const { q } = toRefs(params)
+  const nameKey = options?.searchTextKey || 'name'
+
+  const isChange = computed(() => {
+    return options?.defaultQ ? !equals(JSON.parse(q.value), JSON.parse(options?.defaultQ)) : false
+  })
+
+  const parsedQ = computed({
+    get: () => {
+      const value = isRef(q.value) ? q.value.value : q.value
+      if (!value)
+        return {}
+      return JSON.parse(value)
+    },
+    set: (newVal) => {
+      if (isRef(q.value))
+        q.value.value = JSON.stringify(newVal)
+      else
+        q.value = JSON.stringify(newVal)
+    },
+  })
+
+  const qAnd0 = computed({
+    get: () => {
+      return parsedQ.value.$and[0]
+    },
+    set: (newVal) => {
+      const $and = parsedQ.value.$and || []
+      $and[0] = newVal
+      parsedQ.value = { $and }
+    },
+  })
+
+  const qAnd1 = computed({
+    get: () => {
+      return parsedQ.value.$and[1]
+    },
+    set: (newVal) => {
+      const $and = parsedQ.value.$and || []
+      $and[1] = newVal
+      parsedQ.value = { $and }
+    },
+  })
+
+  const qAnd2 = computed({
+    get: () => {
+      return parsedQ.value.$and[2]
+    },
+    set: (newVal) => {
+      const $and = parsedQ.value.$and || []
+      $and[2] = newVal
+      parsedQ.value = { $and }
+    },
+  })
+
+  const searchText = ref(qAnd0.value[nameKey] ? qAnd0.value[nameKey].$regex : '')
+
+  debouncedWatch(
+    searchText,
+    (_str) => {
+      const name = _str ? { $regex: _str, $options: 'i' } : undefined
+      const $and = parsedQ.value.$and || []
+      $and[0][nameKey] = name
+      parsedQ.value = { $and }
+    },
+    { deep: true, debounce: 250 },
+  )
+
+  const searchKeys = toRef(options?.searchKeys)
+
+  // alternative to the search text, for multiple search fields
+  const qAnd1Search = ref((searchKeys.value || [])?.reduce((acc, key) => {
+    acc[key] = ''
+    return acc
+  }, {} as Record<string, string>))
+
+  debouncedWatch(qAnd1Search, () => {
+    qAnd1.value = Object.entries(qAnd1Search.value).reduce((acc, [key, value]) => {
+      acc[key] = value ? { $regex: value, $options: 'i' } : undefined
+      return acc
+    }, {} as Record<string, any>)
+  }, { deep: true, debounce: 250 })
+
+  const clearQ0 = () => {
+    const value = options?.defaultQ
+    qAnd0.value = !value ? {} : JSON.parse(value).$and[0]
+  }
+  const clearQ1 = () => {
+    const value = options?.defaultQ
+    qAnd1.value = !value ? {} : JSON.parse(value).$and[1]
+  }
+  const clearQ2 = () => {
+    const value = options?.defaultQ
+    qAnd2.value = !value ? {} : JSON.parse(value).$and[2] || {}
+  }
+  const clearQ = () => {
+    clearQ0()
+    clearQ1()
+  }
+
+  return {
+    searchText,
+    parsedQ,
+    qAnd0,
+    qAnd1,
+    qAnd2,
+    qAnd1Search,
+    isChange,
+    clearQ,
+    clearQ0,
+    clearQ1,
+    clearQ2,
+  }
+}
+
+interface TableSearchParams {
+  page?: number
+  perPage?: number
+  q?: any
+  [key: string]: any
+}
+
+interface TableSearchOptions {
+  [key: string]: any
+}
+
+export function useTableSearch(
+  defaultParams: TableSearchParams = {},
+  options: TableSearchOptions = {},
+  disabledSync = false,
+) {
+  const params = useRouteParams(defaultParams, options, disabledSync)
+
+  const complexSearch = useComplexSearchParam(params, { defaultQ: defaultParams.q })
+
+  function sortChange(sort: { column: string, prop: string, order?: 'descending' | 'ascending' }) {
+    if (sort.order)
+      params.value.sort = `${sort.prop}|${sort.order === 'ascending' ? 'asc' : 'desc'}`
+    else
+      params.value.sort = options?.sort ? options.sort : 'name|asc'
+  }
+  function sortChangeDefault(sort: { column: string, prop: string, order?: 'descending' | 'ascending' }) {
+    if (sort.order)
+      params.value.sort = `${sort.prop}|${sort.order === 'ascending' ? 'asc' : 'desc'}`
+    else
+      params.value.sort = ''
+  }
+
+  return {
+    params,
+    sortChange,
+    sortChangeDefault,
+    ...complexSearch,
+  }
+}
+// ... existing code ...
+
+interface QueryMapperOptions {
+  key: string
+  type: 'regex' | 'in' | 'exact'
+  defaultValue?: any
+}
+
+export function useQuickFilter(
+  qAnd0: Ref<any>,
+  resetPage: () => void,
+  options: QueryMapperOptions[],
+) {
+  function revertMapQueryQ(qAnd: { $and: Array<Record<string, any>> }) {
+    if (!qAnd?.$and?.length) {
+      return options.reduce((acc, opt) => {
+        acc[opt.key] = opt.defaultValue ?? (opt.type === 'in' ? [] : '')
+        return acc
+      }, {} as Record<string, any>)
+    }
+
+    return qAnd.$and.reduce((acc, query) => {
+      const [key, value] = Object.entries(query)[0]
+      const option = options.find(opt => opt.key === key)
+
+      if (option) {
+        switch (option.type) {
+          case 'regex':
+            acc[key] = value.$regex
+            break
+          case 'in':
+            acc[key] = value.$in
+            break
+          case 'exact':
+            acc[key] = value
+            break
+        }
+      }
+
+      return acc
+    }, options.reduce((acc, opt) => {
+      acc[opt.key] = opt.defaultValue ?? (opt.type === 'in' ? [] : '')
+      return acc
+    }, {} as Record<string, any>))
+  }
+
+  function mapQueryQ(query: Record<string, any>) {
+    return Object.entries(query).reduce((acc, [key, value]) => {
+      const option = options.find(opt => opt.key === key)
+
+      if (!option)
+        return acc
+
+      const isEmpty = value === '' || value === undefined || (Array.isArray(value) && value.length === 0)
+      if (isEmpty)
+        return acc
+
+      switch (option.type) {
+        case 'regex':
+          acc.push({ [key]: { $regex: value, $options: 'i' } })
+          break
+        case 'in':
+          acc.push({ [key]: { $in: value } })
+          break
+        case 'exact':
+          acc.push({ [key]: value })
+          break
+      }
+
+      return acc
+    }, [] as Array<Record<string, any>>)
+  }
+
+  const filterForm = ref<{
+    name: string
+    status?: string
+    serverId: any
+  }>(revertMapQueryQ(qAnd0.value || { $and: [{}, {}] }))
+  watch(filterForm, (newQuery) => {
+    const mapQuery = mapQueryQ(newQuery)
+    qAnd0.value = mapQuery.length > 0 ? { $and: mapQuery } : {}
+    resetPage()
+  }, { deep: true })
+
+  function resetFilter() {
+    filterForm.value = revertMapQueryQ(qAnd0.value || { $and: [{}, {}] })
+  }
+
+  return {
+    filterForm,
+    resetFilter,
+  }
+}