function _array_like_to_array(arr, len) {
    if (len == null || len > arr.length) len = arr.length;
    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
    return arr2;
}
function _array_with_holes(arr) {
    if (Array.isArray(arr)) return arr;
}
function _iterable_to_array_limit(arr, i) {
    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
    if (_i == null) return;
    var _arr = [];
    var _n = true;
    var _d = false;
    var _s, _e;
    try {
        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
            _arr.push(_s.value);
            if (i && _arr.length === i) break;
        }
    } catch (err) {
        _d = true;
        _e = err;
    } finally{
        try {
            if (!_n && _i["return"] != null) _i["return"]();
        } finally{
            if (_d) throw _e;
        }
    }
    return _arr;
}
function _non_iterable_rest() {
    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _sliced_to_array(arr, i) {
    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
}
function _unsupported_iterable_to_array(o, minLen) {
    if (!o) return;
    if (typeof o === "string") return _array_like_to_array(o, minLen);
    var n = Object.prototype.toString.call(o).slice(8, -1);
    if (n === "Object" && o.constructor) n = o.constructor.name;
    if (n === "Map" || n === "Set") return Array.from(n);
    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
}
import { useRef, useState } from "react";
import { useRefFunction } from "../../Hooks/useRefFunction";
/**
 * useRefState - 同时维护 state 和 ref 的 hook
 * @description 解决 setState 后立即读取 ref 得到旧值的问题
 *
 * @param initialValue - 初始值
 * @returns [state, setState, ref] - state 用于渲染，setState 同步更新 ref，ref 用于回调
 *
 * @example
 * ```tsx
 * const [content, setContent, contentRef] = useRefState('');
 *
 * const handler = {
 *   getContent: () => contentRef.current,  // 始终是最新值
 *   setContent: (val) => {
 *     setContent(val);  // 立即更新 ref
 *     // 此时 contentRef.current 已经是新值了
 *   }
 * };
 * ```
 */ export function useRefState(initialValue) {
    var _useState = _sliced_to_array(useState(initialValue), 2), state = _useState[0], setState = _useState[1];
    var ref = useRef(initialValue);
    // 每次渲染也同步（处理外部直接读取 state 后变化的情况）
    ref.current = state;
    var setRefState = useRefFunction(function(value) {
        var newValue = typeof value === 'function' ? value(ref.current) : value;
        ref.current = newValue; // 立即更新 ref
        setState(newValue); // 触发重渲染
    });
    return [
        state,
        setRefState,
        ref
    ];
}
export default useRefState;
