@wener/console/lib/daisy/GotoPageInput/GotoPageInput.js

Base console UI toolkit

import React, { useState } from "react";
import { Button } from "../Button/Button.js";
export const GotoPageInput = ({ count = 0, onGoto }) => {
    const [val, setVal] = useState("");
    const n = parseInt(val);
    const disabled = !Number.isFinite(n) || n < 1 || n > count;
    const goto = () => {
        if (disabled) {
            return;
        }
        onGoto?.(n - 1);
    };
    return /*#__PURE__*/ React.createElement("div", {
        className: "flex items-center gap-1.5 text-xs"
    }, /*#__PURE__*/ React.createElement(Button, {
        className: "btn-ghost btn-xs",
        disabled: disabled,
        onClick: goto
    }, "\u524D\u5F80"), /*#__PURE__*/ React.createElement("input", {
        type: "number",
        className: "input input-xs input-bordered w-[8ch]",
        value: val,
        onKeyUp: (e) => {
            if (e.code === "Enter") {
                e.preventDefault();
                goto();
            }
        },
        onChange: (e) => {
            setVal(e.currentTarget.value);
        }
    }), /*#__PURE__*/ React.createElement("span", null, "\u9875"));
};
//# sourceMappingURL=GotoPageInput.js.map