This commit is contained in:
2026-05-25 17:08:18 +08:00
parent df501f6151
commit f1259b71b5
9178 changed files with 1626125 additions and 0 deletions
@@ -0,0 +1,5 @@
/**
* Keep input cursor in the correct position if possible.
* Is this necessary since we have `formatter` which may mass the content?
*/
export default function useCursor(input: HTMLInputElement, focused: boolean): [() => void, () => void];
@@ -0,0 +1,68 @@
import { useRef } from 'react';
import warning from "@rc-component/util/es/warning";
/**
* Keep input cursor in the correct position if possible.
* Is this necessary since we have `formatter` which may mass the content?
*/
export default function useCursor(input, focused) {
const selectionRef = useRef(null);
function recordCursor() {
// Record position
try {
const {
selectionStart: start,
selectionEnd: end,
value
} = input;
const beforeTxt = value.substring(0, start);
const afterTxt = value.substring(end);
selectionRef.current = {
start,
end,
value,
beforeTxt,
afterTxt
};
} catch (e) {
// Fix error in Chrome:
// Failed to read the 'selectionStart' property from 'HTMLInputElement'
// http://stackoverflow.com/q/21177489/3040605
}
}
/**
* Restore logic:
* 1. back string same
* 2. start string same
*/
function restoreCursor() {
if (input && selectionRef.current && focused) {
try {
const {
value
} = input;
const {
beforeTxt,
afterTxt,
start
} = selectionRef.current;
let startPos = value.length;
if (value.startsWith(beforeTxt)) {
startPos = beforeTxt.length;
} else if (value.endsWith(afterTxt)) {
startPos = value.length - selectionRef.current.afterTxt.length;
} else {
const beforeLastChar = beforeTxt[start - 1];
const newIndex = value.indexOf(beforeLastChar, start - 1);
if (newIndex !== -1) {
startPos = newIndex + 1;
}
}
input.setSelectionRange(startPos, startPos);
} catch (e) {
warning(false, `Something warning of cursor restore. Please fire issue about this: ${e.message}`);
}
}
}
return [recordCursor, restoreCursor];
}
@@ -0,0 +1,5 @@
/**
* Always trigger latest once when call multiple time
*/
declare const _default: () => (callback: () => void) => void;
export default _default;
@@ -0,0 +1,19 @@
import { useRef, useEffect } from 'react';
import raf from "@rc-component/util/es/raf";
/**
* Always trigger latest once when call multiple time
*/
export default (() => {
const idRef = useRef(0);
const cleanUp = () => {
raf.cancel(idRef.current);
};
useEffect(() => cleanUp, []);
return callback => {
cleanUp();
idRef.current = raf(() => {
callback();
});
};
});