react-validate-component 0.4.0 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -333
- package/dist/react-validate-component.cjs.development.js +102 -48
- 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 +102 -48
- package/dist/react-validate-component.esm.js.map +1 -1
- package/dist/vEmail/index.d.ts +2 -2
- package/dist/vEmail/vEmail.d.ts +1 -1
- package/dist/vRadio/index.d.ts +2 -1
- package/dist/vRadio/vRadio.d.ts +16 -0
- package/dist/vURL/index.d.ts +2 -2
- package/dist/vURL/vURL.d.ts +1 -1
- package/package.json +1 -1
- package/src/vCheckbox/index.tsx +1 -1
- package/src/vEmail/index.tsx +9 -9
- package/src/vEmail/vEmail.ts +1 -1
- package/src/vRadio/index.tsx +106 -2
- package/src/vRadio/vRadio.ts +27 -0
- package/src/vText/index.tsx +7 -7
- package/src/vURL/index.tsx +9 -9
- package/src/vURL/vURL.ts +1 -1
- package/src/vCheckbox/index.module.css +0 -34
- package/src/vText/index.module.css +0 -210
- package/src/vURL/index.module.css +0 -210
- /package/src/{vEmail/index.module.css → index.module.css} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-validate-component.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/vText/index.tsx","../src/vCheckbox/index.tsx","../src/vURL/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\nimport styles from './index.module.css';\nimport { VTEXT_PARAMS } from './vText';\n\n// Text\nexport function VText({\n vState = false,\n vType = 'outer',\n vClassName = '',\n vShowMessage = false,\n vMessage = '',\n vLocateMessage = 'bottom',\n vMessageClass = '',\n vIsAnimate = false,\n props = {},\n}: VTEXT_PARAMS) {\n switch (vType) {\n case 'outer':\n return (\n <div\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\n >\n <input\n type=\"text\"\n {...props}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className} ${\n vState ? vClassName || styles.invalid : ''\n }`}\n ></input>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${\n vIsAnimate ? styles.animateMessage : ''\n }`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'inner':\n return (\n <div className={styles.vinput}>\n <input\n type=\"text\"\n {...props}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className} ${\n vState ? vClassName || styles.invalid : ''\n }`}\n ></input>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.innerMessage} ${\n styles[`innerMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'tooltip':\n return (\n <div\n className={`${styles.vinput} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n }`}\n >\n <input\n type=\"text\"\n {...props}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className} ${\n vState ? vClassName || styles.invalid : ''\n }`}\n ></input>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.tooltipMessage} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n default:\n return <div></div>;\n }\n}\n","import React from 'react';\r\nimport styles from './index.module.css';\r\nimport { VCHECKBOX_PARAMS } from './vCheckbox';\r\n\r\nexport function VCheckbox({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vLabelClassName = '',\r\n vCheckedClassName = '',\r\n vCheckList = [],\r\n vCheckedList = [],\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCHECKBOX_PARAMS) {\r\n // 체크박스 리스트 생성 함수\r\n function makeCheckList() {\r\n const result: React.JSX.Element[] = [];\r\n vCheckList.forEach((val, i) => {\r\n result.push(\r\n <label\r\n htmlFor={`vCheckbox-${i}`}\r\n className={`${vLabelClassName} ${\r\n vCheckedList[i] ? vCheckedClassName : ''\r\n } ${vState ? styles.invalid : ''}`}\r\n key={i}\r\n >\r\n <input\r\n id={`vCheckbox-${i}`}\r\n type=\"checkbox\"\r\n className={vClassName}\r\n hidden\r\n value={val}\r\n checked={vCheckedList[i]}\r\n {...props}\r\n />\r\n <span>{val}</span>\r\n </label>\r\n );\r\n });\r\n return <div className={styles.checkbox_layout}>{result}</div>;\r\n }\r\n\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <div className={styles.flex_column}>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n {makeCheckList()}\r\n </div>\r\n );\r\n case 'bottom':\r\n return (\r\n <div className={styles.flex_column}>\r\n {makeCheckList()}\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from './index.module.css';\r\nimport { VTEXT_PARAMS } from './vURL';\r\n\r\nexport function VURL({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VTEXT_PARAMS) {\r\n switch (vType) {\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className} ${\r\n vState ? vClassName || styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className} ${\r\n vState ? vClassName || styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className} ${\r\n vState ? vClassName || styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\n\r\nexport function VColor() {\r\n return <input type=\"color\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function VDate() {\r\n return <input type=\"date\" />;\r\n}\r\n","import React from 'react';\r\nimport styles from './index.module.css';\r\nimport { VTEXT_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}: VTEXT_PARAMS) {\r\n switch (vType) {\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className} ${\r\n vState ? vClassName || styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className} ${\r\n vState ? vClassName || styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className} ${\r\n vState ? vClassName || styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\n\r\nexport function VRadio() {\r\n return <input type=\"radio\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function VRange() {\r\n return <input type=\"range\" />;\r\n}\r\n"],"names":["VText","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vLocateMessage","vLocateMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","React","className","styles","vinput","type","defaultValue","_props$defaultValue","invalid","animateMessage","_props$defaultValue2","innerMessage","_props$defaultValue3","tooltipMessage","VCheckbox","_ref$vLabelClassName","vLabelClassName","_ref$vCheckedClassNam","vCheckedClassName","_ref$vCheckList","vCheckList","_ref$vCheckedList","vCheckedList","makeCheckList","result","forEach","val","i","push","htmlFor","key","id","hidden","value","checked","checkbox_layout","flex_column","VURL","VColor","VDate","VEmail","VRadio","VRange"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"react-validate-component.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/vText/index.tsx","../src/vCheckbox/index.tsx","../src/vURL/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\nimport styles from '../index.module.css';\nimport { VTEXT_PARAMS } from './vText';\n\n// Text\nexport function VText({\n vState = false,\n vType = 'outer',\n vClassName = '',\n vShowMessage = false,\n vMessage = '',\n vLocateMessage = 'bottom',\n vMessageClass = '',\n vIsAnimate = false,\n props = {},\n}: VTEXT_PARAMS) {\n switch (vType) {\n case 'outer':\n return (\n <div\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\n >\n <input\n type=\"text\"\n {...props}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${\n vIsAnimate ? styles.animateMessage : ''\n }`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'inner':\n return (\n <div className={styles.vinput}>\n <input\n type=\"text\"\n {...props}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.innerMessage} ${\n styles[`innerMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'tooltip':\n return (\n <div\n className={`${styles.vinput} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n }`}\n >\n <input\n type=\"text\"\n {...props}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.tooltipMessage} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n default:\n return <div></div>;\n }\n}\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCHECKBOX_PARAMS } from './vCheckbox';\r\n\r\nexport function VCheckbox({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vLabelClassName = '',\r\n vCheckedClassName = '',\r\n vCheckList = [],\r\n vCheckedList = [],\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCHECKBOX_PARAMS) {\r\n // 체크박스 리스트 생성 함수\r\n function makeCheckList() {\r\n const result: React.JSX.Element[] = [];\r\n vCheckList.forEach((val, i) => {\r\n result.push(\r\n <label\r\n htmlFor={`vCheckbox-${i}`}\r\n className={`${vLabelClassName} ${\r\n vCheckedList[i] ? vCheckedClassName : ''\r\n } ${vState ? styles.invalid : ''}`}\r\n key={i}\r\n >\r\n <input\r\n id={`vCheckbox-${i}`}\r\n type=\"checkbox\"\r\n className={vClassName}\r\n hidden\r\n value={val}\r\n checked={vCheckedList[i]}\r\n {...props}\r\n />\r\n <span>{val}</span>\r\n </label>\r\n );\r\n });\r\n return <div className={styles.checkbox_layout}>{result}</div>;\r\n }\r\n\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <div className={styles.flex_column}>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n {makeCheckList()}\r\n </div>\r\n );\r\n case 'bottom':\r\n return (\r\n <div className={styles.flex_column}>\r\n {makeCheckList()}\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VURL_PARAMS } from './vURL';\r\n\r\nexport function VURL({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VURL_PARAMS) {\r\n switch (vType) {\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\n\r\nexport function VColor() {\r\n return <input type=\"color\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function VDate() {\r\n return <input type=\"date\" />;\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VEMAIL_PARAMS } from './vEmail';\r\n\r\nexport function VEmail({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VEMAIL_PARAMS) {\r\n switch (vType) {\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRADIO_PARAMS } from './vRadio';\r\n\r\nexport function VRadio({\r\n vState = false,\r\n vName = '',\r\n vSelectListName = [],\r\n vSelectListValue = [],\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRADIO_PARAMS) {\r\n function makeSelectList() {\r\n const result = [];\r\n\r\n for (let i = 0; i < vSelectListName.length; i += 1) {\r\n result.push(\r\n <div key={`${vName}-${i}`}>\r\n <input\r\n type=\"radio\"\r\n id={`${vName}-${i}`}\r\n name={vName}\r\n value={vSelectListValue[i]}\r\n {...props}\r\n ></input>\r\n <label htmlFor={`${vName}-${i}`}>{vSelectListName[i]}</label>\r\n </div>\r\n );\r\n }\r\n\r\n return result;\r\n }\r\n\r\n switch (vType) {\r\n case 'bottom':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n case 'top':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n </>\r\n );\r\n case 'tooltip':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\n\r\nexport function VRange() {\r\n return <input type=\"range\" />;\r\n}\r\n"],"names":["VText","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vLocateMessage","vLocateMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","React","className","styles","vinput","type","defaultValue","_props$defaultValue","_props$className","invalid","animateMessage","_props$defaultValue2","_props$className2","innerMessage","_props$defaultValue3","_props$className3","tooltipMessage","VCheckbox","_ref$vLabelClassName","vLabelClassName","_ref$vCheckedClassNam","vCheckedClassName","_ref$vCheckList","vCheckList","_ref$vCheckedList","vCheckedList","makeCheckList","result","forEach","val","i","push","htmlFor","key","id","hidden","value","checked","checkbox_layout","flex_column","VURL","VColor","VDate","VEmail","VRadio","_ref$vName","vName","_ref$vSelectListName","vSelectListName","_ref$vSelectListValue","vSelectListValue","makeSelectList","length","name","VRange"],"mappings":"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"}
|
package/dist/vEmail/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export declare function VEmail({ vState, vType, vClassName, vShowMessage, vMessage, vLocateMessage, vMessageClass, vIsAnimate, props, }:
|
|
2
|
+
import { VEMAIL_PARAMS } from './vEmail';
|
|
3
|
+
export declare function VEmail({ vState, vType, vClassName, vShowMessage, vMessage, vLocateMessage, vMessageClass, vIsAnimate, props, }: VEMAIL_PARAMS): React.JSX.Element;
|
package/dist/vEmail/vEmail.d.ts
CHANGED
package/dist/vRadio/index.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import { VRADIO_PARAMS } from './vRadio';
|
|
3
|
+
export declare function VRadio({ vState, vName, vSelectListName, vSelectListValue, vType, vClassName, vShowMessage, vMessage, vLocateMessage, vMessageClass, vIsAnimate, props, }: VRADIO_PARAMS): React.JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import propsType from '../types/vprops';
|
|
2
|
+
export interface VRADIO_PARAMS {
|
|
3
|
+
readonly vState: boolean;
|
|
4
|
+
vName: string;
|
|
5
|
+
vSelectListName: string[];
|
|
6
|
+
vSelectListValue: string[];
|
|
7
|
+
readonly vType: // 유효성 메시지를 출력할 타입
|
|
8
|
+
'top' | 'bottom' | 'tooltip';
|
|
9
|
+
vClassName?: string;
|
|
10
|
+
readonly vShowMessage: boolean;
|
|
11
|
+
vMessage?: string;
|
|
12
|
+
vLocateMessage?: 'top-left' | 'top' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom' | 'bottom-right';
|
|
13
|
+
vMessageClass?: string;
|
|
14
|
+
vIsAnimate?: boolean;
|
|
15
|
+
props?: propsType;
|
|
16
|
+
}
|
package/dist/vURL/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export declare function VURL({ vState, vType, vClassName, vShowMessage, vMessage, vLocateMessage, vMessageClass, vIsAnimate, props, }:
|
|
2
|
+
import { VURL_PARAMS } from './vURL';
|
|
3
|
+
export declare function VURL({ vState, vType, vClassName, vShowMessage, vMessage, vLocateMessage, vMessageClass, vIsAnimate, props, }: VURL_PARAMS): React.JSX.Element;
|
package/dist/vURL/vURL.d.ts
CHANGED
package/package.json
CHANGED
package/src/vCheckbox/index.tsx
CHANGED
package/src/vEmail/index.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import styles from '
|
|
3
|
-
import {
|
|
2
|
+
import styles from '../index.module.css';
|
|
3
|
+
import { VEMAIL_PARAMS } from './vEmail';
|
|
4
4
|
|
|
5
5
|
export function VEmail({
|
|
6
6
|
vState = false,
|
|
@@ -12,7 +12,7 @@ export function VEmail({
|
|
|
12
12
|
vMessageClass = '',
|
|
13
13
|
vIsAnimate = false,
|
|
14
14
|
props = {},
|
|
15
|
-
}:
|
|
15
|
+
}: VEMAIL_PARAMS) {
|
|
16
16
|
switch (vType) {
|
|
17
17
|
case 'outer':
|
|
18
18
|
return (
|
|
@@ -23,8 +23,8 @@ export function VEmail({
|
|
|
23
23
|
type="email"
|
|
24
24
|
{...props}
|
|
25
25
|
defaultValue={props?.defaultValue ?? ''}
|
|
26
|
-
className={`${props?.className} ${
|
|
27
|
-
vState ?
|
|
26
|
+
className={`${props?.className ?? ''} ${vClassName} ${
|
|
27
|
+
vState ? styles.invalid : ''
|
|
28
28
|
}`}
|
|
29
29
|
></input>
|
|
30
30
|
{vState && vShowMessage ? (
|
|
@@ -45,8 +45,8 @@ export function VEmail({
|
|
|
45
45
|
type="email"
|
|
46
46
|
{...props}
|
|
47
47
|
defaultValue={props?.defaultValue ?? ''}
|
|
48
|
-
className={`${props?.className} ${
|
|
49
|
-
vState ?
|
|
48
|
+
className={`${props?.className ?? ''} ${vClassName} ${
|
|
49
|
+
vState ? styles.invalid : ''
|
|
50
50
|
}`}
|
|
51
51
|
></input>
|
|
52
52
|
{vState && vShowMessage ? (
|
|
@@ -71,8 +71,8 @@ export function VEmail({
|
|
|
71
71
|
type="email"
|
|
72
72
|
{...props}
|
|
73
73
|
defaultValue={props?.defaultValue ?? ''}
|
|
74
|
-
className={`${props?.className} ${
|
|
75
|
-
vState ?
|
|
74
|
+
className={`${props?.className ?? ''} ${vClassName} ${
|
|
75
|
+
vState ? styles.invalid : ''
|
|
76
76
|
}`}
|
|
77
77
|
></input>
|
|
78
78
|
{vState && vShowMessage ? (
|
package/src/vEmail/vEmail.ts
CHANGED
package/src/vRadio/index.tsx
CHANGED
|
@@ -1,5 +1,109 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import styles from '../index.module.css';
|
|
3
|
+
import { VRADIO_PARAMS } from './vRadio';
|
|
2
4
|
|
|
3
|
-
export function VRadio(
|
|
4
|
-
|
|
5
|
+
export function VRadio({
|
|
6
|
+
vState = false,
|
|
7
|
+
vName = '',
|
|
8
|
+
vSelectListName = [],
|
|
9
|
+
vSelectListValue = [],
|
|
10
|
+
vType = 'bottom',
|
|
11
|
+
vClassName = '',
|
|
12
|
+
vShowMessage = false,
|
|
13
|
+
vMessage = '',
|
|
14
|
+
vLocateMessage = 'bottom',
|
|
15
|
+
vMessageClass = '',
|
|
16
|
+
vIsAnimate = false,
|
|
17
|
+
props = {},
|
|
18
|
+
}: VRADIO_PARAMS) {
|
|
19
|
+
function makeSelectList() {
|
|
20
|
+
const result = [];
|
|
21
|
+
|
|
22
|
+
for (let i = 0; i < vSelectListName.length; i += 1) {
|
|
23
|
+
result.push(
|
|
24
|
+
<div key={`${vName}-${i}`}>
|
|
25
|
+
<input
|
|
26
|
+
type="radio"
|
|
27
|
+
id={`${vName}-${i}`}
|
|
28
|
+
name={vName}
|
|
29
|
+
value={vSelectListValue[i]}
|
|
30
|
+
{...props}
|
|
31
|
+
></input>
|
|
32
|
+
<label htmlFor={`${vName}-${i}`}>{vSelectListName[i]}</label>
|
|
33
|
+
</div>
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
return result;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
switch (vType) {
|
|
41
|
+
case 'bottom':
|
|
42
|
+
return (
|
|
43
|
+
<>
|
|
44
|
+
<div
|
|
45
|
+
className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}
|
|
46
|
+
>
|
|
47
|
+
<div className={`${props?.className ?? ''} ${vClassName}`}>
|
|
48
|
+
{makeSelectList()}
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
{vState && vShowMessage ? (
|
|
52
|
+
<p
|
|
53
|
+
className={`${vMessageClass} ${
|
|
54
|
+
vIsAnimate ? styles.animateMessage : ''
|
|
55
|
+
}`}
|
|
56
|
+
>
|
|
57
|
+
{vMessage}
|
|
58
|
+
</p>
|
|
59
|
+
) : null}
|
|
60
|
+
</>
|
|
61
|
+
);
|
|
62
|
+
case 'top':
|
|
63
|
+
return (
|
|
64
|
+
<>
|
|
65
|
+
<div
|
|
66
|
+
className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}
|
|
67
|
+
>
|
|
68
|
+
{vState && vShowMessage ? (
|
|
69
|
+
<p
|
|
70
|
+
className={`${vMessageClass} ${
|
|
71
|
+
vIsAnimate ? styles.animateMessage : ''
|
|
72
|
+
}`}
|
|
73
|
+
>
|
|
74
|
+
{vMessage}
|
|
75
|
+
</p>
|
|
76
|
+
) : null}
|
|
77
|
+
<div className={`${props?.className ?? ''} ${vClassName}`}>
|
|
78
|
+
{makeSelectList()}
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
</>
|
|
82
|
+
);
|
|
83
|
+
case 'tooltip':
|
|
84
|
+
return (
|
|
85
|
+
<>
|
|
86
|
+
<div
|
|
87
|
+
className={`${styles.vinput} ${
|
|
88
|
+
styles[`tooltipMessage-${vLocateMessage}`]
|
|
89
|
+
}`}
|
|
90
|
+
>
|
|
91
|
+
<div className={`${props?.className ?? ''} ${vClassName}`}>
|
|
92
|
+
{makeSelectList()}
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
{vState && vShowMessage ? (
|
|
96
|
+
<p
|
|
97
|
+
className={`${vMessageClass} ${styles.tooltipMessage} ${
|
|
98
|
+
styles[`tooltipMessage-${vLocateMessage}`]
|
|
99
|
+
} ${vIsAnimate ? styles.animateMessage : ''}`}
|
|
100
|
+
>
|
|
101
|
+
{vMessage}
|
|
102
|
+
</p>
|
|
103
|
+
) : null}
|
|
104
|
+
</>
|
|
105
|
+
);
|
|
106
|
+
default:
|
|
107
|
+
return <div></div>;
|
|
108
|
+
}
|
|
5
109
|
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import propsType from '../types/vprops';
|
|
2
|
+
|
|
3
|
+
// VCheclbox 파라미터
|
|
4
|
+
export interface VRADIO_PARAMS {
|
|
5
|
+
readonly vState: boolean; // 유효성 상태 값
|
|
6
|
+
vName: string; // 라디오 그룹핑할 이름
|
|
7
|
+
vSelectListName: string[]; // 라디오 리스트 이름들
|
|
8
|
+
vSelectListValue: string[]; // 라디오 리스트 값들
|
|
9
|
+
readonly vType: // 유효성 메시지를 출력할 타입
|
|
10
|
+
'top' | 'bottom' | 'tooltip';
|
|
11
|
+
vClassName?: string; // 유효성 입힐 class 명
|
|
12
|
+
readonly vShowMessage: boolean; // 유효성 메시지 출력할지
|
|
13
|
+
vMessage?: string; // 유효성 메시지
|
|
14
|
+
vLocateMessage?: // 유효성 메시지를 element 어디에 붙일지
|
|
15
|
+
| 'top-left'
|
|
16
|
+
| 'top'
|
|
17
|
+
| 'top-right'
|
|
18
|
+
| 'center-left'
|
|
19
|
+
| 'center'
|
|
20
|
+
| 'center-right'
|
|
21
|
+
| 'bottom-left'
|
|
22
|
+
| 'bottom'
|
|
23
|
+
| 'bottom-right';
|
|
24
|
+
vMessageClass?: string; // 유효성 메시지에 입힐 class 명
|
|
25
|
+
vIsAnimate?: boolean; // 유효성 메시지 출력 시 애니메이션 적용할지
|
|
26
|
+
props?: propsType; // 기타 옵션
|
|
27
|
+
}
|
package/src/vText/index.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import styles from '
|
|
2
|
+
import styles from '../index.module.css';
|
|
3
3
|
import { VTEXT_PARAMS } from './vText';
|
|
4
4
|
|
|
5
5
|
// Text
|
|
@@ -24,8 +24,8 @@ export function VText({
|
|
|
24
24
|
type="text"
|
|
25
25
|
{...props}
|
|
26
26
|
defaultValue={props?.defaultValue ?? ''}
|
|
27
|
-
className={`${props?.className} ${
|
|
28
|
-
vState ?
|
|
27
|
+
className={`${props?.className ?? ''} ${vClassName} ${
|
|
28
|
+
vState ? styles.invalid : ''
|
|
29
29
|
}`}
|
|
30
30
|
></input>
|
|
31
31
|
{vState && vShowMessage ? (
|
|
@@ -46,8 +46,8 @@ export function VText({
|
|
|
46
46
|
type="text"
|
|
47
47
|
{...props}
|
|
48
48
|
defaultValue={props?.defaultValue ?? ''}
|
|
49
|
-
className={`${props?.className} ${
|
|
50
|
-
vState ?
|
|
49
|
+
className={`${props?.className ?? ''} ${vClassName} ${
|
|
50
|
+
vState ? styles.invalid : ''
|
|
51
51
|
}`}
|
|
52
52
|
></input>
|
|
53
53
|
{vState && vShowMessage ? (
|
|
@@ -72,8 +72,8 @@ export function VText({
|
|
|
72
72
|
type="text"
|
|
73
73
|
{...props}
|
|
74
74
|
defaultValue={props?.defaultValue ?? ''}
|
|
75
|
-
className={`${props?.className} ${
|
|
76
|
-
vState ?
|
|
75
|
+
className={`${props?.className ?? ''} ${vClassName} ${
|
|
76
|
+
vState ? styles.invalid : ''
|
|
77
77
|
}`}
|
|
78
78
|
></input>
|
|
79
79
|
{vState && vShowMessage ? (
|
package/src/vURL/index.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import styles from '
|
|
3
|
-
import {
|
|
2
|
+
import styles from '../index.module.css';
|
|
3
|
+
import { VURL_PARAMS } from './vURL';
|
|
4
4
|
|
|
5
5
|
export function VURL({
|
|
6
6
|
vState = false,
|
|
@@ -12,7 +12,7 @@ export function VURL({
|
|
|
12
12
|
vMessageClass = '',
|
|
13
13
|
vIsAnimate = false,
|
|
14
14
|
props = {},
|
|
15
|
-
}:
|
|
15
|
+
}: VURL_PARAMS) {
|
|
16
16
|
switch (vType) {
|
|
17
17
|
case 'outer':
|
|
18
18
|
return (
|
|
@@ -23,8 +23,8 @@ export function VURL({
|
|
|
23
23
|
type="url"
|
|
24
24
|
{...props}
|
|
25
25
|
defaultValue={props?.defaultValue ?? ''}
|
|
26
|
-
className={`${props?.className} ${
|
|
27
|
-
vState ?
|
|
26
|
+
className={`${props?.className ?? ''} ${vClassName} ${
|
|
27
|
+
vState ? styles.invalid : ''
|
|
28
28
|
}`}
|
|
29
29
|
></input>
|
|
30
30
|
{vState && vShowMessage ? (
|
|
@@ -45,8 +45,8 @@ export function VURL({
|
|
|
45
45
|
type="url"
|
|
46
46
|
{...props}
|
|
47
47
|
defaultValue={props?.defaultValue ?? ''}
|
|
48
|
-
className={`${props?.className} ${
|
|
49
|
-
vState ?
|
|
48
|
+
className={`${props?.className ?? ''} ${vClassName} ${
|
|
49
|
+
vState ? styles.invalid : ''
|
|
50
50
|
}`}
|
|
51
51
|
></input>
|
|
52
52
|
{vState && vShowMessage ? (
|
|
@@ -71,8 +71,8 @@ export function VURL({
|
|
|
71
71
|
type="url"
|
|
72
72
|
{...props}
|
|
73
73
|
defaultValue={props?.defaultValue ?? ''}
|
|
74
|
-
className={`${props?.className} ${
|
|
75
|
-
vState ?
|
|
74
|
+
className={`${props?.className ?? ''} ${vClassName} ${
|
|
75
|
+
vState ? styles.invalid : ''
|
|
76
76
|
}`}
|
|
77
77
|
></input>
|
|
78
78
|
{vState && vShowMessage ? (
|
package/src/vURL/vURL.ts
CHANGED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
.invalid {
|
|
2
|
-
border: 2px solid red;
|
|
3
|
-
outline: none;
|
|
4
|
-
}
|
|
5
|
-
.invalid:focus,
|
|
6
|
-
.invalid:focus-visible,
|
|
7
|
-
.invalid:focus-within {
|
|
8
|
-
border: 2px solid red;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.flex_column {
|
|
12
|
-
display: flex;
|
|
13
|
-
flex-direction: column;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.checkbox_layout {
|
|
17
|
-
width: 400px;
|
|
18
|
-
display: flex;
|
|
19
|
-
flex-wrap: wrap;
|
|
20
|
-
gap: 10px;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.animateMessage {
|
|
24
|
-
animation: fade-in 1s ease-in-out;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
@keyframes fade-in {
|
|
28
|
-
0% {
|
|
29
|
-
opacity: 0;
|
|
30
|
-
}
|
|
31
|
-
100% {
|
|
32
|
-
opacity: 1;
|
|
33
|
-
}
|
|
34
|
-
}
|