react-validate-component 0.8.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +66 -68
- package/dist/react-validate-component.cjs.development.js +65 -24
- package/dist/react-validate-component.cjs.development.js.map +1 -1
- package/dist/react-validate-component.cjs.production.min.js +1 -1
- package/dist/react-validate-component.cjs.production.min.js.map +1 -1
- package/dist/react-validate-component.esm.js +65 -24
- package/dist/react-validate-component.esm.js.map +1 -1
- package/dist/vText/index.d.ts +1 -1
- package/dist/vText/vText.d.ts +3 -0
- package/package.json +2 -2
- package/src/index.module.css +15 -0
- package/src/vText/index.tsx +68 -27
- package/src/vText/vText.ts +3 -0
package/README.md
CHANGED
|
@@ -1,68 +1,66 @@
|
|
|
1
|
-
# react-validate-component
|
|
2
|
-
|
|
3
|
-
`react-validate-component`는
|
|
4
|
-
|
|
5
|
-
`react-validate-component` is a library that helps simplify input validation in React
|
|
6
|
-
|
|
7
|
-
## 설치, Install
|
|
8
|
-
|
|
9
|
-
`react-validate-component` 라이브러리는 npm 또는 yarn을 통해 설치할 수 있습니다.
|
|
10
|
-
|
|
11
|
-
The `react-validate-component` library can be installed via npm or yarn.
|
|
12
|
-
|
|
13
|
-
### npm
|
|
14
|
-
|
|
15
|
-
```bash
|
|
16
|
-
npm install react-validate-component
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
### yarn
|
|
20
|
-
|
|
21
|
-
```bash
|
|
22
|
-
yarn add react-validate-component
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
## 사용법, How to use
|
|
26
|
-
|
|
27
|
-
현재 라이브러리에는 `vText`, `vCheckbox`, `vURL`, `vEmail`, `vRadio`, `vColor`, `vRange`, `vDate` 컴포넌트가 구현되어 있습니다. 이 컴포넌트를 사용하여 텍스트 입력 필드의 유효성 검사를 쉽게 구현할 수 있습니다.
|
|
28
|
-
|
|
29
|
-
The library currently includes the `vText`, `vCheckbox`, `vURL`, `vEmail`, `vRadio`, `vColor`, `vRange`, `vDate` component. You can use this component to easily implement validation for text input fields.
|
|
30
|
-
|
|
31
|
-
## 컴포넌트, Components
|
|
32
|
-
|
|
33
|
-
- [vText](./doc/vtext.md)
|
|
34
|
-
- [vCheckbox](./doc/vcheckbox.md)
|
|
35
|
-
- [vURL](./doc/vurl.md)
|
|
36
|
-
- [vEmail](./doc/vemail.md)
|
|
37
|
-
- [vRadio](./doc/vradio.md)
|
|
38
|
-
- [vColor](./doc/vcolor.md)
|
|
39
|
-
- [vRange](./doc/vrange.md)
|
|
40
|
-
- [vDate](./doc/vdate.md)
|
|
41
|
-
|
|
42
|
-
### 유효성 검사 규칙, Validation Rules
|
|
43
|
-
|
|
44
|
-
- 지금은 사용자가 정규식 혹은 함수를 이용해 작성한 유효성검사 로직을 토대로 element에 출력하고 있습니다.
|
|
45
|
-
- 상단에 예시를 확인하여 주시기 바랍니다.
|
|
46
|
-
|
|
47
|
-
- Currently, validation messages are displayed based on validation logic written by the user using regular expressions or functions.
|
|
48
|
-
- Please refer to the examples provided above.
|
|
49
|
-
|
|
50
|
-
## 개발중인 기능, Features in Development
|
|
51
|
-
|
|
52
|
-
- 추가적인 유효성 검사 규칙 및 에러 메시지 처리 기능이 계획되어 있습니다.
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
This library is distributed under the [MIT License](LICENSE).
|
|
1
|
+
# react-validate-component
|
|
2
|
+
|
|
3
|
+
`react-validate-component`는 리액트에서 입력 유효성 검사를 간편하게 처리할 수 있도록 도와주는 라이브러리입니다. 이 컴포넌트를 사용하여 간단하게 입력의 유효성을 검사할 수 있습니다.
|
|
4
|
+
|
|
5
|
+
`react-validate-component` is a library that helps simplify input validation in React. Which allows for easy validation of input.
|
|
6
|
+
|
|
7
|
+
## 설치, Install
|
|
8
|
+
|
|
9
|
+
`react-validate-component` 라이브러리는 npm 또는 yarn을 통해 설치할 수 있습니다.
|
|
10
|
+
|
|
11
|
+
The `react-validate-component` library can be installed via npm or yarn.
|
|
12
|
+
|
|
13
|
+
### npm
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
npm install react-validate-component
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
### yarn
|
|
20
|
+
|
|
21
|
+
```bash
|
|
22
|
+
yarn add react-validate-component
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
## 사용법, How to use
|
|
26
|
+
|
|
27
|
+
현재 라이브러리에는 `vText`, `vCheckbox`, `vURL`, `vEmail`, `vRadio`, `vColor`, `vRange`, `vDate` 컴포넌트가 구현되어 있습니다. 이 컴포넌트를 사용하여 텍스트 입력 필드의 유효성 검사를 쉽게 구현할 수 있습니다.
|
|
28
|
+
|
|
29
|
+
The library currently includes the `vText`, `vCheckbox`, `vURL`, `vEmail`, `vRadio`, `vColor`, `vRange`, `vDate` component. You can use this component to easily implement validation for text input fields.
|
|
30
|
+
|
|
31
|
+
## 컴포넌트, Components
|
|
32
|
+
|
|
33
|
+
- [vText](./doc/vtext.md)
|
|
34
|
+
- [vCheckbox](./doc/vcheckbox.md)
|
|
35
|
+
- [vURL](./doc/vurl.md)
|
|
36
|
+
- [vEmail](./doc/vemail.md)
|
|
37
|
+
- [vRadio](./doc/vradio.md)
|
|
38
|
+
- [vColor](./doc/vcolor.md)
|
|
39
|
+
- [vRange](./doc/vrange.md)
|
|
40
|
+
- [vDate](./doc/vdate.md)
|
|
41
|
+
|
|
42
|
+
### 유효성 검사 규칙, Validation Rules
|
|
43
|
+
|
|
44
|
+
- 지금은 사용자가 정규식 혹은 함수를 이용해 작성한 유효성검사 로직을 토대로 element에 출력하고 있습니다.
|
|
45
|
+
- 상단에 예시를 확인하여 주시기 바랍니다.
|
|
46
|
+
|
|
47
|
+
- Currently, validation messages are displayed based on validation logic written by the user using regular expressions or functions.
|
|
48
|
+
- Please refer to the examples provided above.
|
|
49
|
+
|
|
50
|
+
## 개발중인 기능, Features in Development
|
|
51
|
+
|
|
52
|
+
- 추가적인 유효성 검사 규칙 및 에러 메시지 처리 기능이 계획되어 있습니다.
|
|
53
|
+
|
|
54
|
+
- Additional validation rules and error message handling features are also in the pipeline.
|
|
55
|
+
|
|
56
|
+
## 기여, Contributions
|
|
57
|
+
|
|
58
|
+
기여를 원하시는 분은 언제든지 pull request를 제출하거나 이슈를 제기해 주세요. 코드 기여 및 피드백을 환영합니다!
|
|
59
|
+
|
|
60
|
+
If you would like to contribute, please feel free to submit a pull request or open an issue at any time. We welcome code contributions and feedback!
|
|
61
|
+
|
|
62
|
+
## 라이센스, License
|
|
63
|
+
|
|
64
|
+
이 라이브러리는 [MIT 라이센스](LICENSE) 하에 배포됩니다.
|
|
65
|
+
|
|
66
|
+
This library is distributed under the [MIT License](LICENSE).
|
|
@@ -6,6 +6,16 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
6
6
|
|
|
7
7
|
var React = _interopDefault(require('react'));
|
|
8
8
|
|
|
9
|
+
function _extends() {
|
|
10
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
11
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
12
|
+
var t = arguments[e];
|
|
13
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
14
|
+
}
|
|
15
|
+
return n;
|
|
16
|
+
}, _extends.apply(null, arguments);
|
|
17
|
+
}
|
|
18
|
+
|
|
9
19
|
function styleInject(css, ref) {
|
|
10
20
|
if ( ref === void 0 ) ref = {};
|
|
11
21
|
var insertAt = ref.insertAt;
|
|
@@ -33,13 +43,13 @@ function styleInject(css, ref) {
|
|
|
33
43
|
}
|
|
34
44
|
}
|
|
35
45
|
|
|
36
|
-
var css_248z = ".index-module_invalid__gHKsE {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__gHKsE:focus,\r\n.index-module_invalid__gHKsE:focus-visible,\r\n.index-module_invalid__gHKsE:focus-within {\r\n border: 2px solid red;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__tFGFH {\r\n display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n flex-direction: column-reverse;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n flex-direction: column-reverse;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n flex-direction: column;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__rihga {\r\n position: absolute;\r\n font-size: 12px;\r\n margin: 0;\r\n padding: 2px 5px;\r\n display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__ZlthY {\r\n position: absolute;\r\n margin: 0;\r\n padding: 10px 20px;\r\n border: 1px solid transparent;\r\n border-radius: 10px;\r\n background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n border: 10px solid transparent;\r\n border-top-color: black;\r\n border-bottom: 0;\r\n margin-bottom: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top-left__us8PI {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__us8PI::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top__NaUtu {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__NaUtu::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__UveQN {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__UveQN::after {\r\n left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n content: '';\r\n position: absolute;\r\n border: 10px solid transparent;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-right__8eqfQ {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ {\r\n transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ::after {\r\n border-right-color: black;\r\n left: -10%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-left__yyDuD {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD {\r\n transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD::after {\r\n border-left-color: black;\r\n left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n border: 10px solid transparent;\r\n border-bottom-color: black;\r\n border-top: 0;\r\n margin-top: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom-left__u-H0Q {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__u-H0Q::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom__YOZgV {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__YOZgV::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__yD0zu {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__yD0zu::after {\r\n left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n";
|
|
37
|
-
var styles = {"invalid":"index-module_invalid__gHKsE","vinput":"index-module_vinput__tFGFH","vinput-top-left":"index-module_vinput-top-left__2g8Bq","vinput-top":"index-module_vinput-top__ZTh6H","vinput-top-right":"index-module_vinput-top-right__t6K-Q","vinput-center-left":"index-module_vinput-center-left__vJn0s","vinput-center-right":"index-module_vinput-center-right__HDgip","vinput-bottom-left":"index-module_vinput-bottom-left__xxaiT","vinput-bottom":"index-module_vinput-bottom__nCOAf","vinput-bottom-right":"index-module_vinput-bottom-right__6AjOE","innerMessage":"index-module_innerMessage__rihga","innerMessage-top-left":"index-module_innerMessage-top-left__HLoYg","innerMessage-top":"index-module_innerMessage-top__ouYW6","innerMessage-top-right":"index-module_innerMessage-top-right__7tMC8","innerMessage-center-left":"index-module_innerMessage-center-left__4iZyl","innerMessage-center":"index-module_innerMessage-center__U2006","innerMessage-center-right":"index-module_innerMessage-center-right__Pg2oU","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__1QDIv","innerMessage-bottom":"index-module_innerMessage-bottom__gMogT","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__peBq-","tooltipMessage":"index-module_tooltipMessage__ZlthY","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__us8PI","tooltipMessage-top":"index-module_tooltipMessage-top__NaUtu","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__UveQN","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__8eqfQ","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__yyDuD","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__u-H0Q","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__YOZgV","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__yD0zu","animateMessage":"index-module_animateMessage__Gxf3M","fade-in":"index-module_fade-in__GxKz8"};
|
|
46
|
+
var css_248z = ".index-module_invalid__gHKsE {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__gHKsE:focus,\r\n.index-module_invalid__gHKsE:focus-visible,\r\n.index-module_invalid__gHKsE:focus-within {\r\n border: 2px solid red;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH {\r\n position: relative;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH > input[type='text'] {\r\n padding-right: 70px;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH .index-module_vMaxLength__hANPK {\r\n color: #555;\r\n font-size: 0.8rem;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n margin: 0;\r\n padding: 16px;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__tFGFH {\r\n display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n flex-direction: column-reverse;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n flex-direction: column-reverse;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n flex-direction: column;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__rihga {\r\n position: absolute;\r\n font-size: 12px;\r\n margin: 0;\r\n padding: 2px 5px;\r\n display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__ZlthY {\r\n position: absolute;\r\n margin: 0;\r\n padding: 10px 20px;\r\n border: 1px solid transparent;\r\n border-radius: 10px;\r\n background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n border: 10px solid transparent;\r\n border-top-color: black;\r\n border-bottom: 0;\r\n margin-bottom: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top-left__us8PI {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__us8PI::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top__NaUtu {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__NaUtu::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__UveQN {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__UveQN::after {\r\n left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n content: '';\r\n position: absolute;\r\n border: 10px solid transparent;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-right__8eqfQ {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ {\r\n transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ::after {\r\n border-right-color: black;\r\n left: -10%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-left__yyDuD {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD {\r\n transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD::after {\r\n border-left-color: black;\r\n left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n border: 10px solid transparent;\r\n border-bottom-color: black;\r\n border-top: 0;\r\n margin-top: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom-left__u-H0Q {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__u-H0Q::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom__YOZgV {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__YOZgV::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__yD0zu {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__yD0zu::after {\r\n left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n";
|
|
47
|
+
var styles = {"invalid":"index-module_invalid__gHKsE","vMaxLengthContainer":"index-module_vMaxLengthContainer__rh7UH","vMaxLength":"index-module_vMaxLength__hANPK","vinput":"index-module_vinput__tFGFH","vinput-top-left":"index-module_vinput-top-left__2g8Bq","vinput-top":"index-module_vinput-top__ZTh6H","vinput-top-right":"index-module_vinput-top-right__t6K-Q","vinput-center-left":"index-module_vinput-center-left__vJn0s","vinput-center-right":"index-module_vinput-center-right__HDgip","vinput-bottom-left":"index-module_vinput-bottom-left__xxaiT","vinput-bottom":"index-module_vinput-bottom__nCOAf","vinput-bottom-right":"index-module_vinput-bottom-right__6AjOE","innerMessage":"index-module_innerMessage__rihga","innerMessage-top-left":"index-module_innerMessage-top-left__HLoYg","innerMessage-top":"index-module_innerMessage-top__ouYW6","innerMessage-top-right":"index-module_innerMessage-top-right__7tMC8","innerMessage-center-left":"index-module_innerMessage-center-left__4iZyl","innerMessage-center":"index-module_innerMessage-center__U2006","innerMessage-center-right":"index-module_innerMessage-center-right__Pg2oU","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__1QDIv","innerMessage-bottom":"index-module_innerMessage-bottom__gMogT","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__peBq-","tooltipMessage":"index-module_tooltipMessage__ZlthY","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__us8PI","tooltipMessage-top":"index-module_tooltipMessage-top__NaUtu","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__UveQN","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__8eqfQ","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__yyDuD","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__u-H0Q","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__YOZgV","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__yD0zu","animateMessage":"index-module_animateMessage__Gxf3M","fade-in":"index-module_fade-in__GxKz8"};
|
|
38
48
|
styleInject(css_248z);
|
|
39
49
|
|
|
40
50
|
// Text
|
|
41
51
|
function VText(_ref) {
|
|
42
|
-
var
|
|
52
|
+
var _length, _ref2, _props, _props2, _props$defaultValue, _props4, _props$className, _props5, _inputRef$current2;
|
|
43
53
|
var _ref$vState = _ref.vState,
|
|
44
54
|
vState = _ref$vState === void 0 ? false : _ref$vState,
|
|
45
55
|
_ref$vType = _ref.vType,
|
|
@@ -56,40 +66,71 @@ function VText(_ref) {
|
|
|
56
66
|
vMessageClass = _ref$vMessageClass === void 0 ? '' : _ref$vMessageClass,
|
|
57
67
|
_ref$vIsAnimate = _ref.vIsAnimate,
|
|
58
68
|
vIsAnimate = _ref$vIsAnimate === void 0 ? false : _ref$vIsAnimate,
|
|
69
|
+
_ref$vUseMaxLength = _ref.vUseMaxLength,
|
|
70
|
+
vUseMaxLength = _ref$vUseMaxLength === void 0 ? false : _ref$vUseMaxLength,
|
|
71
|
+
_ref$vMaxLength = _ref.vMaxLength,
|
|
72
|
+
vMaxLength = _ref$vMaxLength === void 0 ? 0 : _ref$vMaxLength,
|
|
73
|
+
_ref$vClassMaxLength = _ref.vClassMaxLength,
|
|
74
|
+
vClassMaxLength = _ref$vClassMaxLength === void 0 ? '' : _ref$vClassMaxLength,
|
|
59
75
|
_ref$props = _ref.props,
|
|
60
76
|
props = _ref$props === void 0 ? {} : _ref$props;
|
|
77
|
+
var inputRef = React.useRef(null);
|
|
78
|
+
var _React$useState = React.useState((_length = (_ref2 = ((_props = props) == null ? void 0 : _props.defaultValue) || ((_props2 = props) == null ? void 0 : _props2.value)) == null ? void 0 : _ref2.length) != null ? _length : 0),
|
|
79
|
+
inputLength = _React$useState[0],
|
|
80
|
+
setInputLength = _React$useState[1];
|
|
81
|
+
// 공통 input 태그 변수화
|
|
82
|
+
var inputHTML = /*#__PURE__*/React.createElement("input", Object.assign({
|
|
83
|
+
type: "text",
|
|
84
|
+
ref: inputRef
|
|
85
|
+
}, props, {
|
|
86
|
+
onChange: function onChange(e) {
|
|
87
|
+
if (vUseMaxLength && e.target.value.length > vMaxLength) {
|
|
88
|
+
e.preventDefault();
|
|
89
|
+
e.target.value = e.target.value.slice(0, vMaxLength);
|
|
90
|
+
} else {
|
|
91
|
+
var _props3;
|
|
92
|
+
(_props3 = props) == null || _props3.onChange(e);
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
defaultValue: (_props$defaultValue = (_props4 = props) == null ? void 0 : _props4.defaultValue) != null ? _props$defaultValue : '',
|
|
96
|
+
className: ((_props$className = (_props5 = props) == null ? void 0 : _props5.className) != null ? _props$className : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
97
|
+
}));
|
|
98
|
+
// 일부 옵션 값들은 input 기본 속성값을 이용하기 위해 merge 진행
|
|
99
|
+
if (vUseMaxLength) {
|
|
100
|
+
props = _extends({}, props, {
|
|
101
|
+
maxLength: vMaxLength
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
React.useEffect(function () {
|
|
105
|
+
// 입력 최댓값을 사용할 경우 useEffect Hook 설정
|
|
106
|
+
if (vUseMaxLength) {
|
|
107
|
+
var _inputRef$current$val, _inputRef$current;
|
|
108
|
+
setInputLength(((_inputRef$current$val = (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.value) != null ? _inputRef$current$val : '').length);
|
|
109
|
+
}
|
|
110
|
+
}, [(_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.value]);
|
|
61
111
|
switch (vType) {
|
|
62
112
|
case 'outer':
|
|
63
113
|
return /*#__PURE__*/React.createElement("div", {
|
|
64
|
-
className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
|
|
65
|
-
}, /*#__PURE__*/React.createElement("
|
|
66
|
-
|
|
67
|
-
},
|
|
68
|
-
defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
|
|
69
|
-
className: ((_props$className = props == null ? void 0 : props.className) != null ? _props$className : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
70
|
-
})), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
|
|
114
|
+
className: styles.vinput + " " + styles["vinput-" + vLocateMessage] + " " + (vUseMaxLength ? styles.vMaxLengthContainer : '')
|
|
115
|
+
}, inputHTML, vUseMaxLength && ( /*#__PURE__*/React.createElement("p", {
|
|
116
|
+
className: styles.vMaxLength + " " + vClassMaxLength
|
|
117
|
+
}, inputLength, " / ", vMaxLength)), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
|
|
71
118
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
72
119
|
}, vMessage)) : null);
|
|
73
120
|
case 'inner':
|
|
74
121
|
return /*#__PURE__*/React.createElement("div", {
|
|
75
|
-
className: styles.vinput
|
|
76
|
-
}, /*#__PURE__*/React.createElement("
|
|
77
|
-
|
|
78
|
-
},
|
|
79
|
-
defaultValue: (_props$defaultValue2 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue2 : '',
|
|
80
|
-
className: ((_props$className2 = props == null ? void 0 : props.className) != null ? _props$className2 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
81
|
-
})), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
|
|
122
|
+
className: styles.vinput + " " + (vUseMaxLength ? styles.vMaxLengthContainer : '')
|
|
123
|
+
}, inputHTML, vUseMaxLength && ( /*#__PURE__*/React.createElement("p", {
|
|
124
|
+
className: styles.vMaxLength + " " + vClassMaxLength
|
|
125
|
+
}, inputLength, " / ", vMaxLength)), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
|
|
82
126
|
className: vMessageClass + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
83
127
|
}, vMessage)) : null);
|
|
84
128
|
case 'tooltip':
|
|
85
129
|
return /*#__PURE__*/React.createElement("div", {
|
|
86
|
-
className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage]
|
|
87
|
-
}, /*#__PURE__*/React.createElement("
|
|
88
|
-
|
|
89
|
-
},
|
|
90
|
-
defaultValue: (_props$defaultValue3 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue3 : '',
|
|
91
|
-
className: ((_props$className3 = props == null ? void 0 : props.className) != null ? _props$className3 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
92
|
-
})), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
|
|
130
|
+
className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vUseMaxLength ? styles.vMaxLengthContainer : '')
|
|
131
|
+
}, inputHTML, vUseMaxLength && ( /*#__PURE__*/React.createElement("p", {
|
|
132
|
+
className: styles.vMaxLength + " " + vClassMaxLength
|
|
133
|
+
}, inputLength, " / ", vMaxLength)), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
|
|
93
134
|
className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
94
135
|
}, vMessage)) : null);
|
|
95
136
|
default:
|
|
@@ -1 +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/vURL/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\nimport styles from '../index.module.css';\nimport { VTEXT_PARAMS } from './vText';\n\n// Text\nexport function VText({\n vState = false,\n vType = 'outer',\n vClassName = '',\n vShowMessage = false,\n vMessage = '',\n vLocateMessage = 'bottom',\n vMessageClass = '',\n vIsAnimate = false,\n props = {},\n}: VTEXT_PARAMS) {\n switch (vType) {\n case 'outer':\n return (\n <div\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\n >\n <input\n type=\"text\"\n {...props}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${\n vIsAnimate ? styles.animateMessage : ''\n }`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'inner':\n return (\n <div className={styles.vinput}>\n <input\n type=\"text\"\n {...props}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.innerMessage} ${\n styles[`innerMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'tooltip':\n return (\n <div\n className={`${styles.vinput} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n }`}\n >\n <input\n type=\"text\"\n {...props}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.tooltipMessage} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n default:\n return <div></div>;\n }\n}\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCHECKBOX_PARAMS } from './vCheckbox';\r\n\r\nexport function VCheckbox({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vLayoutClassName = '',\r\n vLabelClassName = '',\r\n vCheckedClassName = '',\r\n vCheckList = [],\r\n vCheckedList = [],\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCHECKBOX_PARAMS) {\r\n // 체크박스 리스트 생성 함수\r\n function makeCheckList() {\r\n const result: React.JSX.Element[] = [];\r\n vCheckList.forEach((val, i) => {\r\n result.push(\r\n <label\r\n htmlFor={`vCheckbox-${i}`}\r\n className={`${vLabelClassName} ${\r\n vCheckedList[i] ? vCheckedClassName : ''\r\n } ${vState ? styles.invalid : ''}`}\r\n key={i}\r\n >\r\n <input\r\n id={`vCheckbox-${i}`}\r\n type=\"checkbox\"\r\n className={vClassName}\r\n hidden\r\n value={val}\r\n checked={vCheckedList[i]}\r\n {...props}\r\n />\r\n <span>{val}</span>\r\n </label>\r\n );\r\n });\r\n return <div className={vLayoutClassName}>{result}</div>;\r\n }\r\n\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n {makeCheckList()}\r\n </div>\r\n );\r\n case 'bottom':\r\n return (\r\n <div>\r\n {makeCheckList()}\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VURL_PARAMS } from './vURL';\r\n\r\nexport function VURL({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VURL_PARAMS) {\r\n switch (vType) {\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCOLOR_PARAMS } from './vColor';\r\n\r\nexport function VColor({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCOLOR_PARAMS) {\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"color\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"color\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VDATE_PARAMS } from './vDate';\r\n\r\nexport function VDate({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VDATE_PARAMS) {\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"date\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"date\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VEMAIL_PARAMS } from './vEmail';\r\n\r\nexport function VEmail({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VEMAIL_PARAMS) {\r\n switch (vType) {\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRADIO_PARAMS } from './vRadio';\r\n\r\nexport function VRadio({\r\n vState = false,\r\n vName = '',\r\n vSelectListName = [],\r\n vSelectListValue = [],\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRADIO_PARAMS) {\r\n function makeSelectList() {\r\n const result = [];\r\n\r\n for (let i = 0; i < vSelectListName.length; i += 1) {\r\n result.push(\r\n <div key={`${vName}-${i}`}>\r\n <input\r\n type=\"radio\"\r\n id={`${vName}-${i}`}\r\n name={vName}\r\n value={vSelectListValue[i]}\r\n {...props}\r\n ></input>\r\n <label htmlFor={`${vName}-${i}`}>{vSelectListName[i]}</label>\r\n </div>\r\n );\r\n }\r\n\r\n return result;\r\n }\r\n\r\n switch (vType) {\r\n case 'bottom':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n case 'top':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n </>\r\n );\r\n case 'tooltip':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRANGE_PARAMS } from './vRange';\r\n\r\nexport function VRange({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRANGE_PARAMS) {\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"range\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"range\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n"],"names":["VText","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vLocateMessage","vLocateMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","React","className","styles","vinput","type","defaultValue","_props$defaultValue","_props$className","invalid","animateMessage","_props$defaultValue2","_props$className2","innerMessage","_props$defaultValue3","_props$className3","tooltipMessage","VCheckbox","_ref$vLayoutClassName","vLayoutClassName","_ref$vLabelClassName","vLabelClassName","_ref$vCheckedClassNam","vCheckedClassName","_ref$vCheckList","vCheckList","_ref$vCheckedList","vCheckedList","makeCheckList","result","forEach","val","i","push","htmlFor","key","id","hidden","value","checked","VURL","VColor","VDate","VEmail","VRadio","_ref$vName","vName","_ref$vSelectListName","vSelectListName","_ref$vSelectListValue","vSelectListValue","makeSelectList","length","name","VRange"],"mappings":"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"}
|
|
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/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 vUseMaxLength = false,\n vMaxLength = 0,\n vClassMaxLength = '',\n props = {},\n}: VTEXT_PARAMS) {\n const inputRef = React.useRef<HTMLInputElement>(null);\n const [inputLength, setInputLength] = React.useState<number>(\n (props?.defaultValue || props?.value)?.length ?? 0\n );\n\n // 공통 input 태그 변수화\n const inputHTML = (\n <input\n type=\"text\"\n ref={inputRef}\n {...props}\n onChange={e => {\n if (vUseMaxLength && e.target.value.length > vMaxLength) {\n e.preventDefault();\n e.target.value = e.target.value.slice(0, vMaxLength);\n } else {\n props?.onChange(e);\n }\n }}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n );\n\n // 일부 옵션 값들은 input 기본 속성값을 이용하기 위해 merge 진행\n if (vUseMaxLength) {\n props = { ...props, maxLength: vMaxLength };\n }\n\n React.useEffect(() => {\n // 입력 최댓값을 사용할 경우 useEffect Hook 설정\n if (vUseMaxLength) {\n setInputLength((inputRef.current?.value ?? '').length);\n }\n }, [inputRef.current?.value]);\n\n switch (vType) {\n case 'outer':\n return (\n <div\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]} ${\n vUseMaxLength ? styles.vMaxLengthContainer : ''\n }`}\n >\n {inputHTML}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${\n vIsAnimate ? styles.animateMessage : ''\n }`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'inner':\n return (\n <div\n className={`${styles.vinput} ${\n vUseMaxLength ? styles.vMaxLengthContainer : ''\n }`}\n >\n {inputHTML}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.innerMessage} ${\n styles[`innerMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'tooltip':\n return (\n <div\n className={`${styles.vinput} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vUseMaxLength ? styles.vMaxLengthContainer : ''}`}\n >\n {inputHTML}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.tooltipMessage} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n 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 vLayoutClassName = '',\r\n vLabelClassName = '',\r\n vCheckedClassName = '',\r\n vCheckList = [],\r\n vCheckedList = [],\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCHECKBOX_PARAMS) {\r\n // 체크박스 리스트 생성 함수\r\n function makeCheckList() {\r\n const result: React.JSX.Element[] = [];\r\n vCheckList.forEach((val, i) => {\r\n result.push(\r\n <label\r\n htmlFor={`vCheckbox-${i}`}\r\n className={`${vLabelClassName} ${\r\n vCheckedList[i] ? vCheckedClassName : ''\r\n } ${vState ? styles.invalid : ''}`}\r\n key={i}\r\n >\r\n <input\r\n id={`vCheckbox-${i}`}\r\n type=\"checkbox\"\r\n className={vClassName}\r\n hidden\r\n value={val}\r\n checked={vCheckedList[i]}\r\n {...props}\r\n />\r\n <span>{val}</span>\r\n </label>\r\n );\r\n });\r\n return <div className={vLayoutClassName}>{result}</div>;\r\n }\r\n\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n {makeCheckList()}\r\n </div>\r\n );\r\n case 'bottom':\r\n return (\r\n <div>\r\n {makeCheckList()}\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VURL_PARAMS } from './vURL';\r\n\r\nexport function VURL({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VURL_PARAMS) {\r\n switch (vType) {\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCOLOR_PARAMS } from './vColor';\r\n\r\nexport function VColor({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCOLOR_PARAMS) {\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"color\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"color\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VDATE_PARAMS } from './vDate';\r\n\r\nexport function VDate({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VDATE_PARAMS) {\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"date\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"date\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VEMAIL_PARAMS } from './vEmail';\r\n\r\nexport function VEmail({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VEMAIL_PARAMS) {\r\n switch (vType) {\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRADIO_PARAMS } from './vRadio';\r\n\r\nexport function VRadio({\r\n vState = false,\r\n vName = '',\r\n vSelectListName = [],\r\n vSelectListValue = [],\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRADIO_PARAMS) {\r\n function makeSelectList() {\r\n const result = [];\r\n\r\n for (let i = 0; i < vSelectListName.length; i += 1) {\r\n result.push(\r\n <div key={`${vName}-${i}`}>\r\n <input\r\n type=\"radio\"\r\n id={`${vName}-${i}`}\r\n name={vName}\r\n value={vSelectListValue[i]}\r\n {...props}\r\n ></input>\r\n <label htmlFor={`${vName}-${i}`}>{vSelectListName[i]}</label>\r\n </div>\r\n );\r\n }\r\n\r\n return result;\r\n }\r\n\r\n switch (vType) {\r\n case 'bottom':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n case 'top':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n </>\r\n );\r\n case 'tooltip':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRANGE_PARAMS } from './vRange';\r\n\r\nexport function VRange({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRANGE_PARAMS) {\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"range\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"range\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n"],"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$vUseMaxLength","vUseMaxLength","_ref$vMaxLength","vMaxLength","_ref$vClassMaxLength","vClassMaxLength","_ref$props","props","inputRef","React","useRef","_React$useState","useState","_length","_ref2","_props","defaultValue","_props2","value","length","inputLength","setInputLength","inputHTML","type","ref","onChange","e","target","preventDefault","slice","_props3","_props$defaultValue","_props4","className","_props$className","_props5","styles","invalid","_extends","maxLength","useEffect","_inputRef$current$val","_inputRef$current","current","_inputRef$current2","vinput","vMaxLengthContainer","animateMessage","innerMessage","tooltipMessage","VCheckbox","_ref$vLayoutClassName","vLayoutClassName","_ref$vLabelClassName","vLabelClassName","_ref$vCheckedClassNam","vCheckedClassName","_ref$vCheckList","vCheckList","_ref$vCheckedList","vCheckedList","makeCheckList","result","forEach","val","i","push","htmlFor","key","id","hidden","checked","VURL","_props$defaultValue2","_props$className2","_props$defaultValue3","_props$className3","VColor","VDate","VEmail","VRadio","_ref$vName","vName","_ref$vSelectListName","vSelectListName","_ref$vSelectListValue","vSelectListValue","makeSelectList","name","VRange"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,n={invalid:"index-module_invalid__gHKsE",vinput:"index-module_vinput__tFGFH","vinput-top-left":"index-module_vinput-top-left__2g8Bq","vinput-top":"index-module_vinput-top__ZTh6H","vinput-top-right":"index-module_vinput-top-right__t6K-Q","vinput-center-left":"index-module_vinput-center-left__vJn0s","vinput-center-right":"index-module_vinput-center-right__HDgip","vinput-bottom-left":"index-module_vinput-bottom-left__xxaiT","vinput-bottom":"index-module_vinput-bottom__nCOAf","vinput-bottom-right":"index-module_vinput-bottom-right__6AjOE",innerMessage:"index-module_innerMessage__rihga","innerMessage-top-left":"index-module_innerMessage-top-left__HLoYg","innerMessage-top":"index-module_innerMessage-top__ouYW6","innerMessage-top-right":"index-module_innerMessage-top-right__7tMC8","innerMessage-center-left":"index-module_innerMessage-center-left__4iZyl","innerMessage-center":"index-module_innerMessage-center__U2006","innerMessage-center-right":"index-module_innerMessage-center-right__Pg2oU","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__1QDIv","innerMessage-bottom":"index-module_innerMessage-bottom__gMogT","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__peBq-",tooltipMessage:"index-module_tooltipMessage__ZlthY","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__us8PI","tooltipMessage-top":"index-module_tooltipMessage-top__NaUtu","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__UveQN","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__8eqfQ","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__yyDuD","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__u-H0Q","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__YOZgV","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__yD0zu",animateMessage:"index-module_animateMessage__Gxf3M","fade-in":"index-module_fade-in__GxKz8"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}(".index-module_invalid__gHKsE {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__gHKsE:focus,\r\n.index-module_invalid__gHKsE:focus-visible,\r\n.index-module_invalid__gHKsE:focus-within {\r\n border: 2px solid red;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__tFGFH {\r\n display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n flex-direction: column-reverse;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n flex-direction: column-reverse;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n flex-direction: column;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__rihga {\r\n position: absolute;\r\n font-size: 12px;\r\n margin: 0;\r\n padding: 2px 5px;\r\n display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__ZlthY {\r\n position: absolute;\r\n margin: 0;\r\n padding: 10px 20px;\r\n border: 1px solid transparent;\r\n border-radius: 10px;\r\n background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n border: 10px solid transparent;\r\n border-top-color: black;\r\n border-bottom: 0;\r\n margin-bottom: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top-left__us8PI {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__us8PI::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top__NaUtu {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__NaUtu::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__UveQN {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__UveQN::after {\r\n left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n content: '';\r\n position: absolute;\r\n border: 10px solid transparent;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-right__8eqfQ {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ {\r\n transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ::after {\r\n border-right-color: black;\r\n left: -10%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-left__yyDuD {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD {\r\n transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD::after {\r\n border-left-color: black;\r\n left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n border: 10px solid transparent;\r\n border-bottom-color: black;\r\n border-top: 0;\r\n margin-top: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom-left__u-H0Q {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__u-H0Q::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom__YOZgV {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__YOZgV::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__yD0zu {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__yD0zu::after {\r\n left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n"),exports.VCheckbox=function(e){var a=e.vState,l=void 0!==a&&a,s=e.vType,i=e.vClassName,r=void 0===i?"":i,o=e.vLayoutClassName,d=void 0===o?"":o,u=e.vLabelClassName,m=void 0===u?"":u,c=e.vCheckedClassName,p=void 0===c?"":c,v=e.vCheckList,g=void 0===v?[]:v,_=e.vCheckedList,f=void 0===_?[]:_,x=e.vShowMessage,M=void 0!==x&&x,b=e.vMessage,E=void 0===b?"":b,N=e.vMessageClass,y=void 0===N?"":N,h=e.vIsAnimate,j=void 0!==h&&h,C=e.props,F=void 0===C?{}:C;function V(){var e=[];return g.forEach((function(a,s){e.push(t.createElement("label",{htmlFor:"vCheckbox-"+s,className:m+" "+(f[s]?p:"")+" "+(l?n.invalid:""),key:s},t.createElement("input",Object.assign({id:"vCheckbox-"+s,type:"checkbox",className:r,hidden:!0,value:a,checked:f[s]},F)),t.createElement("span",null,a)))})),t.createElement("div",{className:d},e)}switch(void 0===s?"bottom":s){case"top":return t.createElement("div",null,l&&M?t.createElement("p",{className:y+" "+(j?n.animateMessage:"")},E):null,V());case"bottom":return t.createElement("div",null,V(),l&&M?t.createElement("p",{className:y+" "+(j?n.animateMessage:"")},E):null);default:return t.createElement(t.Fragment,null)}},exports.VColor=function(e){var a=e.vState,l=void 0!==a&&a,s=e.vType,i=e.vClassName,r=void 0===i?"":i,o=e.vShowMessage,d=void 0!==o&&o,u=e.vMessage,m=void 0===u?"":u,c=e.vMessageClass,p=void 0===c?"":c,v=e.vIsAnimate,g=void 0!==v&&v,_=e.props,f=void 0===_?{}:_;switch(void 0===s?"bottom":s){case"top":return t.createElement(t.Fragment,null,l&&d?t.createElement("p",{className:p+" "+(g?n.animateMessage:"")},m):null,t.createElement("div",null,t.createElement("input",Object.assign({type:"color",className:r},f))));case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement("input",Object.assign({type:"color",className:r+" test"},f))),l&&d?t.createElement("p",{className:p+" "+(g?n.animateMessage:"")},m):null);default:return t.createElement(t.Fragment,null)}},exports.VDate=function(e){var a=e.vState,l=void 0!==a&&a,s=e.vType,i=e.vClassName,r=void 0===i?"":i,o=e.vShowMessage,d=void 0!==o&&o,u=e.vMessage,m=void 0===u?"":u,c=e.vMessageClass,p=void 0===c?"":c,v=e.vIsAnimate,g=void 0!==v&&v,_=e.props,f=void 0===_?{}:_;switch(void 0===s?"bottom":s){case"top":return t.createElement(t.Fragment,null,l&&d?t.createElement("p",{className:p+" "+(g?n.animateMessage:"")},m):null,t.createElement("div",null,t.createElement("input",Object.assign({type:"date",className:r},f))));case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement("input",Object.assign({type:"date",className:r+" test"},f))),l&&d?t.createElement("p",{className:p+" "+(g?n.animateMessage:"")},m):null);default:return t.createElement(t.Fragment,null)}},exports.VEmail=function(e){var a,l,s,i,r,o,d=e.vState,u=void 0!==d&&d,m=e.vType,c=e.vClassName,p=void 0===c?"":c,v=e.vShowMessage,g=void 0!==v&&v,_=e.vMessage,f=void 0===_?"":_,x=e.vLocateMessage,M=void 0===x?"bottom":x,b=e.vMessageClass,E=void 0===b?"":b,N=e.vIsAnimate,y=void 0!==N&&N,h=e.props,j=void 0===h?{}:h;switch(void 0===m?"outer":m){case"outer":return t.createElement("div",{className:n.vinput+" "+n["vinput-"+M]},t.createElement("input",Object.assign({type:"email"},j,{defaultValue:null!=(a=null==j?void 0:j.defaultValue)?a:"",className:(null!=(l=null==j?void 0:j.className)?l:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+(y?n.animateMessage:"")},f):null);case"inner":return t.createElement("div",{className:n.vinput},t.createElement("input",Object.assign({type:"email"},j,{defaultValue:null!=(s=null==j?void 0:j.defaultValue)?s:"",className:(null!=(i=null==j?void 0:j.className)?i:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+n.innerMessage+" "+n["innerMessage-"+M]+" "+(y?n.animateMessage:"")},f):null);case"tooltip":return t.createElement("div",{className:n.vinput+" "+n["tooltipMessage-"+M]},t.createElement("input",Object.assign({type:"email"},j,{defaultValue:null!=(r=null==j?void 0:j.defaultValue)?r:"",className:(null!=(o=null==j?void 0:j.className)?o:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+n.tooltipMessage+" "+n["tooltipMessage-"+M]+" "+(y?n.animateMessage:"")},f):null);default:return t.createElement("div",null)}},exports.VRadio=function(e){var a,l,s,i=e.vState,r=void 0!==i&&i,o=e.vName,d=void 0===o?"":o,u=e.vSelectListName,m=void 0===u?[]:u,c=e.vSelectListValue,p=void 0===c?[]:c,v=e.vType,g=e.vClassName,_=void 0===g?"":g,f=e.vShowMessage,x=void 0!==f&&f,M=e.vMessage,b=void 0===M?"":M,E=e.vLocateMessage,N=void 0===E?"bottom":E,y=e.vMessageClass,h=void 0===y?"":y,j=e.vIsAnimate,C=void 0!==j&&j,F=e.props,V=void 0===F?{}:F;function O(){for(var e=[],n=0;n<m.length;n+=1)e.push(t.createElement("div",{key:d+"-"+n},t.createElement("input",Object.assign({type:"radio",id:d+"-"+n,name:d,value:p[n]},V)),t.createElement("label",{htmlFor:d+"-"+n},m[n])));return e}switch(void 0===v?"bottom":v){case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",{className:n.vinput+" "+n["vinput-"+N]},t.createElement("div",{className:(null!=(a=null==V?void 0:V.className)?a:"")+" "+_},O())),r&&x?t.createElement("p",{className:h+" "+(C?n.animateMessage:"")},b):null);case"top":return t.createElement(t.Fragment,null,t.createElement("div",{className:n.vinput+" "+n["vinput-"+N]},r&&x?t.createElement("p",{className:h+" "+(C?n.animateMessage:"")},b):null,t.createElement("div",{className:(null!=(l=null==V?void 0:V.className)?l:"")+" "+_},O())));case"tooltip":return t.createElement(t.Fragment,null,t.createElement("div",{className:n.vinput+" "+n["tooltipMessage-"+N]},t.createElement("div",{className:(null!=(s=null==V?void 0:V.className)?s:"")+" "+_},O())),r&&x?t.createElement("p",{className:h+" "+n.tooltipMessage+" "+n["tooltipMessage-"+N]+" "+(C?n.animateMessage:"")},b):null);default:return t.createElement("div",null)}},exports.VRange=function(e){var a=e.vState,l=void 0!==a&&a,s=e.vType,i=e.vClassName,r=void 0===i?"":i,o=e.vShowMessage,d=void 0!==o&&o,u=e.vMessage,m=void 0===u?"":u,c=e.vMessageClass,p=void 0===c?"":c,v=e.vIsAnimate,g=void 0!==v&&v,_=e.props,f=void 0===_?{}:_;switch(void 0===s?"bottom":s){case"top":return t.createElement(t.Fragment,null,l&&d?t.createElement("p",{className:p+" "+(g?n.animateMessage:"")},m):null,t.createElement("div",null,t.createElement("input",Object.assign({type:"range",className:r},f))));case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement("input",Object.assign({type:"range",className:r+" test"},f))),l&&d?t.createElement("p",{className:p+" "+(g?n.animateMessage:"")},m):null);default:return t.createElement(t.Fragment,null)}},exports.VText=function(e){var a,l,s,i,r,o,d=e.vState,u=void 0!==d&&d,m=e.vType,c=e.vClassName,p=void 0===c?"":c,v=e.vShowMessage,g=void 0!==v&&v,_=e.vMessage,f=void 0===_?"":_,x=e.vLocateMessage,M=void 0===x?"bottom":x,b=e.vMessageClass,E=void 0===b?"":b,N=e.vIsAnimate,y=void 0!==N&&N,h=e.props,j=void 0===h?{}:h;switch(void 0===m?"outer":m){case"outer":return t.createElement("div",{className:n.vinput+" "+n["vinput-"+M]},t.createElement("input",Object.assign({type:"text"},j,{defaultValue:null!=(a=null==j?void 0:j.defaultValue)?a:"",className:(null!=(l=null==j?void 0:j.className)?l:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+(y?n.animateMessage:"")},f):null);case"inner":return t.createElement("div",{className:n.vinput},t.createElement("input",Object.assign({type:"text"},j,{defaultValue:null!=(s=null==j?void 0:j.defaultValue)?s:"",className:(null!=(i=null==j?void 0:j.className)?i:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+n.innerMessage+" "+n["innerMessage-"+M]+" "+(y?n.animateMessage:"")},f):null);case"tooltip":return t.createElement("div",{className:n.vinput+" "+n["tooltipMessage-"+M]},t.createElement("input",Object.assign({type:"text"},j,{defaultValue:null!=(r=null==j?void 0:j.defaultValue)?r:"",className:(null!=(o=null==j?void 0:j.className)?o:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+n.tooltipMessage+" "+n["tooltipMessage-"+M]+" "+(y?n.animateMessage:"")},f):null);default:return t.createElement("div",null)}},exports.VURL=function(e){var a,l,s,i,r,o,d=e.vState,u=void 0!==d&&d,m=e.vType,c=e.vClassName,p=void 0===c?"":c,v=e.vShowMessage,g=void 0!==v&&v,_=e.vMessage,f=void 0===_?"":_,x=e.vLocateMessage,M=void 0===x?"bottom":x,b=e.vMessageClass,E=void 0===b?"":b,N=e.vIsAnimate,y=void 0!==N&&N,h=e.props,j=void 0===h?{}:h;switch(void 0===m?"outer":m){case"outer":return t.createElement("div",{className:n.vinput+" "+n["vinput-"+M]},t.createElement("input",Object.assign({type:"url"},j,{defaultValue:null!=(a=null==j?void 0:j.defaultValue)?a:"",className:(null!=(l=null==j?void 0:j.className)?l:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+(y?n.animateMessage:"")},f):null);case"inner":return t.createElement("div",{className:n.vinput},t.createElement("input",Object.assign({type:"url"},j,{defaultValue:null!=(s=null==j?void 0:j.defaultValue)?s:"",className:(null!=(i=null==j?void 0:j.className)?i:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+n.innerMessage+" "+n["innerMessage-"+M]+" "+(y?n.animateMessage:"")},f):null);case"tooltip":return t.createElement("div",{className:n.vinput+" "+n["tooltipMessage-"+M]},t.createElement("input",Object.assign({type:"url"},j,{defaultValue:null!=(r=null==j?void 0:j.defaultValue)?r:"",className:(null!=(o=null==j?void 0:j.className)?o:"")+" "+p+" "+(u?n.invalid:"")})),u&&g?t.createElement("p",{className:E+" "+n.tooltipMessage+" "+n["tooltipMessage-"+M]+" "+(y?n.animateMessage:"")},f):null);default:return t.createElement("div",null)}};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e;function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(null,arguments)}var a={invalid:"index-module_invalid__gHKsE",vMaxLengthContainer:"index-module_vMaxLengthContainer__rh7UH",vMaxLength:"index-module_vMaxLength__hANPK",vinput:"index-module_vinput__tFGFH","vinput-top-left":"index-module_vinput-top-left__2g8Bq","vinput-top":"index-module_vinput-top__ZTh6H","vinput-top-right":"index-module_vinput-top-right__t6K-Q","vinput-center-left":"index-module_vinput-center-left__vJn0s","vinput-center-right":"index-module_vinput-center-right__HDgip","vinput-bottom-left":"index-module_vinput-bottom-left__xxaiT","vinput-bottom":"index-module_vinput-bottom__nCOAf","vinput-bottom-right":"index-module_vinput-bottom-right__6AjOE",innerMessage:"index-module_innerMessage__rihga","innerMessage-top-left":"index-module_innerMessage-top-left__HLoYg","innerMessage-top":"index-module_innerMessage-top__ouYW6","innerMessage-top-right":"index-module_innerMessage-top-right__7tMC8","innerMessage-center-left":"index-module_innerMessage-center-left__4iZyl","innerMessage-center":"index-module_innerMessage-center__U2006","innerMessage-center-right":"index-module_innerMessage-center-right__Pg2oU","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__1QDIv","innerMessage-bottom":"index-module_innerMessage-bottom__gMogT","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__peBq-",tooltipMessage:"index-module_tooltipMessage__ZlthY","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__us8PI","tooltipMessage-top":"index-module_tooltipMessage-top__NaUtu","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__UveQN","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__8eqfQ","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__yyDuD","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__u-H0Q","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__YOZgV","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__yD0zu",animateMessage:"index-module_animateMessage__Gxf3M","fade-in":"index-module_fade-in__GxKz8"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}(".index-module_invalid__gHKsE {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__gHKsE:focus,\r\n.index-module_invalid__gHKsE:focus-visible,\r\n.index-module_invalid__gHKsE:focus-within {\r\n border: 2px solid red;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH {\r\n position: relative;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH > input[type='text'] {\r\n padding-right: 70px;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH .index-module_vMaxLength__hANPK {\r\n color: #555;\r\n font-size: 0.8rem;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n margin: 0;\r\n padding: 16px;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__tFGFH {\r\n display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n flex-direction: column-reverse;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n flex-direction: column-reverse;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n flex-direction: column;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__rihga {\r\n position: absolute;\r\n font-size: 12px;\r\n margin: 0;\r\n padding: 2px 5px;\r\n display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__ZlthY {\r\n position: absolute;\r\n margin: 0;\r\n padding: 10px 20px;\r\n border: 1px solid transparent;\r\n border-radius: 10px;\r\n background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n border: 10px solid transparent;\r\n border-top-color: black;\r\n border-bottom: 0;\r\n margin-bottom: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top-left__us8PI {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__us8PI::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top__NaUtu {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__NaUtu::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__UveQN {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__UveQN::after {\r\n left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n content: '';\r\n position: absolute;\r\n border: 10px solid transparent;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-right__8eqfQ {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ {\r\n transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ::after {\r\n border-right-color: black;\r\n left: -10%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-left__yyDuD {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD {\r\n transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD::after {\r\n border-left-color: black;\r\n left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n border: 10px solid transparent;\r\n border-bottom-color: black;\r\n border-top: 0;\r\n margin-top: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom-left__u-H0Q {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__u-H0Q::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom__YOZgV {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__YOZgV::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__yD0zu {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__yD0zu::after {\r\n left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n"),exports.VCheckbox=function(e){var n=e.vState,l=void 0!==n&&n,r=e.vType,s=e.vClassName,i=void 0===s?"":s,o=e.vLayoutClassName,u=void 0===o?"":o,d=e.vLabelClassName,m=void 0===d?"":d,c=e.vCheckedClassName,v=void 0===c?"":c,p=e.vCheckList,g=void 0===p?[]:p,_=e.vCheckedList,f=void 0===_?[]:_,x=e.vShowMessage,M=void 0!==x&&x,h=e.vMessage,b=void 0===h?"":h,E=e.vMessageClass,N=void 0===E?"":E,y=e.vIsAnimate,j=void 0!==y&&y,C=e.props,F=void 0===C?{}:C;function L(){var e=[];return g.forEach((function(n,r){e.push(t.createElement("label",{htmlFor:"vCheckbox-"+r,className:m+" "+(f[r]?v:"")+" "+(l?a.invalid:""),key:r},t.createElement("input",Object.assign({id:"vCheckbox-"+r,type:"checkbox",className:i,hidden:!0,value:n,checked:f[r]},F)),t.createElement("span",null,n)))})),t.createElement("div",{className:u},e)}switch(void 0===r?"bottom":r){case"top":return t.createElement("div",null,l&&M?t.createElement("p",{className:N+" "+(j?a.animateMessage:"")},b):null,L());case"bottom":return t.createElement("div",null,L(),l&&M?t.createElement("p",{className:N+" "+(j?a.animateMessage:"")},b):null);default:return t.createElement(t.Fragment,null)}},exports.VColor=function(e){var n=e.vState,l=void 0!==n&&n,r=e.vType,s=e.vClassName,i=void 0===s?"":s,o=e.vShowMessage,u=void 0!==o&&o,d=e.vMessage,m=void 0===d?"":d,c=e.vMessageClass,v=void 0===c?"":c,p=e.vIsAnimate,g=void 0!==p&&p,_=e.props,f=void 0===_?{}:_;switch(void 0===r?"bottom":r){case"top":return t.createElement(t.Fragment,null,l&&u?t.createElement("p",{className:v+" "+(g?a.animateMessage:"")},m):null,t.createElement("div",null,t.createElement("input",Object.assign({type:"color",className:i},f))));case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement("input",Object.assign({type:"color",className:i+" test"},f))),l&&u?t.createElement("p",{className:v+" "+(g?a.animateMessage:"")},m):null);default:return t.createElement(t.Fragment,null)}},exports.VDate=function(e){var n=e.vState,l=void 0!==n&&n,r=e.vType,s=e.vClassName,i=void 0===s?"":s,o=e.vShowMessage,u=void 0!==o&&o,d=e.vMessage,m=void 0===d?"":d,c=e.vMessageClass,v=void 0===c?"":c,p=e.vIsAnimate,g=void 0!==p&&p,_=e.props,f=void 0===_?{}:_;switch(void 0===r?"bottom":r){case"top":return t.createElement(t.Fragment,null,l&&u?t.createElement("p",{className:v+" "+(g?a.animateMessage:"")},m):null,t.createElement("div",null,t.createElement("input",Object.assign({type:"date",className:i},f))));case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement("input",Object.assign({type:"date",className:i+" test"},f))),l&&u?t.createElement("p",{className:v+" "+(g?a.animateMessage:"")},m):null);default:return t.createElement(t.Fragment,null)}},exports.VEmail=function(e){var n,l,r,s,i,o,u=e.vState,d=void 0!==u&&u,m=e.vType,c=e.vClassName,v=void 0===c?"":c,p=e.vShowMessage,g=void 0!==p&&p,_=e.vMessage,f=void 0===_?"":_,x=e.vLocateMessage,M=void 0===x?"bottom":x,h=e.vMessageClass,b=void 0===h?"":h,E=e.vIsAnimate,N=void 0!==E&&E,y=e.props,j=void 0===y?{}:y;switch(void 0===m?"outer":m){case"outer":return t.createElement("div",{className:a.vinput+" "+a["vinput-"+M]},t.createElement("input",Object.assign({type:"email"},j,{defaultValue:null!=(n=null==j?void 0:j.defaultValue)?n:"",className:(null!=(l=null==j?void 0:j.className)?l:"")+" "+v+" "+(d?a.invalid:"")})),d&&g?t.createElement("p",{className:b+" "+(N?a.animateMessage:"")},f):null);case"inner":return t.createElement("div",{className:a.vinput},t.createElement("input",Object.assign({type:"email"},j,{defaultValue:null!=(r=null==j?void 0:j.defaultValue)?r:"",className:(null!=(s=null==j?void 0:j.className)?s:"")+" "+v+" "+(d?a.invalid:"")})),d&&g?t.createElement("p",{className:b+" "+a.innerMessage+" "+a["innerMessage-"+M]+" "+(N?a.animateMessage:"")},f):null);case"tooltip":return t.createElement("div",{className:a.vinput+" "+a["tooltipMessage-"+M]},t.createElement("input",Object.assign({type:"email"},j,{defaultValue:null!=(i=null==j?void 0:j.defaultValue)?i:"",className:(null!=(o=null==j?void 0:j.className)?o:"")+" "+v+" "+(d?a.invalid:"")})),d&&g?t.createElement("p",{className:b+" "+a.tooltipMessage+" "+a["tooltipMessage-"+M]+" "+(N?a.animateMessage:"")},f):null);default:return t.createElement("div",null)}},exports.VRadio=function(e){var n,l,r,s=e.vState,i=void 0!==s&&s,o=e.vName,u=void 0===o?"":o,d=e.vSelectListName,m=void 0===d?[]:d,c=e.vSelectListValue,v=void 0===c?[]:c,p=e.vType,g=e.vClassName,_=void 0===g?"":g,f=e.vShowMessage,x=void 0!==f&&f,M=e.vMessage,h=void 0===M?"":M,b=e.vLocateMessage,E=void 0===b?"bottom":b,N=e.vMessageClass,y=void 0===N?"":N,j=e.vIsAnimate,C=void 0!==j&&j,F=e.props,L=void 0===F?{}:F;function V(){for(var e=[],n=0;n<m.length;n+=1)e.push(t.createElement("div",{key:u+"-"+n},t.createElement("input",Object.assign({type:"radio",id:u+"-"+n,name:u,value:v[n]},L)),t.createElement("label",{htmlFor:u+"-"+n},m[n])));return e}switch(void 0===p?"bottom":p){case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",{className:a.vinput+" "+a["vinput-"+E]},t.createElement("div",{className:(null!=(n=null==L?void 0:L.className)?n:"")+" "+_},V())),i&&x?t.createElement("p",{className:y+" "+(C?a.animateMessage:"")},h):null);case"top":return t.createElement(t.Fragment,null,t.createElement("div",{className:a.vinput+" "+a["vinput-"+E]},i&&x?t.createElement("p",{className:y+" "+(C?a.animateMessage:"")},h):null,t.createElement("div",{className:(null!=(l=null==L?void 0:L.className)?l:"")+" "+_},V())));case"tooltip":return t.createElement(t.Fragment,null,t.createElement("div",{className:a.vinput+" "+a["tooltipMessage-"+E]},t.createElement("div",{className:(null!=(r=null==L?void 0:L.className)?r:"")+" "+_},V())),i&&x?t.createElement("p",{className:y+" "+a.tooltipMessage+" "+a["tooltipMessage-"+E]+" "+(C?a.animateMessage:"")},h):null);default:return t.createElement("div",null)}},exports.VRange=function(e){var n=e.vState,l=void 0!==n&&n,r=e.vType,s=e.vClassName,i=void 0===s?"":s,o=e.vShowMessage,u=void 0!==o&&o,d=e.vMessage,m=void 0===d?"":d,c=e.vMessageClass,v=void 0===c?"":c,p=e.vIsAnimate,g=void 0!==p&&p,_=e.props,f=void 0===_?{}:_;switch(void 0===r?"bottom":r){case"top":return t.createElement(t.Fragment,null,l&&u?t.createElement("p",{className:v+" "+(g?a.animateMessage:"")},m):null,t.createElement("div",null,t.createElement("input",Object.assign({type:"range",className:i},f))));case"bottom":return t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement("input",Object.assign({type:"range",className:i+" test"},f))),l&&u?t.createElement("p",{className:v+" "+(g?a.animateMessage:"")},m):null);default:return t.createElement(t.Fragment,null)}},exports.VText=function(e){var l,r,s,i,o,u,d,m,c,v=e.vState,p=void 0!==v&&v,g=e.vType,_=void 0===g?"outer":g,f=e.vClassName,x=void 0===f?"":f,M=e.vShowMessage,h=void 0!==M&&M,b=e.vMessage,E=void 0===b?"":b,N=e.vLocateMessage,y=void 0===N?"bottom":N,j=e.vMessageClass,C=void 0===j?"":j,F=e.vIsAnimate,L=void 0!==F&&F,V=e.vUseMaxLength,H=void 0!==V&&V,O=e.vMaxLength,S=void 0===O?0:O,T=e.vClassMaxLength,w=void 0===T?"":T,k=e.props,D=void 0===k?{}:k,U=t.useRef(null),A=t.useState(null!=(l=null==(r=(null==(s=D)?void 0:s.defaultValue)||(null==(i=D)?void 0:i.value))?void 0:r.length)?l:0),Q=A[0],G=A[1],I=t.createElement("input",Object.assign({type:"text",ref:U},D,{onChange:function(e){var t;H&&e.target.value.length>S?(e.preventDefault(),e.target.value=e.target.value.slice(0,S)):null==(t=D)||t.onChange(e)},defaultValue:null!=(o=null==(u=D)?void 0:u.defaultValue)?o:"",className:(null!=(d=null==(m=D)?void 0:m.className)?d:"")+" "+x+" "+(p?a.invalid:"")}));switch(H&&(D=n({},D,{maxLength:S})),t.useEffect((function(){var e,t;H&&G((null!=(e=null==(t=U.current)?void 0:t.value)?e:"").length)}),[null==(c=U.current)?void 0:c.value]),_){case"outer":return t.createElement("div",{className:a.vinput+" "+a["vinput-"+y]+" "+(H?a.vMaxLengthContainer:"")},I,H&&t.createElement("p",{className:a.vMaxLength+" "+w},Q," / ",S),p&&h?t.createElement("p",{className:C+" "+(L?a.animateMessage:"")},E):null);case"inner":return t.createElement("div",{className:a.vinput+" "+(H?a.vMaxLengthContainer:"")},I,H&&t.createElement("p",{className:a.vMaxLength+" "+w},Q," / ",S),p&&h?t.createElement("p",{className:C+" "+a.innerMessage+" "+a["innerMessage-"+y]+" "+(L?a.animateMessage:"")},E):null);case"tooltip":return t.createElement("div",{className:a.vinput+" "+a["tooltipMessage-"+y]+" "+(H?a.vMaxLengthContainer:"")},I,H&&t.createElement("p",{className:a.vMaxLength+" "+w},Q," / ",S),p&&h?t.createElement("p",{className:C+" "+a.tooltipMessage+" "+a["tooltipMessage-"+y]+" "+(L?a.animateMessage:"")},E):null);default:return t.createElement("div",null)}},exports.VURL=function(e){var n,l,r,s,i,o,u=e.vState,d=void 0!==u&&u,m=e.vType,c=e.vClassName,v=void 0===c?"":c,p=e.vShowMessage,g=void 0!==p&&p,_=e.vMessage,f=void 0===_?"":_,x=e.vLocateMessage,M=void 0===x?"bottom":x,h=e.vMessageClass,b=void 0===h?"":h,E=e.vIsAnimate,N=void 0!==E&&E,y=e.props,j=void 0===y?{}:y;switch(void 0===m?"outer":m){case"outer":return t.createElement("div",{className:a.vinput+" "+a["vinput-"+M]},t.createElement("input",Object.assign({type:"url"},j,{defaultValue:null!=(n=null==j?void 0:j.defaultValue)?n:"",className:(null!=(l=null==j?void 0:j.className)?l:"")+" "+v+" "+(d?a.invalid:"")})),d&&g?t.createElement("p",{className:b+" "+(N?a.animateMessage:"")},f):null);case"inner":return t.createElement("div",{className:a.vinput},t.createElement("input",Object.assign({type:"url"},j,{defaultValue:null!=(r=null==j?void 0:j.defaultValue)?r:"",className:(null!=(s=null==j?void 0:j.className)?s:"")+" "+v+" "+(d?a.invalid:"")})),d&&g?t.createElement("p",{className:b+" "+a.innerMessage+" "+a["innerMessage-"+M]+" "+(N?a.animateMessage:"")},f):null);case"tooltip":return t.createElement("div",{className:a.vinput+" "+a["tooltipMessage-"+M]},t.createElement("input",Object.assign({type:"url"},j,{defaultValue:null!=(i=null==j?void 0:j.defaultValue)?i:"",className:(null!=(o=null==j?void 0:j.className)?o:"")+" "+v+" "+(d?a.invalid:"")})),d&&g?t.createElement("p",{className:b+" "+a.tooltipMessage+" "+a["tooltipMessage-"+M]+" "+(N?a.animateMessage:"")},f):null);default:return t.createElement("div",null)}};
|
|
2
2
|
//# sourceMappingURL=react-validate-component.cjs.production.min.js.map
|