{"bugs":{"url":"https://github.com/alibaba/rax/issues"},"dist":{"shasum":"7c03b3a08b8581a20cf331e9466d30b11b0fbdd3","tarball":"https://registry.npmjs.org/rax-textinput/-/rax-textinput-1.1.0.tgz","fileCount":16,"integrity":"sha512-kBWTXSg2oqne2/yN6cxesE32s7IsV7BSB5weavrpZVEC8/GWF/P0qqxZefBkYD7iCgb73P8h1p2yGoqb1GuJzQ==","signatures":[{"sig":"MEUCIQCXXBdL+azvdTYNQR3CAm2EwV4IjplhbJmcHHn7bHx1CgIgWHs7PkacKlJKdxOngMvc3o+AV1NI/ZRmPBSz7eniTmw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdenvFCRA9TVsSAnZWagAA39YP/RwaRnwpq2zhCJ4fjl3E\nnSwm9Tf08rLZXbvwFx3ySD0i6dqdf9NJIaW5xvwIpgyMDBNMEEa2rWifmZ/R\n0RWlDR/xOGm/hcFRArbgFwdkGgY2GuWPPjEl0ofREkV7wKUoPI3riKo8LuIt\n/GT1QW6dRC+pNB5nA1YQJpbu29snxSKOOvM0N5v6kjhHJqJEswUoiRonWVKj\nYUdbMv9mxDErYhtkOXie/DP6ELUwX+RCb43cqHTYBn4UNM4yB1x5/kZQlv+I\nEY0KCZDILgrLhDqyZ5LGAMjCOGOhpRWhMyXVMnRzR6QiqbVo0shHMvY/h3Uz\nV36RMk4A8ieuEJOEYSUeCtfRtfRk9q9hprEwCyWbICNU5eJsrpS9Krkv/hDC\nDoHABFFs7sJlu+1yl6sI6N2Z+Mwk4men/Dx92O9EYjDPre+Ab6kKwu99Ftwa\nmsWIAvHaSr3WOtqeUYvlCPCjdanAjG1SeVNl7m5pzUJP06H+Gws44xGRZ4Pw\njipmZ5+CxNBwcwXueC5DRpNexsixxjcv7lIOzUvlSjonM9nYwZdxFp05B8Mp\ndnph/yFW2zuiWOwl03WuB+iyZpq4O5AGNjOfOm79RFZWY4b5MfKb50pjwHam\nZJVNCwBH8NAHHtQHGo0+ospIVo+BgPyVbVgBTrd/vme6iKzyhHL9uMyloluF\naV/U\r\n=ii2T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","name":"rax-textinput","husky":{"hooks":{"pre-commit":"lint-staged"}},"readme":"[](https://www.npmjs.com/package/rax-textinput)\n\n**描述：**\nTextInput 是唤起用户输入的基础组件。\n\n当定义 multiline 输入多行文字时其功能相当于 textarea。\n\n## 安装\n\n```bash\n$ npm install rax-textinput --save\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 ![\"browser\"](\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\")
代表 h5 ![\"weex\"](\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\")
代表 weex ![\"miniApp\"](\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\")
代表小程序\n\n| **属性** | **类型** | **默认值** | **必填** | **描述** | **支持** |\n| ------------------ | ---------- | ---------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| multiline | `boolen` | - | false | 定义该属性文本框可以输入多行文字 | |\n| accessibilityLabel | `string` | - | false | 为元素添加标识 | |\n| autoComplete | `boolen` | - | false | 添加开启自动完成功能 | |\n| autoFocus | `boolen` | - | false | 添加开启获取焦点 | |\n| onAppear | `function` | - | false | 当前元素可见时触发 | |\n| editable | `boolean` | - | false | 默认为 true 如果为 fase 则文本框不可编辑 | |\n| keyboardType | `string` | - | false | 设置弹出哪种软键盘 可用的值有`default` `ascii-capable` `numbers-and-punctuation` `url` `number-pad` `phone-pad` `name-phone-pad` `email-address` `decimal-pad` `twitter` `web-search` `numeric` | |\n| maxLength | `number` | - | false | 设置最大可输入值 | |\n| maxNumberOfLines | `number` | - | false | 当文本框为 mutiline 时设置最多的行数 | |\n| numberOfLines | `number` | - | false | 同上设置行数 | |\n| placeholder | `string` | - | false | 设置文本框提示 | |\n| password | `boolean` | - | false | 文本框内容密码显示 | |\n| secureTextEntry | `boolean` | - | false | 同上文本框内容密码显示 | |\n| value | `string` | - | false | 文本框的文字内容 (受控) | |\n| defaultValue | `string` | - | false | 文本框的文字内容（非受控） | |\n| onBlur | `function` | - | false | 文本框失焦时调用此函数。`onBlur={() => console.log('失焦啦')}` | |\n| onFocus | `function` | - | false | 文本框获得焦点时调用此函数 | |\n| onChange | `function` | - | false | 文本框内容变化时调用此函数（用户输入完成时触发。通常在 blur 事件之后） | |\n| onChangeText | `function` | - | false | 触发时机和`onChange`一致, 区别在于该函数的参数是文本框内容 | |\n| onInput | `function` | - | false | 文本框输入内容时调用此函数 | |\n\n## 方法\n\n### focus()\n\n取焦点方法(小程序不支持)\n\n### blur()\n\n失去焦点方法(小程序不支持)\n\n### clear()\n\n清除文本框内容(小程序不支持)\n\n```jsx\nimport { createElement, Component, render, createRef } from \"rax\";\nimport DU from \"driver-universal\";\nimport View from \"rax-view\";\nimport Text from \"rax-text\";\nimport TextInput from \"rax-textinput\";\nconst styles = {\n root: {\n width: 750,\n paddingTop: 20\n },\n container: {\n padding: 20,\n borderStyle: \"solid\",\n borderColor: \"#dddddd\",\n borderWidth: 1,\n marginLeft: 20,\n marginRight: 20,\n marginBottom: 10\n },\n default: {\n borderWidth: 1,\n borderColor: \"#0f0f0f\",\n flex: 1\n },\n eventLabel: {\n margin: 3,\n fontSize: 24\n },\n multiline: {\n borderWidth: 1,\n borderColor: \"#0f0f0f\",\n flex: 1,\n fontSize: 26,\n height: 100,\n padding: 8,\n marginBottom: 8\n },\n hashtag: {\n color: \"blue\",\n margin: 10,\n fontWeight: \"bold\"\n }\n};\nclass TextAreaDemo extends Component {\n constructor(props) {\n super(props);\n this.state = {\n text: \"Hello #World , Hello #Rax , Hello #天天好心情\"\n };\n }\n\n render() {\n let delimiter = /\\s+/;\n\n // split string\n let _text = this.state.text;\n let token,\n index,\n parts = [];\n while (_text) {\n delimiter.lastIndex = 0;\n token = delimiter.exec(_text);\n if (token === null) {\n break;\n }\n index = token.index;\n if (token[0].length === 0) {\n index = 1;\n }\n parts.push(_text.substr(0, index));\n parts.push(token[0]);\n index = index + token[0].length;\n _text = _text.slice(index);\n }\n parts.push(_text);\n\n let hashtags = [];\n parts.forEach(text => {\n if (/^#/.test(text)) {\n hashtags.push(\n \n {text}\n \n );\n }\n });\n\n return (\n \n {\n this.setState({ text });\n }}\n />\n \n {hashtags}\n \n \n );\n }\n}\n\nclass App extends Component {\n state = {\n value: \"I am value\",\n curText: \"\",\n prevText: \"\",\n prev2Text: \"\",\n prev3Text: \"\"\n };\n\n inputRef = createRef();\n\n updateText = text => {\n this.setState(state => {\n return {\n curText: text,\n prevText: state.curText,\n prev2Text: state.prevText,\n prev3Text: state.prev2Text\n };\n });\n };\n\n render() {\n // define delimiter\n return (\n \n \n this.updateText('onFocus')}\n // onBlur={() => this.updateText('onBlur')}\n onChange={event => {\n this.updateText(\"onChange text: \" + event.nativeEvent.text);\n }}\n // onInput={event =>\n // this.updateText('onInput text: ' + event.nativeEvent.text)\n // }\n style={styles.default}\n />\n\n \n {this.state.curText}\n {\"\\n\"}\n (prev: {this.state.prevText}){\"\\n\"}\n (prev2: {this.state.prev2Text}){\"\\n\"}\n (prev3: {this.state.prev3Text})\n \n \n\n \n {\n this.setState({\n value: text\n });\n }}\n />\n\n {\n this.setState({\n value: e.nativeEvent.text\n });\n }}\n onClick={() => {\n this.setState({\n value: \"I am value\"\n });\n }}\n >\n Reset\n \n \n \n \n );\n }\n}\n\nrender(, document.body, { driver: DU });\n```\n","engines":{"npm":">=3.0.0"},"gitHead":"0ba9284f3484ef7872d21b5e2cd4144e83ea0196","license":"BSD-3-Clause","scripts":{"lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src","test":"rax-scripts test","build":"npm run clean && rax-scripts build","clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","start":"rax-scripts start","prepublishOnly":"npm run build"},"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"homepage":"https://github.com/alibaba/rax#readme","keywords":["Rax","rax-component","react-component"],"repository":{"url":"git+https://github.com/raxjs/rax-textinput.git","type":"git"},"_npmVersion":"6.11.3","description":"TextInput component for Rax.","directories":{},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"maintainers":[{"name":"amdgigabyte","email":"amdgigabyte@gmail.com"},{"name":"liangzhi.llz","email":"liangzhi.llz@alibaba-inc.com"},{"name":"recover758126","email":"761647716@qq.com"},{"name":"wintercn","email":"csf178@gmail.com"},{"name":"yacheng","email":"narutosun2@163.com"},{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},{"name":"zeroling","email":"wssgcg1213@qq.com"}],"_nodeVersion":"10.16.0","dependencies":{"rax-text":"^1.0.1","rax-view":"^1.0.1","classnames":"^2.2.6","rax-textinput":"^0.6.5","universal-env":"^1.0.0","rax-set-native-props":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rax":"^1.0.0","husky":"^3.0.5","eslint":"^5.16.0","csstype":"^2.6.4","@types/jest":"^24.0.12","lint-staged":"^9.2.5","rax-scripts":"^2.0.0","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","driver-universal":"^1.0.0","@types/classnames":"^2.2.9","eslint-config-rax":"^0.0.0","rax-test-renderer":"^1.0.0","rax-plugin-component":"^0.1.9","@typescript-eslint/parser":"^1.7.0","@typescript-eslint/eslint-plugin":"^1.7.0"},"peerDependencies":{"rax":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/rax-textinput_1.1.0_1568308165254_0.6247053458194265","host":"s3://npm-registry-packages"},"_id":"rax-textinput@1.1.0","version":"1.1.0"}