react-hook-core 0.4.21 → 0.4.23

package/lib/index.js

@@ -151,10 +151,6 @@ function datetimeToString(date) {
   return year + "-" + month + "-" + day + "T" + hours + ":" + minutes + ":" + seconds
 }
 exports.datetimeToString = datetimeToString
-function getNumber(event) {
-  return parseInt(event.currentTarget.value, 10)
-}
-exports.getNumber = getNumber
 exports.scrollToFocus = function (e, isUseTimeOut) {
   try {
     var element = e.target

package/lib/search.js

@@ -337,6 +337,57 @@ function handleToggle(target, on) {
   return off
 }
 exports.handleToggle = handleToggle
+function getNumber(event) {
+  return parseInt(event.currentTarget.value, 10)
+}
+exports.getNumber = getNumber
+function onPageSizeChanged(event, search, filter, setState) {
+  filter.page = 1
+  filter.limit = getNumber(event)
+  if (setState) {
+    setState(filter)
+  }
+  search()
+}
+exports.onPageSizeChanged = onPageSizeChanged
+function onPageChanged(data, search, filter, setState) {
+  var page = data.page,
+    size = data.size
+  filter.page = page
+  filter.limit = size
+  if (setState) {
+    setState(filter)
+  }
+  search()
+}
+exports.onPageChanged = onPageChanged
+function onSearch(event, search, filter, state, setFilter, setState) {
+  event.preventDefault()
+  removeSortStatus(state.sortTarget)
+  filter.page = 1
+  state.sortTarget = undefined
+  state.sortField = undefined
+  if (setFilter) {
+    setFilter(filter)
+  }
+  if (setState) {
+    setState(state)
+  }
+  search()
+}
+exports.onSearch = onSearch
+function onSort(event, search, state, setState) {
+  var target = getSortElement(event.target)
+  var sort = handleSort(target, state.sortTarget, state.sortField, state.sortType)
+  state.sortField = sort.field
+  state.sortType = sort.type
+  state.sortTarget = target
+  if (setState) {
+    setState(state)
+  }
+  search()
+}
+exports.onSort = onSort
 function getSortElement(target) {
   return target.nodeName === "I" ? target.parentElement : target
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-hook-core",
-  "version": "0.4.21",
+  "version": "0.4.23",
   "description": "react",
   "main": "./lib/index.js",
   "types": "./src/index.ts",

package/src/index.ts

@@ -199,9 +199,6 @@ export function datetimeToString(date?: Date | string): string | undefined {
   const seconds = String(d2.getSeconds()).padStart(2, "0")
   return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`
 }
-export function getNumber(event: ChangeEvent<HTMLSelectElement | HTMLInputElement>): number {
-  return parseInt(event.currentTarget.value, 10)
-}
 
 export const scrollToFocus = (e: any, isUseTimeOut?: boolean) => {
   try {

package/src/search.ts

@@ -1,3 +1,4 @@
+import { ChangeEvent } from "react"
 import { resources, StringMap } from "./core"
 import { clone } from "./reflect"
 
@@ -371,6 +372,68 @@ export function handleToggle(target?: HTMLElement, on?: boolean): boolean {
   return off
 }
 
+export function getNumber(event: ChangeEvent<HTMLSelectElement | HTMLInputElement>): number {
+  return parseInt(event.currentTarget.value, 10)
+}
+export function onPageSizeChanged<T extends Filter>(
+  event: ChangeEvent<HTMLSelectElement>,
+  search: () => void,
+  filter: T,
+  setState?: (v: React.SetStateAction<T>) => void,
+) {
+  filter.page = 1
+  filter.limit = getNumber(event)
+  if (setState) {
+    setState(filter)
+  }
+  search()
+}
+export function onPageChanged<T extends Filter>(data: PageChange, search: () => void, filter: T, setState?: (v: React.SetStateAction<T>) => void) {
+  const { page, size } = data
+  filter.page = page
+  filter.limit = size
+  if (setState) {
+    setState(filter)
+  }
+  search()
+}
+export function onSearch<F extends Filter, T extends Sortable>(
+  event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
+  search: () => void,
+  filter: F,
+  state: T,
+  setFilter?: (v: React.SetStateAction<F>) => void,
+  setState?: (v: React.SetStateAction<T>) => void,
+): void {
+  event.preventDefault()
+  removeSortStatus(state.sortTarget)
+  filter.page = 1
+  state.sortTarget = undefined
+  state.sortField = undefined
+  if (setFilter) {
+    setFilter(filter)
+  }
+  if (setState) {
+    setState(state)
+  }
+  search()
+}
+export function onSort<T extends Sortable>(
+  event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
+  search: () => void,
+  state: T,
+  setState?: (v: React.SetStateAction<T>) => void,
+) {
+  const target = getSortElement(event.target as HTMLElement)
+  const sort = handleSort(target, state.sortTarget, state.sortField, state.sortType)
+  state.sortField = sort.field
+  state.sortType = sort.type
+  state.sortTarget = target
+  if (setState) {
+    setState(state)
+  }
+  search()
+}
 export function getSortElement(target: HTMLElement): HTMLElement {
   return target.nodeName === "I" ? (target.parentElement as HTMLElement) : target
 }
@@ -383,7 +446,6 @@ export function handleSort(target: HTMLElement, previousTarget?: HTMLElement, so
   }
   return s
 }
-
 export function sort(preField?: string, preSortType?: string, field?: string, sortType?: string): Sort {
   if (!preField || preField === "") {
     const s: Sort = {

package/src/state.ts

@@ -16,7 +16,11 @@ export function getDecimalSeparator(ele: HTMLInputElement): string {
 
 const r1 = / |,|\$|€|£|¥|'|٬|،| /g
 const r2 = / |\.|\$|€|£|¥|'|٬|،| /g
-export function updateState<T>(e: ChangeEvent<HTMLInputElement, HTMLInputElement>, o: T, setObj: (v: React.SetStateAction<T>) => void) {
+export function updateState<T>(
+  e: ChangeEvent<HTMLInputElement, HTMLInputElement> | ChangeEvent<HTMLTextAreaElement, HTMLTextAreaElement>,
+  o: T,
+  setObj: (v: React.SetStateAction<T>) => void,
+) {
   const ctrl = e.target
   const dataField = ctrl.getAttribute("data-field")
   const field = dataField ? dataField : ctrl.name
@@ -36,7 +40,7 @@ export function updateState<T>(e: ChangeEvent<HTMLInputElement, HTMLInputElement
     if (type === "text") {
       const datatype = ctrl.getAttribute("data-type")
       if (datatype === "number" || datatype === "integer") {
-        const decimalSeparator = getDecimalSeparator(ctrl)
+        const decimalSeparator = getDecimalSeparator(ctrl as HTMLInputElement)
         const v0: string = ctrl.value
         const v = decimalSeparator === "," ? v0.replace(r2, "") : v0.replace(r1, "")
         const val = isNaN(v as any) ? undefined : parseFloat(v)
@@ -53,7 +57,7 @@ export function updateState<T>(e: ChangeEvent<HTMLInputElement, HTMLInputElement
         value.includes(ctrl.value) ? (value = value.filter((v: string) => v !== ctrl.value)) : value.push(ctrl.value)
         model[field] = value
       } else {
-        const v = valueOfCheckbox(ctrl)
+        const v = valueOfCheckbox(ctrl as HTMLInputElement)
         model[field] = v
       }
     } else if (type === "radio") {