test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-02 03:08:21 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

perf(hooks): replace the ref object with a plain object (#15061)

Browse Source 
Co-authored-by: 唐铃 <ling.tang01@geely.com>
This commit is contained in:
Polaris-tl 2024-07-28 18:22:44 +08:00 committed by GitHub
parent 2fce7b469b
commit ce0220612e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/hooks/use-cursor/index.ts
View File

@ -1,19 +1,18 @@
import { ref } from 'vue'
import type { ShallowRef } from 'vue'
// Keep input cursor in the correct position when we use formatter.
export function useCursor(
input: ShallowRef<HTMLInputElement | undefined>
): [() => void, () => void] {
const selectionRef = ref<{
interface SelectionInfo {
selectionStart?: number
selectionEnd?: number
value?: string
beforeTxt?: string
afterTxt?: string
}>()
}
// Keep input cursor in the correct position when we use formatter.
export function useCursor(
input: ShallowRef<HTMLInputElement | undefined>
): [() => void, () => void] {
let selectionInfo: SelectionInfo
function recordCursor() {
if (input.value == undefined) return
@ -24,7 +23,7 @@ export function useCursor(
const beforeTxt = value.slice(0, Math.max(0, selectionStart))
const afterTxt = value.slice(Math.max(0, selectionEnd))
selectionRef.value = {
selectionInfo = {
selectionStart,
selectionEnd,
value,
@ -33,10 +32,10 @@ export function useCursor(
}
}
function setCursor() {
if (input.value == undefined || selectionRef.value == undefined) return
if (input.value == undefined || selectionInfo == undefined) return
const { value } = input.value
const { beforeTxt, afterTxt, selectionStart } = selectionRef.value
const { beforeTxt, afterTxt, selectionStart } = selectionInfo
if (
beforeTxt == undefined ||