react-validate-component 0.2.0 → 0.3.0

package/README.md

@@ -24,9 +24,9 @@ yarn add react-validate-component
 
 ## 사용법, How to use
 
-현재 라이브러리에는 `VText` 컴포넌트가 구현되어 있습니다. 이 컴포넌트를 사용하여 텍스트 입력 필드의 유효성 검사를 쉽게 구현할 수 있습니다.
+현재 라이브러리에는 `VText`, `VCheckbox`, `VURL` 컴포넌트가 구현되어 있습니다. 이 컴포넌트를 사용하여 텍스트 입력 필드의 유효성 검사를 쉽게 구현할 수 있습니다.
 
-The library currently includes the `VText` component. You can use this component to easily implement validation for text input fields.
+The library currently includes the `VText`, `VCheckbox`, `VURL` component. You can use this component to easily implement validation for text input fields.
 
 ### VText Component
 
@@ -201,6 +201,85 @@ export default App;
 - `vIsAnimate` (boolean): Whether to apply animation when displaying the validation message (currently, only opacity animation is supported).
 - `props` (object): Other options. Enter values for attributes that can be added to the basic input tag.
 
+### VURL Component
+
+`VURL` 컴포넌트는 기본적인 URL 필드에 유효성 검사 문구를 출력해주는 기능을 제공합니다.
+
+The `VURL` component provides functionality to display validation messages for basic url fields.
+
+#### 사용 예제, Example
+
+```jsx
+import React from 'react';
+import { VText } from 'react-validate-component';
+
+const App = () => {
+  const [vState, setvState] = React.useState < boolean > false;
+  const [vMessage, setvMessage] = React.useState < string > '';
+  const [message, setmessage] =
+    React.useState < string > 'https://www.naver.com';
+
+  React.useEffect(() => {
+    if (/^http[s]?:\/\/([\S]{3,})/i.test(message)) {
+      setvState(false);
+      setvMessage('');
+    } else {
+      setvState(true);
+      setvMessage('IT MUST BE URL.');
+    }
+  }, [message]);
+
+  return (
+    <div>
+      <h2>VURL</h2>
+      <h3>INPUT URL.</h3>
+      <VURL
+        vState={vState}
+        vType={'outer'}
+        // vClassName={'test'}
+        vShowMessage={true}
+        vMessage={vMessage}
+        vLocateMessage={'bottom-left'}
+        vMessageClass={styles.validation_message}
+        vIsAnimate={true}
+        props={{
+          onChange: (e: { target: { value: string } }) => {
+            setmessage(e.target.value);
+          },
+          placeholder: 'this is react-validate-component test.',
+          className: styles.input_text,
+          defaultValue: 'https://www.naver.com',
+        }}
+      />
+    </div>
+  );
+};
+
+export default App;
+```
+
+#### Props
+
+- `vState` (boolean): 유효성 상태 값입니다.
+- `vType` (`inner`, `outer`, `tooltip`): 유효성 메시지를 띄우는 타입입니다.
+- `vClassName` (string): 유효성 입힐 class 명입니다.
+- `vShowMessage` (boolean): 유효성 메시지 출력 여부값입니다.
+- `vMessage` (string): 유효성 검사 실패 시 표시할 에러 메시지입니다.
+- `vLocateMessage` (`top-left`, `top`, `top-right`, `center-left`, `center`, `center-right`, `bottom-left`, `bottom`, `bottom-right`): 유효성 메시지를 element 어디에 붙일지 위치값입니다.
+- `vMessageClass` (string): 유효성 메시지에 입힐 class 명입니다.
+- `vIsAnimate` (boolean): 유효성 메시지 출력 시 애니메이션 적용할지 여부입니다. (현재는 opacity만 적용되어있습니다.)
+- `props` (object): 기타 옵션입니다. 기본 input 태그에 attribute로 넣을 값들을 입력하시면 됩니다.
+
+- `vState` (boolean): The validity status value.
+- `vType` (`inner`, `outer`, `tooltip`): The type of validation message display.
+- `vClassName` (string): The class name to apply for validation styling.
+- `vShowMessage` (boolean): Whether to display the validation message.
+- `vMessage` (string): The error message to display when validation fails.
+- `vLocateMessage` (`top-left`, `top`, `top-right`, `center-left`, `center`, `center-right`, `bottom-left`, `bottom`, `bottom-right`): The position where the validation message should be displayed relative to the element.
+- `vMessageClass` (string): The class name to apply to the validation message.
+- `vIsAnimate` (boolean): Whether to apply animation when displaying the validation message (currently, only opacity animation is supported).
+- `props` (object): Other options. Enter values for attributes that can be added to the basic input tag.
+
 ### 유효성 검사 규칙, Validation Rules
 
 - 지금은 사용자가 정규식 혹은 함수를 이용해 작성한 유효성검사 로직을 토대로 element에 출력하고 있습니다.

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import { VText } from './vText';
 import { VCheckbox } from './vCheckbox';
-import { vColor } from './vColor';
-import { vDate } from './vDate';
-import { vEmail } from './vEmail';
-import { vRadio } from './vRadio';
-import { vRange } from './vRange';
-import { vURL } from './vURL';
-export { VText, VCheckbox, vColor, vDate, vEmail, vRadio, vRange, vURL };
+import { VURL } from './vURL';
+import { VColor } from './vColor';
+import { VDate } from './vDate';
+import { VEmail } from './vEmail';
+import { VRadio } from './vRadio';
+import { VRange } from './vRange';
+export { VText, VCheckbox, VURL, VColor, VDate, VEmail, VRadio, VRange };

package/dist/react-validate-component.cjs.development.js

@@ -165,48 +165,105 @@ function VCheckbox(_ref) {
   }
 }
 
-function vColor() {
+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";
+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"};
+styleInject(css_248z$2);
+
+function VURL(_ref) {
+  var _props$defaultValue, _props$defaultValue2, _props$defaultValue3;
+  var _ref$vState = _ref.vState,
+    vState = _ref$vState === void 0 ? false : _ref$vState,
+    _ref$vType = _ref.vType,
+    vType = _ref$vType === void 0 ? 'outer' : _ref$vType,
+    _ref$vClassName = _ref.vClassName,
+    vClassName = _ref$vClassName === void 0 ? '' : _ref$vClassName,
+    _ref$vShowMessage = _ref.vShowMessage,
+    vShowMessage = _ref$vShowMessage === void 0 ? false : _ref$vShowMessage,
+    _ref$vMessage = _ref.vMessage,
+    vMessage = _ref$vMessage === void 0 ? '' : _ref$vMessage,
+    _ref$vLocateMessage = _ref.vLocateMessage,
+    vLocateMessage = _ref$vLocateMessage === void 0 ? 'bottom' : _ref$vLocateMessage,
+    _ref$vMessageClass = _ref.vMessageClass,
+    vMessageClass = _ref$vMessageClass === void 0 ? '' : _ref$vMessageClass,
+    _ref$vIsAnimate = _ref.vIsAnimate,
+    vIsAnimate = _ref$vIsAnimate === void 0 ? false : _ref$vIsAnimate,
+    _ref$props = _ref.props,
+    props = _ref$props === void 0 ? {} : _ref$props;
+  switch (vType) {
+    case 'outer':
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles$2.vinput + " " + styles$2["vinput-" + vLocateMessage]
+      }, /*#__PURE__*/React.createElement("input", Object.assign({
+        type: "url"
+      }, props, {
+        defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
+        className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles$2.invalid : '')
+      })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
+        className: vMessageClass + " " + (vIsAnimate ? styles$2.animateMessage : '')
+      }, vMessage)) : null);
+    case 'inner':
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles$2.vinput
+      }, /*#__PURE__*/React.createElement("input", Object.assign({
+        type: "url"
+      }, props, {
+        defaultValue: (_props$defaultValue2 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue2 : '',
+        className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles$2.invalid : '')
+      })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
+        className: vMessageClass + " " + styles$2.innerMessage + " " + styles$2["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles$2.animateMessage : '')
+      }, vMessage)) : null);
+    case 'tooltip':
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles$2.vinput + " " + styles$2["tooltipMessage-" + vLocateMessage]
+      }, /*#__PURE__*/React.createElement("input", Object.assign({
+        type: "url"
+      }, props, {
+        defaultValue: (_props$defaultValue3 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue3 : '',
+        className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles$2.invalid : '')
+      })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
+        className: vMessageClass + " " + styles$2.tooltipMessage + " " + styles$2["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles$2.animateMessage : '')
+      }, vMessage)) : null);
+    default:
+      return /*#__PURE__*/React.createElement("div", null);
+  }
+}
+
+function VColor() {
   return /*#__PURE__*/React.createElement("input", {
     type: "color"
   });
 }
 
-function vDate() {
+function VDate() {
   return /*#__PURE__*/React.createElement("input", {
     type: "date"
   });
 }
 
-function vEmail() {
+function VEmail() {
   return /*#__PURE__*/React.createElement("input", {
     type: "email"
   });
 }
 
-function vRadio() {
+function VRadio() {
   return /*#__PURE__*/React.createElement("input", {
     type: "radio"
   });
 }
 
-function vRange() {
+function VRange() {
   return /*#__PURE__*/React.createElement("input", {
     type: "range"
   });
 }
 
-function vURL() {
-  return /*#__PURE__*/React.createElement("input", {
-    type: "url"
-  });
-}
-
 exports.VCheckbox = VCheckbox;
+exports.VColor = VColor;
+exports.VDate = VDate;
+exports.VEmail = VEmail;
+exports.VRadio = VRadio;
+exports.VRange = VRange;
 exports.VText = VText;
-exports.vColor = vColor;
-exports.vDate = vDate;
-exports.vEmail = vEmail;
-exports.vRadio = vRadio;
-exports.vRange = vRange;
-exports.vURL = vURL;
+exports.VURL = VURL;
 //# sourceMappingURL=react-validate-component.cjs.development.js.map

package/dist/react-validate-component.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-validate-component.cjs.development.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/vText/index.tsx","../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/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';\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\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","import React from 'react';\r\n\r\nexport function vURL() {\r\n  return <input type=\"url\" />;\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","vColor","vDate","vEmail","vRadio","vRange","vURL"],"mappings":"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"}
+{"version":3,"file":"react-validate-component.cjs.development.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":";;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;ACrBA;AACA,SAAgBA,KAAKA,CAAAC,IAAA;;yBACnBC,MAAM;IAANA,MAAM,GAAAC,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAC,UAAA,GAAAH,IAAA,CACdI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,OAAO,GAAAA,UAAA;IAAAE,eAAA,GAAAL,IAAA,CACfM,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,EAAE,GAAAA,eAAA;IAAAE,iBAAA,GAAAP,IAAA,CACfQ,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;IAAAE,aAAA,GAAAT,IAAA,CACpBU,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAE,mBAAA,GAAAX,IAAA,CACbY,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,QAAQ,GAAAA,mBAAA;IAAAE,kBAAA,GAAAb,IAAA,CACzBc,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,EAAE,GAAAA,kBAAA;IAAAE,eAAA,GAAAf,IAAA,CAClBgB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,UAAA,GAAAjB,IAAA,CAClBkB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;EAEV,QAAQb,KAAK;IACX,KAAK,OAAO;MACV,oBACEe;QACEC,SAAS,EAAKC,MAAM,CAACC,MAAM,SAAID,MAAM,aAAWT,cAAc;sBAE9DO;QACEI,IAAI,EAAC;SACDL,KAAK;QACTM,YAAY,GAAAC,mBAAA,GAAEP,KAAK,oBAALA,KAAK,CAAEM,YAAY,YAAAC,mBAAA,GAAI,EAAE;QACvCL,SAAS,GAAKF,KAAK,oBAALA,KAAK,CAAEE,SAAS,WAC5BnB,MAAM,GAAGK,UAAU,IAAIe,MAAM,CAACK,OAAO,GAAG,EAC1C;SACO,EACRzB,MAAM,IAAIO,YAAY,kBACrBW;QACEC,SAAS,EAAKN,aAAa,UACzBE,UAAU,GAAGK,MAAM,CAACM,cAAc,GAAG,EACvC;SAECjB,QAAQ,CACP,IACF,IAAI,CACJ;IAEV,KAAK,OAAO;MACV,oBACES;QAAKC,SAAS,EAAEC,MAAM,CAACC;sBACrBH;QACEI,IAAI,EAAC;SACDL,KAAK;QACTM,YAAY,GAAAI,oBAAA,GAAEV,KAAK,oBAALA,KAAK,CAAEM,YAAY,YAAAI,oBAAA,GAAI,EAAE;QACvCR,SAAS,GAAKF,KAAK,oBAALA,KAAK,CAAEE,SAAS,WAC5BnB,MAAM,GAAGK,UAAU,IAAIe,MAAM,CAACK,OAAO,GAAG,EAC1C;SACO,EACRzB,MAAM,IAAIO,YAAY,kBACrBW;QACEC,SAAS,EAAKN,aAAa,SAAIO,MAAM,CAACQ,YAAY,SAChDR,MAAM,mBAAiBT,cAAc,CACvC,UAAII,UAAU,GAAGK,MAAM,CAACM,cAAc,GAAG,EAAE;SAE1CjB,QAAQ,CACP,IACF,IAAI,CACJ;IAEV,KAAK,SAAS;MACZ,oBACES;QACEC,SAAS,EAAKC,MAAM,CAACC,MAAM,SACzBD,MAAM,qBAAmBT,cAAc;sBAGzCO;QACEI,IAAI,EAAC;SACDL,KAAK;QACTM,YAAY,GAAAM,oBAAA,GAAEZ,KAAK,oBAALA,KAAK,CAAEM,YAAY,YAAAM,oBAAA,GAAI,EAAE;QACvCV,SAAS,GAAKF,KAAK,oBAALA,KAAK,CAAEE,SAAS,WAC5BnB,MAAM,GAAGK,UAAU,IAAIe,MAAM,CAACK,OAAO,GAAG,EAC1C;SACO,EACRzB,MAAM,IAAIO,YAAY,kBACrBW;QACEC,SAAS,EAAKN,aAAa,SAAIO,MAAM,CAACU,cAAc,SAClDV,MAAM,qBAAmBT,cAAc,CACzC,UAAII,UAAU,GAAGK,MAAM,CAACM,cAAc,GAAG,EAAE;SAE1CjB,QAAQ,CACP,IACF,IAAI,CACJ;IAEV;MACE,oBAAOS,gCAAW;;AAExB;;;;;;SCxFgBa,SAASA,CAAAhC,IAAA;yBACvBC,MAAM;IAANA,MAAM,GAAAC,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAC,UAAA,GAAAH,IAAA,CACdI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA;IAAAE,eAAA,GAAAL,IAAA,CAChBM,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,EAAE,GAAAA,eAAA;IAAA4B,oBAAA,GAAAjC,IAAA,CACfkC,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,EAAE,GAAAA,oBAAA;IAAAE,qBAAA,GAAAnC,IAAA,CACpBoC,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;IAAAE,eAAA,GAAArC,IAAA,CACtBsC,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,EAAE,GAAAA,eAAA;IAAAE,iBAAA,GAAAvC,IAAA,CACfwC,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;IAAAhC,iBAAA,GAAAP,IAAA,CACjBQ,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;IAAAE,aAAA,GAAAT,IAAA,CACpBU,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAI,kBAAA,GAAAb,IAAA,CACbc,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,EAAE,GAAAA,kBAAA;IAAAE,eAAA,GAAAf,IAAA,CAClBgB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,UAAA,GAAAjB,IAAA,CAClBkB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;;EAGV,SAASwB,aAAaA;IACpB,IAAMC,MAAM,GAAwB,EAAE;IACtCJ,UAAU,CAACK,OAAO,CAAC,UAACC,GAAG,EAAEC,CAAC;MACxBH,MAAM,CAACI,IAAI,eACT3B;QACE4B,OAAO,iBAAeF,CAAG;QACzBzB,SAAS,EAAKc,eAAe,UAC3BM,YAAY,CAACK,CAAC,CAAC,GAAGT,iBAAiB,GAAG,EACxC,WAAInC,MAAM,GAAGoB,QAAM,CAACK,OAAO,GAAG,EAAE,CAAE;QAClCsB,GAAG,EAAEH;sBAEL1B;QACE8B,EAAE,iBAAeJ,CAAG;QACpBtB,IAAI,EAAC,UAAU;QACfH,SAAS,EAAEd,UAAU;QACrB4C,MAAM;QACNC,KAAK,EAAEP,GAAG;QACVQ,OAAO,EAAEZ,YAAY,CAACK,CAAC;SACnB3B,KAAK,EACT,eACFC,kCAAOyB,GAAG,CAAQ,CACZ,CACT;KACF,CAAC;IACF,oBAAOzB;MAAKC,SAAS,EAAEC,QAAM,CAACgC;OAAkBX,MAAM,CAAO;;EAG/D,QAAQtC,KAAK;IACX,KAAK,KAAK;MACR,oBACEe;QAAKC,SAAS,EAAEC,QAAM,CAACiC;SACpBrD,MAAM,IAAIO,YAAY,kBACrBW;QACEC,SAAS,EAAKN,aAAa,UACzBE,UAAU,GAAGK,QAAM,CAACM,cAAc,GAAG,EACvC;SAECjB,QAAQ,CACP,IACF,IAAI,EACP+B,aAAa,EAAE,CACZ;IAEV,KAAK,QAAQ;MACX,oBACEtB;QAAKC,SAAS,EAAEC,QAAM,CAACiC;SACpBb,aAAa,EAAE,EACfxC,MAAM,IAAIO,YAAY,kBACrBW;QACEC,SAAS,EAAKN,aAAa,UACzBE,UAAU,GAAGK,QAAM,CAACM,cAAc,GAAG,EACvC;SAECjB,QAAQ,CACP,IACF,IAAI,CACJ;IAEV;MACE,oBAAOS,yCAAK;;AAElB;;;;;;SC5EgBoC,IAAIA,CAAAvD,IAAA;;yBAClBC,MAAM;IAANA,MAAM,GAAAC,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAC,UAAA,GAAAH,IAAA,CACdI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,OAAO,GAAAA,UAAA;IAAAE,eAAA,GAAAL,IAAA,CACfM,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,EAAE,GAAAA,eAAA;IAAAE,iBAAA,GAAAP,IAAA,CACfQ,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;IAAAE,aAAA,GAAAT,IAAA,CACpBU,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAE,mBAAA,GAAAX,IAAA,CACbY,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,QAAQ,GAAAA,mBAAA;IAAAE,kBAAA,GAAAb,IAAA,CACzBc,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,EAAE,GAAAA,kBAAA;IAAAE,eAAA,GAAAf,IAAA,CAClBgB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,UAAA,GAAAjB,IAAA,CAClBkB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;EAEV,QAAQb,KAAK;IACX,KAAK,OAAO;MACV,oBACEe;QACEC,SAAS,EAAKC,QAAM,CAACC,MAAM,SAAID,QAAM,aAAWT,cAAc;sBAE9DO;QACEI,IAAI,EAAC;SACDL,KAAK;QACTM,YAAY,GAAAC,mBAAA,GAAEP,KAAK,oBAALA,KAAK,CAAEM,YAAY,YAAAC,mBAAA,GAAI,EAAE;QACvCL,SAAS,GAAKF,KAAK,oBAALA,KAAK,CAAEE,SAAS,WAC5BnB,MAAM,GAAGK,UAAU,IAAIe,QAAM,CAACK,OAAO,GAAG,EAC1C;SACO,EACRzB,MAAM,IAAIO,YAAY,kBACrBW;QACEC,SAAS,EAAKN,aAAa,UACzBE,UAAU,GAAGK,QAAM,CAACM,cAAc,GAAG,EACvC;SAECjB,QAAQ,CACP,IACF,IAAI,CACJ;IAEV,KAAK,OAAO;MACV,oBACES;QAAKC,SAAS,EAAEC,QAAM,CAACC;sBACrBH;QACEI,IAAI,EAAC;SACDL,KAAK;QACTM,YAAY,GAAAI,oBAAA,GAAEV,KAAK,oBAALA,KAAK,CAAEM,YAAY,YAAAI,oBAAA,GAAI,EAAE;QACvCR,SAAS,GAAKF,KAAK,oBAALA,KAAK,CAAEE,SAAS,WAC5BnB,MAAM,GAAGK,UAAU,IAAIe,QAAM,CAACK,OAAO,GAAG,EAC1C;SACO,EACRzB,MAAM,IAAIO,YAAY,kBACrBW;QACEC,SAAS,EAAKN,aAAa,SAAIO,QAAM,CAACQ,YAAY,SAChDR,QAAM,mBAAiBT,cAAc,CACvC,UAAII,UAAU,GAAGK,QAAM,CAACM,cAAc,GAAG,EAAE;SAE1CjB,QAAQ,CACP,IACF,IAAI,CACJ;IAEV,KAAK,SAAS;MACZ,oBACES;QACEC,SAAS,EAAKC,QAAM,CAACC,MAAM,SACzBD,QAAM,qBAAmBT,cAAc;sBAGzCO;QACEI,IAAI,EAAC;SACDL,KAAK;QACTM,YAAY,GAAAM,oBAAA,GAAEZ,KAAK,oBAALA,KAAK,CAAEM,YAAY,YAAAM,oBAAA,GAAI,EAAE;QACvCV,SAAS,GAAKF,KAAK,oBAALA,KAAK,CAAEE,SAAS,WAC5BnB,MAAM,GAAGK,UAAU,IAAIe,QAAM,CAACK,OAAO,GAAG,EAC1C;SACO,EACRzB,MAAM,IAAIO,YAAY,kBACrBW;QACEC,SAAS,EAAKN,aAAa,SAAIO,QAAM,CAACU,cAAc,SAClDV,QAAM,qBAAmBT,cAAc,CACzC,UAAII,UAAU,GAAGK,QAAM,CAACM,cAAc,GAAG,EAAE;SAE1CjB,QAAQ,CACP,IACF,IAAI,CACJ;IAEV;MACE,oBAAOS,gCAAW;;AAExB;;SCzFgBqC,MAAMA;EACpB,oBAAOrC;IAAOI,IAAI,EAAC;IAAU;AAC/B;;SCFgBkC,KAAKA;EACnB,oBAAOtC;IAAOI,IAAI,EAAC;IAAS;AAC9B;;SCFgBmC,MAAMA;EACpB,oBAAOvC;IAAOI,IAAI,EAAC;IAAU;AAC/B;;SCFgBoC,MAAMA;EACpB,oBAAOxC;IAAOI,IAAI,EAAC;IAAU;AAC/B;;SCFgBqC,MAAMA;EACpB,oBAAOzC;IAAOI,IAAI,EAAC;IAAU;AAC/B;;;;;;;;;;;"}

package/dist/react-validate-component.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e;function t(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}var r={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"};t(".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"),t(".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"),exports.VCheckbox=function(e){var t=e.vState,r=void 0!==t&&t,o=e.vType,i=e.vClassName,l=void 0===i?"":i,s=e.vLabelClassName,a=void 0===s?"":s,d=e.vCheckedClassName,_=void 0===d?"":d,u=e.vCheckList,m=void 0===u?[]:u,p=e.vCheckedList,c=void 0===p?[]:p,x=e.vShowMessage,f=void 0!==x&&x,g=e.vMessage,v=void 0===g?"":g,M=e.vMessageClass,b=void 0===M?"":M,h=e.vIsAnimate,y=void 0!==h&&h,j=e.props,E=void 0===j?{}:j;function C(){var e=[];return m.forEach((function(t,o){e.push(n.createElement("label",{htmlFor:"vCheckbox-"+o,className:a+" "+(c[o]?_:"")+" "+(r?"index-module_invalid__jaxx5":""),key:o},n.createElement("input",Object.assign({id:"vCheckbox-"+o,type:"checkbox",className:l,hidden:!0,value:t,checked:c[o]},E)),n.createElement("span",null,t)))})),n.createElement("div",{className:"index-module_checkbox_layout__CnBGz"},e)}switch(void 0===o?"bottom":o){case"top":return n.createElement("div",{className:"index-module_flex_column__jVY8S"},r&&f?n.createElement("p",{className:b+" "+(y?"index-module_animateMessage__o7xGY":"")},v):null,C());case"bottom":return n.createElement("div",{className:"index-module_flex_column__jVY8S"},C(),r&&f?n.createElement("p",{className:b+" "+(y?"index-module_animateMessage__o7xGY":"")},v):null);default:return n.createElement(n.Fragment,null)}},exports.VText=function(e){var t,o,i,l=e.vState,s=void 0!==l&&l,a=e.vType,d=e.vClassName,_=void 0===d?"":d,u=e.vShowMessage,m=void 0!==u&&u,p=e.vMessage,c=void 0===p?"":p,x=e.vLocateMessage,f=void 0===x?"bottom":x,g=e.vMessageClass,v=void 0===g?"":g,M=e.vIsAnimate,b=void 0!==M&&M,h=e.props,y=void 0===h?{}:h;switch(void 0===a?"outer":a){case"outer":return n.createElement("div",{className:r.vinput+" "+r["vinput-"+f]},n.createElement("input",Object.assign({type:"text"},y,{defaultValue:null!=(t=null==y?void 0:y.defaultValue)?t:"",className:(null==y?void 0:y.className)+" "+(s?_||r.invalid:"")})),s&&m?n.createElement("p",{className:v+" "+(b?r.animateMessage:"")},c):null);case"inner":return n.createElement("div",{className:r.vinput},n.createElement("input",Object.assign({type:"text"},y,{defaultValue:null!=(o=null==y?void 0:y.defaultValue)?o:"",className:(null==y?void 0:y.className)+" "+(s?_||r.invalid:"")})),s&&m?n.createElement("p",{className:v+" "+r.innerMessage+" "+r["innerMessage-"+f]+" "+(b?r.animateMessage:"")},c):null);case"tooltip":return n.createElement("div",{className:r.vinput+" "+r["tooltipMessage-"+f]},n.createElement("input",Object.assign({type:"text"},y,{defaultValue:null!=(i=null==y?void 0:y.defaultValue)?i:"",className:(null==y?void 0:y.className)+" "+(s?_||r.invalid:"")})),s&&m?n.createElement("p",{className:v+" "+r.tooltipMessage+" "+r["tooltipMessage-"+f]+" "+(b?r.animateMessage:"")},c):null);default:return n.createElement("div",null)}},exports.vColor=function(){return n.createElement("input",{type:"color"})},exports.vDate=function(){return n.createElement("input",{type:"date"})},exports.vEmail=function(){return n.createElement("input",{type:"email"})},exports.vRadio=function(){return n.createElement("input",{type:"radio"})},exports.vRange=function(){return n.createElement("input",{type:"range"})},exports.vURL=function(){return n.createElement("input",{type:"url"})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e;function t(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}var r={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"};t(".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"),t(".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");var o={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"};t(".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"),exports.VCheckbox=function(e){var t=e.vState,r=void 0!==t&&t,o=e.vType,i=e.vClassName,l=void 0===i?"":i,s=e.vLabelClassName,a=void 0===s?"":s,d=e.vCheckedClassName,_=void 0===d?"":d,u=e.vCheckList,m=void 0===u?[]:u,p=e.vCheckedList,c=void 0===p?[]:p,x=e.vShowMessage,g=void 0!==x&&x,f=e.vMessage,v=void 0===f?"":f,M=e.vMessageClass,b=void 0===M?"":M,h=e.vIsAnimate,y=void 0!==h&&h,j=e.props,N=void 0===j?{}:j;function E(){var e=[];return m.forEach((function(t,o){e.push(n.createElement("label",{htmlFor:"vCheckbox-"+o,className:a+" "+(c[o]?_:"")+" "+(r?"index-module_invalid__jaxx5":""),key:o},n.createElement("input",Object.assign({id:"vCheckbox-"+o,type:"checkbox",className:l,hidden:!0,value:t,checked:c[o]},N)),n.createElement("span",null,t)))})),n.createElement("div",{className:"index-module_checkbox_layout__CnBGz"},e)}switch(void 0===o?"bottom":o){case"top":return n.createElement("div",{className:"index-module_flex_column__jVY8S"},r&&g?n.createElement("p",{className:b+" "+(y?"index-module_animateMessage__o7xGY":"")},v):null,E());case"bottom":return n.createElement("div",{className:"index-module_flex_column__jVY8S"},E(),r&&g?n.createElement("p",{className:b+" "+(y?"index-module_animateMessage__o7xGY":"")},v):null);default:return n.createElement(n.Fragment,null)}},exports.VColor=function(){return n.createElement("input",{type:"color"})},exports.VDate=function(){return n.createElement("input",{type:"date"})},exports.VEmail=function(){return n.createElement("input",{type:"email"})},exports.VRadio=function(){return n.createElement("input",{type:"radio"})},exports.VRange=function(){return n.createElement("input",{type:"range"})},exports.VText=function(e){var t,o,i,l=e.vState,s=void 0!==l&&l,a=e.vType,d=e.vClassName,_=void 0===d?"":d,u=e.vShowMessage,m=void 0!==u&&u,p=e.vMessage,c=void 0===p?"":p,x=e.vLocateMessage,g=void 0===x?"bottom":x,f=e.vMessageClass,v=void 0===f?"":f,M=e.vIsAnimate,b=void 0!==M&&M,h=e.props,y=void 0===h?{}:h;switch(void 0===a?"outer":a){case"outer":return n.createElement("div",{className:r.vinput+" "+r["vinput-"+g]},n.createElement("input",Object.assign({type:"text"},y,{defaultValue:null!=(t=null==y?void 0:y.defaultValue)?t:"",className:(null==y?void 0:y.className)+" "+(s?_||r.invalid:"")})),s&&m?n.createElement("p",{className:v+" "+(b?r.animateMessage:"")},c):null);case"inner":return n.createElement("div",{className:r.vinput},n.createElement("input",Object.assign({type:"text"},y,{defaultValue:null!=(o=null==y?void 0:y.defaultValue)?o:"",className:(null==y?void 0:y.className)+" "+(s?_||r.invalid:"")})),s&&m?n.createElement("p",{className:v+" "+r.innerMessage+" "+r["innerMessage-"+g]+" "+(b?r.animateMessage:"")},c):null);case"tooltip":return n.createElement("div",{className:r.vinput+" "+r["tooltipMessage-"+g]},n.createElement("input",Object.assign({type:"text"},y,{defaultValue:null!=(i=null==y?void 0:y.defaultValue)?i:"",className:(null==y?void 0:y.className)+" "+(s?_||r.invalid:"")})),s&&m?n.createElement("p",{className:v+" "+r.tooltipMessage+" "+r["tooltipMessage-"+g]+" "+(b?r.animateMessage:"")},c):null);default:return n.createElement("div",null)}},exports.VURL=function(e){var t,r,i,l=e.vState,s=void 0!==l&&l,a=e.vType,d=e.vClassName,_=void 0===d?"":d,u=e.vShowMessage,m=void 0!==u&&u,p=e.vMessage,c=void 0===p?"":p,x=e.vLocateMessage,g=void 0===x?"bottom":x,f=e.vMessageClass,v=void 0===f?"":f,M=e.vIsAnimate,b=void 0!==M&&M,h=e.props,y=void 0===h?{}:h;switch(void 0===a?"outer":a){case"outer":return n.createElement("div",{className:o.vinput+" "+o["vinput-"+g]},n.createElement("input",Object.assign({type:"url"},y,{defaultValue:null!=(t=null==y?void 0:y.defaultValue)?t:"",className:(null==y?void 0:y.className)+" "+(s?_||o.invalid:"")})),s&&m?n.createElement("p",{className:v+" "+(b?o.animateMessage:"")},c):null);case"inner":return n.createElement("div",{className:o.vinput},n.createElement("input",Object.assign({type:"url"},y,{defaultValue:null!=(r=null==y?void 0:y.defaultValue)?r:"",className:(null==y?void 0:y.className)+" "+(s?_||o.invalid:"")})),s&&m?n.createElement("p",{className:v+" "+o.innerMessage+" "+o["innerMessage-"+g]+" "+(b?o.animateMessage:"")},c):null);case"tooltip":return n.createElement("div",{className:o.vinput+" "+o["tooltipMessage-"+g]},n.createElement("input",Object.assign({type:"url"},y,{defaultValue:null!=(i=null==y?void 0:y.defaultValue)?i:"",className:(null==y?void 0:y.className)+" "+(s?_||o.invalid:"")})),s&&m?n.createElement("p",{className:v+" "+o.tooltipMessage+" "+o["tooltipMessage-"+g]+" "+(b?o.animateMessage:"")},c):null);default:return n.createElement("div",null)}};
 //# sourceMappingURL=react-validate-component.cjs.production.min.js.map

package/dist/react-validate-component.cjs.production.min.js.map

@@ -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/vText/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/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  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';\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\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","import React from 'react';\r\n\r\nexport function vURL() {\r\n  return <input type=\"url\" />;\r\n}\r\n"],"names":["styleInject","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$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","key","id","hidden","value","checked","_ref$vLocateMessage","vLocateMessage","styles","vinput","defaultValue","_props$defaultValue","invalid","animateMessage","_props$defaultValue2","innerMessage","_props$defaultValue3","tooltipMessage"],"mappings":"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"}
+{"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  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\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","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 { 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"],"names":["styleInject","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$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","key","id","hidden","value","checked","_ref$vLocateMessage","vLocateMessage","styles","vinput","defaultValue","_props$defaultValue","invalid","animateMessage","_props$defaultValue2","innerMessage","_props$defaultValue3","tooltipMessage"],"mappings":"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"}

package/dist/react-validate-component.esm.js

@@ -159,41 +159,98 @@ function VCheckbox(_ref) {
   }
 }
 
-function vColor() {
+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";
+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"};
+styleInject(css_248z$2);
+
+function VURL(_ref) {
+  var _props$defaultValue, _props$defaultValue2, _props$defaultValue3;
+  var _ref$vState = _ref.vState,
+    vState = _ref$vState === void 0 ? false : _ref$vState,
+    _ref$vType = _ref.vType,
+    vType = _ref$vType === void 0 ? 'outer' : _ref$vType,
+    _ref$vClassName = _ref.vClassName,
+    vClassName = _ref$vClassName === void 0 ? '' : _ref$vClassName,
+    _ref$vShowMessage = _ref.vShowMessage,
+    vShowMessage = _ref$vShowMessage === void 0 ? false : _ref$vShowMessage,
+    _ref$vMessage = _ref.vMessage,
+    vMessage = _ref$vMessage === void 0 ? '' : _ref$vMessage,
+    _ref$vLocateMessage = _ref.vLocateMessage,
+    vLocateMessage = _ref$vLocateMessage === void 0 ? 'bottom' : _ref$vLocateMessage,
+    _ref$vMessageClass = _ref.vMessageClass,
+    vMessageClass = _ref$vMessageClass === void 0 ? '' : _ref$vMessageClass,
+    _ref$vIsAnimate = _ref.vIsAnimate,
+    vIsAnimate = _ref$vIsAnimate === void 0 ? false : _ref$vIsAnimate,
+    _ref$props = _ref.props,
+    props = _ref$props === void 0 ? {} : _ref$props;
+  switch (vType) {
+    case 'outer':
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles$2.vinput + " " + styles$2["vinput-" + vLocateMessage]
+      }, /*#__PURE__*/React.createElement("input", Object.assign({
+        type: "url"
+      }, props, {
+        defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
+        className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles$2.invalid : '')
+      })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
+        className: vMessageClass + " " + (vIsAnimate ? styles$2.animateMessage : '')
+      }, vMessage)) : null);
+    case 'inner':
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles$2.vinput
+      }, /*#__PURE__*/React.createElement("input", Object.assign({
+        type: "url"
+      }, props, {
+        defaultValue: (_props$defaultValue2 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue2 : '',
+        className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles$2.invalid : '')
+      })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
+        className: vMessageClass + " " + styles$2.innerMessage + " " + styles$2["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles$2.animateMessage : '')
+      }, vMessage)) : null);
+    case 'tooltip':
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles$2.vinput + " " + styles$2["tooltipMessage-" + vLocateMessage]
+      }, /*#__PURE__*/React.createElement("input", Object.assign({
+        type: "url"
+      }, props, {
+        defaultValue: (_props$defaultValue3 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue3 : '',
+        className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles$2.invalid : '')
+      })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
+        className: vMessageClass + " " + styles$2.tooltipMessage + " " + styles$2["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles$2.animateMessage : '')
+      }, vMessage)) : null);
+    default:
+      return /*#__PURE__*/React.createElement("div", null);
+  }
+}
+
+function VColor() {
   return /*#__PURE__*/React.createElement("input", {
     type: "color"
   });
 }
 
-function vDate() {
+function VDate() {
   return /*#__PURE__*/React.createElement("input", {
     type: "date"
   });
 }
 
-function vEmail() {
+function VEmail() {
   return /*#__PURE__*/React.createElement("input", {
     type: "email"
   });
 }
 
-function vRadio() {
+function VRadio() {
   return /*#__PURE__*/React.createElement("input", {
     type: "radio"
   });
 }
 
-function vRange() {
+function VRange() {
   return /*#__PURE__*/React.createElement("input", {
     type: "range"
   });
 }
 
-function vURL() {
-  return /*#__PURE__*/React.createElement("input", {
-    type: "url"
-  });
-}
-
-export { VCheckbox, VText, vColor, vDate, vEmail, vRadio, vRange, vURL };
+export { VCheckbox, VColor, VDate, VEmail, VRadio, VRange, VText, VURL };
 //# sourceMappingURL=react-validate-component.esm.js.map

package/dist/react-validate-component.esm.js.map

@@ -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/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/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';\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\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","import React from 'react';\r\n\r\nexport function vURL() {\r\n  return <input type=\"url\" />;\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","vColor","vDate","vEmail","vRadio","vRange","vURL"],"mappings":"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"}
+{"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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"}

package/dist/vColor/index.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare function vColor(): React.JSX.Element;
+export declare function VColor(): React.JSX.Element;

package/dist/vDate/index.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare function vDate(): React.JSX.Element;
+export declare function VDate(): React.JSX.Element;

package/dist/vEmail/index.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare function vEmail(): React.JSX.Element;
+export declare function VEmail(): React.JSX.Element;

package/dist/vRadio/index.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare function vRadio(): React.JSX.Element;
+export declare function VRadio(): React.JSX.Element;

package/dist/vRange/index.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare function vRange(): React.JSX.Element;
+export declare function VRange(): React.JSX.Element;

package/dist/vURL/index.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare function vURL(): React.JSX.Element;
+import { VTEXT_PARAMS } from './vURL';
+export declare function VURL({ vState, vType, vClassName, vShowMessage, vMessage, vLocateMessage, vMessageClass, vIsAnimate, props, }: VTEXT_PARAMS): React.JSX.Element;

package/dist/vURL/vURL.d.ts

@@ -0,0 +1,13 @@
+import propsType from '../types/vprops';
+export interface VTEXT_PARAMS {
+    readonly vState: boolean;
+    readonly vType: // 유효성 메시지를 출력할 타입
+    'inner' | 'outer' | 'tooltip';
+    vClassName?: string;
+    readonly vShowMessage: boolean;
+    vMessage?: string;
+    vLocateMessage?: 'top-left' | 'top' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom' | 'bottom-right';
+    vMessageClass?: string;
+    vIsAnimate?: boolean;
+    props?: propsType;
+}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.0",
+  "version": "0.3.0",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/index.ts

@@ -1,10 +1,10 @@
 import { VText } from './vText';
 import { VCheckbox } from './vCheckbox';
-import { vColor } from './vColor';
-import { vDate } from './vDate';
-import { vEmail } from './vEmail';
-import { vRadio } from './vRadio';
-import { vRange } from './vRange';
-import { vURL } from './vURL';
+import { VURL } from './vURL';
+import { VColor } from './vColor';
+import { VDate } from './vDate';
+import { VEmail } from './vEmail';
+import { VRadio } from './vRadio';
+import { VRange } from './vRange';
 
-export { VText, VCheckbox, vColor, vDate, vEmail, vRadio, vRange, vURL };
+export { VText, VCheckbox, VURL, VColor, VDate, VEmail, VRadio, VRange };

package/src/vColor/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
 
-export function vColor() {
+export function VColor() {
   return <input type="color" />;
 }

package/src/vDate/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
 
-export function vDate() {
+export function VDate() {
   return <input type="date" />;
 }

package/src/vEmail/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
 
-export function vEmail() {
+export function VEmail() {
   return <input type="email" />;
 }

package/src/vRadio/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
 
-export function vRadio() {
+export function VRadio() {
   return <input type="radio" />;
 }

package/src/vRange/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
 
-export function vRange() {
+export function VRange() {
   return <input type="range" />;
 }

package/src/vURL/index.module.css

@@ -0,0 +1,210 @@
+.invalid {
+  border: 2px solid red;
+  outline: none;
+}
+.invalid:focus,
+.invalid:focus-visible,
+.invalid:focus-within {
+  border: 2px solid red;
+}
+
+/* vType === 'outer' */
+.vinput {
+  display: flex;
+}
+.vinput-top-left {
+  flex-direction: column-reverse;
+  align-items: flex-start;
+  justify-content: center;
+}
+.vinput-top {
+  flex-direction: column-reverse;
+  align-items: center;
+  justify-content: center;
+}
+.vinput-top-right {
+  flex-direction: column-reverse;
+  align-items: flex-end;
+  justify-content: center;
+}
+.vinput-center-left {
+  flex-direction: row-reverse;
+  align-items: center;
+  justify-content: center;
+}
+.vinput-center-right {
+  align-items: center;
+  justify-content: center;
+}
+.vinput-bottom-left {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+}
+.vinput-bottom {
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.vinput-bottom-right {
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+}
+
+/* vType === 'inner' */
+.innerMessage {
+  position: absolute;
+  font-size: 12px;
+  margin: 0;
+  padding: 2px 5px;
+  display: flex;
+}
+.innerMessage-top-left {
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.innerMessage-top {
+  align-items: flex-start;
+  justify-content: center;
+}
+.innerMessage-top-right {
+  align-items: flex-start;
+  justify-content: flex-end;
+}
+.innerMessage-center-left {
+  align-items: center;
+  justify-content: flex-start;
+}
+.innerMessage-center {
+  align-items: center;
+  justify-content: center;
+}
+.innerMessage-center-right {
+  align-items: center;
+  justify-content: flex-end;
+}
+.innerMessage-bottom-left {
+  align-items: flex-end;
+  justify-content: flex-start;
+}
+.innerMessage-bottom {
+  align-items: flex-end;
+  justify-content: center;
+}
+.innerMessage-bottom-right {
+  align-items: flex-end;
+  justify-content: flex-end;
+}
+
+/* vType === 'tooltip' */
+.tooltipMessage {
+  position: absolute;
+  margin: 0;
+  padding: 10px 20px;
+  border: 1px solid transparent;
+  border-radius: 10px;
+  background-color: black;
+}
+p[class*='tooltipMessage-top'] {
+  transform: translateY(calc(-100% - 10px));
+}
+p[class*='tooltipMessage-top']::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  border: 10px solid transparent;
+  border-top-color: black;
+  border-bottom: 0;
+  margin-bottom: -11px;
+}
+.vinput.tooltipMessage-top-left {
+  justify-content: flex-start;
+}
+p.tooltipMessage-top-left::after {
+  left: 3%;
+}
+.vinput.tooltipMessage-top {
+  justify-content: center;
+}
+p.tooltipMessage-top::after {
+  left: 44%;
+}
+.tooltipMessage-top-right {
+  justify-content: flex-end;
+}
+p.tooltipMessage-top-right::after {
+  left: 87%;
+}
+p[class*='tooltipMessage-center'] {
+  /* transform: translateY(calc(-100% - 10px)); */
+}
+p[class*='tooltipMessage-center']::after {
+  content: '';
+  position: absolute;
+  border: 10px solid transparent;
+}
+.vinput.tooltipMessage-center-right {
+  justify-content: flex-end;
+}
+p.tooltipMessage-center-right {
+  transform: translateX(calc(100% + 10px));
+}
+p.tooltipMessage-center-right::after {
+  border-right-color: black;
+  left: -10%;
+}
+.vinput.tooltipMessage-center-left {
+  justify-content: flex-start;
+}
+p.tooltipMessage-center-left {
+  transform: translateX(calc(-100% - 10px));
+}
+p.tooltipMessage-center-left::after {
+  border-left-color: black;
+  left: 100%;
+}
+
+p[class*='tooltipMessage-bottom'] {
+  transform: translateY(calc(120% + 10px));
+}
+p[class*='tooltipMessage-bottom']::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  border: 10px solid transparent;
+  border-bottom-color: black;
+  border-top: 0;
+  margin-top: -11px;
+}
+.vinput.tooltipMessage-bottom-left {
+  justify-content: flex-start;
+}
+p.tooltipMessage-bottom-left::after {
+  left: 3%;
+}
+.vinput.tooltipMessage-bottom {
+  justify-content: center;
+}
+p.tooltipMessage-bottom::after {
+  left: 44%;
+}
+.tooltipMessage-bottom-right {
+  justify-content: flex-end;
+}
+p.tooltipMessage-bottom-right::after {
+  left: 87%;
+}
+
+.animateMessage {
+  animation: fade-in 1s ease-in-out;
+}
+
+@keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}

package/src/vURL/index.tsx

@@ -1,5 +1,92 @@
 import React from 'react';
+import styles from './index.module.css';
+import { VTEXT_PARAMS } from './vURL';
 
-export function vURL() {
-  return <input type="url" />;
+export function VURL({
+  vState = false,
+  vType = 'outer',
+  vClassName = '',
+  vShowMessage = false,
+  vMessage = '',
+  vLocateMessage = 'bottom',
+  vMessageClass = '',
+  vIsAnimate = false,
+  props = {},
+}: VTEXT_PARAMS) {
+  switch (vType) {
+    case 'outer':
+      return (
+        <div
+          className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}
+        >
+          <input
+            type="url"
+            {...props}
+            defaultValue={props?.defaultValue ?? ''}
+            className={`${props?.className} ${
+              vState ? vClassName || styles.invalid : ''
+            }`}
+          ></input>
+          {vState && vShowMessage ? (
+            <p
+              className={`${vMessageClass} ${
+                vIsAnimate ? styles.animateMessage : ''
+              }`}
+            >
+              {vMessage}
+            </p>
+          ) : null}
+        </div>
+      );
+    case 'inner':
+      return (
+        <div className={styles.vinput}>
+          <input
+            type="url"
+            {...props}
+            defaultValue={props?.defaultValue ?? ''}
+            className={`${props?.className} ${
+              vState ? vClassName || styles.invalid : ''
+            }`}
+          ></input>
+          {vState && vShowMessage ? (
+            <p
+              className={`${vMessageClass} ${styles.innerMessage} ${
+                styles[`innerMessage-${vLocateMessage}`]
+              } ${vIsAnimate ? styles.animateMessage : ''}`}
+            >
+              {vMessage}
+            </p>
+          ) : null}
+        </div>
+      );
+    case 'tooltip':
+      return (
+        <div
+          className={`${styles.vinput} ${
+            styles[`tooltipMessage-${vLocateMessage}`]
+          }`}
+        >
+          <input
+            type="url"
+            {...props}
+            defaultValue={props?.defaultValue ?? ''}
+            className={`${props?.className} ${
+              vState ? vClassName || styles.invalid : ''
+            }`}
+          ></input>
+          {vState && vShowMessage ? (
+            <p
+              className={`${vMessageClass} ${styles.tooltipMessage} ${
+                styles[`tooltipMessage-${vLocateMessage}`]
+              } ${vIsAnimate ? styles.animateMessage : ''}`}
+            >
+              {vMessage}
+            </p>
+          ) : null}
+        </div>
+      );
+    default:
+      return <div></div>;
+  }
 }

package/src/vURL/vURL.ts

@@ -0,0 +1,24 @@
+import propsType from '../types/vprops';
+
+// VText 파라미터
+export interface VTEXT_PARAMS {
+  readonly vState: boolean; // 유효성 상태 값
+  readonly vType: // 유효성 메시지를 출력할 타입
+  'inner' | 'outer' | 'tooltip';
+  vClassName?: string; // 유효성 입힐 class 명
+  readonly vShowMessage: boolean; // 유효성 메시지 출력할지
+  vMessage?: string; // 유효성 메시지
+  vLocateMessage?: // 유효성 메시지를 element 어디에 붙일지
+  | 'top-left'
+    | 'top'
+    | 'top-right'
+    | 'center-left'
+    | 'center'
+    | 'center-right'
+    | 'bottom-left'
+    | 'bottom'
+    | 'bottom-right';
+  vMessageClass?: string; // 유효성 메시지에 입힐 class 명
+  vIsAnimate?: boolean; // 유효성 메시지 출력 시 애니메이션 적용할지
+  props?: propsType; // 기타 옵션
+}