react-validate-component 0.3.0 → 0.5.0

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 (25) hide show
  1. package/README.md +10 -254
  2. package/dist/react-validate-component.cjs.development.js +149 -38
  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 +149 -38
  7. package/dist/react-validate-component.esm.js.map +1 -1
  8. package/dist/vEmail/index.d.ts +2 -1
  9. package/dist/vEmail/vEmail.d.ts +13 -0
  10. package/dist/vRadio/index.d.ts +2 -1
  11. package/dist/vRadio/vRadio.d.ts +16 -0
  12. package/dist/vURL/index.d.ts +2 -2
  13. package/dist/vURL/vURL.d.ts +1 -1
  14. package/package.json +1 -1
  15. package/src/vCheckbox/index.tsx +1 -1
  16. package/src/vEmail/index.tsx +89 -2
  17. package/src/vEmail/vEmail.ts +24 -0
  18. package/src/vRadio/index.tsx +106 -2
  19. package/src/vRadio/vRadio.ts +27 -0
  20. package/src/vText/index.tsx +7 -7
  21. package/src/vURL/index.tsx +9 -9
  22. package/src/vURL/vURL.ts +1 -1
  23. package/src/vCheckbox/index.module.css +0 -34
  24. package/src/vURL/index.module.css +0 -210
  25. /package/src/{vText/index.module.css → index.module.css} +0 -0
package/dist/react-validate-component.esm.js CHANGED
@@ -27,13 +27,13 @@ function styleInject(css, ref) {
27
27
  }
28
28
  }
29
29
 
30
- var css_248z = ".index-module_invalid__iPosr {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__iPosr:focus,\r\n.index-module_invalid__iPosr:focus-visible,\r\n.index-module_invalid__iPosr:focus-within {\r\n border: 2px solid red;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__Xz53v {\r\n display: flex;\r\n}\r\n.index-module_vinput-top-left__UFNRe {\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__Gor3M {\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__wexyT {\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__oTbXC {\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__wz--8 {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__9gm8q {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom__bxp6x {\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__ihiB0 {\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__cnS6N {\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__3804h {\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__MRmrS {\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__4ejsZ {\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__t2SwR {\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__gT4X6 {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__FzHy2 {\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__gI2z5 {\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__Zb48i {\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__OlaLD {\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__BG3C0 {\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__Xz53v.index-module_tooltipMessage-top-left__EExDe {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__EExDe::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-top__L7c5- {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__L7c5-::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__iVHO9 {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__iVHO9::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__Xz53v.index-module_tooltipMessage-center-right__nL7jv {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__nL7jv {\r\n transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__nL7jv::after {\r\n border-right-color: black;\r\n left: -10%;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-center-left__C2dwc {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__C2dwc {\r\n transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__C2dwc::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__Xz53v.index-module_tooltipMessage-bottom-left__G4dRB {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__G4dRB::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-bottom__O5fIQ {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__O5fIQ::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__ACA9z {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__ACA9z::after {\r\n left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__2Xq3T {\r\n animation: index-module_fade-in__Xcu-Q 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__Xcu-Q {\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__iPosr","vinput":"index-module_vinput__Xz53v","vinput-top-left":"index-module_vinput-top-left__UFNRe","vinput-top":"index-module_vinput-top__Gor3M","vinput-top-right":"index-module_vinput-top-right__wexyT","vinput-center-left":"index-module_vinput-center-left__oTbXC","vinput-center-right":"index-module_vinput-center-right__wz--8","vinput-bottom-left":"index-module_vinput-bottom-left__9gm8q","vinput-bottom":"index-module_vinput-bottom__bxp6x","vinput-bottom-right":"index-module_vinput-bottom-right__ihiB0","innerMessage":"index-module_innerMessage__cnS6N","innerMessage-top-left":"index-module_innerMessage-top-left__3804h","innerMessage-top":"index-module_innerMessage-top__MRmrS","innerMessage-top-right":"index-module_innerMessage-top-right__4ejsZ","innerMessage-center-left":"index-module_innerMessage-center-left__t2SwR","innerMessage-center":"index-module_innerMessage-center__gT4X6","innerMessage-center-right":"index-module_innerMessage-center-right__FzHy2","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__gI2z5","innerMessage-bottom":"index-module_innerMessage-bottom__Zb48i","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__OlaLD","tooltipMessage":"index-module_tooltipMessage__BG3C0","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__EExDe","tooltipMessage-top":"index-module_tooltipMessage-top__L7c5-","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__iVHO9","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__nL7jv","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__C2dwc","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__G4dRB","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__O5fIQ","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__ACA9z","animateMessage":"index-module_animateMessage__2Xq3T","fade-in":"index-module_fade-in__Xcu-Q"};
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"};
32
32
  styleInject(css_248z);
33
33
 
34
34
  // Text
35
35
  function VText(_ref) {
36
- var _props$defaultValue, _props$defaultValue2, _props$defaultValue3;
36
+ var _props$defaultValue, _props$className, _props$defaultValue2, _props$className2, _props$defaultValue3, _props$className3;
37
37
  var _ref$vState = _ref.vState,
38
38
  vState = _ref$vState === void 0 ? false : _ref$vState,
39
39
  _ref$vType = _ref.vType,
@@ -60,7 +60,7 @@ function VText(_ref) {
60
60
  type: "text"
61
61
  }, props, {
62
62
  defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
63
- className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles.invalid : '')
63
+ className: ((_props$className = props == null ? void 0 : props.className) != null ? _props$className : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
64
64
  })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
65
65
  className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
66
66
  }, vMessage)) : null);
@@ -71,7 +71,7 @@ function VText(_ref) {
71
71
  type: "text"
72
72
  }, props, {
73
73
  defaultValue: (_props$defaultValue2 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue2 : '',
74
- className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles.invalid : '')
74
+ className: ((_props$className2 = props == null ? void 0 : props.className) != null ? _props$className2 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
75
75
  })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
76
76
  className: vMessageClass + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
77
77
  }, vMessage)) : null);
@@ -82,7 +82,7 @@ function VText(_ref) {
82
82
  type: "text"
83
83
  }, props, {
84
84
  defaultValue: (_props$defaultValue3 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue3 : '',
85
- className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles.invalid : '')
85
+ className: ((_props$className3 = props == null ? void 0 : props.className) != null ? _props$className3 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
86
86
  })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
87
87
  className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
88
88
  }, vMessage)) : null);
@@ -91,10 +91,6 @@ function VText(_ref) {
91
91
  }
92
92
  }
93
93
 
94
- var css_248z$1 = ".index-module_invalid__jaxx5 {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__jaxx5:focus,\r\n.index-module_invalid__jaxx5:focus-visible,\r\n.index-module_invalid__jaxx5:focus-within {\r\n border: 2px solid red;\r\n}\r\n\r\n.index-module_flex_column__jVY8S {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.index-module_checkbox_layout__CnBGz {\r\n width: 400px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.index-module_animateMessage__o7xGY {\r\n animation: index-module_fade-in__KDZ5w 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__KDZ5w {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n";
95
- var styles$1 = {"invalid":"index-module_invalid__jaxx5","flex_column":"index-module_flex_column__jVY8S","checkbox_layout":"index-module_checkbox_layout__CnBGz","animateMessage":"index-module_animateMessage__o7xGY","fade-in":"index-module_fade-in__KDZ5w"};
96
- styleInject(css_248z$1);
97
-
98
94
  function VCheckbox(_ref) {
99
95
  var _ref$vState = _ref.vState,
100
96
  vState = _ref$vState === void 0 ? false : _ref$vState,
@@ -126,7 +122,7 @@ function VCheckbox(_ref) {
126
122
  vCheckList.forEach(function (val, i) {
127
123
  result.push( /*#__PURE__*/React.createElement("label", {
128
124
  htmlFor: "vCheckbox-" + i,
129
- className: vLabelClassName + " " + (vCheckedList[i] ? vCheckedClassName : '') + " " + (vState ? styles$1.invalid : ''),
125
+ className: vLabelClassName + " " + (vCheckedList[i] ? vCheckedClassName : '') + " " + (vState ? styles.invalid : ''),
130
126
  key: i
131
127
  }, /*#__PURE__*/React.createElement("input", Object.assign({
132
128
  id: "vCheckbox-" + i,
@@ -138,33 +134,29 @@ function VCheckbox(_ref) {
138
134
  }, props)), /*#__PURE__*/React.createElement("span", null, val)));
139
135
  });
140
136
  return /*#__PURE__*/React.createElement("div", {
141
- className: styles$1.checkbox_layout
137
+ className: styles.checkbox_layout
142
138
  }, result);
143
139
  }
144
140
  switch (vType) {
145
141
  case 'top':
146
142
  return /*#__PURE__*/React.createElement("div", {
147
- className: styles$1.flex_column
143
+ className: styles.flex_column
148
144
  }, vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
149
- className: vMessageClass + " " + (vIsAnimate ? styles$1.animateMessage : '')
145
+ className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
150
146
  }, vMessage)) : null, makeCheckList());
151
147
  case 'bottom':
152
148
  return /*#__PURE__*/React.createElement("div", {
153
- className: styles$1.flex_column
149
+ className: styles.flex_column
154
150
  }, makeCheckList(), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
155
- className: vMessageClass + " " + (vIsAnimate ? styles$1.animateMessage : '')
151
+ className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
156
152
  }, vMessage)) : null);
157
153
  default:
158
154
  return /*#__PURE__*/React.createElement(React.Fragment, null);
159
155
  }
160
156
  }
161
157
 
162
- var css_248z$2 = ".index-module_invalid__Vthuh {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__Vthuh:focus,\r\n.index-module_invalid__Vthuh:focus-visible,\r\n.index-module_invalid__Vthuh:focus-within {\r\n border: 2px solid red;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__Lvi4O {\r\n display: flex;\r\n}\r\n.index-module_vinput-top-left__sBqYe {\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__qDZz- {\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__I-hDB {\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__oYELK {\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__91z7q {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__6K-Lk {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom__FlRwi {\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__xC4I1 {\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__Rajpi {\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__JdN8y {\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ASXWj {\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__62EeZ {\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__TS--f {\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__-c2-N {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__ow9Vw {\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__a2DiX {\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__tSUzZ {\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__VNQIp {\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__fCp4y {\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__Lvi4O.index-module_tooltipMessage-top-left__2a7YY {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__2a7YY::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__Lvi4O.index-module_tooltipMessage-top__vfEvp {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__vfEvp::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__3AW9- {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__3AW9-::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__Lvi4O.index-module_tooltipMessage-center-right__5Sxay {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__5Sxay {\r\n transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__5Sxay::after {\r\n border-right-color: black;\r\n left: -10%;\r\n}\r\n.index-module_vinput__Lvi4O.index-module_tooltipMessage-center-left__8ShCG {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__8ShCG {\r\n transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__8ShCG::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__Lvi4O.index-module_tooltipMessage-bottom-left__NNUPd {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__NNUPd::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__Lvi4O.index-module_tooltipMessage-bottom__73oDg {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__73oDg::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__QqsJp {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__QqsJp::after {\r\n left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__QOzDN {\r\n animation: index-module_fade-in__-mmbL 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__-mmbL {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n";
163
- var styles$2 = {"invalid":"index-module_invalid__Vthuh","vinput":"index-module_vinput__Lvi4O","vinput-top-left":"index-module_vinput-top-left__sBqYe","vinput-top":"index-module_vinput-top__qDZz-","vinput-top-right":"index-module_vinput-top-right__I-hDB","vinput-center-left":"index-module_vinput-center-left__oYELK","vinput-center-right":"index-module_vinput-center-right__91z7q","vinput-bottom-left":"index-module_vinput-bottom-left__6K-Lk","vinput-bottom":"index-module_vinput-bottom__FlRwi","vinput-bottom-right":"index-module_vinput-bottom-right__xC4I1","innerMessage":"index-module_innerMessage__Rajpi","innerMessage-top-left":"index-module_innerMessage-top-left__JdN8y","innerMessage-top":"index-module_innerMessage-top__ASXWj","innerMessage-top-right":"index-module_innerMessage-top-right__62EeZ","innerMessage-center-left":"index-module_innerMessage-center-left__TS--f","innerMessage-center":"index-module_innerMessage-center__-c2-N","innerMessage-center-right":"index-module_innerMessage-center-right__ow9Vw","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__a2DiX","innerMessage-bottom":"index-module_innerMessage-bottom__tSUzZ","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__VNQIp","tooltipMessage":"index-module_tooltipMessage__fCp4y","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__2a7YY","tooltipMessage-top":"index-module_tooltipMessage-top__vfEvp","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__3AW9-","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__5Sxay","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__8ShCG","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__NNUPd","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__73oDg","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__QqsJp","animateMessage":"index-module_animateMessage__QOzDN","fade-in":"index-module_fade-in__-mmbL"};
164
- styleInject(css_248z$2);
165
-
166
158
  function VURL(_ref) {
167
- var _props$defaultValue, _props$defaultValue2, _props$defaultValue3;
159
+ var _props$defaultValue, _props$className, _props$defaultValue2, _props$className2, _props$defaultValue3, _props$className3;
168
160
  var _ref$vState = _ref.vState,
169
161
  vState = _ref$vState === void 0 ? false : _ref$vState,
170
162
  _ref$vType = _ref.vType,
@@ -186,36 +178,36 @@ function VURL(_ref) {
186
178
  switch (vType) {
187
179
  case 'outer':
188
180
  return /*#__PURE__*/React.createElement("div", {
189
- className: styles$2.vinput + " " + styles$2["vinput-" + vLocateMessage]
181
+ className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
190
182
  }, /*#__PURE__*/React.createElement("input", Object.assign({
191
183
  type: "url"
192
184
  }, props, {
193
185
  defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
194
- className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles$2.invalid : '')
186
+ className: ((_props$className = props == null ? void 0 : props.className) != null ? _props$className : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
195
187
  })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
196
- className: vMessageClass + " " + (vIsAnimate ? styles$2.animateMessage : '')
188
+ className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
197
189
  }, vMessage)) : null);
198
190
  case 'inner':
199
191
  return /*#__PURE__*/React.createElement("div", {
200
- className: styles$2.vinput
192
+ className: styles.vinput
201
193
  }, /*#__PURE__*/React.createElement("input", Object.assign({
202
194
  type: "url"
203
195
  }, props, {
204
196
  defaultValue: (_props$defaultValue2 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue2 : '',
205
- className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles$2.invalid : '')
197
+ className: ((_props$className2 = props == null ? void 0 : props.className) != null ? _props$className2 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
206
198
  })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
207
- className: vMessageClass + " " + styles$2.innerMessage + " " + styles$2["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles$2.animateMessage : '')
199
+ className: vMessageClass + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
208
200
  }, vMessage)) : null);
209
201
  case 'tooltip':
210
202
  return /*#__PURE__*/React.createElement("div", {
211
- className: styles$2.vinput + " " + styles$2["tooltipMessage-" + vLocateMessage]
203
+ className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage]
212
204
  }, /*#__PURE__*/React.createElement("input", Object.assign({
213
205
  type: "url"
214
206
  }, props, {
215
207
  defaultValue: (_props$defaultValue3 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue3 : '',
216
- className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles$2.invalid : '')
208
+ className: ((_props$className3 = props == null ? void 0 : props.className) != null ? _props$className3 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
217
209
  })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
218
- className: vMessageClass + " " + styles$2.tooltipMessage + " " + styles$2["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles$2.animateMessage : '')
210
+ className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
219
211
  }, vMessage)) : null);
220
212
  default:
221
213
  return /*#__PURE__*/React.createElement("div", null);
@@ -234,16 +226,135 @@ function VDate() {
234
226
  });
235
227
  }
236
228
 
237
- function VEmail() {
238
- return /*#__PURE__*/React.createElement("input", {
239
- type: "email"
240
- });
229
+ function VEmail(_ref) {
230
+ var _props$defaultValue, _props$className, _props$defaultValue2, _props$className2, _props$defaultValue3, _props$className3;
231
+ var _ref$vState = _ref.vState,
232
+ vState = _ref$vState === void 0 ? false : _ref$vState,
233
+ _ref$vType = _ref.vType,
234
+ vType = _ref$vType === void 0 ? 'outer' : _ref$vType,
235
+ _ref$vClassName = _ref.vClassName,
236
+ vClassName = _ref$vClassName === void 0 ? '' : _ref$vClassName,
237
+ _ref$vShowMessage = _ref.vShowMessage,
238
+ vShowMessage = _ref$vShowMessage === void 0 ? false : _ref$vShowMessage,
239
+ _ref$vMessage = _ref.vMessage,
240
+ vMessage = _ref$vMessage === void 0 ? '' : _ref$vMessage,
241
+ _ref$vLocateMessage = _ref.vLocateMessage,
242
+ vLocateMessage = _ref$vLocateMessage === void 0 ? 'bottom' : _ref$vLocateMessage,
243
+ _ref$vMessageClass = _ref.vMessageClass,
244
+ vMessageClass = _ref$vMessageClass === void 0 ? '' : _ref$vMessageClass,
245
+ _ref$vIsAnimate = _ref.vIsAnimate,
246
+ vIsAnimate = _ref$vIsAnimate === void 0 ? false : _ref$vIsAnimate,
247
+ _ref$props = _ref.props,
248
+ props = _ref$props === void 0 ? {} : _ref$props;
249
+ switch (vType) {
250
+ case 'outer':
251
+ return /*#__PURE__*/React.createElement("div", {
252
+ className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
253
+ }, /*#__PURE__*/React.createElement("input", Object.assign({
254
+ type: "email"
255
+ }, props, {
256
+ defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
257
+ className: ((_props$className = props == null ? void 0 : props.className) != null ? _props$className : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
258
+ })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
259
+ className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
260
+ }, vMessage)) : null);
261
+ case 'inner':
262
+ return /*#__PURE__*/React.createElement("div", {
263
+ className: styles.vinput
264
+ }, /*#__PURE__*/React.createElement("input", Object.assign({
265
+ type: "email"
266
+ }, props, {
267
+ defaultValue: (_props$defaultValue2 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue2 : '',
268
+ className: ((_props$className2 = props == null ? void 0 : props.className) != null ? _props$className2 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
269
+ })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
270
+ className: vMessageClass + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
271
+ }, vMessage)) : null);
272
+ case 'tooltip':
273
+ return /*#__PURE__*/React.createElement("div", {
274
+ className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage]
275
+ }, /*#__PURE__*/React.createElement("input", Object.assign({
276
+ type: "email"
277
+ }, props, {
278
+ defaultValue: (_props$defaultValue3 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue3 : '',
279
+ className: ((_props$className3 = props == null ? void 0 : props.className) != null ? _props$className3 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
280
+ })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
281
+ className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
282
+ }, vMessage)) : null);
283
+ default:
284
+ return /*#__PURE__*/React.createElement("div", null);
285
+ }
241
286
  }
242
287
 
243
- function VRadio() {
244
- return /*#__PURE__*/React.createElement("input", {
245
- type: "radio"
246
- });
288
+ function VRadio(_ref) {
289
+ var _props$className, _props$className2, _props$className3;
290
+ var _ref$vState = _ref.vState,
291
+ vState = _ref$vState === void 0 ? false : _ref$vState,
292
+ _ref$vName = _ref.vName,
293
+ vName = _ref$vName === void 0 ? '' : _ref$vName,
294
+ _ref$vSelectListName = _ref.vSelectListName,
295
+ vSelectListName = _ref$vSelectListName === void 0 ? [] : _ref$vSelectListName,
296
+ _ref$vSelectListValue = _ref.vSelectListValue,
297
+ vSelectListValue = _ref$vSelectListValue === void 0 ? [] : _ref$vSelectListValue,
298
+ _ref$vType = _ref.vType,
299
+ vType = _ref$vType === void 0 ? 'bottom' : _ref$vType,
300
+ _ref$vClassName = _ref.vClassName,
301
+ vClassName = _ref$vClassName === void 0 ? '' : _ref$vClassName,
302
+ _ref$vShowMessage = _ref.vShowMessage,
303
+ vShowMessage = _ref$vShowMessage === void 0 ? false : _ref$vShowMessage,
304
+ _ref$vMessage = _ref.vMessage,
305
+ vMessage = _ref$vMessage === void 0 ? '' : _ref$vMessage,
306
+ _ref$vLocateMessage = _ref.vLocateMessage,
307
+ vLocateMessage = _ref$vLocateMessage === void 0 ? 'bottom' : _ref$vLocateMessage,
308
+ _ref$vMessageClass = _ref.vMessageClass,
309
+ vMessageClass = _ref$vMessageClass === void 0 ? '' : _ref$vMessageClass,
310
+ _ref$vIsAnimate = _ref.vIsAnimate,
311
+ vIsAnimate = _ref$vIsAnimate === void 0 ? false : _ref$vIsAnimate,
312
+ _ref$props = _ref.props,
313
+ props = _ref$props === void 0 ? {} : _ref$props;
314
+ function makeSelectList() {
315
+ var result = [];
316
+ for (var i = 0; i < vSelectListName.length; i += 1) {
317
+ result.push( /*#__PURE__*/React.createElement("div", {
318
+ key: vName + "-" + i
319
+ }, /*#__PURE__*/React.createElement("input", Object.assign({
320
+ type: "radio",
321
+ id: vName + "-" + i,
322
+ name: vName,
323
+ value: vSelectListValue[i]
324
+ }, props)), /*#__PURE__*/React.createElement("label", {
325
+ htmlFor: vName + "-" + i
326
+ }, vSelectListName[i])));
327
+ }
328
+ return result;
329
+ }
330
+ switch (vType) {
331
+ case 'bottom':
332
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
333
+ className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
334
+ }, /*#__PURE__*/React.createElement("div", {
335
+ className: ((_props$className = props == null ? void 0 : props.className) != null ? _props$className : '') + " " + vClassName
336
+ }, makeSelectList())), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
337
+ className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
338
+ }, vMessage)) : null);
339
+ case 'top':
340
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
341
+ className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
342
+ }, vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
343
+ className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
344
+ }, vMessage)) : null, /*#__PURE__*/React.createElement("div", {
345
+ className: ((_props$className2 = props == null ? void 0 : props.className) != null ? _props$className2 : '') + " " + vClassName
346
+ }, makeSelectList())));
347
+ case 'tooltip':
348
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
349
+ className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage]
350
+ }, /*#__PURE__*/React.createElement("div", {
351
+ className: ((_props$className3 = props == null ? void 0 : props.className) != null ? _props$className3 : '') + " " + vClassName
352
+ }, makeSelectList())), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
353
+ className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
354
+ }, vMessage)) : null);
355
+ default:
356
+ return /*#__PURE__*/React.createElement("div", null);
357
+ }
247
358
  }
248
359
 
249
360
  function VRange() {
package/dist/react-validate-component.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"react-validate-component.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/vText/index.tsx","../src/vCheckbox/index.tsx","../src/vURL/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/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';\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} ${\n vState ? vClassName || 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} ${\n vState ? vClassName || 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} ${\n vState ? vClassName || 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 { VCHECKBOX_PARAMS } from './vCheckbox';\r\n\r\nexport function VCheckbox({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\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={styles.checkbox_layout}>{result}</div>;\r\n }\r\n\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <div className={styles.flex_column}>\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 className={styles.flex_column}>\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 { VTEXT_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}: VTEXT_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} ${\r\n vState ? vClassName || 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} ${\r\n vState ? vClassName || 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} ${\r\n vState ? vClassName || 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\n\r\nexport function VColor() {\r\n return <input type=\"color\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function VDate() {\r\n return <input type=\"date\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function VEmail() {\r\n return <input type=\"email\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function VRadio() {\r\n return <input type=\"radio\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function VRange() {\r\n return <input type=\"range\" />;\r\n}\r\n"],"names":["VText","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vLocateMessage","vLocateMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","React","className","styles","vinput","type","defaultValue","_props$defaultValue","invalid","animateMessage","_props$defaultValue2","innerMessage","_props$defaultValue3","tooltipMessage","VCheckbox","_ref$vLabelClassName","vLabelClassName","_ref$vCheckedClassNam","vCheckedClassName","_ref$vCheckList","vCheckList","_ref$vCheckedList","vCheckedList","makeCheckList","result","forEach","val","i","push","htmlFor","key","id","hidden","value","checked","checkbox_layout","flex_column","VURL","VColor","VDate","VEmail","VRadio","VRange"],"mappings":"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"}
1
+ {"version":3,"file":"react-validate-component.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/vText/index.tsx","../src/vCheckbox/index.tsx","../src/vURL/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/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';\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 { VCHECKBOX_PARAMS } from './vCheckbox';\r\n\r\nexport function VCheckbox({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\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={styles.checkbox_layout}>{result}</div>;\r\n }\r\n\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <div className={styles.flex_column}>\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 className={styles.flex_column}>\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 { 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","import React from 'react';\r\n\r\nexport function VColor() {\r\n return <input type=\"color\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function VDate() {\r\n return <input type=\"date\" />;\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\n\r\nexport function VRange() {\r\n return <input type=\"range\" />;\r\n}\r\n"],"names":["VText","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vLocateMessage","vLocateMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","React","className","styles","vinput","type","defaultValue","_props$defaultValue","_props$className","invalid","animateMessage","_props$defaultValue2","_props$className2","innerMessage","_props$defaultValue3","_props$className3","tooltipMessage","VCheckbox","_ref$vLabelClassName","vLabelClassName","_ref$vCheckedClassNam","vCheckedClassName","_ref$vCheckList","vCheckList","_ref$vCheckedList","vCheckedList","makeCheckList","result","forEach","val","i","push","htmlFor","key","id","hidden","value","checked","checkbox_layout","flex_column","VURL","VColor","VDate","VEmail","VRadio","_ref$vName","vName","_ref$vSelectListName","vSelectListName","_ref$vSelectListValue","vSelectListValue","makeSelectList","length","name","VRange"],"mappings":"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"}
package/dist/vEmail/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import React from 'react';
2
- export declare function VEmail(): React.JSX.Element;
2
+ import { VEMAIL_PARAMS } from './vEmail';
3
+ export declare function VEmail({ vState, vType, vClassName, vShowMessage, vMessage, vLocateMessage, vMessageClass, vIsAnimate, props, }: VEMAIL_PARAMS): React.JSX.Element;
package/dist/vEmail/vEmail.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import propsType from '../types/vprops';
2
+ export interface VEMAIL_PARAMS {
3
+ readonly vState: boolean;
4
+ readonly vType: // 유효성 메시지를 출력할 타입
5
+ 'inner' | 'outer' | 'tooltip';
6
+ vClassName?: string;
7
+ readonly vShowMessage: boolean;
8
+ vMessage?: string;
9
+ vLocateMessage?: 'top-left' | 'top' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom' | 'bottom-right';
10
+ vMessageClass?: string;
11
+ vIsAnimate?: boolean;
12
+ props?: propsType;
13
+ }
package/dist/vRadio/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import React from 'react';
2
- export declare function VRadio(): React.JSX.Element;
2
+ import { VRADIO_PARAMS } from './vRadio';
3
+ export declare function VRadio({ vState, vName, vSelectListName, vSelectListValue, vType, vClassName, vShowMessage, vMessage, vLocateMessage, vMessageClass, vIsAnimate, props, }: VRADIO_PARAMS): React.JSX.Element;
package/dist/vRadio/vRadio.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import propsType from '../types/vprops';
2
+ export interface VRADIO_PARAMS {
3
+ readonly vState: boolean;
4
+ vName: string;
5
+ vSelectListName: string[];
6
+ vSelectListValue: string[];
7
+ readonly vType: // 유효성 메시지를 출력할 타입
8
+ 'top' | 'bottom' | 'tooltip';
9
+ vClassName?: string;
10
+ readonly vShowMessage: boolean;
11
+ vMessage?: string;
12
+ vLocateMessage?: 'top-left' | 'top' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom' | 'bottom-right';
13
+ vMessageClass?: string;
14
+ vIsAnimate?: boolean;
15
+ props?: propsType;
16
+ }
package/dist/vURL/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- import { VTEXT_PARAMS } from './vURL';
3
- export declare function VURL({ vState, vType, vClassName, vShowMessage, vMessage, vLocateMessage, vMessageClass, vIsAnimate, props, }: VTEXT_PARAMS): React.JSX.Element;
2
+ import { VURL_PARAMS } from './vURL';
3
+ export declare function VURL({ vState, vType, vClassName, vShowMessage, vMessage, vLocateMessage, vMessageClass, vIsAnimate, props, }: VURL_PARAMS): React.JSX.Element;
package/dist/vURL/vURL.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import propsType from '../types/vprops';
2
- export interface VTEXT_PARAMS {
2
+ export interface VURL_PARAMS {
3
3
  readonly vState: boolean;
4
4
  readonly vType: // 유효성 메시지를 출력할 타입
5
5
  'inner' | 'outer' | 'tooltip';
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.3.0",
2
+ "version": "0.5.0",
3
3
  "license": "MIT",
4
4
  "main": "dist/index.js",
5
5
  "typings": "dist/index.d.ts",
package/src/vCheckbox/index.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import styles from './index.module.css';
2
+ import styles from '../index.module.css';
3
3
  import { VCHECKBOX_PARAMS } from './vCheckbox';
4
4
 
5
5
  export function VCheckbox({