简介
npm 包 nuke-qn-input 是一款用于移动端 Web 开发的输入框组件，支持多种输入模式、格式校验以及弹出式键盘等特性。此组件基于 React 开发，使用七牛云提供的 SDK 进行文件上传，支持上传图片、视频、音频等多种格式的文件。
安装
通过 npm 安装：
npm install nuke-qn-input
使用
在组件的使用中，需要通过 import 语句引入组件的脚本文件。在文件中，需要对该组件进行配置，以便适配核心的业务逻辑和呈现效果。
-- -------------------- ---- -------
------ ----- ---- ----------------
-- ---
----- ------- - -
----- -------
---------- ------- -- ------------------- - --
------ -
---------- ------------------------
---------- ------------------------
------- --------------------
-------- ---- - ---- - --- -- ----
---------- ----------- ---------- -----------
-
-
-- - ------- ------------------- --- --
---------------------- ----------------- --- ---------------------------------选项说明
mode: 输入模式，包括 text（文本输入）, password（密码输入）, tel（电话号码输入）, email（电子邮件输入）, url（URL 输入）等，默认值为textvalidator: 输入校验器，接受一个参数 value，表示当前用户输入的值，返回值表示用户输入是否合法，默认值为永远返回trueqiniu: 七牛云文件上传配置项，包括 accessKey、secretKey、bucket、maxSize、mimeLimit 等
示例
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ ----- ---- ----------------
----- --- - -- -- -
----- ------- --------- - -------------
----- ------- - -
----- ------
---------- ------- -- ------------------------------
------ -
---------- ------------------------
---------- ------------------------
------- --------------------
-------- ---- - ---- - --- -- ----
---------- ----------- ---------- -----------
--
--
----- ------------ - ------- -- -
----------------
--
----- ------------ - -- -- -
-- -------------------------- -
--------------------- -------
- ---- -
-------------------- ---------
-
--
------ -
-----
------
-----------------
-------------
------------- -- -----------------------------
--
------- ----------------------------------
------
--
--
------ ------- ----总结
npm 包 nuke-qn-input 提供了一种方便简单的移动端输入框组件方案。通过简单配置，使用者可以根据自身需求，快速创建具有定制化、功能强大的输入框。此外，该组件的七牛云文档上传功能，方便了开发者对上传部分的处理，增加了开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f933d1de16d83a66b8d