rax-textinput - npm Package Compare versions

Comparing version 1.4.2-0 to 1.4.2-1

CHANGELOG.md

 # Changelog
 
+## 1.4.2
+
+- `defaultValue` will only render at first time, in order to avoid that a controlled input can't be cleared
+
 ## 1.4.1
@@ -4,0 +8,0 @@

dist/index-es6.js

@@ -1,1 +0,1 @@
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=4)}([function(e,t){e.exports=require("rax")},function(e,t){e.exports=require("universal-env")},function(e,t){e.exports=require("babel-runtime-jsx-plus")},function(e,t){e.exports=require("rax-set-native-props")},function(e,t,n){e.exports=n(6)},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var r=n(2),a=n(0),o=n(1),u=n(3),i=n.n(u);var l={default:"text","ascii-capable":"text","numbers-and-punctuation":"number",url:"url","number-pad":"number","phone-pad":"tel","name-phone-pad":"text","email-address":"email","decimal-pad":"number",twitter:"text","web-search":"search",numeric:"number",number:"number",text:"text",idcard:"idcard",digit:"digit",numberpad:"numberpad",digitpad:"digitpad",idcardpad:"idcardpad"};n(5);function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}let s=0;function d(e){let t="";return t=o.isWeex?e.value:e.target.value,t}function p(e){let t=d(e);return{nativeEvent:{text:t},originalEvent:e,value:t,target:e.target}}const b=Object(a.forwardRef)(((e,t)=>{const n=Object(a.useRef)(null),[,u]=Object(a.useState)(0),b="rax-textinput-placeholder-"+s++,{className:f,accessibilityLabel:m,autoComplete:x,editable:g,keyboardType:v,maxNumberOfLines:y,maxLength:j,maxlength:O,multiline:h,numberOfLines:C,confirmType:w,randomNumber:E,showCount:_=!0,selectionStart:N,selectionEnd:M,onBlur:S,onFocus:T,onChange:I,onChangeText:L,onInput:P,password:W,secureTextEntry:$,style:q,placeholderColor:F="#999999",value:A,defaultValue:B,controlled:H}=e;let R=W||$?"password":void 0===l[v]?v:l[v];o.isMiniApp&&!o.isWeb&&(["text","number","idcard","digit"].includes(R)||my.canIUse(`input.type.${R}`)||(R="text"));const k=e=>{P(p(e))},U=e=>{I&&I(p(e)),L&&L(d(e))},V=Object.assign(Object.assign({},e),{"aria-label":m,autoComplete:x&&"on",maxlength:O||j,onChange:(I||L)&&U,onBlur:S&&(e=>{S(p(e))}),onFocus:T&&(e=>{T(p(e))})}),z=Boolean(void 0!==g&&!g),D=C||y;return Object(a.useImperativeHandle)(t,(()=>({_nativeNode:n.current,focus(){n.current.focus()},blur(){n.current.blur()},clear(){((e="")=>{i()(n.current,{value:e})})("")}}))),Object(a.useEffect)((()=>{if(H&&null!=A&&n.current){const e=n.current.value,t=""+A;e!==t&&(n.current.value=t)}})),h?Object(a.createElement)(a.Fragment,null,Object(r.createCondition)([[()=>(o.isWeb||o.isNode)&&F,()=>Object(a.createElement)("style",{dangerouslySetInnerHTML:{__html:`.${b}::placeholder {\n            color: ${F}\n          }`}})]]),Object(a.createElement)("textarea",c({},V,{ref:n,className:["rax-textinput",b,f||""].join(" "),style:Object.assign(Object.assign({},q),{placeholderColor:F}),row:D,rows:D,disabled:z,onChange:U,value:A||B,"confirm-type":w,"show-count":_,onInput:e=>{P&&k(e),o.isMiniApp&&u((e=>e+1))}}),!o.isWeex&&(V.value||B||""))):Object(a.createElement)(a.Fragment,null,Object(r.createCondition)([[()=>(o.isWeb||o.isNode)&&F,()=>Object(a.createElement)("style",{dangerouslySetInnerHTML:{__html:`.${b}::placeholder {\n            color: ${F}\n          }`}})]]),Object(a.createElement)("input",c({},V,{ref:n,className:["rax-textinput",b,f||""].join(" "),style:Object.assign(Object.assign({},q),{placeholderColor:F}),type:R,disabled:z,value:A||B,"confirm-type":w,"random-Number":E,"selection-start":N,"selection-end":M,onInput:e=>{P&&k(e),o.isMiniApp&&u((e=>e+1))}})))}));b.displayName="TextInput";t.default=b}]);
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=4)}([function(e,t){e.exports=require("rax")},function(e,t){e.exports=require("universal-env")},function(e,t){e.exports=require("babel-runtime-jsx-plus")},function(e,t){e.exports=require("rax-set-native-props")},function(e,t,n){e.exports=n(6)},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var r=n(2),a=n(0),o=n(1),u=n(3),i=n.n(u);var l={default:"text","ascii-capable":"text","numbers-and-punctuation":"number",url:"url","number-pad":"number","phone-pad":"tel","name-phone-pad":"text","email-address":"email","decimal-pad":"number",twitter:"text","web-search":"search",numeric:"number",number:"number",text:"text",idcard:"idcard",digit:"digit",numberpad:"numberpad",digitpad:"digitpad",idcardpad:"idcardpad"};n(5);function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}let s=0;function d(e){let t="";return t=o.isWeex?e.value:e.target.value,t}function p(e){let t=d(e);return{nativeEvent:{text:t},originalEvent:e,value:t,target:e.target}}function b(e){return 0===e||!!e}const f=Object(a.forwardRef)(((e,t)=>{const n=Object(a.useRef)(null),[,u]=Object(a.useState)(0),f="rax-textinput-placeholder-"+s++,{className:m,accessibilityLabel:x,autoComplete:g,editable:v,keyboardType:y,maxNumberOfLines:j,maxLength:O,maxlength:h,multiline:C,numberOfLines:w,confirmType:E,randomNumber:_,showCount:M=!0,selectionStart:N,selectionEnd:S,onBlur:T,onFocus:I,onChange:L,onChangeText:P,onInput:W,password:$,secureTextEntry:q,style:F,placeholderColor:A="#999999",value:B,defaultValue:H,controlled:R}=e;let k=$||q?"password":void 0===l[y]?y:l[y],U=b(B)?B:"";Object(a.useMemo)((()=>{U=b(B)?B:b(H)?H:""}),[]),o.isMiniApp&&!o.isWeb&&(["text","number","idcard","digit"].includes(k)||my.canIUse(`input.type.${k}`)||(k="text"));const V=e=>{W(p(e))},z=e=>{L&&L(p(e)),P&&P(d(e))},D=Object.assign(Object.assign({},e),{"aria-label":x,autoComplete:g&&"on",maxlength:h||O,onChange:(L||P)&&z,onBlur:T&&(e=>{T(p(e))}),onFocus:I&&(e=>{I(p(e))})}),G=Boolean(void 0!==v&&!v),J=w||j;return Object(a.useImperativeHandle)(t,(()=>({_nativeNode:n.current,focus(){n.current.focus()},blur(){n.current.blur()},clear(){((e="")=>{i()(n.current,{value:e})})("")}}))),Object(a.useEffect)((()=>{if(R&&null!=U&&n.current){const e=n.current.value,t=""+U;e!==t&&(n.current.value=t)}})),C?Object(a.createElement)(a.Fragment,null,Object(r.createCondition)([[()=>(o.isWeb||o.isNode)&&A,()=>Object(a.createElement)("style",{dangerouslySetInnerHTML:{__html:`.${f}::placeholder {\n            color: ${A}\n          }`}})]]),Object(a.createElement)("textarea",c({},D,{ref:n,className:["rax-textinput",f,m||""].join(" "),style:Object.assign(Object.assign({},F),{placeholderColor:A}),row:J,rows:J,disabled:G,onChange:z,value:U,"confirm-type":E,"show-count":M,onInput:e=>{W&&V(e),o.isMiniApp&&u((e=>e+1))}}),!o.isWeex&&(D.value||H||""))):Object(a.createElement)(a.Fragment,null,Object(r.createCondition)([[()=>(o.isWeb||o.isNode)&&A,()=>Object(a.createElement)("style",{dangerouslySetInnerHTML:{__html:`.${f}::placeholder {\n            color: ${A}\n          }`}})]]),Object(a.createElement)("input",c({},D,{ref:n,className:["rax-textinput",f,m||""].join(" "),style:Object.assign(Object.assign({},F),{placeholderColor:A}),type:k,disabled:G,value:U,"confirm-type":E,"random-Number":_,"selection-start":N,"selection-end":S,onInput:e=>{W&&V(e),o.isMiniApp&&u((e=>e+1))}})))}));f.displayName="TextInput";t.default=f}]);

dist/index-weex.js

@@ -1,1 +0,1 @@
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=5)}([function(e,t){e.exports=require("rax")},function(e,t){e.exports=require("universal-env")},function(e,t){e.exports=require("babel-runtime-jsx-plus")},function(e,t){e.exports=require("rax-set-native-props")},function(e,t){e.exports={"rax-textinput":{appearance:"none",backgroundColor:"transparent",borderColor:"rgb(0,0,0)",borderWidth:0,boxSizing:"border-box",color:"rgb(0,0,0)",paddingTop:0,paddingRight:0,paddingBottom:0,paddingLeft:"24rpx",fontSize:"24rpx",lineHeight:"60rpx",height:"60rpx"}}},function(e,t,n){e.exports=n(6)},function(e,t,n){"use strict";n.r(t);var r=n(2),o=n(0),i=n(1),a=n(3),u=n.n(a),c={default:"text","ascii-capable":"text","numbers-and-punctuation":"number",url:"url","number-pad":"number","phone-pad":"tel","name-phone-pad":"text","email-address":"email","decimal-pad":"number",twitter:"text","web-search":"search",numeric:"number",number:"number",text:"text",idcard:"idcard",digit:"digit",numberpad:"numberpad",digitpad:"digitpad",idcardpad:"idcardpad"},l=n(4);function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var p=n.n(l).a;function d(){var e=[],t=arguments[0],n=Object.prototype.toString.call(t).slice(8,-1).toLowerCase();if("string"===n)(t=t.trim())&&e.push(t);else if("array"===n)t.forEach((function(t){(t=d(t).trim())&&e.push(t)}));else if("object"===n)for(var r in t)(r=r.trim())&&t.hasOwnProperty(r)&&t[r]&&e.push(r);return e.join(" ").trim()}function f(e){var t=p.__cache||(p.__cache={}),n=d(e),r=n.split(/\s+/),o=t[n];return o||(o={},1===r.length?o=p[r[0].trim()]:r.forEach((function(e){"object"==typeof p[e.trim()]&&(o=Object.assign(o,p[e.trim()]))})),t[n]=o),o}var b=0;function m(e){return i.isWeex?e.value:e.target.value}function g(e){var t=m(e);return{nativeEvent:{text:t},originalEvent:e,value:t,target:e.target}}var x=Object(o.forwardRef)((function(e,t){var n=Object(o.useRef)(null),a=Object(o.useState)(0)[1],l="rax-textinput-placeholder-"+b++,p=e.className,d=e.accessibilityLabel,x=e.autoComplete,v=e.editable,j=e.keyboardType,h=e.maxNumberOfLines,y=e.maxLength,O=e.maxlength,C=e.multiline,_=e.numberOfLines,w=e.confirmType,E=e.randomNumber,S=e.showCount,N=void 0===S||S,T=e.selectionStart,M=e.selectionEnd,I=e.onBlur,L=e.onFocus,P=e.onChange,W=e.onChangeText,q=e.onInput,B=e.password,F=e.secureTextEntry,H=e.style,A=e.placeholderColor,R=void 0===A?"#999999":A,k=e.value,z=e.defaultValue,U=e.controlled,V=B||F?"password":void 0===c[j]?j:c[j];i.isMiniApp&&!i.isWeb&&(["text","number","idcard","digit"].includes(V)||my.canIUse("input.type."+V)||(V="text"));var D=function(e){q(g(e))},G=function(e){P&&P(g(e)),W&&W(m(e))},J=Object.assign(Object.assign({},e),{"aria-label":d,autoComplete:x&&"on",maxlength:O||y,onChange:(P||W)&&G,onBlur:I&&function(e){I(g(e))},onFocus:L&&function(e){L(g(e))}}),K=Boolean(void 0!==v&&!v),Q=_||h;return Object(o.useImperativeHandle)(t,(function(){return{_nativeNode:n.current,focus:function(){n.current.focus()},blur:function(){n.current.blur()},clear:function(){!function(e){void 0===e&&(e=""),u()(n.current,{value:e})}("")}}})),Object(o.useEffect)((function(){if(U&&null!=k&&n.current){var e=n.current.value,t=""+k;e!==t&&(n.current.value=t)}})),C?Object(o.createElement)(o.Fragment,null,Object(r.createCondition)([[function(){return(i.isWeb||i.isNode)&&R},function(){return Object(o.createElement)("style",{dangerouslySetInnerHTML:{__html:"."+l+"::placeholder {\n            color: "+R+"\n          }"}})}]]),Object(o.createElement)("textarea",s({},J,{ref:n,className:["rax-textinput",l,p||""].join(" "),style:Object.assign({},f(["rax-textinput",l,p||""].join(" ")),Object.assign(Object.assign({},H),{placeholderColor:R})),row:Q,rows:Q,disabled:K,onChange:G,value:k||z,"confirm-type":w,"show-count":N,onInput:function(e){q&&D(e),i.isMiniApp&&a((function(e){return e+1}))}}),!i.isWeex&&(J.value||z||""))):Object(o.createElement)(o.Fragment,null,Object(r.createCondition)([[function(){return(i.isWeb||i.isNode)&&R},function(){return Object(o.createElement)("style",{dangerouslySetInnerHTML:{__html:"."+l+"::placeholder {\n            color: "+R+"\n          }"}})}]]),Object(o.createElement)("input",s({},J,{ref:n,className:["rax-textinput",l,p||""].join(" "),style:Object.assign({},f(["rax-textinput",l,p||""].join(" ")),Object.assign(Object.assign({},H),{placeholderColor:R})),type:V,disabled:K,value:k||z,"confirm-type":w,"random-Number":E,"selection-start":T,"selection-end":M,onInput:function(e){q&&D(e),i.isMiniApp&&a((function(e){return e+1}))}})))}));x.displayName="TextInput";t.default=x}]);
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=5)}([function(e,t){e.exports=require("rax")},function(e,t){e.exports=require("universal-env")},function(e,t){e.exports=require("babel-runtime-jsx-plus")},function(e,t){e.exports=require("rax-set-native-props")},function(e,t){e.exports={"rax-textinput":{appearance:"none",backgroundColor:"transparent",borderColor:"rgb(0,0,0)",borderWidth:0,boxSizing:"border-box",color:"rgb(0,0,0)",paddingTop:0,paddingRight:0,paddingBottom:0,paddingLeft:"24rpx",fontSize:"24rpx",lineHeight:"60rpx",height:"60rpx"}}},function(e,t,n){e.exports=n(6)},function(e,t,n){"use strict";n.r(t);var r=n(2),o=n(0),i=n(1),a=n(3),u=n.n(a),c={default:"text","ascii-capable":"text","numbers-and-punctuation":"number",url:"url","number-pad":"number","phone-pad":"tel","name-phone-pad":"text","email-address":"email","decimal-pad":"number",twitter:"text","web-search":"search",numeric:"number",number:"number",text:"text",idcard:"idcard",digit:"digit",numberpad:"numberpad",digitpad:"digitpad",idcardpad:"idcardpad"},l=n(4);function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var p=n.n(l).a;function d(){var e=[],t=arguments[0],n=Object.prototype.toString.call(t).slice(8,-1).toLowerCase();if("string"===n)(t=t.trim())&&e.push(t);else if("array"===n)t.forEach((function(t){(t=d(t).trim())&&e.push(t)}));else if("object"===n)for(var r in t)(r=r.trim())&&t.hasOwnProperty(r)&&t[r]&&e.push(r);return e.join(" ").trim()}function f(e){var t=p.__cache||(p.__cache={}),n=d(e),r=n.split(/\s+/),o=t[n];return o||(o={},1===r.length?o=p[r[0].trim()]:r.forEach((function(e){"object"==typeof p[e.trim()]&&(o=Object.assign(o,p[e.trim()]))})),t[n]=o),o}var b=0;function m(e){return i.isWeex?e.value:e.target.value}function g(e){var t=m(e);return{nativeEvent:{text:t},originalEvent:e,value:t,target:e.target}}function x(e){return 0===e||!!e}var v=Object(o.forwardRef)((function(e,t){var n=Object(o.useRef)(null),a=Object(o.useState)(0)[1],l="rax-textinput-placeholder-"+b++,p=e.className,d=e.accessibilityLabel,v=e.autoComplete,j=e.editable,h=e.keyboardType,y=e.maxNumberOfLines,O=e.maxLength,C=e.maxlength,_=e.multiline,w=e.numberOfLines,E=e.confirmType,S=e.randomNumber,M=e.showCount,N=void 0===M||M,T=e.selectionStart,I=e.selectionEnd,L=e.onBlur,P=e.onFocus,W=e.onChange,q=e.onChangeText,B=e.onInput,F=e.password,H=e.secureTextEntry,A=e.style,R=e.placeholderColor,k=void 0===R?"#999999":R,z=e.value,U=e.defaultValue,V=e.controlled,D=F||H?"password":void 0===c[h]?h:c[h],G=x(z)?z:"";Object(o.useMemo)((function(){G=x(z)?z:x(U)?U:""}),[]),i.isMiniApp&&!i.isWeb&&(["text","number","idcard","digit"].includes(D)||my.canIUse("input.type."+D)||(D="text"));var J=function(e){B(g(e))},K=function(e){W&&W(g(e)),q&&q(m(e))},Q=Object.assign(Object.assign({},e),{"aria-label":d,autoComplete:v&&"on",maxlength:C||O,onChange:(W||q)&&K,onBlur:L&&function(e){L(g(e))},onFocus:P&&function(e){P(g(e))}}),X=Boolean(void 0!==j&&!j),Y=w||y;return Object(o.useImperativeHandle)(t,(function(){return{_nativeNode:n.current,focus:function(){n.current.focus()},blur:function(){n.current.blur()},clear:function(){!function(e){void 0===e&&(e=""),u()(n.current,{value:e})}("")}}})),Object(o.useEffect)((function(){if(V&&null!=G&&n.current){var e=n.current.value,t=""+G;e!==t&&(n.current.value=t)}})),_?Object(o.createElement)(o.Fragment,null,Object(r.createCondition)([[function(){return(i.isWeb||i.isNode)&&k},function(){return Object(o.createElement)("style",{dangerouslySetInnerHTML:{__html:"."+l+"::placeholder {\n            color: "+k+"\n          }"}})}]]),Object(o.createElement)("textarea",s({},Q,{ref:n,className:["rax-textinput",l,p||""].join(" "),style:Object.assign({},f(["rax-textinput",l,p||""].join(" ")),Object.assign(Object.assign({},A),{placeholderColor:k})),row:Y,rows:Y,disabled:X,onChange:K,value:G,"confirm-type":E,"show-count":N,onInput:function(e){B&&J(e),i.isMiniApp&&a((function(e){return e+1}))}}),!i.isWeex&&(Q.value||U||""))):Object(o.createElement)(o.Fragment,null,Object(r.createCondition)([[function(){return(i.isWeb||i.isNode)&&k},function(){return Object(o.createElement)("style",{dangerouslySetInnerHTML:{__html:"."+l+"::placeholder {\n            color: "+k+"\n          }"}})}]]),Object(o.createElement)("input",s({},Q,{ref:n,className:["rax-textinput",l,p||""].join(" "),style:Object.assign({},f(["rax-textinput",l,p||""].join(" ")),Object.assign(Object.assign({},A),{placeholderColor:k})),type:D,disabled:X,value:G,"confirm-type":E,"random-Number":S,"selection-start":T,"selection-end":I,onInput:function(e){B&&J(e),i.isMiniApp&&a((function(e){return e+1}))}})))}));v.displayName="TextInput";t.default=v}]);

dist/index.js

@@ -1,1 +0,1 @@
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var u=t[r]={i:r,l:!1,exports:{}};return e[r].call(u.exports,u,u.exports,n),u.l=!0,u.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var u in e)n.d(r,u,function(t){return e[t]}.bind(null,u));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=4)}([function(e,t){e.exports=require("rax")},function(e,t){e.exports=require("universal-env")},function(e,t){e.exports=require("babel-runtime-jsx-plus")},function(e,t){e.exports=require("rax-set-native-props")},function(e,t,n){e.exports=n(6)},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var r=n(2),u=n(0),o=n(1),a=n(3),i=n.n(a),c={default:"text","ascii-capable":"text","numbers-and-punctuation":"number",url:"url","number-pad":"number","phone-pad":"tel","name-phone-pad":"text","email-address":"email","decimal-pad":"number",twitter:"text","web-search":"search",numeric:"number",number:"number",text:"text",idcard:"idcard",digit:"digit",numberpad:"numberpad",digitpad:"digitpad",idcardpad:"idcardpad"};n(5);function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var s=0;function d(e){return o.isWeex?e.value:e.target.value}function p(e){var t=d(e);return{nativeEvent:{text:t},originalEvent:e,value:t,target:e.target}}var f=Object(u.forwardRef)((function(e,t){var n=Object(u.useRef)(null),a=Object(u.useState)(0)[1],f="rax-textinput-placeholder-"+s++,b=e.className,m=e.accessibilityLabel,v=e.autoComplete,x=e.editable,g=e.keyboardType,y=e.maxNumberOfLines,j=e.maxLength,O=e.maxlength,h=e.multiline,C=e.numberOfLines,w=e.confirmType,E=e.randomNumber,_=e.showCount,N=void 0===_||_,M=e.selectionStart,S=e.selectionEnd,T=e.onBlur,I=e.onFocus,L=e.onChange,P=e.onChangeText,W=e.onInput,q=e.password,F=e.secureTextEntry,A=e.style,B=e.placeholderColor,H=void 0===B?"#999999":B,R=e.value,k=e.defaultValue,U=e.controlled,V=q||F?"password":void 0===c[g]?g:c[g];o.isMiniApp&&!o.isWeb&&(["text","number","idcard","digit"].includes(V)||my.canIUse("input.type."+V)||(V="text"));var z=function(e){W(p(e))},D=function(e){L&&L(p(e)),P&&P(d(e))},G=Object.assign(Object.assign({},e),{"aria-label":m,autoComplete:v&&"on",maxlength:O||j,onChange:(L||P)&&D,onBlur:T&&function(e){T(p(e))},onFocus:I&&function(e){I(p(e))}}),J=Boolean(void 0!==x&&!x),K=C||y;return Object(u.useImperativeHandle)(t,(function(){return{_nativeNode:n.current,focus:function(){n.current.focus()},blur:function(){n.current.blur()},clear:function(){!function(e){void 0===e&&(e=""),i()(n.current,{value:e})}("")}}})),Object(u.useEffect)((function(){if(U&&null!=R&&n.current){var e=n.current.value,t=""+R;e!==t&&(n.current.value=t)}})),h?Object(u.createElement)(u.Fragment,null,Object(r.createCondition)([[function(){return(o.isWeb||o.isNode)&&H},function(){return Object(u.createElement)("style",{dangerouslySetInnerHTML:{__html:"."+f+"::placeholder {\n            color: "+H+"\n          }"}})}]]),Object(u.createElement)("textarea",l({},G,{ref:n,className:["rax-textinput",f,b||""].join(" "),style:Object.assign(Object.assign({},A),{placeholderColor:H}),row:K,rows:K,disabled:J,onChange:D,value:R||k,"confirm-type":w,"show-count":N,onInput:function(e){W&&z(e),o.isMiniApp&&a((function(e){return e+1}))}}),!o.isWeex&&(G.value||k||""))):Object(u.createElement)(u.Fragment,null,Object(r.createCondition)([[function(){return(o.isWeb||o.isNode)&&H},function(){return Object(u.createElement)("style",{dangerouslySetInnerHTML:{__html:"."+f+"::placeholder {\n            color: "+H+"\n          }"}})}]]),Object(u.createElement)("input",l({},G,{ref:n,className:["rax-textinput",f,b||""].join(" "),style:Object.assign(Object.assign({},A),{placeholderColor:H}),type:V,disabled:J,value:R||k,"confirm-type":w,"random-Number":E,"selection-start":M,"selection-end":S,onInput:function(e){W&&z(e),o.isMiniApp&&a((function(e){return e+1}))}})))}));f.displayName="TextInput";t.default=f}]);
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var u=t[r]={i:r,l:!1,exports:{}};return e[r].call(u.exports,u,u.exports,n),u.l=!0,u.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var u in e)n.d(r,u,function(t){return e[t]}.bind(null,u));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=4)}([function(e,t){e.exports=require("rax")},function(e,t){e.exports=require("universal-env")},function(e,t){e.exports=require("babel-runtime-jsx-plus")},function(e,t){e.exports=require("rax-set-native-props")},function(e,t,n){e.exports=n(6)},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var r=n(2),u=n(0),o=n(1),i=n(3),a=n.n(i),c={default:"text","ascii-capable":"text","numbers-and-punctuation":"number",url:"url","number-pad":"number","phone-pad":"tel","name-phone-pad":"text","email-address":"email","decimal-pad":"number",twitter:"text","web-search":"search",numeric:"number",number:"number",text:"text",idcard:"idcard",digit:"digit",numberpad:"numberpad",digitpad:"digitpad",idcardpad:"idcardpad"};n(5);function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var s=0;function d(e){return o.isWeex?e.value:e.target.value}function f(e){var t=d(e);return{nativeEvent:{text:t},originalEvent:e,value:t,target:e.target}}function p(e){return 0===e||!!e}var b=Object(u.forwardRef)((function(e,t){var n=Object(u.useRef)(null),i=Object(u.useState)(0)[1],b="rax-textinput-placeholder-"+s++,m=e.className,v=e.accessibilityLabel,x=e.autoComplete,g=e.editable,y=e.keyboardType,j=e.maxNumberOfLines,O=e.maxLength,h=e.maxlength,C=e.multiline,w=e.numberOfLines,E=e.confirmType,_=e.randomNumber,M=e.showCount,N=void 0===M||M,S=e.selectionStart,T=e.selectionEnd,I=e.onBlur,L=e.onFocus,P=e.onChange,W=e.onChangeText,q=e.onInput,F=e.password,A=e.secureTextEntry,B=e.style,H=e.placeholderColor,R=void 0===H?"#999999":H,k=e.value,U=e.defaultValue,V=e.controlled,z=F||A?"password":void 0===c[y]?y:c[y],D=p(k)?k:"";Object(u.useMemo)((function(){D=p(k)?k:p(U)?U:""}),[]),o.isMiniApp&&!o.isWeb&&(["text","number","idcard","digit"].includes(z)||my.canIUse("input.type."+z)||(z="text"));var G=function(e){q(f(e))},J=function(e){P&&P(f(e)),W&&W(d(e))},K=Object.assign(Object.assign({},e),{"aria-label":v,autoComplete:x&&"on",maxlength:h||O,onChange:(P||W)&&J,onBlur:I&&function(e){I(f(e))},onFocus:L&&function(e){L(f(e))}}),Q=Boolean(void 0!==g&&!g),X=w||j;return Object(u.useImperativeHandle)(t,(function(){return{_nativeNode:n.current,focus:function(){n.current.focus()},blur:function(){n.current.blur()},clear:function(){!function(e){void 0===e&&(e=""),a()(n.current,{value:e})}("")}}})),Object(u.useEffect)((function(){if(V&&null!=D&&n.current){var e=n.current.value,t=""+D;e!==t&&(n.current.value=t)}})),C?Object(u.createElement)(u.Fragment,null,Object(r.createCondition)([[function(){return(o.isWeb||o.isNode)&&R},function(){return Object(u.createElement)("style",{dangerouslySetInnerHTML:{__html:"."+b+"::placeholder {\n            color: "+R+"\n          }"}})}]]),Object(u.createElement)("textarea",l({},K,{ref:n,className:["rax-textinput",b,m||""].join(" "),style:Object.assign(Object.assign({},B),{placeholderColor:R}),row:X,rows:X,disabled:Q,onChange:J,value:D,"confirm-type":E,"show-count":N,onInput:function(e){q&&G(e),o.isMiniApp&&i((function(e){return e+1}))}}),!o.isWeex&&(K.value||U||""))):Object(u.createElement)(u.Fragment,null,Object(r.createCondition)([[function(){return(o.isWeb||o.isNode)&&R},function(){return Object(u.createElement)("style",{dangerouslySetInnerHTML:{__html:"."+b+"::placeholder {\n            color: "+R+"\n          }"}})}]]),Object(u.createElement)("input",l({},K,{ref:n,className:["rax-textinput",b,m||""].join(" "),style:Object.assign(Object.assign({},B),{placeholderColor:R}),type:z,disabled:Q,value:D,"confirm-type":E,"random-Number":_,"selection-start":S,"selection-end":T,onInput:function(e){q&&G(e),o.isMiniApp&&i((function(e){return e+1}))}})))}));b.displayName="TextInput";t.default=b}]);

dist/index.umd.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.raxTextinput=t():e.raxTextinput=t()}(window,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=4)}([function(e,t){e.exports=require("rax")},function(e,t){e.exports=require("universal-env")},function(e,t){e.exports=require("babel-runtime-jsx-plus")},function(e,t){e.exports=require("rax-set-native-props")},function(e,t,n){e.exports=n(6)},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var r=n(2),o=n(0),u=n(1),i=n(3),a=n.n(i),c={default:"text","ascii-capable":"text","numbers-and-punctuation":"number",url:"url","number-pad":"number","phone-pad":"tel","name-phone-pad":"text","email-address":"email","decimal-pad":"number",twitter:"text","web-search":"search",numeric:"number",number:"number",text:"text",idcard:"idcard",digit:"digit",numberpad:"numberpad",digitpad:"digitpad",idcardpad:"idcardpad"};n(5);function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var s=0;function d(e){return u.isWeex?e.value:e.target.value}function p(e){var t=d(e);return{nativeEvent:{text:t},originalEvent:e,value:t,target:e.target}}var f=Object(o.forwardRef)((function(e,t){var n=Object(o.useRef)(null),i=Object(o.useState)(0)[1],f="rax-textinput-placeholder-"+s++,b=e.className,m=e.accessibilityLabel,x=e.autoComplete,v=e.editable,y=e.keyboardType,g=e.maxNumberOfLines,j=e.maxLength,O=e.maxlength,h=e.multiline,w=e.numberOfLines,C=e.confirmType,E=e.randomNumber,T=e.showCount,_=void 0===T||T,N=e.selectionStart,M=e.selectionEnd,S=e.onBlur,I=e.onFocus,L=e.onChange,P=e.onChangeText,W=e.onInput,q=e.password,F=e.secureTextEntry,A=e.style,B=e.placeholderColor,H=void 0===B?"#999999":B,R=e.value,k=e.defaultValue,U=e.controlled,V=q||F?"password":void 0===c[y]?y:c[y];u.isMiniApp&&!u.isWeb&&(["text","number","idcard","digit"].includes(V)||my.canIUse("input.type."+V)||(V="text"));var z=function(e){W(p(e))},D=function(e){L&&L(p(e)),P&&P(d(e))},G=Object.assign(Object.assign({},e),{"aria-label":m,autoComplete:x&&"on",maxlength:O||j,onChange:(L||P)&&D,onBlur:S&&function(e){S(p(e))},onFocus:I&&function(e){I(p(e))}}),J=Boolean(void 0!==v&&!v),K=w||g;return Object(o.useImperativeHandle)(t,(function(){return{_nativeNode:n.current,focus:function(){n.current.focus()},blur:function(){n.current.blur()},clear:function(){!function(e){void 0===e&&(e=""),a()(n.current,{value:e})}("")}}})),Object(o.useEffect)((function(){if(U&&null!=R&&n.current){var e=n.current.value,t=""+R;e!==t&&(n.current.value=t)}})),h?Object(o.createElement)(o.Fragment,null,Object(r.createCondition)([[function(){return(u.isWeb||u.isNode)&&H},function(){return Object(o.createElement)("style",{dangerouslySetInnerHTML:{__html:"."+f+"::placeholder {\n            color: "+H+"\n          }"}})}]]),Object(o.createElement)("textarea",l({},G,{ref:n,className:["rax-textinput",f,b||""].join(" "),style:Object.assign(Object.assign({},A),{placeholderColor:H}),row:K,rows:K,disabled:J,onChange:D,value:R||k,"confirm-type":C,"show-count":_,onInput:function(e){W&&z(e),u.isMiniApp&&i((function(e){return e+1}))}}),!u.isWeex&&(G.value||k||""))):Object(o.createElement)(o.Fragment,null,Object(r.createCondition)([[function(){return(u.isWeb||u.isNode)&&H},function(){return Object(o.createElement)("style",{dangerouslySetInnerHTML:{__html:"."+f+"::placeholder {\n            color: "+H+"\n          }"}})}]]),Object(o.createElement)("input",l({},G,{ref:n,className:["rax-textinput",f,b||""].join(" "),style:Object.assign(Object.assign({},A),{placeholderColor:H}),type:V,disabled:J,value:R||k,"confirm-type":C,"random-Number":E,"selection-start":N,"selection-end":M,onInput:function(e){W&&z(e),u.isMiniApp&&i((function(e){return e+1}))}})))}));f.displayName="TextInput";t.default=f}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.raxTextinput=t():e.raxTextinput=t()}(window,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=4)}([function(e,t){e.exports=require("rax")},function(e,t){e.exports=require("universal-env")},function(e,t){e.exports=require("babel-runtime-jsx-plus")},function(e,t){e.exports=require("rax-set-native-props")},function(e,t,n){e.exports=n(6)},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var r=n(2),o=n(0),u=n(1),i=n(3),a=n.n(i),c={default:"text","ascii-capable":"text","numbers-and-punctuation":"number",url:"url","number-pad":"number","phone-pad":"tel","name-phone-pad":"text","email-address":"email","decimal-pad":"number",twitter:"text","web-search":"search",numeric:"number",number:"number",text:"text",idcard:"idcard",digit:"digit",numberpad:"numberpad",digitpad:"digitpad",idcardpad:"idcardpad"};n(5);function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var s=0;function d(e){return u.isWeex?e.value:e.target.value}function f(e){var t=d(e);return{nativeEvent:{text:t},originalEvent:e,value:t,target:e.target}}function p(e){return 0===e||!!e}var b=Object(o.forwardRef)((function(e,t){var n=Object(o.useRef)(null),i=Object(o.useState)(0)[1],b="rax-textinput-placeholder-"+s++,m=e.className,x=e.accessibilityLabel,v=e.autoComplete,y=e.editable,j=e.keyboardType,g=e.maxNumberOfLines,O=e.maxLength,h=e.maxlength,w=e.multiline,C=e.numberOfLines,E=e.confirmType,T=e.randomNumber,_=e.showCount,M=void 0===_||_,N=e.selectionStart,S=e.selectionEnd,I=e.onBlur,L=e.onFocus,P=e.onChange,W=e.onChangeText,q=e.onInput,F=e.password,A=e.secureTextEntry,B=e.style,H=e.placeholderColor,R=void 0===H?"#999999":H,k=e.value,U=e.defaultValue,V=e.controlled,z=F||A?"password":void 0===c[j]?j:c[j],D=p(k)?k:"";Object(o.useMemo)((function(){D=p(k)?k:p(U)?U:""}),[]),u.isMiniApp&&!u.isWeb&&(["text","number","idcard","digit"].includes(z)||my.canIUse("input.type."+z)||(z="text"));var G=function(e){q(f(e))},J=function(e){P&&P(f(e)),W&&W(d(e))},K=Object.assign(Object.assign({},e),{"aria-label":x,autoComplete:v&&"on",maxlength:h||O,onChange:(P||W)&&J,onBlur:I&&function(e){I(f(e))},onFocus:L&&function(e){L(f(e))}}),Q=Boolean(void 0!==y&&!y),X=C||g;return Object(o.useImperativeHandle)(t,(function(){return{_nativeNode:n.current,focus:function(){n.current.focus()},blur:function(){n.current.blur()},clear:function(){!function(e){void 0===e&&(e=""),a()(n.current,{value:e})}("")}}})),Object(o.useEffect)((function(){if(V&&null!=D&&n.current){var e=n.current.value,t=""+D;e!==t&&(n.current.value=t)}})),w?Object(o.createElement)(o.Fragment,null,Object(r.createCondition)([[function(){return(u.isWeb||u.isNode)&&R},function(){return Object(o.createElement)("style",{dangerouslySetInnerHTML:{__html:"."+b+"::placeholder {\n            color: "+R+"\n          }"}})}]]),Object(o.createElement)("textarea",l({},K,{ref:n,className:["rax-textinput",b,m||""].join(" "),style:Object.assign(Object.assign({},B),{placeholderColor:R}),row:X,rows:X,disabled:Q,onChange:J,value:D,"confirm-type":E,"show-count":M,onInput:function(e){q&&G(e),u.isMiniApp&&i((function(e){return e+1}))}}),!u.isWeex&&(K.value||U||""))):Object(o.createElement)(o.Fragment,null,Object(r.createCondition)([[function(){return(u.isWeb||u.isNode)&&R},function(){return Object(o.createElement)("style",{dangerouslySetInnerHTML:{__html:"."+b+"::placeholder {\n            color: "+R+"\n          }"}})}]]),Object(o.createElement)("input",l({},K,{ref:n,className:["rax-textinput",b,m||""].join(" "),style:Object.assign(Object.assign({},B),{placeholderColor:R}),type:z,disabled:Q,value:D,"confirm-type":E,"random-Number":T,"selection-start":N,"selection-end":S,onInput:function(e){q&&G(e),u.isMiniApp&&i((function(e){return e+1}))}})))}));b.displayName="TextInput";t.default=b}])}));

es/index.js

@@ -6,3 +6,3 @@ import { createCondition as __create_condition__ } from "babel-runtime-jsx-plus";
 
-import { forwardRef, useRef, useImperativeHandle, createElement, useEffect, useState } from 'rax';
+import { forwardRef, useRef, useImperativeHandle, createElement, useEffect, useState, useMemo } from 'rax';
 import { isWeex, isWeb, isNode, isMiniApp } from 'universal-env';
@@ -94,3 +94,14 @@ import setNativeProps from 'rax-set-native-props';
 }
+/**
+ * Judge whether the val is truthy or zero value
+ * Because number 0 should be recognized as valid input too
+ * @param val 
+ * @returns 
+ */
 
+
+function isTruthyOrZero(val) {
+  return val === 0 ? true : !!val;
+}
+
 var TextInput = forwardRef(function (props, ref) {
@@ -129,6 +140,10 @@ var refEl = useRef(null);
       placeholderColor = _props$placeholderCol === void 0 ? '#999999' : _props$placeholderCol,
-      value = props.value,
+      propsValue = props.value,
       defaultValue = props.defaultValue,
       controlled = props.controlled;
-  var type = password || secureTextEntry ? 'password' : typeof keyboardTypeMap[keyboardType] === 'undefined' ? keyboardType : keyboardTypeMap[keyboardType]; // Check is type supported or not
+  var type = password || secureTextEntry ? 'password' : typeof keyboardTypeMap[keyboardType] === 'undefined' ? keyboardType : keyboardTypeMap[keyboardType];
+  var value = isTruthyOrZero(propsValue) ? propsValue : '';
+  useMemo(function () {
+    value = isTruthyOrZero(propsValue) ? propsValue : isTruthyOrZero(defaultValue) ? defaultValue : '';
+  }, []); // Check is type supported or not
   // Use isWeb to exclude web-view
@@ -177,3 +192,3 @@
 
-  var disbaled = Boolean(editable !== undefined && !editable);
+  var disabled = Boolean(editable !== undefined && !editable);
   var rows = numberOfLines || maxNumberOfLines;
@@ -222,5 +237,5 @@ useImperativeHandle(ref, function () {
       rows: rows,
-      disabled: disbaled,
+      disabled: disabled,
       onChange: handleChange,
-      value: value || defaultValue,
+      value: value,
       "confirm-type": confirmType,
@@ -254,4 +269,4 @@ "show-count": showCount,
       type: type,
-      disabled: disbaled,
-      value: value || defaultValue,
+      disabled: disabled,
+      value: value,
       "confirm-type": confirmType,
@@ -258,0 +273,0 @@ "random-Number": randomNumber,

lib/index.js

@@ -104,3 +104,14 @@ "use strict";
 }
+/**
+ * Judge whether the val is truthy or zero value
+ * Because number 0 should be recognized as valid input too
+ * @param val 
+ * @returns 
+ */
 
+
+function isTruthyOrZero(val) {
+  return val === 0 ? true : !!val;
+}
+
 var TextInput = (0, _rax.forwardRef)(function (props, ref) {
@@ -139,6 +150,10 @@ var refEl = (0, _rax.useRef)(null);
       placeholderColor = _props$placeholderCol === void 0 ? '#999999' : _props$placeholderCol,
-      value = props.value,
+      propsValue = props.value,
       defaultValue = props.defaultValue,
       controlled = props.controlled;
-  var type = password || secureTextEntry ? 'password' : typeof _keyboardTypeMap.default[keyboardType] === 'undefined' ? keyboardType : _keyboardTypeMap.default[keyboardType]; // Check is type supported or not
+  var type = password || secureTextEntry ? 'password' : typeof _keyboardTypeMap.default[keyboardType] === 'undefined' ? keyboardType : _keyboardTypeMap.default[keyboardType];
+  var value = isTruthyOrZero(propsValue) ? propsValue : '';
+  (0, _rax.useMemo)(function () {
+    value = isTruthyOrZero(propsValue) ? propsValue : isTruthyOrZero(defaultValue) ? defaultValue : '';
+  }, []); // Check is type supported or not
   // Use isWeb to exclude web-view
@@ -187,3 +202,3 @@
 
-  var disbaled = Boolean(editable !== undefined && !editable);
+  var disabled = Boolean(editable !== undefined && !editable);
   var rows = numberOfLines || maxNumberOfLines;
@@ -232,5 +247,5 @@ (0, _rax.useImperativeHandle)(ref, function () {
       rows: rows,
-      disabled: disbaled,
+      disabled: disabled,
       onChange: handleChange,
-      value: value || defaultValue,
+      value: value,
       "confirm-type": confirmType,
@@ -264,4 +279,4 @@ "show-count": showCount,
       type: type,
-      disabled: disbaled,
-      value: value || defaultValue,
+      disabled: disabled,
+      value: value,
       "confirm-type": confirmType,
@@ -268,0 +283,0 @@ "random-Number": randomNumber,

package.json

 {
   "name": "rax-textinput",
-  "version": "1.4.2-0",
+  "version": "1.4.2-1",
   "description": "TextInput component for Rax.",
@@ -5,0 +5,0 @@ "license": "BSD-3-Clause",

src/index.tsx

@@ -8,3 +8,4 @@ import {
   useEffect,
-  useState
+  useState,
+  useMemo
 } from 'rax';
@@ -49,2 +50,12 @@ import { isWeex, isWeb, isNode, isMiniApp } from 'universal-env';
 
+/**
+ * Judge whether the val is truthy or zero value
+ * Because number 0 should be recognized as valid input too
+ * @param val 
+ * @returns 
+ */
+function isTruthyOrZero(val) {
+  return val === 0 ? true : !!val;
+}
+
 const TextInput: ForwardRefExoticComponent<TextInputProps> = forwardRef(
@@ -81,3 +92,3 @@ (props, ref) => {
       placeholderColor = '#999999',
-      value,
+      value: propsValue,
       defaultValue,
@@ -93,2 +104,10 @@ controlled
 
+    let value = isTruthyOrZero(propsValue) ? propsValue : '';
+
+    useMemo(() => {
+      value = 
+        isTruthyOrZero(propsValue) ? propsValue :
+        isTruthyOrZero(defaultValue) ? defaultValue : '';
+    }, []);
+
     // Check is type supported or not
@@ -136,3 +155,3 @@ // Use isWeb to exclude web-view
     // Diff with web readonly attr, `disabled` must be boolean value
-    const disbaled = Boolean(editable !== undefined && !editable);
+    const disabled = Boolean(editable !== undefined && !editable);
     const rows = numberOfLines || maxNumberOfLines;
@@ -180,5 +199,5 @@ useImperativeHandle(ref, () => {
             rows={rows}
-            disabled={disbaled}
+            disabled={disabled}
             onChange={handleChange}
-            value={value || defaultValue}
+            value={value}
             confirm-type={confirmType}
@@ -213,4 +232,4 @@ show-count={showCount}
             type={type}
-            disabled={disbaled}
-            value={value || defaultValue}
+            disabled={disabled}
+            value={value}
             confirm-type={confirmType}
@@ -217,0 +236,0 @@ random-Number={randomNumber}

No alert changes

Improved metrics

Total package byte prevSize

184943

0.93%

Lines of code

3627

1.17%

No dependency changes