react-validate-component 1.0.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/README.md +68 -68
  2. package/dist/react-validate-component.cjs.development.js +80 -40
  3. package/dist/react-validate-component.cjs.development.js.map +1 -1
  4. package/dist/react-validate-component.cjs.production.min.js +1 -1
  5. package/dist/react-validate-component.cjs.production.min.js.map +1 -1
  6. package/dist/react-validate-component.esm.js +80 -40
  7. package/dist/react-validate-component.esm.js.map +1 -1
  8. package/dist/vText/index.d.ts +1 -1
  9. package/dist/vText/vText.d.ts +3 -0
  10. package/package.json +1 -1
  11. package/src/index.module.css +15 -0
  12. package/src/vCheckbox/index.tsx +1 -2
  13. package/src/vColor/index.tsx +1 -2
  14. package/src/vDate/index.tsx +1 -2
  15. package/src/vEmail/index.tsx +1 -2
  16. package/src/vRadio/index.tsx +1 -2
  17. package/src/vRange/index.tsx +1 -2
  18. package/src/vText/index.tsx +73 -29
  19. package/src/vText/vText.ts +3 -0
  20. package/src/vURL/index.tsx +1 -2
package/dist/react-validate-component.cjs.production.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,n={invalid:"index-module_invalid__gHKsE",vinput:"index-module_vinput__tFGFH","vinput-top-left":"index-module_vinput-top-left__2g8Bq","vinput-top":"index-module_vinput-top__ZTh6H","vinput-top-right":"index-module_vinput-top-right__t6K-Q","vinput-center-left":"index-module_vinput-center-left__vJn0s","vinput-center-right":"index-module_vinput-center-right__HDgip","vinput-bottom-left":"index-module_vinput-bottom-left__xxaiT","vinput-bottom":"index-module_vinput-bottom__nCOAf","vinput-bottom-right":"index-module_vinput-bottom-right__6AjOE",innerMessage:"index-module_innerMessage__rihga","innerMessage-top-left":"index-module_innerMessage-top-left__HLoYg","innerMessage-top":"index-module_innerMessage-top__ouYW6","innerMessage-top-right":"index-module_innerMessage-top-right__7tMC8","innerMessage-center-left":"index-module_innerMessage-center-left__4iZyl","innerMessage-center":"index-module_innerMessage-center__U2006","innerMessage-center-right":"index-module_innerMessage-center-right__Pg2oU","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__1QDIv","innerMessage-bottom":"index-module_innerMessage-bottom__gMogT","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__peBq-",tooltipMessage:"index-module_tooltipMessage__ZlthY","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__us8PI","tooltipMessage-top":"index-module_tooltipMessage-top__NaUtu","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__UveQN","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__8eqfQ","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__yyDuD","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__u-H0Q","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__YOZgV","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__yD0zu",animateMessage:"index-module_animateMessage__Gxf3M","fade-in":"index-module_fade-in__GxKz8"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}(".index-module_invalid__gHKsE {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__gHKsE:focus,\r\n.index-module_invalid__gHKsE:focus-visible,\r\n.index-module_invalid__gHKsE:focus-within {\r\n border: 2px solid red;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__tFGFH {\r\n display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n flex-direction: column-reverse;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n flex-direction: column-reverse;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n flex-direction: column;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__rihga {\r\n position: absolute;\r\n font-size: 12px;\r\n margin: 0;\r\n padding: 2px 5px;\r\n display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__ZlthY {\r\n position: absolute;\r\n margin: 0;\r\n padding: 10px 20px;\r\n border: 1px solid transparent;\r\n border-radius: 10px;\r\n background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n border: 10px solid transparent;\r\n border-top-color: black;\r\n border-bottom: 0;\r\n margin-bottom: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top-left__us8PI {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__us8PI::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top__NaUtu {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__NaUtu::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__UveQN {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__UveQN::after {\r\n left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n content: '';\r\n position: absolute;\r\n border: 10px solid transparent;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-right__8eqfQ {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ {\r\n transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ::after {\r\n border-right-color: black;\r\n left: -10%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-left__yyDuD {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD {\r\n transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD::after {\r\n border-left-color: black;\r\n left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n border: 10px solid transparent;\r\n border-bottom-color: black;\r\n border-top: 0;\r\n margin-top: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom-left__u-H0Q {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__u-H0Q::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom__YOZgV {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__YOZgV::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__yD0zu {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__yD0zu::after {\r\n left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n"),exports.VCheckbox=function(e){var a=e.vState,l=void 0!==a&&a,s=e.vType,i=e.vClassName,r=void 0===i?"":i,o=e.vLayoutClassName,d=void 0===o?"":o,u=e.vLabelClassName,m=void 0===u?"":u,c=e.vCheckedClassName,p=void 0===c?"":c,v=e.vCheckList,g=void 0===v?[]:v,_=e.vCheckedList,f=void 0===_?[]:_,x=e.vShowMessage,M=void 0!==x&&x,b=e.vMessage,E=void 0===b?"":b,N=e.vMessageClass,y=void 0===N?"":N,h=e.vIsAnimate,j=void 0!==h&&h,C=e.props,F=void 0===C?{}:C;function V(){var e=[];return g.forEach((function(a,s){e.push(t.createElement("label",{htmlFor:"vCheckbox-"+s,className:m+" "+(f[s]?p:"")+" "+(l?n.invalid:""),key:s},t.createElement("input",Object.assign({id:"vCheckbox-"+s,type:"checkbox",className:r,hidden:!0,value:a,checked:f[s]},F)),t.createElement("span",null,a)))})),t.createElement("div",{className:d},e)}switch(void 0===s?"bottom":s){case"top":return t.createElement("div",null,l&&M?t.createElement("p",{className:y+" "+(j?n.animateMessage:"")},E):null,V());case"bottom":return t.createElement("div",null,V(),l&&M?t.createElement("p",{className:y+" "+(j?n.animateMessage:"")},E):null);default:return t.createElement(t.Fragment,null)}},exports.VColor=function(e){var a=e.vState,l=void 0!==a&&a,s=e.vType,i=e.vClassName,r=void 0===i?"":i,o=e.vShowMessage,d=void 0!==o&&o,u=e.vMessage,m=void 0===u?"":u,c=e.vMessageClass,p=void 0===c?"":c,v=e.vIsAnimate,g=void 0!==v&&v,_=e.props,f=void 0===_?{}:_;switch(void 0===s?"bottom":s){case"top":return t.createElement(t.Fragment,null,l&&d?t.createElement("p",{className:p+" "+(g?n.animateMessage:"")},m):null,t.createElement("div",null,t.createElement("input",Object.assign({type:"color",className:r},f))));case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement("input",Object.assign({type:"color",className:r+" test"},f))),l&&d?t.createElement("p",{className:p+" "+(g?n.animateMessage:"")},m):null);default:return t.createElement(t.Fragment,null)}},exports.VDate=function(e){var a=e.vState,l=void 0!==a&&a,s=e.vType,i=e.vClassName,r=void 0===i?"":i,o=e.vShowMessage,d=void 0!==o&&o,u=e.vMessage,m=void 0===u?"":u,c=e.vMessageClass,p=void 0===c?"":c,v=e.vIsAnimate,g=void 0!==v&&v,_=e.props,f=void 0===_?{}:_;switch(void 0===s?"bottom":s){case"top":return t.createElement(t.Fragment,null,l&&d?t.createElement("p",{className:p+" "+(g?n.animateMessage:"")},m):null,t.createElement("div",null,t.createElement("input",Object.assign({type:"date",className:r},f))));case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement("input",Object.assign({type:"date",className:r+" test"},f))),l&&d?t.createElement("p",{className:p+" "+(g?n.animateMessage:"")},m):null);default:return t.createElement(t.Fragment,null)}},exports.VEmail=function(e){var a,l,s,i,r,o,d=e.vState,u=void 0!==d&&d,m=e.vType,c=e.vClassName,p=void 0===c?"":c,v=e.vShowMessage,g=void 0!==v&&v,_=e.vMessage,f=void 0===_?"":_,x=e.vLocateMessage,M=void 0===x?"bottom":x,b=e.vMessageClass,E=void 0===b?"":b,N=e.vIsAnimate,y=void 0!==N&&N,h=e.props,j=void 0===h?{}:h;switch(void 0===m?"outer":m){case"outer":return t.createElement("div",{className:n.vinput+" "+n["vinput-"+M]},t.createElement("input",Object.assign({type:"email"},j,{defaultValue:null!=(a=null==j?void 0:j.defaultValue)?a:"",className:(null!=(l=null==j?void 0:j.className)?l:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+(y?n.animateMessage:"")},f):null);case"inner":return t.createElement("div",{className:n.vinput},t.createElement("input",Object.assign({type:"email"},j,{defaultValue:null!=(s=null==j?void 0:j.defaultValue)?s:"",className:(null!=(i=null==j?void 0:j.className)?i:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+n.innerMessage+" "+n["innerMessage-"+M]+" "+(y?n.animateMessage:"")},f):null);case"tooltip":return t.createElement("div",{className:n.vinput+" "+n["tooltipMessage-"+M]},t.createElement("input",Object.assign({type:"email"},j,{defaultValue:null!=(r=null==j?void 0:j.defaultValue)?r:"",className:(null!=(o=null==j?void 0:j.className)?o:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+n.tooltipMessage+" "+n["tooltipMessage-"+M]+" "+(y?n.animateMessage:"")},f):null);default:return t.createElement("div",null)}},exports.VRadio=function(e){var a,l,s,i=e.vState,r=void 0!==i&&i,o=e.vName,d=void 0===o?"":o,u=e.vSelectListName,m=void 0===u?[]:u,c=e.vSelectListValue,p=void 0===c?[]:c,v=e.vType,g=e.vClassName,_=void 0===g?"":g,f=e.vShowMessage,x=void 0!==f&&f,M=e.vMessage,b=void 0===M?"":M,E=e.vLocateMessage,N=void 0===E?"bottom":E,y=e.vMessageClass,h=void 0===y?"":y,j=e.vIsAnimate,C=void 0!==j&&j,F=e.props,V=void 0===F?{}:F;function O(){for(var e=[],n=0;n<m.length;n+=1)e.push(t.createElement("div",{key:d+"-"+n},t.createElement("input",Object.assign({type:"radio",id:d+"-"+n,name:d,value:p[n]},V)),t.createElement("label",{htmlFor:d+"-"+n},m[n])));return e}switch(void 0===v?"bottom":v){case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",{className:n.vinput+" "+n["vinput-"+N]},t.createElement("div",{className:(null!=(a=null==V?void 0:V.className)?a:"")+" "+_},O())),r&&x?t.createElement("p",{className:h+" "+(C?n.animateMessage:"")},b):null);case"top":return t.createElement(t.Fragment,null,t.createElement("div",{className:n.vinput+" "+n["vinput-"+N]},r&&x?t.createElement("p",{className:h+" "+(C?n.animateMessage:"")},b):null,t.createElement("div",{className:(null!=(l=null==V?void 0:V.className)?l:"")+" "+_},O())));case"tooltip":return t.createElement(t.Fragment,null,t.createElement("div",{className:n.vinput+" "+n["tooltipMessage-"+N]},t.createElement("div",{className:(null!=(s=null==V?void 0:V.className)?s:"")+" "+_},O())),r&&x?t.createElement("p",{className:h+" "+n.tooltipMessage+" "+n["tooltipMessage-"+N]+" "+(C?n.animateMessage:"")},b):null);default:return t.createElement("div",null)}},exports.VRange=function(e){var a=e.vState,l=void 0!==a&&a,s=e.vType,i=e.vClassName,r=void 0===i?"":i,o=e.vShowMessage,d=void 0!==o&&o,u=e.vMessage,m=void 0===u?"":u,c=e.vMessageClass,p=void 0===c?"":c,v=e.vIsAnimate,g=void 0!==v&&v,_=e.props,f=void 0===_?{}:_;switch(void 0===s?"bottom":s){case"top":return t.createElement(t.Fragment,null,l&&d?t.createElement("p",{className:p+" "+(g?n.animateMessage:"")},m):null,t.createElement("div",null,t.createElement("input",Object.assign({type:"range",className:r},f))));case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement("input",Object.assign({type:"range",className:r+" test"},f))),l&&d?t.createElement("p",{className:p+" "+(g?n.animateMessage:"")},m):null);default:return t.createElement(t.Fragment,null)}},exports.VText=function(e){var a,l,s,i,r,o,d=e.vState,u=void 0!==d&&d,m=e.vType,c=e.vClassName,p=void 0===c?"":c,v=e.vShowMessage,g=void 0!==v&&v,_=e.vMessage,f=void 0===_?"":_,x=e.vLocateMessage,M=void 0===x?"bottom":x,b=e.vMessageClass,E=void 0===b?"":b,N=e.vIsAnimate,y=void 0!==N&&N,h=e.props,j=void 0===h?{}:h;switch(void 0===m?"outer":m){case"outer":return t.createElement("div",{className:n.vinput+" "+n["vinput-"+M]},t.createElement("input",Object.assign({type:"text"},j,{defaultValue:null!=(a=null==j?void 0:j.defaultValue)?a:"",className:(null!=(l=null==j?void 0:j.className)?l:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+(y?n.animateMessage:"")},f):null);case"inner":return t.createElement("div",{className:n.vinput},t.createElement("input",Object.assign({type:"text"},j,{defaultValue:null!=(s=null==j?void 0:j.defaultValue)?s:"",className:(null!=(i=null==j?void 0:j.className)?i:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+n.innerMessage+" "+n["innerMessage-"+M]+" "+(y?n.animateMessage:"")},f):null);case"tooltip":return t.createElement("div",{className:n.vinput+" "+n["tooltipMessage-"+M]},t.createElement("input",Object.assign({type:"text"},j,{defaultValue:null!=(r=null==j?void 0:j.defaultValue)?r:"",className:(null!=(o=null==j?void 0:j.className)?o:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+n.tooltipMessage+" "+n["tooltipMessage-"+M]+" "+(y?n.animateMessage:"")},f):null);default:return t.createElement("div",null)}},exports.VURL=function(e){var a,l,s,i,r,o,d=e.vState,u=void 0!==d&&d,m=e.vType,c=e.vClassName,p=void 0===c?"":c,v=e.vShowMessage,g=void 0!==v&&v,_=e.vMessage,f=void 0===_?"":_,x=e.vLocateMessage,M=void 0===x?"bottom":x,b=e.vMessageClass,E=void 0===b?"":b,N=e.vIsAnimate,y=void 0!==N&&N,h=e.props,j=void 0===h?{}:h;switch(void 0===m?"outer":m){case"outer":return t.createElement("div",{className:n.vinput+" "+n["vinput-"+M]},t.createElement("input",Object.assign({type:"url"},j,{defaultValue:null!=(a=null==j?void 0:j.defaultValue)?a:"",className:(null!=(l=null==j?void 0:j.className)?l:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+(y?n.animateMessage:"")},f):null);case"inner":return t.createElement("div",{className:n.vinput},t.createElement("input",Object.assign({type:"url"},j,{defaultValue:null!=(s=null==j?void 0:j.defaultValue)?s:"",className:(null!=(i=null==j?void 0:j.className)?i:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+n.innerMessage+" "+n["innerMessage-"+M]+" "+(y?n.animateMessage:"")},f):null);case"tooltip":return t.createElement("div",{className:n.vinput+" "+n["tooltipMessage-"+M]},t.createElement("input",Object.assign({type:"url"},j,{defaultValue:null!=(r=null==j?void 0:j.defaultValue)?r:"",className:(null!=(o=null==j?void 0:j.className)?o:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+n.tooltipMessage+" "+n["tooltipMessage-"+M]+" "+(y?n.animateMessage:"")},f):null);default:return t.createElement("div",null)}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e;function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(null,arguments)}var a={invalid:"index-module_invalid__gHKsE",vMaxLengthContainer:"index-module_vMaxLengthContainer__rh7UH",vMaxLength:"index-module_vMaxLength__hANPK",vinput:"index-module_vinput__tFGFH","vinput-top-left":"index-module_vinput-top-left__2g8Bq","vinput-top":"index-module_vinput-top__ZTh6H","vinput-top-right":"index-module_vinput-top-right__t6K-Q","vinput-center-left":"index-module_vinput-center-left__vJn0s","vinput-center-right":"index-module_vinput-center-right__HDgip","vinput-bottom-left":"index-module_vinput-bottom-left__xxaiT","vinput-bottom":"index-module_vinput-bottom__nCOAf","vinput-bottom-right":"index-module_vinput-bottom-right__6AjOE",innerMessage:"index-module_innerMessage__rihga","innerMessage-top-left":"index-module_innerMessage-top-left__HLoYg","innerMessage-top":"index-module_innerMessage-top__ouYW6","innerMessage-top-right":"index-module_innerMessage-top-right__7tMC8","innerMessage-center-left":"index-module_innerMessage-center-left__4iZyl","innerMessage-center":"index-module_innerMessage-center__U2006","innerMessage-center-right":"index-module_innerMessage-center-right__Pg2oU","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__1QDIv","innerMessage-bottom":"index-module_innerMessage-bottom__gMogT","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__peBq-",tooltipMessage:"index-module_tooltipMessage__ZlthY","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__us8PI","tooltipMessage-top":"index-module_tooltipMessage-top__NaUtu","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__UveQN","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__8eqfQ","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__yyDuD","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__u-H0Q","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__YOZgV","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__yD0zu",animateMessage:"index-module_animateMessage__Gxf3M","fade-in":"index-module_fade-in__GxKz8"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}(".index-module_invalid__gHKsE {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__gHKsE:focus,\r\n.index-module_invalid__gHKsE:focus-visible,\r\n.index-module_invalid__gHKsE:focus-within {\r\n border: 2px solid red;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH {\r\n position: relative;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH > input[type='text'] {\r\n padding-right: 70px;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH .index-module_vMaxLength__hANPK {\r\n color: #555;\r\n font-size: 0.8rem;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n margin: 0;\r\n padding: 16px;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__tFGFH {\r\n display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n flex-direction: column-reverse;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n flex-direction: column-reverse;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n flex-direction: column;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__rihga {\r\n position: absolute;\r\n font-size: 12px;\r\n margin: 0;\r\n padding: 2px 5px;\r\n display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__ZlthY {\r\n position: absolute;\r\n margin: 0;\r\n padding: 10px 20px;\r\n border: 1px solid transparent;\r\n border-radius: 10px;\r\n background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n border: 10px solid transparent;\r\n border-top-color: black;\r\n border-bottom: 0;\r\n margin-bottom: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top-left__us8PI {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__us8PI::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top__NaUtu {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__NaUtu::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__UveQN {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__UveQN::after {\r\n left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n content: '';\r\n position: absolute;\r\n border: 10px solid transparent;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-right__8eqfQ {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ {\r\n transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ::after {\r\n border-right-color: black;\r\n left: -10%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-left__yyDuD {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD {\r\n transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD::after {\r\n border-left-color: black;\r\n left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n border: 10px solid transparent;\r\n border-bottom-color: black;\r\n border-top: 0;\r\n margin-top: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom-left__u-H0Q {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__u-H0Q::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom__YOZgV {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__YOZgV::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__yD0zu {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__yD0zu::after {\r\n left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n"),exports.VCheckbox=function(e){var n=e.vState,l=void 0!==n&&n,s=e.vType,i=e.vClassName,r=void 0===i?"":i,o=e.vLayoutClassName,d=void 0===o?"":o,u=e.vLabelClassName,m=void 0===u?"":u,c=e.vCheckedClassName,v=void 0===c?"":c,p=e.vCheckList,g=void 0===p?[]:p,_=e.vCheckedList,f=void 0===_?[]:_,x=e.vShowMessage,M=void 0!==x&&x,h=e.vMessage,b=void 0===h?"":h,E=e.vMessageClass,N=void 0===E?"":E,y=e.vIsAnimate,j=void 0!==y&&y,C=e.props,L=void 0===C?{}:C;function F(){var e=[];return g.forEach((function(n,s){e.push(t.createElement("label",{htmlFor:"vCheckbox-"+s,className:m+" "+(f[s]?v:"")+" "+(l?a.invalid:""),key:s},t.createElement("input",Object.assign({id:"vCheckbox-"+s,type:"checkbox",className:r,hidden:!0,value:n,checked:f[s]},L)),t.createElement("span",null,n)))})),t.createElement("div",{className:d},e)}switch(void 0===s?"bottom":s){default:case"top":return t.createElement("div",null,l&&M?t.createElement("p",{className:N+" "+(j?a.animateMessage:"")},b):null,F());case"bottom":return t.createElement("div",null,F(),l&&M?t.createElement("p",{className:N+" "+(j?a.animateMessage:"")},b):null)}},exports.VColor=function(e){var n=e.vState,l=void 0!==n&&n,s=e.vType,i=e.vClassName,r=void 0===i?"":i,o=e.vShowMessage,d=void 0!==o&&o,u=e.vMessage,m=void 0===u?"":u,c=e.vMessageClass,v=void 0===c?"":c,p=e.vIsAnimate,g=void 0!==p&&p,_=e.props,f=void 0===_?{}:_;switch(void 0===s?"bottom":s){default:case"top":return t.createElement(t.Fragment,null,l&&d?t.createElement("p",{className:v+" "+(g?a.animateMessage:"")},m):null,t.createElement("div",null,t.createElement("input",Object.assign({type:"color",className:r},f))));case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement("input",Object.assign({type:"color",className:r+" test"},f))),l&&d?t.createElement("p",{className:v+" "+(g?a.animateMessage:"")},m):null)}},exports.VDate=function(e){var n=e.vState,l=void 0!==n&&n,s=e.vType,i=e.vClassName,r=void 0===i?"":i,o=e.vShowMessage,d=void 0!==o&&o,u=e.vMessage,m=void 0===u?"":u,c=e.vMessageClass,v=void 0===c?"":c,p=e.vIsAnimate,g=void 0!==p&&p,_=e.props,f=void 0===_?{}:_;switch(void 0===s?"bottom":s){default:case"top":return t.createElement(t.Fragment,null,l&&d?t.createElement("p",{className:v+" "+(g?a.animateMessage:"")},m):null,t.createElement("div",null,t.createElement("input",Object.assign({type:"date",className:r},f))));case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement("input",Object.assign({type:"date",className:r+" test"},f))),l&&d?t.createElement("p",{className:v+" "+(g?a.animateMessage:"")},m):null)}},exports.VEmail=function(e){var n,l,s,i,r,o,d=e.vState,u=void 0!==d&&d,m=e.vType,c=e.vClassName,v=void 0===c?"":c,p=e.vShowMessage,g=void 0!==p&&p,_=e.vMessage,f=void 0===_?"":_,x=e.vLocateMessage,M=void 0===x?"bottom":x,h=e.vMessageClass,b=void 0===h?"":h,E=e.vIsAnimate,N=void 0!==E&&E,y=e.props,j=void 0===y?{}:y;switch(void 0===m?"outer":m){default:case"outer":return t.createElement("div",{className:a.vinput+" "+a["vinput-"+M]},t.createElement("input",Object.assign({type:"email"},j,{defaultValue:null!=(n=null==j?void 0:j.defaultValue)?n:"",className:(null!=(l=null==j?void 0:j.className)?l:"")+" "+v+" "+(u?a.invalid:"")})),u&&g?t.createElement("p",{className:b+" "+(N?a.animateMessage:"")},f):null);case"inner":return t.createElement("div",{className:a.vinput},t.createElement("input",Object.assign({type:"email"},j,{defaultValue:null!=(s=null==j?void 0:j.defaultValue)?s:"",className:(null!=(i=null==j?void 0:j.className)?i:"")+" "+v+" "+(u?a.invalid:"")})),u&&g?t.createElement("p",{className:b+" "+a.innerMessage+" "+a["innerMessage-"+M]+" "+(N?a.animateMessage:"")},f):null);case"tooltip":return t.createElement("div",{className:a.vinput+" "+a["tooltipMessage-"+M]},t.createElement("input",Object.assign({type:"email"},j,{defaultValue:null!=(r=null==j?void 0:j.defaultValue)?r:"",className:(null!=(o=null==j?void 0:j.className)?o:"")+" "+v+" "+(u?a.invalid:"")})),u&&g?t.createElement("p",{className:b+" "+a.tooltipMessage+" "+a["tooltipMessage-"+M]+" "+(N?a.animateMessage:"")},f):null)}},exports.VRadio=function(e){var n,l,s,i=e.vState,r=void 0!==i&&i,o=e.vName,d=void 0===o?"":o,u=e.vSelectListName,m=void 0===u?[]:u,c=e.vSelectListValue,v=void 0===c?[]:c,p=e.vType,g=e.vClassName,_=void 0===g?"":g,f=e.vShowMessage,x=void 0!==f&&f,M=e.vMessage,h=void 0===M?"":M,b=e.vLocateMessage,E=void 0===b?"bottom":b,N=e.vMessageClass,y=void 0===N?"":N,j=e.vIsAnimate,C=void 0!==j&&j,L=e.props,F=void 0===L?{}:L;function V(){for(var e=[],n=0;n<m.length;n+=1)e.push(t.createElement("div",{key:d+"-"+n},t.createElement("input",Object.assign({type:"radio",id:d+"-"+n,name:d,value:v[n]},F)),t.createElement("label",{htmlFor:d+"-"+n},m[n])));return e}switch(void 0===p?"bottom":p){default:case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",{className:a.vinput+" "+a["vinput-"+E]},t.createElement("div",{className:(null!=(n=null==F?void 0:F.className)?n:"")+" "+_},V())),r&&x?t.createElement("p",{className:y+" "+(C?a.animateMessage:"")},h):null);case"top":return t.createElement(t.Fragment,null,t.createElement("div",{className:a.vinput+" "+a["vinput-"+E]},r&&x?t.createElement("p",{className:y+" "+(C?a.animateMessage:"")},h):null,t.createElement("div",{className:(null!=(l=null==F?void 0:F.className)?l:"")+" "+_},V())));case"tooltip":return t.createElement(t.Fragment,null,t.createElement("div",{className:a.vinput+" "+a["tooltipMessage-"+E]},t.createElement("div",{className:(null!=(s=null==F?void 0:F.className)?s:"")+" "+_},V())),r&&x?t.createElement("p",{className:y+" "+a.tooltipMessage+" "+a["tooltipMessage-"+E]+" "+(C?a.animateMessage:"")},h):null)}},exports.VRange=function(e){var n=e.vState,l=void 0!==n&&n,s=e.vType,i=e.vClassName,r=void 0===i?"":i,o=e.vShowMessage,d=void 0!==o&&o,u=e.vMessage,m=void 0===u?"":u,c=e.vMessageClass,v=void 0===c?"":c,p=e.vIsAnimate,g=void 0!==p&&p,_=e.props,f=void 0===_?{}:_;switch(void 0===s?"bottom":s){default:case"top":return t.createElement(t.Fragment,null,l&&d?t.createElement("p",{className:v+" "+(g?a.animateMessage:"")},m):null,t.createElement("div",null,t.createElement("input",Object.assign({type:"range",className:r},f))));case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement("input",Object.assign({type:"range",className:r+" test"},f))),l&&d?t.createElement("p",{className:v+" "+(g?a.animateMessage:"")},m):null)}},exports.VText=function(e){var l,s,i,r,o,d=e.vState,u=void 0!==d&&d,m=e.vType,c=void 0===m?"outer":m,v=e.vClassName,p=void 0===v?"":v,g=e.vShowMessage,_=void 0!==g&&g,f=e.vMessage,x=void 0===f?"":f,M=e.vLocateMessage,h=void 0===M?"bottom":M,b=e.vMessageClass,E=void 0===b?"":b,N=e.vIsAnimate,y=void 0!==N&&N,j=e.vUseMaxLength,C=void 0!==j&&j,L=e.vMaxLength,F=void 0===L?0:L,V=e.vClassMaxLength,H=void 0===V?"":V,O=e.props,S=void 0===O?{}:O,T=t.useRef(null),w=t.useState(null!=(l=null==(s=(null==(i=S)?void 0:i.defaultValue)||(null==(r=S)?void 0:r.value))?void 0:s.length)?l:0),k=w[0],D=w[1],U=function(){var e,n,l,s;return t.createElement("input",Object.assign({type:"text",ref:T},S,{onChange:function(e){var t;C&&e.target.value.length>F?(e.preventDefault(),e.target.value=e.target.value.slice(0,F)):null==(t=S)||t.onChange(e)},defaultValue:null!=(e=null==(n=S)?void 0:n.defaultValue)?e:"",className:(null!=(l=null==(s=S)?void 0:s.className)?l:"")+" "+p+" "+(u?a.invalid:"")}))};switch(C&&(S=n({},S,{maxLength:F})),t.useEffect((function(){var e,t;C&&D((null!=(e=null==(t=T.current)?void 0:t.value)?e:"").length)}),[null==(o=T.current)?void 0:o.value]),c){default:case"outer":return t.createElement("div",{className:a.vinput+" "+a["vinput-"+h]+" "+(C?a.vMaxLengthContainer:"")},t.createElement("div",{style:{position:"relative"}},U(),C&&t.createElement("p",{className:a.vMaxLength+" "+H},k," / ",F)),u&&_?t.createElement("p",{className:E+" "+(y?a.animateMessage:"")},x):null);case"inner":return t.createElement("div",{className:a.vinput+" "+(C?a.vMaxLengthContainer:"")},U(),C&&t.createElement("p",{className:a.vMaxLength+" "+H},k," / ",F),u&&_?t.createElement("p",{className:E+" "+a.innerMessage+" "+a["innerMessage-"+h]+" "+(y?a.animateMessage:"")},x):null);case"tooltip":return t.createElement("div",{className:a.vinput+" "+a["tooltipMessage-"+h]+" "+(C?a.vMaxLengthContainer:"")},U(),C&&t.createElement("p",{className:a.vMaxLength+" "+H},k," / ",F),u&&_?t.createElement("p",{className:E+" "+a.tooltipMessage+" "+a["tooltipMessage-"+h]+" "+(y?a.animateMessage:"")},x):null)}},exports.VURL=function(e){var n,l,s,i,r,o,d=e.vState,u=void 0!==d&&d,m=e.vType,c=e.vClassName,v=void 0===c?"":c,p=e.vShowMessage,g=void 0!==p&&p,_=e.vMessage,f=void 0===_?"":_,x=e.vLocateMessage,M=void 0===x?"bottom":x,h=e.vMessageClass,b=void 0===h?"":h,E=e.vIsAnimate,N=void 0!==E&&E,y=e.props,j=void 0===y?{}:y;switch(void 0===m?"outer":m){default:case"outer":return t.createElement("div",{className:a.vinput+" "+a["vinput-"+M]},t.createElement("input",Object.assign({type:"url"},j,{defaultValue:null!=(n=null==j?void 0:j.defaultValue)?n:"",className:(null!=(l=null==j?void 0:j.className)?l:"")+" "+v+" "+(u?a.invalid:"")})),u&&g?t.createElement("p",{className:b+" "+(N?a.animateMessage:"")},f):null);case"inner":return t.createElement("div",{className:a.vinput},t.createElement("input",Object.assign({type:"url"},j,{defaultValue:null!=(s=null==j?void 0:j.defaultValue)?s:"",className:(null!=(i=null==j?void 0:j.className)?i:"")+" "+v+" "+(u?a.invalid:"")})),u&&g?t.createElement("p",{className:b+" "+a.innerMessage+" "+a["innerMessage-"+M]+" "+(N?a.animateMessage:"")},f):null);case"tooltip":return t.createElement("div",{className:a.vinput+" "+a["tooltipMessage-"+M]},t.createElement("input",Object.assign({type:"url"},j,{defaultValue:null!=(r=null==j?void 0:j.defaultValue)?r:"",className:(null!=(o=null==j?void 0:j.className)?o:"")+" "+v+" "+(u?a.invalid:"")})),u&&g?t.createElement("p",{className:b+" "+a.tooltipMessage+" "+a["tooltipMessage-"+M]+" "+(N?a.animateMessage:"")},f):null)}};
2
2
  //# sourceMappingURL=react-validate-component.cjs.production.min.js.map
package/dist/react-validate-component.cjs.production.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"react-validate-component.cjs.production.min.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/vCheckbox/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/index.tsx","../src/vText/index.tsx","../src/vURL/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCHECKBOX_PARAMS } from './vCheckbox';\r\n\r\nexport function VCheckbox({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vLayoutClassName = '',\r\n vLabelClassName = '',\r\n vCheckedClassName = '',\r\n vCheckList = [],\r\n vCheckedList = [],\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCHECKBOX_PARAMS) {\r\n // 체크박스 리스트 생성 함수\r\n function makeCheckList() {\r\n const result: React.JSX.Element[] = [];\r\n vCheckList.forEach((val, i) => {\r\n result.push(\r\n <label\r\n htmlFor={`vCheckbox-${i}`}\r\n className={`${vLabelClassName} ${\r\n vCheckedList[i] ? vCheckedClassName : ''\r\n } ${vState ? styles.invalid : ''}`}\r\n key={i}\r\n >\r\n <input\r\n id={`vCheckbox-${i}`}\r\n type=\"checkbox\"\r\n className={vClassName}\r\n hidden\r\n value={val}\r\n checked={vCheckedList[i]}\r\n {...props}\r\n />\r\n <span>{val}</span>\r\n </label>\r\n );\r\n });\r\n return <div className={vLayoutClassName}>{result}</div>;\r\n }\r\n\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n {makeCheckList()}\r\n </div>\r\n );\r\n case 'bottom':\r\n return (\r\n <div>\r\n {makeCheckList()}\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCOLOR_PARAMS } from './vColor';\r\n\r\nexport function VColor({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCOLOR_PARAMS) {\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"color\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"color\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VDATE_PARAMS } from './vDate';\r\n\r\nexport function VDate({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VDATE_PARAMS) {\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"date\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"date\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VEMAIL_PARAMS } from './vEmail';\r\n\r\nexport function VEmail({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VEMAIL_PARAMS) {\r\n switch (vType) {\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRADIO_PARAMS } from './vRadio';\r\n\r\nexport function VRadio({\r\n vState = false,\r\n vName = '',\r\n vSelectListName = [],\r\n vSelectListValue = [],\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRADIO_PARAMS) {\r\n function makeSelectList() {\r\n const result = [];\r\n\r\n for (let i = 0; i < vSelectListName.length; i += 1) {\r\n result.push(\r\n <div key={`${vName}-${i}`}>\r\n <input\r\n type=\"radio\"\r\n id={`${vName}-${i}`}\r\n name={vName}\r\n value={vSelectListValue[i]}\r\n {...props}\r\n ></input>\r\n <label htmlFor={`${vName}-${i}`}>{vSelectListName[i]}</label>\r\n </div>\r\n );\r\n }\r\n\r\n return result;\r\n }\r\n\r\n switch (vType) {\r\n case 'bottom':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n case 'top':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n </>\r\n );\r\n case 'tooltip':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRANGE_PARAMS } from './vRange';\r\n\r\nexport function VRange({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRANGE_PARAMS) {\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"range\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"range\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\nimport styles from '../index.module.css';\nimport { VTEXT_PARAMS } from './vText';\n\n// Text\nexport function VText({\n vState = false,\n vType = 'outer',\n vClassName = '',\n vShowMessage = false,\n vMessage = '',\n vLocateMessage = 'bottom',\n vMessageClass = '',\n vIsAnimate = false,\n props = {},\n}: VTEXT_PARAMS) {\n switch (vType) {\n case 'outer':\n return (\n <div\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\n >\n <input\n type=\"text\"\n {...props}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${\n vIsAnimate ? styles.animateMessage : ''\n }`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'inner':\n return (\n <div className={styles.vinput}>\n <input\n type=\"text\"\n {...props}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.innerMessage} ${\n styles[`innerMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'tooltip':\n return (\n <div\n className={`${styles.vinput} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n }`}\n >\n <input\n type=\"text\"\n {...props}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.tooltipMessage} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n default:\n return <div></div>;\n }\n}\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VURL_PARAMS } from './vURL';\r\n\r\nexport function VURL({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VURL_PARAMS) {\r\n switch (vType) {\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vLayoutClassName","vLayoutClassName","_ref$vLabelClassName","vLabelClassName","_ref$vCheckedClassNam","vCheckedClassName","_ref$vCheckList","vCheckList","_ref$vCheckedList","vCheckedList","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","makeCheckList","result","forEach","val","i","push","React","htmlFor","className","styles","invalid","key","id","hidden","value","checked","animateMessage","_ref$vLocateMessage","vLocateMessage","vinput","defaultValue","_props$defaultValue","_props$className","_props$defaultValue2","_props$className2","innerMessage","_props$defaultValue3","_props$className3","tooltipMessage","_ref$vName","vName","_ref$vSelectListName","vSelectListName","_ref$vSelectListValue","vSelectListValue","makeSelectList","length","name"],"mappings":"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"}
1
+ {"version":3,"file":"react-validate-component.cjs.production.min.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/vCheckbox/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/index.tsx","../src/vText/index.tsx","../src/vURL/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCHECKBOX_PARAMS } from './vCheckbox';\r\n\r\nexport function VCheckbox({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vLayoutClassName = '',\r\n vLabelClassName = '',\r\n vCheckedClassName = '',\r\n vCheckList = [],\r\n vCheckedList = [],\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCHECKBOX_PARAMS) {\r\n // 체크박스 리스트 생성 함수\r\n function makeCheckList() {\r\n const result: React.JSX.Element[] = [];\r\n vCheckList.forEach((val, i) => {\r\n result.push(\r\n <label\r\n htmlFor={`vCheckbox-${i}`}\r\n className={`${vLabelClassName} ${\r\n vCheckedList[i] ? vCheckedClassName : ''\r\n } ${vState ? styles.invalid : ''}`}\r\n key={i}\r\n >\r\n <input\r\n id={`vCheckbox-${i}`}\r\n type=\"checkbox\"\r\n className={vClassName}\r\n hidden\r\n value={val}\r\n checked={vCheckedList[i]}\r\n {...props}\r\n />\r\n <span>{val}</span>\r\n </label>\r\n );\r\n });\r\n return <div className={vLayoutClassName}>{result}</div>;\r\n }\r\n\r\n switch (vType) {\r\n default:\r\n case 'top':\r\n return (\r\n <div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n {makeCheckList()}\r\n </div>\r\n );\r\n case 'bottom':\r\n return (\r\n <div>\r\n {makeCheckList()}\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCOLOR_PARAMS } from './vColor';\r\n\r\nexport function VColor({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCOLOR_PARAMS) {\r\n switch (vType) {\r\n default:\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"color\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"color\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VDATE_PARAMS } from './vDate';\r\n\r\nexport function VDate({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VDATE_PARAMS) {\r\n switch (vType) {\r\n default:\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"date\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"date\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VEMAIL_PARAMS } from './vEmail';\r\n\r\nexport function VEmail({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VEMAIL_PARAMS) {\r\n switch (vType) {\r\n default:\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRADIO_PARAMS } from './vRadio';\r\n\r\nexport function VRadio({\r\n vState = false,\r\n vName = '',\r\n vSelectListName = [],\r\n vSelectListValue = [],\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRADIO_PARAMS) {\r\n function makeSelectList() {\r\n const result = [];\r\n\r\n for (let i = 0; i < vSelectListName.length; i += 1) {\r\n result.push(\r\n <div key={`${vName}-${i}`}>\r\n <input\r\n type=\"radio\"\r\n id={`${vName}-${i}`}\r\n name={vName}\r\n value={vSelectListValue[i]}\r\n {...props}\r\n ></input>\r\n <label htmlFor={`${vName}-${i}`}>{vSelectListName[i]}</label>\r\n </div>\r\n );\r\n }\r\n\r\n return result;\r\n }\r\n\r\n switch (vType) {\r\n default:\r\n case 'bottom':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n case 'top':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n </>\r\n );\r\n case 'tooltip':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRANGE_PARAMS } from './vRange';\r\n\r\nexport function VRange({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRANGE_PARAMS) {\r\n switch (vType) {\r\n default:\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"range\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"range\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n }\r\n}\r\n","import React from 'react';\nimport styles from '../index.module.css';\nimport { VTEXT_PARAMS } from './vText';\n\n// Text\nexport function VText({\n vState = false,\n vType = 'outer',\n vClassName = '',\n vShowMessage = false,\n vMessage = '',\n vLocateMessage = 'bottom',\n vMessageClass = '',\n vIsAnimate = false,\n vUseMaxLength = false,\n vMaxLength = 0,\n vClassMaxLength = '',\n props = {},\n}: VTEXT_PARAMS) {\n const inputRef = React.useRef<HTMLInputElement>(null);\n const [inputLength, setInputLength] = React.useState<number>(\n (props?.defaultValue || props?.value)?.length ?? 0\n );\n\n // 공통 input 태그 변수화\n const inputHTML = () => {\n return (\n <input\n type=\"text\"\n ref={inputRef}\n {...props}\n onChange={e => {\n if (vUseMaxLength && e.target.value.length > vMaxLength) {\n e.preventDefault();\n e.target.value = e.target.value.slice(0, vMaxLength);\n } else {\n props?.onChange(e);\n }\n }}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n );\n };\n\n // 일부 옵션 값들은 input 기본 속성값을 이용하기 위해 merge 진행\n if (vUseMaxLength) {\n props = { ...props, maxLength: vMaxLength };\n }\n\n React.useEffect(() => {\n // 입력 최댓값을 사용할 경우 useEffect Hook 설정\n if (vUseMaxLength) {\n setInputLength((inputRef.current?.value ?? '').length);\n }\n }, [inputRef.current?.value]);\n\n switch (vType) {\n default:\n case 'outer':\n return (\n <div\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]} ${\n vUseMaxLength ? styles.vMaxLengthContainer : ''\n }`}\n >\n <div style={{ position: 'relative' }}>\n {inputHTML()}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n </div>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${\n vIsAnimate ? styles.animateMessage : ''\n }`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'inner':\n return (\n <div\n className={`${styles.vinput} ${\n vUseMaxLength ? styles.vMaxLengthContainer : ''\n }`}\n >\n {inputHTML()}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.innerMessage} ${\n styles[`innerMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'tooltip':\n return (\n <div\n className={`${styles.vinput} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vUseMaxLength ? styles.vMaxLengthContainer : ''}`}\n >\n {inputHTML()}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.tooltipMessage} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n }\n}\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VURL_PARAMS } from './vURL';\r\n\r\nexport function VURL({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VURL_PARAMS) {\r\n switch (vType) {\r\n default:\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vLayoutClassName","vLayoutClassName","_ref$vLabelClassName","vLabelClassName","_ref$vCheckedClassNam","vCheckedClassName","_ref$vCheckList","vCheckList","_ref$vCheckedList","vCheckedList","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","makeCheckList","result","forEach","val","i","push","React","htmlFor","className","styles","invalid","key","id","hidden","value","checked","animateMessage","_ref$vLocateMessage","vLocateMessage","vinput","defaultValue","_props$defaultValue","_props$className","_props$defaultValue2","_props$className2","innerMessage","_props$defaultValue3","_props$className3","tooltipMessage","_ref$vName","vName","_ref$vSelectListName","vSelectListName","_ref$vSelectListValue","vSelectListValue","makeSelectList","length","name","_ref$vUseMaxLength","vUseMaxLength","_ref$vMaxLength","vMaxLength","_ref$vClassMaxLength","vClassMaxLength","inputRef","useRef","_React$useState","useState","_length","_ref2","_props","_props2","inputLength","setInputLength","inputHTML","onChange","e","_props3","target","preventDefault","slice","_props4","_props5","_extends","maxLength","useEffect","_inputRef$current$val","_inputRef$current","current","_inputRef$current2","vMaxLengthContainer","position"],"mappings":"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"}
package/dist/react-validate-component.esm.js CHANGED
@@ -1,5 +1,15 @@
1
1
  import React from 'react';
2
2
 
3
+ function _extends() {
4
+ return _extends = Object.assign ? Object.assign.bind() : function (n) {
5
+ for (var e = 1; e < arguments.length; e++) {
6
+ var t = arguments[e];
7
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
8
+ }
9
+ return n;
10
+ }, _extends.apply(null, arguments);
11
+ }
12
+
3
13
  function styleInject(css, ref) {
4
14
  if ( ref === void 0 ) ref = {};
5
15
  var insertAt = ref.insertAt;
@@ -27,13 +37,13 @@ function styleInject(css, ref) {
27
37
  }
28
38
  }
29
39
 
30
- var css_248z = ".index-module_invalid__gHKsE {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__gHKsE:focus,\r\n.index-module_invalid__gHKsE:focus-visible,\r\n.index-module_invalid__gHKsE:focus-within {\r\n border: 2px solid red;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__tFGFH {\r\n display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n flex-direction: column-reverse;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n flex-direction: column-reverse;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n flex-direction: column;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__rihga {\r\n position: absolute;\r\n font-size: 12px;\r\n margin: 0;\r\n padding: 2px 5px;\r\n display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__ZlthY {\r\n position: absolute;\r\n margin: 0;\r\n padding: 10px 20px;\r\n border: 1px solid transparent;\r\n border-radius: 10px;\r\n background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n border: 10px solid transparent;\r\n border-top-color: black;\r\n border-bottom: 0;\r\n margin-bottom: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top-left__us8PI {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__us8PI::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top__NaUtu {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__NaUtu::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__UveQN {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__UveQN::after {\r\n left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n content: '';\r\n position: absolute;\r\n border: 10px solid transparent;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-right__8eqfQ {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ {\r\n transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ::after {\r\n border-right-color: black;\r\n left: -10%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-left__yyDuD {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD {\r\n transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD::after {\r\n border-left-color: black;\r\n left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n border: 10px solid transparent;\r\n border-bottom-color: black;\r\n border-top: 0;\r\n margin-top: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom-left__u-H0Q {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__u-H0Q::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom__YOZgV {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__YOZgV::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__yD0zu {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__yD0zu::after {\r\n left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n";
31
- var styles = {"invalid":"index-module_invalid__gHKsE","vinput":"index-module_vinput__tFGFH","vinput-top-left":"index-module_vinput-top-left__2g8Bq","vinput-top":"index-module_vinput-top__ZTh6H","vinput-top-right":"index-module_vinput-top-right__t6K-Q","vinput-center-left":"index-module_vinput-center-left__vJn0s","vinput-center-right":"index-module_vinput-center-right__HDgip","vinput-bottom-left":"index-module_vinput-bottom-left__xxaiT","vinput-bottom":"index-module_vinput-bottom__nCOAf","vinput-bottom-right":"index-module_vinput-bottom-right__6AjOE","innerMessage":"index-module_innerMessage__rihga","innerMessage-top-left":"index-module_innerMessage-top-left__HLoYg","innerMessage-top":"index-module_innerMessage-top__ouYW6","innerMessage-top-right":"index-module_innerMessage-top-right__7tMC8","innerMessage-center-left":"index-module_innerMessage-center-left__4iZyl","innerMessage-center":"index-module_innerMessage-center__U2006","innerMessage-center-right":"index-module_innerMessage-center-right__Pg2oU","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__1QDIv","innerMessage-bottom":"index-module_innerMessage-bottom__gMogT","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__peBq-","tooltipMessage":"index-module_tooltipMessage__ZlthY","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__us8PI","tooltipMessage-top":"index-module_tooltipMessage-top__NaUtu","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__UveQN","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__8eqfQ","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__yyDuD","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__u-H0Q","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__YOZgV","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__yD0zu","animateMessage":"index-module_animateMessage__Gxf3M","fade-in":"index-module_fade-in__GxKz8"};
40
+ var css_248z = ".index-module_invalid__gHKsE {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__gHKsE:focus,\r\n.index-module_invalid__gHKsE:focus-visible,\r\n.index-module_invalid__gHKsE:focus-within {\r\n border: 2px solid red;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH {\r\n position: relative;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH > input[type='text'] {\r\n padding-right: 70px;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH .index-module_vMaxLength__hANPK {\r\n color: #555;\r\n font-size: 0.8rem;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n margin: 0;\r\n padding: 16px;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__tFGFH {\r\n display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n flex-direction: column-reverse;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n flex-direction: column-reverse;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n flex-direction: column;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__rihga {\r\n position: absolute;\r\n font-size: 12px;\r\n margin: 0;\r\n padding: 2px 5px;\r\n display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__ZlthY {\r\n position: absolute;\r\n margin: 0;\r\n padding: 10px 20px;\r\n border: 1px solid transparent;\r\n border-radius: 10px;\r\n background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n border: 10px solid transparent;\r\n border-top-color: black;\r\n border-bottom: 0;\r\n margin-bottom: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top-left__us8PI {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__us8PI::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top__NaUtu {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__NaUtu::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__UveQN {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__UveQN::after {\r\n left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n content: '';\r\n position: absolute;\r\n border: 10px solid transparent;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-right__8eqfQ {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ {\r\n transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ::after {\r\n border-right-color: black;\r\n left: -10%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-left__yyDuD {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD {\r\n transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD::after {\r\n border-left-color: black;\r\n left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n border: 10px solid transparent;\r\n border-bottom-color: black;\r\n border-top: 0;\r\n margin-top: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom-left__u-H0Q {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__u-H0Q::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom__YOZgV {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__YOZgV::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__yD0zu {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__yD0zu::after {\r\n left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n";
41
+ var styles = {"invalid":"index-module_invalid__gHKsE","vMaxLengthContainer":"index-module_vMaxLengthContainer__rh7UH","vMaxLength":"index-module_vMaxLength__hANPK","vinput":"index-module_vinput__tFGFH","vinput-top-left":"index-module_vinput-top-left__2g8Bq","vinput-top":"index-module_vinput-top__ZTh6H","vinput-top-right":"index-module_vinput-top-right__t6K-Q","vinput-center-left":"index-module_vinput-center-left__vJn0s","vinput-center-right":"index-module_vinput-center-right__HDgip","vinput-bottom-left":"index-module_vinput-bottom-left__xxaiT","vinput-bottom":"index-module_vinput-bottom__nCOAf","vinput-bottom-right":"index-module_vinput-bottom-right__6AjOE","innerMessage":"index-module_innerMessage__rihga","innerMessage-top-left":"index-module_innerMessage-top-left__HLoYg","innerMessage-top":"index-module_innerMessage-top__ouYW6","innerMessage-top-right":"index-module_innerMessage-top-right__7tMC8","innerMessage-center-left":"index-module_innerMessage-center-left__4iZyl","innerMessage-center":"index-module_innerMessage-center__U2006","innerMessage-center-right":"index-module_innerMessage-center-right__Pg2oU","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__1QDIv","innerMessage-bottom":"index-module_innerMessage-bottom__gMogT","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__peBq-","tooltipMessage":"index-module_tooltipMessage__ZlthY","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__us8PI","tooltipMessage-top":"index-module_tooltipMessage-top__NaUtu","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__UveQN","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__8eqfQ","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__yyDuD","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__u-H0Q","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__YOZgV","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__yD0zu","animateMessage":"index-module_animateMessage__Gxf3M","fade-in":"index-module_fade-in__GxKz8"};
32
42
  styleInject(css_248z);
33
43
 
34
44
  // Text
35
45
  function VText(_ref) {
36
- var _props$defaultValue, _props$className, _props$defaultValue2, _props$className2, _props$defaultValue3, _props$className3;
46
+ var _length, _ref2, _props, _props2, _inputRef$current2;
37
47
  var _ref$vState = _ref.vState,
38
48
  vState = _ref$vState === void 0 ? false : _ref$vState,
39
49
  _ref$vType = _ref.vType,
@@ -50,44 +60,81 @@ function VText(_ref) {
50
60
  vMessageClass = _ref$vMessageClass === void 0 ? '' : _ref$vMessageClass,
51
61
  _ref$vIsAnimate = _ref.vIsAnimate,
52
62
  vIsAnimate = _ref$vIsAnimate === void 0 ? false : _ref$vIsAnimate,
63
+ _ref$vUseMaxLength = _ref.vUseMaxLength,
64
+ vUseMaxLength = _ref$vUseMaxLength === void 0 ? false : _ref$vUseMaxLength,
65
+ _ref$vMaxLength = _ref.vMaxLength,
66
+ vMaxLength = _ref$vMaxLength === void 0 ? 0 : _ref$vMaxLength,
67
+ _ref$vClassMaxLength = _ref.vClassMaxLength,
68
+ vClassMaxLength = _ref$vClassMaxLength === void 0 ? '' : _ref$vClassMaxLength,
53
69
  _ref$props = _ref.props,
54
70
  props = _ref$props === void 0 ? {} : _ref$props;
71
+ var inputRef = React.useRef(null);
72
+ var _React$useState = React.useState((_length = (_ref2 = ((_props = props) == null ? void 0 : _props.defaultValue) || ((_props2 = props) == null ? void 0 : _props2.value)) == null ? void 0 : _ref2.length) != null ? _length : 0),
73
+ inputLength = _React$useState[0],
74
+ setInputLength = _React$useState[1];
75
+ // 공통 input 태그 변수화
76
+ var inputHTML = function inputHTML() {
77
+ var _props$defaultValue, _props4, _props$className, _props5;
78
+ return /*#__PURE__*/React.createElement("input", Object.assign({
79
+ type: "text",
80
+ ref: inputRef
81
+ }, props, {
82
+ onChange: function onChange(e) {
83
+ if (vUseMaxLength && e.target.value.length > vMaxLength) {
84
+ e.preventDefault();
85
+ e.target.value = e.target.value.slice(0, vMaxLength);
86
+ } else {
87
+ var _props3;
88
+ (_props3 = props) == null || _props3.onChange(e);
89
+ }
90
+ },
91
+ defaultValue: (_props$defaultValue = (_props4 = props) == null ? void 0 : _props4.defaultValue) != null ? _props$defaultValue : '',
92
+ className: ((_props$className = (_props5 = props) == null ? void 0 : _props5.className) != null ? _props$className : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
93
+ }));
94
+ };
95
+ // 일부 옵션 값들은 input 기본 속성값을 이용하기 위해 merge 진행
96
+ if (vUseMaxLength) {
97
+ props = _extends({}, props, {
98
+ maxLength: vMaxLength
99
+ });
100
+ }
101
+ React.useEffect(function () {
102
+ // 입력 최댓값을 사용할 경우 useEffect Hook 설정
103
+ if (vUseMaxLength) {
104
+ var _inputRef$current$val, _inputRef$current;
105
+ setInputLength(((_inputRef$current$val = (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.value) != null ? _inputRef$current$val : '').length);
106
+ }
107
+ }, [(_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.value]);
55
108
  switch (vType) {
109
+ default:
56
110
  case 'outer':
57
111
  return /*#__PURE__*/React.createElement("div", {
58
- className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
59
- }, /*#__PURE__*/React.createElement("input", Object.assign({
60
- type: "text"
61
- }, props, {
62
- defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
63
- className: ((_props$className = props == null ? void 0 : props.className) != null ? _props$className : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
64
- })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
112
+ className: styles.vinput + " " + styles["vinput-" + vLocateMessage] + " " + (vUseMaxLength ? styles.vMaxLengthContainer : '')
113
+ }, /*#__PURE__*/React.createElement("div", {
114
+ style: {
115
+ position: 'relative'
116
+ }
117
+ }, inputHTML(), vUseMaxLength && ( /*#__PURE__*/React.createElement("p", {
118
+ className: styles.vMaxLength + " " + vClassMaxLength
119
+ }, inputLength, " / ", vMaxLength))), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
65
120
  className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
66
121
  }, vMessage)) : null);
67
122
  case 'inner':
68
123
  return /*#__PURE__*/React.createElement("div", {
69
- className: styles.vinput
70
- }, /*#__PURE__*/React.createElement("input", Object.assign({
71
- type: "text"
72
- }, props, {
73
- defaultValue: (_props$defaultValue2 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue2 : '',
74
- className: ((_props$className2 = props == null ? void 0 : props.className) != null ? _props$className2 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
75
- })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
124
+ className: styles.vinput + " " + (vUseMaxLength ? styles.vMaxLengthContainer : '')
125
+ }, inputHTML(), vUseMaxLength && ( /*#__PURE__*/React.createElement("p", {
126
+ className: styles.vMaxLength + " " + vClassMaxLength
127
+ }, inputLength, " / ", vMaxLength)), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
76
128
  className: vMessageClass + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
77
129
  }, vMessage)) : null);
78
130
  case 'tooltip':
79
131
  return /*#__PURE__*/React.createElement("div", {
80
- className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage]
81
- }, /*#__PURE__*/React.createElement("input", Object.assign({
82
- type: "text"
83
- }, props, {
84
- defaultValue: (_props$defaultValue3 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue3 : '',
85
- className: ((_props$className3 = props == null ? void 0 : props.className) != null ? _props$className3 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
86
- })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
132
+ className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vUseMaxLength ? styles.vMaxLengthContainer : '')
133
+ }, inputHTML(), vUseMaxLength && ( /*#__PURE__*/React.createElement("p", {
134
+ className: styles.vMaxLength + " " + vClassMaxLength
135
+ }, inputLength, " / ", vMaxLength)), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
87
136
  className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
88
137
  }, vMessage)) : null);
89
- default:
90
- return /*#__PURE__*/React.createElement("div", null);
91
138
  }
92
139
  }
93
140
 
@@ -140,6 +187,7 @@ function VCheckbox(_ref) {
140
187
  }, result);
141
188
  }
142
189
  switch (vType) {
190
+ default:
143
191
  case 'top':
144
192
  return /*#__PURE__*/React.createElement("div", null, vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
145
193
  className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
@@ -148,8 +196,6 @@ function VCheckbox(_ref) {
148
196
  return /*#__PURE__*/React.createElement("div", null, makeCheckList(), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
149
197
  className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
150
198
  }, vMessage)) : null);
151
- default:
152
- return /*#__PURE__*/React.createElement(React.Fragment, null);
153
199
  }
154
200
  }
155
201
 
@@ -174,6 +220,7 @@ function VURL(_ref) {
174
220
  _ref$props = _ref.props,
175
221
  props = _ref$props === void 0 ? {} : _ref$props;
176
222
  switch (vType) {
223
+ default:
177
224
  case 'outer':
178
225
  return /*#__PURE__*/React.createElement("div", {
179
226
  className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
@@ -207,8 +254,6 @@ function VURL(_ref) {
207
254
  })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
208
255
  className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
209
256
  }, vMessage)) : null);
210
- default:
211
- return /*#__PURE__*/React.createElement("div", null);
212
257
  }
213
258
  }
214
259
 
@@ -230,6 +275,7 @@ function VColor(_ref) {
230
275
  _ref$props = _ref.props,
231
276
  props = _ref$props === void 0 ? {} : _ref$props;
232
277
  switch (vType) {
278
+ default:
233
279
  case 'top':
234
280
  return /*#__PURE__*/React.createElement(React.Fragment, null, vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
235
281
  className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
@@ -244,8 +290,6 @@ function VColor(_ref) {
244
290
  }, props))), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
245
291
  className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
246
292
  }, vMessage)) : null);
247
- default:
248
- return /*#__PURE__*/React.createElement(React.Fragment, null);
249
293
  }
250
294
  }
251
295
 
@@ -267,6 +311,7 @@ function VDate(_ref) {
267
311
  _ref$props = _ref.props,
268
312
  props = _ref$props === void 0 ? {} : _ref$props;
269
313
  switch (vType) {
314
+ default:
270
315
  case 'top':
271
316
  return /*#__PURE__*/React.createElement(React.Fragment, null, vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
272
317
  className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
@@ -281,8 +326,6 @@ function VDate(_ref) {
281
326
  }, props))), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
282
327
  className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
283
328
  }, vMessage)) : null);
284
- default:
285
- return /*#__PURE__*/React.createElement(React.Fragment, null);
286
329
  }
287
330
  }
288
331
 
@@ -307,6 +350,7 @@ function VEmail(_ref) {
307
350
  _ref$props = _ref.props,
308
351
  props = _ref$props === void 0 ? {} : _ref$props;
309
352
  switch (vType) {
353
+ default:
310
354
  case 'outer':
311
355
  return /*#__PURE__*/React.createElement("div", {
312
356
  className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
@@ -340,8 +384,6 @@ function VEmail(_ref) {
340
384
  })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
341
385
  className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
342
386
  }, vMessage)) : null);
343
- default:
344
- return /*#__PURE__*/React.createElement("div", null);
345
387
  }
346
388
  }
347
389
 
@@ -388,6 +430,7 @@ function VRadio(_ref) {
388
430
  return result;
389
431
  }
390
432
  switch (vType) {
433
+ default:
391
434
  case 'bottom':
392
435
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
393
436
  className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
@@ -412,8 +455,6 @@ function VRadio(_ref) {
412
455
  }, makeSelectList())), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
413
456
  className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
414
457
  }, vMessage)) : null);
415
- default:
416
- return /*#__PURE__*/React.createElement("div", null);
417
458
  }
418
459
  }
419
460
 
@@ -435,6 +476,7 @@ function VRange(_ref) {
435
476
  _ref$props = _ref.props,
436
477
  props = _ref$props === void 0 ? {} : _ref$props;
437
478
  switch (vType) {
479
+ default:
438
480
  case 'top':
439
481
  return /*#__PURE__*/React.createElement(React.Fragment, null, vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
440
482
  className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
@@ -449,8 +491,6 @@ function VRange(_ref) {
449
491
  }, props))), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
450
492
  className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
451
493
  }, vMessage)) : null);
452
- default:
453
- return /*#__PURE__*/React.createElement(React.Fragment, null);
454
494
  }
455
495
  }
456
496