@gm-pc/keyboard 1.27.0 → 1.27.1-beta.0

package/src/cell/input_number.tsx

@@ -1,92 +1,92 @@
-import React, {
-  useRef,
-  FocusEvent,
-  KeyboardEvent,
-  useImperativeHandle,
-  forwardRef,
-  ForwardRefRenderFunction,
-} from 'react'
-import { InputNumber, InputNumberProps } from '@gm-pc/react'
-import { findDOMNode } from 'react-dom'
-
-import KeyboardCell from '../core/cell'
-import { isInputUnBoundary, scrollIntoViewFixedWidth, useContextData } from '../utils'
-import { KeyboardWrapData } from '../types'
-
-interface RefFunctionProps {
-  focus(): void
-}
-
-const KCInputNumber: ForwardRefRenderFunction<RefFunctionProps, InputNumberProps> = (
-  { disabled, onKeyDown, onFocus, ...rest },
-  ref
-) => {
-  const cellRef = useRef<KeyboardCell>(null)
-  const targetRef = useRef<InputNumber>(null)
-  const { cellKey, wrapData } = useContextData()
-
-  const handleScroll = (fixedWidths: KeyboardWrapData['fixedWidths']) => {
-    scrollIntoViewFixedWidth(findDOMNode(targetRef.current!) as HTMLElement, fixedWidths)
-  }
-
-  const handleFocus = () => {
-    // eslint-disable-next-line
-    targetRef.current?.apiDoFocus()
-  }
-
-  const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {
-    if (onFocus) {
-      onFocus(event)
-      return
-    }
-    event.target && event.target.select()
-  }
-
-  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {
-    onKeyDown && onKeyDown(event)
-    if (isInputUnBoundary(event)) return
-
-    if (
-      event.key === 'ArrowUp' ||
-      event.key === 'ArrowRight' ||
-      event.key === 'ArrowDown' ||
-      event.key === 'ArrowLeft'
-    ) {
-      event.preventDefault()
-      // eslint-disable-next-line
-      cellRef.current?.apiDoDirectionByEventKey(event.key)
-    } else if (event.key === 'Tab') {
-      event.preventDefault()
-      // eslint-disable-next-line
-      cellRef.current?.apiDoTab()
-    } else if (event.key === 'Enter') {
-      event.preventDefault()
-      // eslint-disable-next-line
-      cellRef.current?.apiDoEnter()
-    }
-  }
-  useImperativeHandle(ref, () => ({
-    focus: handleFocus,
-  }))
-
-  return (
-    <KeyboardCell
-      ref={cellRef}
-      wrapData={wrapData}
-      cellKey={cellKey}
-      onFocus={handleFocus}
-      disabled={disabled}
-      onScroll={handleScroll}
-    >
-      <InputNumber
-        {...rest}
-        onFocus={handleInputFocus}
-        ref={targetRef}
-        disabled={disabled}
-        onKeyDown={handleKeyDown}
-      />
-    </KeyboardCell>
-  )
-}
-
-export default forwardRef(KCInputNumber)
+import React, {
+  useRef,
+  FocusEvent,
+  KeyboardEvent,
+  useImperativeHandle,
+  forwardRef,
+  ForwardRefRenderFunction,
+} from 'react'
+import { InputNumber, InputNumberProps } from '@gm-pc/react'
+import { findDOMNode } from 'react-dom'
+
+import KeyboardCell from '../core/cell'
+import { isInputUnBoundary, scrollIntoViewFixedWidth, useContextData } from '../utils'
+import { KeyboardWrapData } from '../types'
+
+interface RefFunctionProps {
+  focus(): void
+}
+
+const KCInputNumber: ForwardRefRenderFunction<RefFunctionProps, InputNumberProps> = (
+  { disabled, onKeyDown, onFocus, ...rest },
+  ref
+) => {
+  const cellRef = useRef<KeyboardCell>(null)
+  const targetRef = useRef<InputNumber>(null)
+  const { cellKey, wrapData } = useContextData()
+
+  const handleScroll = (fixedWidths: KeyboardWrapData['fixedWidths']) => {
+    scrollIntoViewFixedWidth(findDOMNode(targetRef.current!) as HTMLElement, fixedWidths)
+  }
+
+  const handleFocus = () => {
+    // eslint-disable-next-line
+    targetRef.current?.apiDoFocus()
+  }
+
+  const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {
+    if (onFocus) {
+      onFocus(event)
+      return
+    }
+    event.target && event.target.select()
+  }
+
+  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {
+    onKeyDown && onKeyDown(event)
+    if (isInputUnBoundary(event)) return
+
+    if (
+      event.key === 'ArrowUp' ||
+      event.key === 'ArrowRight' ||
+      event.key === 'ArrowDown' ||
+      event.key === 'ArrowLeft'
+    ) {
+      event.preventDefault()
+      // eslint-disable-next-line
+      cellRef.current?.apiDoDirectionByEventKey(event.key)
+    } else if (event.key === 'Tab') {
+      event.preventDefault()
+      // eslint-disable-next-line
+      cellRef.current?.apiDoTab()
+    } else if (event.key === 'Enter') {
+      event.preventDefault()
+      // eslint-disable-next-line
+      cellRef.current?.apiDoEnter()
+    }
+  }
+  useImperativeHandle(ref, () => ({
+    focus: handleFocus,
+  }))
+
+  return (
+    <KeyboardCell
+      ref={cellRef}
+      wrapData={wrapData}
+      cellKey={cellKey}
+      onFocus={handleFocus}
+      disabled={disabled}
+      onScroll={handleScroll}
+    >
+      <InputNumber
+        {...rest}
+        onFocus={handleInputFocus}
+        ref={targetRef}
+        disabled={disabled}
+        onKeyDown={handleKeyDown}
+      />
+    </KeyboardCell>
+  )
+}
+
+export default forwardRef(KCInputNumber)

package/src/cell/level_select.tsx

@@ -1,70 +1,70 @@
-import React, { useRef, KeyboardEvent } from 'react'
-import { LevelSelect, LevelSelectProps } from '@gm-pc/react'
-import { findDOMNode } from 'react-dom'
-
-import KeyboardCell from '../core/cell'
-import { isInputUnBoundary, scrollIntoViewFixedWidth, useContextData } from '../utils'
-import { KeyboardWrapData } from '../types'
-
-function KCLevelSelect<V = any>({ disabled, onKeyDown, ...rest }: LevelSelectProps<V>) {
-  const cellRef = useRef<KeyboardCell>(null)
-  const targetRef = useRef<LevelSelect>(null)
-  const { wrapData, cellKey } = useContextData()
-
-  const handleFocus = () => {
-    // eslint-disable-next-line
-    targetRef.current?.apiDoFocus()
-  }
-
-  const handleScroll = (fixedWidths: KeyboardWrapData['fixedWidths']) => {
-    scrollIntoViewFixedWidth(findDOMNode(targetRef.current!) as HTMLElement, fixedWidths)
-  }
-
-  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {
-    onKeyDown && onKeyDown(event)
-
-    if (isInputUnBoundary(event)) return
-    if (
-      event.key === 'ArrowLeft' ||
-      event.key === 'ArrowRight' ||
-      event.key === 'ArrowUp' ||
-      event.key === 'ArrowDown'
-    ) {
-      event.preventDefault()
-      // eslint-disable-next-line
-      cellRef.current?.apiDoDirectionByEventKey(event.key)
-    } else if (event.key === 'Tab') {
-      event.preventDefault()
-      // eslint-disable-next-line
-      cellRef.current?.apiDoTab()
-    } else if (event.key === 'Enter') {
-      event.preventDefault()
-      // enter 要选择
-      // @ts-ignore
-      targetRef.current.apiDoSelectWillActive()
-      // eslint-disable-next-line
-      cellRef.current?.apiDoEnter()
-    }
-  }
-
-  return (
-    <KeyboardCell
-      disabled={disabled}
-      ref={cellRef}
-      wrapData={wrapData}
-      cellKey={cellKey}
-      onFocus={handleFocus}
-      onScroll={handleScroll}
-    >
-      <LevelSelect
-        {...rest}
-        ref={targetRef}
-        popoverType='realFocus'
-        disabled={disabled}
-        onKeyDown={handleKeyDown}
-      />
-    </KeyboardCell>
-  )
-}
-
-export default KCLevelSelect
+import React, { useRef, KeyboardEvent } from 'react'
+import { LevelSelect, LevelSelectProps } from '@gm-pc/react'
+import { findDOMNode } from 'react-dom'
+
+import KeyboardCell from '../core/cell'
+import { isInputUnBoundary, scrollIntoViewFixedWidth, useContextData } from '../utils'
+import { KeyboardWrapData } from '../types'
+
+function KCLevelSelect<V = any>({ disabled, onKeyDown, ...rest }: LevelSelectProps<V>) {
+  const cellRef = useRef<KeyboardCell>(null)
+  const targetRef = useRef<LevelSelect>(null)
+  const { wrapData, cellKey } = useContextData()
+
+  const handleFocus = () => {
+    // eslint-disable-next-line
+    targetRef.current?.apiDoFocus()
+  }
+
+  const handleScroll = (fixedWidths: KeyboardWrapData['fixedWidths']) => {
+    scrollIntoViewFixedWidth(findDOMNode(targetRef.current!) as HTMLElement, fixedWidths)
+  }
+
+  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {
+    onKeyDown && onKeyDown(event)
+
+    if (isInputUnBoundary(event)) return
+    if (
+      event.key === 'ArrowLeft' ||
+      event.key === 'ArrowRight' ||
+      event.key === 'ArrowUp' ||
+      event.key === 'ArrowDown'
+    ) {
+      event.preventDefault()
+      // eslint-disable-next-line
+      cellRef.current?.apiDoDirectionByEventKey(event.key)
+    } else if (event.key === 'Tab') {
+      event.preventDefault()
+      // eslint-disable-next-line
+      cellRef.current?.apiDoTab()
+    } else if (event.key === 'Enter') {
+      event.preventDefault()
+      // enter 要选择
+      // @ts-ignore
+      targetRef.current.apiDoSelectWillActive()
+      // eslint-disable-next-line
+      cellRef.current?.apiDoEnter()
+    }
+  }
+
+  return (
+    <KeyboardCell
+      disabled={disabled}
+      ref={cellRef}
+      wrapData={wrapData}
+      cellKey={cellKey}
+      onFocus={handleFocus}
+      onScroll={handleScroll}
+    >
+      <LevelSelect
+        {...rest}
+        ref={targetRef}
+        popoverType='realFocus'
+        disabled={disabled}
+        onKeyDown={handleKeyDown}
+      />
+    </KeyboardCell>
+  )
+}
+
+export default KCLevelSelect

package/src/cell/more_select.tsx

@@ -1,83 +1,83 @@
-import React, { useRef, KeyboardEvent, forwardRef, useImperativeHandle } from 'react'
-import { MoreSelect, MoreSelectProps } from '@gm-pc/react'
-import { findDOMNode } from 'react-dom'
-
-import KeyboardCell from '../core/cell'
-import { isInputUnBoundary, scrollIntoViewFixedWidth, useContextData } from '../utils'
-import { KeyboardWrapData, MoreSelectRef } from '../types'
-
-function KCMoreSelect<V>(
-  { disabled, onKeyDown, ...rest }: MoreSelectProps<V>,
-  ref: React.ForwardedRef<MoreSelectRef>
-) {
-  const cellRef = useRef<KeyboardCell>(null)
-  const targetRef = useRef<MoreSelect>(null)
-  const { wrapData, cellKey } = useContextData()
-
-  useImperativeHandle(ref, () => {
-    return {
-      handleInitSearch,
-    }
-  })
-
-  const handleFocus = () => {
-    // eslint-disable-next-line
-    targetRef.current?.apiDoFocus()
-  }
-
-  const handleScroll = (fixedWidths: KeyboardWrapData['fixedWidths']) => {
-    scrollIntoViewFixedWidth(findDOMNode(targetRef.current!) as HTMLElement, fixedWidths)
-  }
-
-  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {
-    onKeyDown && onKeyDown(event)
-    if (isInputUnBoundary(event)) return
-    if (
-      event.key === 'ArrowUp' ||
-      event.key === 'ArrowLeft' ||
-      event.key === 'ArrowRight' ||
-      event.key === 'ArrowDown'
-    ) {
-      event.preventDefault()
-      // eslint-disable-next-line
-      cellRef.current?.apiDoDirectionByEventKey(event.key)
-    } else if (event.key === 'Tab') {
-      event.preventDefault()
-      // eslint-disable-next-line
-      cellRef.current?.apiDoTab()
-    } else if (event.key === 'Enter') {
-      event.preventDefault()
-      // eslint-disable-next-line
-      targetRef.current?.apiDoSelectWillActive()
-      // eslint-disable-next-line
-      cellRef.current?.apiDoEnter()
-    }
-  }
-
-  const handleInitSearch = (q?: string) => {
-    // eslint-disable-next-line no-unused-expressions
-    targetRef.current?._handleInitSearch(q)
-  }
-
-  return (
-    <KeyboardCell
-      ref={cellRef}
-      disabled={disabled}
-      wrapData={wrapData}
-      cellKey={cellKey}
-      onFocus={handleFocus}
-      onScroll={handleScroll}
-    >
-      <MoreSelect<V>
-        {...rest}
-        disabled={disabled}
-        ref={targetRef}
-        popoverType='realFocus'
-        onKeyDown={handleKeyDown}
-        isKeyboard
-      />
-    </KeyboardCell>
-  )
-}
-
-export default forwardRef(KCMoreSelect)
+import React, { useRef, KeyboardEvent, forwardRef, useImperativeHandle } from 'react'
+import { MoreSelect, MoreSelectProps } from '@gm-pc/react'
+import { findDOMNode } from 'react-dom'
+
+import KeyboardCell from '../core/cell'
+import { isInputUnBoundary, scrollIntoViewFixedWidth, useContextData } from '../utils'
+import { KeyboardWrapData, MoreSelectRef } from '../types'
+
+function KCMoreSelect<V>(
+  { disabled, onKeyDown, ...rest }: MoreSelectProps<V>,
+  ref: React.ForwardedRef<MoreSelectRef>
+) {
+  const cellRef = useRef<KeyboardCell>(null)
+  const targetRef = useRef<MoreSelect>(null)
+  const { wrapData, cellKey } = useContextData()
+
+  useImperativeHandle(ref, () => {
+    return {
+      handleInitSearch,
+    }
+  })
+
+  const handleFocus = () => {
+    // eslint-disable-next-line
+    targetRef.current?.apiDoFocus()
+  }
+
+  const handleScroll = (fixedWidths: KeyboardWrapData['fixedWidths']) => {
+    scrollIntoViewFixedWidth(findDOMNode(targetRef.current!) as HTMLElement, fixedWidths)
+  }
+
+  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {
+    onKeyDown && onKeyDown(event)
+    if (isInputUnBoundary(event)) return
+    if (
+      event.key === 'ArrowUp' ||
+      event.key === 'ArrowLeft' ||
+      event.key === 'ArrowRight' ||
+      event.key === 'ArrowDown'
+    ) {
+      event.preventDefault()
+      // eslint-disable-next-line
+      cellRef.current?.apiDoDirectionByEventKey(event.key)
+    } else if (event.key === 'Tab') {
+      event.preventDefault()
+      // eslint-disable-next-line
+      cellRef.current?.apiDoTab()
+    } else if (event.key === 'Enter') {
+      event.preventDefault()
+      // eslint-disable-next-line
+      targetRef.current?.apiDoSelectWillActive()
+      // eslint-disable-next-line
+      cellRef.current?.apiDoEnter()
+    }
+  }
+
+  const handleInitSearch = (q?: string) => {
+    // eslint-disable-next-line no-unused-expressions
+    targetRef.current?._handleInitSearch(q)
+  }
+
+  return (
+    <KeyboardCell
+      ref={cellRef}
+      disabled={disabled}
+      wrapData={wrapData}
+      cellKey={cellKey}
+      onFocus={handleFocus}
+      onScroll={handleScroll}
+    >
+      <MoreSelect<V>
+        {...rest}
+        disabled={disabled}
+        ref={targetRef}
+        popoverType='realFocus'
+        onKeyDown={handleKeyDown}
+        isKeyboard
+      />
+    </KeyboardCell>
+  )
+}
+
+export default forwardRef(KCMoreSelect)

package/src/cell/select.tsx

@@ -1,70 +1,70 @@
-import React, { useRef, KeyboardEvent } from 'react'
-import { Select, SelectProps } from '@gm-pc/react'
-import { findDOMNode } from 'react-dom'
-
-import KeyboardCell from '../core/cell'
-import { scrollIntoViewFixedWidth, useContextData } from '../utils'
-import { KeyboardWrapData } from '../types'
-
-function KCSelect<V = any>({ disabled, onKeyDown, ...rest }: SelectProps<V>) {
-  const cellRef = useRef<KeyboardCell>(null)
-  const targetRef = useRef<Select>(null)
-  const { wrapData, cellKey } = useContextData()
-
-  const handleFocus = () => {
-    // eslint-disable-next-line
-    targetRef.current?.apiDoFocus()
-  }
-
-  const handleScroll = (fixedWidths: KeyboardWrapData['fixedWidths']) => {
-    scrollIntoViewFixedWidth(findDOMNode(targetRef.current!) as HTMLElement, fixedWidths)
-  }
-
-  const handleKeyDown = (event: KeyboardEvent) => {
-    onKeyDown && onKeyDown(event)
-    if (
-      event.key === 'ArrowUp' ||
-      event.key === 'ArrowRight' ||
-      event.key === 'ArrowDown' ||
-      event.key === 'ArrowLeft'
-    ) {
-      // 需要阻止
-      // 如果下一个是 input，切过去的时候光标会右移一位
-      event.preventDefault()
-      // eslint-disable-next-line
-      cellRef.current?.apiDoDirectionByEventKey(event.key)
-    } else if (event.key === 'Tab') {
-      event.preventDefault()
-      // eslint-disable-next-line
-      cellRef.current?.apiDoTab()
-    } else if (event.key === 'Enter') {
-      event.preventDefault()
-      // Enter 要选择
-      // eslint-disable-next-line
-      targetRef.current?.apiDoSelectWillActive()
-      // eslint-disable-next-line
-      cellRef.current?.apiDoEnter()
-    }
-  }
-
-  return (
-    <KeyboardCell
-      ref={cellRef}
-      wrapData={wrapData}
-      cellKey={cellKey}
-      disabled={disabled}
-      onFocus={handleFocus}
-      onScroll={handleScroll}
-    >
-      <Select
-        {...rest}
-        ref={targetRef}
-        popoverType='realFocus'
-        disabled={disabled}
-        onKeyDown={handleKeyDown}
-      />
-    </KeyboardCell>
-  )
-}
-
-export default KCSelect
+import React, { useRef, KeyboardEvent } from 'react'
+import { Select, SelectProps } from '@gm-pc/react'
+import { findDOMNode } from 'react-dom'
+
+import KeyboardCell from '../core/cell'
+import { scrollIntoViewFixedWidth, useContextData } from '../utils'
+import { KeyboardWrapData } from '../types'
+
+function KCSelect<V = any>({ disabled, onKeyDown, ...rest }: SelectProps<V>) {
+  const cellRef = useRef<KeyboardCell>(null)
+  const targetRef = useRef<Select>(null)
+  const { wrapData, cellKey } = useContextData()
+
+  const handleFocus = () => {
+    // eslint-disable-next-line
+    targetRef.current?.apiDoFocus()
+  }
+
+  const handleScroll = (fixedWidths: KeyboardWrapData['fixedWidths']) => {
+    scrollIntoViewFixedWidth(findDOMNode(targetRef.current!) as HTMLElement, fixedWidths)
+  }
+
+  const handleKeyDown = (event: KeyboardEvent) => {
+    onKeyDown && onKeyDown(event)
+    if (
+      event.key === 'ArrowUp' ||
+      event.key === 'ArrowRight' ||
+      event.key === 'ArrowDown' ||
+      event.key === 'ArrowLeft'
+    ) {
+      // 需要阻止
+      // 如果下一个是 input，切过去的时候光标会右移一位
+      event.preventDefault()
+      // eslint-disable-next-line
+      cellRef.current?.apiDoDirectionByEventKey(event.key)
+    } else if (event.key === 'Tab') {
+      event.preventDefault()
+      // eslint-disable-next-line
+      cellRef.current?.apiDoTab()
+    } else if (event.key === 'Enter') {
+      event.preventDefault()
+      // Enter 要选择
+      // eslint-disable-next-line
+      targetRef.current?.apiDoSelectWillActive()
+      // eslint-disable-next-line
+      cellRef.current?.apiDoEnter()
+    }
+  }
+
+  return (
+    <KeyboardCell
+      ref={cellRef}
+      wrapData={wrapData}
+      cellKey={cellKey}
+      disabled={disabled}
+      onFocus={handleFocus}
+      onScroll={handleScroll}
+    >
+      <Select
+        {...rest}
+        ref={targetRef}
+        popoverType='realFocus'
+        disabled={disabled}
+        onKeyDown={handleKeyDown}
+      />
+    </KeyboardCell>
+  )
+}
+
+export default KCSelect