让开源，少一点语言距离。
npm包中文文档

@cloud-ru/ds-input-private

中文文档
1.0.16发布于 2026/11/11Apache-2.0TypeScriptESM + CJS近 30 天下载 1.2万

Базовая <input> \\ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \.

中文使用文档
中文原文
文档目录7 节
  1. Когда
  2. Установка
  3. 道具
  4. 私人输入
  5. 使用按钮导航
  6. 使用 Clear 按钮
  7. Смотри

私人输入

@cloud-ru/ds-input-private {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 <input> \\ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \.

@cloud-ru/ds-input-private . . . . . QQQ:QQQ(焦点/被禁用/只读/出错),QQQ,前缀/后缀,QQQQQQ. {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得怎样@cloud-ru/ds-search,"доменные","которые".

Когда

  • {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你说什么.
  • {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 Search。 。 。 .

В не {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}你觉得怎么样.

Установка

pnpm add @cloud-ru/ds-input-private

import { InputPrivate, useClearButton, useButtonNavigation } from '@cloud-ru/ds-input-private'

道具

私人输入

输入私有程序

Prop类型默认说明
autoCompletestring | booleanfalse{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
autoFocusbooleanfalse{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
classNamestring—— 说支助科
data-test-idstring—— 说
disabledbooleanfalse{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
idstring—— 说页面存档备份,存于互联网档案馆 互联网档案馆的存檔,存档日期2013-12-02
inputMode"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url"text{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
maxnumber—— 说{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
maxLengthnumber—— 说{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
minnumber—— 说{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
namestring—— 说Html- 名称
onBlurFocusEventHandler<HTMLInputElement>—— 说{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
onChange((value: string, e?: ChangeEvent<HTMLInputElement>) => void)—— 说{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
onClickMouseEventHandler<HTMLInputElement>—— 说{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
onFocusFocusEventHandler<HTMLInputElement>—— 说{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
onKeyDownKeyboardEventHandler<HTMLInputElement>—— 说{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
onMouseDownMouseEventHandler<HTMLInputElement>—— 说{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
onPasteClipboardEventHandler<HTMLInputElement>—— 说{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
patternstring—— 说{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
placeholderstring—— 说Значение
readonlybooleanfalse{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
spellCheckbooleantrue拼写检查(проверка)
stepstring | number—— 说{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
tabIndexnumber0QQ 标签索引
type"email" | "number" | "password" | "tel" | "text" | "url"textТип
valuestring``QQ 输入

  • InputMode =: "decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url"

  • Type =: "email" | "number" | "password" | "tel" | "text" | "url"

使用按钮导航

使用按钮导航

Prop类型默认说明
inputRefRefObject<T | null>—— 说
onButtonKeyDownKeyboardEventHandler<HTMLButtonElement>() => {}
postfixButtonsActiveItem | ButtonProps | InactiveItem—— 说
prefixButtonsActiveItem | ButtonProps | InactiveItem[]
readonlyboolean—— 说
setInputFocus(() => void)() => focusWithoutScroll(inputRef.current)
submitKeysstring[]—— 说

活动项目

Prop类型默认说明
activetrue—— 说
idstring—— 说
refButtonRef—— 说
render(props: RenderActiveButtonProps) => ReactElement—— 说
showboolean—— 说

  • ButtonProps =: InactiveItem | ActiveItem

  • ButtonRef =: RefObject<HTMLButtonElement | null>

非活动项目

Prop类型默认说明
activefalse—— 说
idstring—— 说
render(props: RenderInactiveButtonProps) => ReactElement—— 说
showboolean—— 说

使用 Clear 按钮

使用 Clear 按钮Props

Prop类型默认说明
clearButtonRefRefObject<HTMLButtonElement | null>—— 说
dataTestIdstringbutton-clear-value(原始内容存档于2018-09-29). data-test-id QQ. (原始内容存档于2018-10-29). QQ, когда D.
disabledboolean—— 说
onClearMouseEventHandler<HTMLButtonElement>—— 说
onDownMouseEventHandler<HTMLButtonElement>—— 说
showClearButtonboolean—— 说
size"l" | "m" | "s"—— 说
  • Size =: "l" | "m" | "s"

Смотри

  • 搜索, (中文(简体) ), 私人搜索 ——публичные.

版本与发布记录

@cloud-ru/ds-input-private 共发布 63 个版本，首次发布于 2026/08/18；过去 12 个月发布了 63 个版本。

版本发布日期距今
1.0.16latest2026/11/11今天
1.0.16-preview-e8fe6b56.0preview2026/11/11今天
1.0.16-preview-c0e895ed.02026/11/11今天
1.0.16-preview-90b10112.02026/11/11今天
1.0.16-preview-fd7dd437.02026/11/101 天前
1.0.16-preview-9a75a2a9.02026/11/101 天前

关于 @cloud-ru/ds-input-private 的常见问题

@cloud-ru/ds-input-private 是什么？

Базовая <input> \\ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \.

如何安装 @cloud-ru/ds-input-private？

在项目目录运行 npm install @cloud-ru/ds-input-private，或使用 pnpm add / yarn add / bun add。

@cloud-ru/ds-input-private 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

@cloud-ru/ds-input-private 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require() 都可以使用，打包工具会自动选择合适的版本。

@cloud-ru/ds-input-private 可以商用吗？

@cloud-ru/ds-input-private 使用 Apache-2.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

@cloud-ru/ds-input-private 的下载量有多少？

根据 npm 官方下载统计，@cloud-ru/ds-input-private 在 2026/10/10 – 2026/11/08 这 30 天内被下载 11,655 次，日均约 389 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

@cloud-ru/ds-input-private 还在维护吗？

最新版本 1.0.16 发布于 2026/11/11（今天）；至今共发布 63 个版本，其中过去 12 个月发布了 63 个；首次发布于 2026/08/18。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。