{"_id":"@alicd/crui-input-field","_rev":"24-3e398c0e50f5d3371662732a9278e549","name":"@alicd/crui-input-field","dist-tags":{"latest":"0.0.13"},"versions":{"0.0.13":{"name":"@alicd/crui-input-field","version":"0.0.13","keywords":["walle","component","react"],"author":{"name":"@alicd/walle"},"license":"ISC","_id":"@alicd/crui-input-field@0.0.13","maintainers":[{"name":"later_7","email":"tony7leek@gmail.com"}],"dist":{"shasum":"bf5bca8852d48dea6abb12ba5e526c3257ab2ab4","tarball":"https://registry.npmjs.org/@alicd/crui-input-field/-/crui-input-field-0.0.13.tgz","fileCount":35,"integrity":"sha512-X22ZRzOJVdqb8/H4t9eVtrylcsdqbXpQEQmVIXoWy8CxwwAATzhuBSJGWdCDfER9hC1KiCQaiJQ2x1j/LMZGkQ==","signatures":[{"sig":"MEUCIQDa3Eo6VuJ07RBGGh9+LsfWgb3dk2y9Hi6r/CQYE2TL9gIgED/bIEJvhlGeeEXQCunBCWHc/B4OCiBqqYwvsVmsBm8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":536671,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdOXCmCRA9TVsSAnZWagAAikYP/iXkdVBHDON1cznRAnso\nrHOyhDsZiWx/qOzZ7fcvLhm9JO4VM58+wbpb+1tvikV7x9Nlb2K4aNE4g6uJ\nuHndc7T/k3k2GVMfQ5G3bP0wuMmBaHERfrJ0/8WZYHnNMUDzeViXcvmAiYU3\nbHPkReQ5EyaezQ26O5z4hKBlYXBEmUy7yjt9worOhmh429A+JEA9oWxitgNS\nrSZOaeyW8cCR9+CBC2eN86No2j5Xg/u+Cv+U4ugJyeOL1FL0tQg+6ANUiV3m\nHJP32Ev1i7KYHmsqhIWrCyUlw2ASB6qL7+1UVBgDOvw44WQJIEc0b7ccxgUT\nuHWtY5gcN6Em1aTNSGffL/JdEAv/tfdkZPDkisGEXmHHyroRb6HzNS2wlaWs\nNQBEqpet6WOAEa/CjeZU4pD2M9v3NyT62+v66EX4d/cRg79sOzKSd2QQ5ZcN\nSDduVeoIonvYVRszjCBIvKX3eSoX2uJH4/YRdaskovsXzLYH63uG0u8l++zr\ntjno4vwK/frhvciAeXD+IGV116GxwWF38ypgWs80TO+F6ueJEowihoKoTz8r\nyr5vgWYGVEAdY+mjcYZbX5ZiuyICICM6x0EKCny8EAA0uc9CPRj3ITkTuJnD\nIP3ReoTGbXC3eM584D/8SGk+/qNj6guMmJII8lqGcZ+3koVY8FUoZWF3bg9j\nYZcV\r\n=AghK\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"scriptPreprocessor":"<rootDir>/node_modules/jest-css-modules"},"main":"./lib/index.js","gitHead":"087a947efcf21a4a99ef25af5042fca4757ec702","scripts":{"dev":"rm -rf ./site && NODE_ENV=development webpack-dev-server --config webpack.config.babel.js --progress","pub":"rm -rf ./lib && rm -rf ./dist && babel src --copy-file --extensions .js,.jsx --out-dir lib && npm run prod","demo":"rm -rf ./site ./_data && NODE_ENV=demo webpack-dev-server --config webpack.config.babel.js --progress","prod":"NODE_ENV=production webpack --config webpack.config.babel.js --progress","test":"jest","build":"webpack --config webpack.config.babel.js --progress","start":"npm run dev"},"_npmUser":{"name":"later_7","email":"tony7leek@gmail.com"},"_npmVersion":"5.6.0","description":"输入框","directories":{},"_nodeVersion":"9.8.0","dependencies":{"@alicd/crui-form-item":"^0.0.5"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^20.0.4","react":"^15.6.0","eslint":"^3.19.0","mkdirp":"^0.5.1","webpack":"^2.6.1","babel-cli":"^6.24.1","node-sass":"^4.5.3","react-dom":"^15.6.0","babel-core":"^6.25.0","css-loader":"^0.28.4","prop-types":"^15.5.10","@alicd/next":"^0.19.26","sass-loader":"^6.0.6","babel-eslint":"^7.2.3","babel-loader":"^7.1.1","style-loader":"^0.18.2","babel-runtime":"^6.23.0","webpack-merge":"^4.1.0","md-meta-loader":"^0.0.4","jest-css-modules":"^1.1.0","eslint-config-ais":"0.0.16","babel-preset-react":"^6.24.1","webpack-dev-server":"^2.4.5","babel-plugin-import":"^1.4.0","babel-preset-es2015":"^6.24.1","eslint-plugin-react":"^6.3.0","html-webpack-plugin":"^2.28.0","react-test-renderer":"^15.6.1","babel-preset-stage-0":"^6.24.1","jsonml-to-react-component":"^0.2.6","extract-text-webpack-plugin":"^2.1.2","react-addons-transition-group":"^15.6.0","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-add-module-exports":"^0.2.1"},"_npmOperationalInternal":{"tmp":"tmp/crui-input-field_0.0.13_1564045478066_0.956277256897512","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-07-25T09:04:37.864Z","modified":"2024-07-15T07:14:11.116Z","0.0.13":"2019-07-25T09:04:38.258Z"},"author":{"name":"@alicd/walle"},"license":"ISC","keywords":["walle","component","react"],"description":"输入框","maintainers":[{"email":"hahaiwin@163.com","name":"hahaiwin"},{"email":"1149518004@qq.com","name":"snowden_"},{"email":"1312065793@qq.com","name":"vincent.ljq"},{"email":"595620510@qq.com","name":"zhen.hz"},{"email":"251250076@qq.com","name":"cismous"},{"email":"juntao.wjt@alibaba-inc.com","name":"juntao.wjt"},{"email":"xiongqi.me@foxmail.com","name":"xiongqi"},{"email":"guoli.ygl@cainiao.com","name":"mingche_286130"},{"email":"joshuasui@163.com","name":"joshuasui"},{"email":"maopengcheng1994@gmail.com","name":"mmpc"},{"email":"littlehmy@163.com","name":"0little"},{"email":"yf871020@163.com","name":"yf871020"},{"email":"zyy7259@gmail.com","name":"zyy7259"},{"email":"tony7leek@gmail.com","name":"later_7"},{"email":"775710651@qq.com","name":"qijian1990"},{"email":"xiekaif@163.com","name":"gepik"},{"email":"yanzhe.xyz@alibaba-inc.com","name":"jimmyxuster"},{"email":"laijianqing@gmail.com","name":"helloljq"},{"email":"rentj1@163.com","name":"rentj1"},{"email":"zhangqing332@live.com","name":"js8zq332"},{"email":"527710279@qq.com","name":"xiaobc"}],"readme":"---\ncategory: Components\ntype: UI Views\ncomponent: Form\nchinese: 输入框\nenglish: InputField\nsource: next-input\n---\n\n输入框， FormItem + Input【 @alicd/next 】 的功能融合，同时支持了 x-bind 双向绑定， rules 规则配置，配置表单 name 属性\n\n## API\n\n| 参数             | 说明                                                                                                                                    | 类型            | 默认值            |\n| -------------- | ------------------------------------------------------------------------------------------------------------------------------------- | ------------- | -------------- |\n| prefix         | 样式前缀                                                                                                                                  | String        | 'next-'        |\n| className      | 自定义class                                                                                                                              | String        | -              |\n| style          | 自定义内联样式                                                                                                                               | Object        | -              |\n| size           | 尺寸**可选值**:'small'(小)'medium'(中)'large'(大)                                                                         | Enum          | 'medium'       |\n| value          | 当前值                                                                                                                                   | String/Number | -              |\n| defaultValue   | 初始化值                                                                                                                                  | String/Number | -              |\n| onChange       | 发生改变的时候触发的回调**签名**:Function(value: String, e: Event) => void**参数**:_value_: {String} 数据_e_: {Event} DOM事件对象   | Function      | function() { } |\n| disabled       | 状态 设置文本域禁用状态                                                                                                                          | Boolean       | false          |\n| multiple       | 是否为多行，不选则为单行                                                                                                                          | Boolean       | false          |\n| maxLength      | 最大长度                                                                                                                                  | Number        | null           |\n| hasLimitHint   | 是否展现最大长度样式                                                                                                                            | Boolean       | false          |\n| cutString      | 是否允许切割字符串                                                                                                                             | Boolean       | true           |\n| hasClear       | 是否出现clear按钮                                                                                                                           | Boolean       | false          |\n| state          | 状态（multiple模式不支持 loading/success 状态)**可选值**:'''error'(错误)'loading'(校验中)'success'(成功)                          | Enum          | ''             |\n| htmlType       | 原生type                                                                                                                                | String        | 'text'         |\n| readOnly       | 只读                                                                                                                                    | Boolean       | false          |\n| trim           | onChange返回会自动去除头尾空字符                                                                                                                  | Boolean       | false          |\n| addonBefore    | 文本域前附加内容                                                                                                                              | ReactNode     | -              |\n| addonAfter     | 文本域后附加内容                                                                                                                              | ReactNode     | -              |\n| placeholder    | 输入提示                                                                                                                                  | String        | -              |\n| onPressEnter   | 按下回车的回调**签名**:Function() => void                                                                                          | Function      | function() { } |\n| onBlur         | 失去焦点时候触发的回调**签名**:Function() => void   | Function      | function() { } |\n| getValueLength | 自定义字符串计算长度方式**签名**:Function(value: String) => Number**参数**:_value_: {String} 数据**返回值**:{Number} 自定义长度 | Function      | function() { } |\n| rows           | multiple多行文本框高度 (不要直接用height设置多行文本框的高度, ie9 10会有兼容性问题)                                                                          | Number        | 4              |\n| textIndent     | 文字缩进                                                                                                                                  | Number        | -              |\n| prefix         | 样式前缀                                                                                                                         | String    | 'next-' |\n| className      | 扩展class                                                                                                                      | String    | -       |\n| style          | 自定义内联样式                                                                                                                      | Object    | -       |\n| size           | 单个FormItem的size自定义，优先级高于Form的size, 并且当组件与 FormItem 一起使用时，组件自身设置 size 属性无效。**可选值**:'', 'large', 'small', 'medium' | Enum      | -       |\n| label          | label 标签的文本                                                                                                                  | ReactNode | -       |\n| labelCol       | label 标签布局，通 `<Col>` 组件，设置 span offset 值，如 {span: 8, offset: 16}，该项仅在垂直表单有效                                                  | Object    | -       |\n| help           | 提示信息，如不设置，则会根据校验规则自动生成. 如果设置会受控（ps: 可以利用这点自定义错误位置,详细看demo自定义错误)                                                              | ReactNode | -       |\n| validateStatus | 校验状态，如不设置，则会根据校验规则自动生成**可选值**:'''success'(成功)'error'(失败)'loading'(校验中)                               | Enum      | -       |\n| hasFeedback    | 配合 validateStatus 属性使用，是否展示校验状态图标, 目前只有Input支持                                                                               | Boolean   | false   |\n| wrapperCol     | 需要为输入控件设置布局样式时，使用该属性，用法同 labelCol                                                                                            | Object    | -       |\n| extra          | 额外的提示信息，和 help 类似，当需要错误信息和提示文案同时出现时，可以使用这个。 位于错误信息后面                                                                         | ReactNode | -       |\n| inputStyle | 表单输入框自定义内联样式 |  Object/String | null |\n| showValidateType | 应用于Field 类元素后，指定其展示错误的方式，可选值有 `help`、`tooltip` 两种| String | `help` |\n| name | `walle 模式下才支持` 可以配合表单Form 收集表单元素的数据，要求表单必须指定 field 属性 | String | '' |\n| rules | `walle 模式下才支持` 配置表单规则，可以配置多个规则，可参考：[async-validator](https://github.com/yiminghe/async-validator#rules)，注意Form 表单必须配置field 属性才会生效 | Array | null |\n| x-bind | `walle 模式下才支持` 双向绑定某一个变量 | state | null |\n","readmeFilename":"README.md"}