react-validate-component 1.0.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +68 -68
- package/dist/react-validate-component.cjs.development.js +80 -40
- 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 +80 -40
- 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 +1 -1
- package/src/index.module.css +15 -0
- package/src/vCheckbox/index.tsx +1 -2
- package/src/vColor/index.tsx +1 -2
- package/src/vDate/index.tsx +1 -2
- package/src/vEmail/index.tsx +1 -2
- package/src/vRadio/index.tsx +1 -2
- package/src/vRange/index.tsx +1 -2
- package/src/vText/index.tsx +73 -29
- package/src/vText/vText.ts +3 -0
- package/src/vURL/index.tsx +1 -2
|
@@ -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 ?? ''} ${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.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 vUseMaxLength = false,\n vMaxLength = 0,\n vClassMaxLength = '',\n props = {},\n}: VTEXT_PARAMS) {\n const inputRef = React.useRef<HTMLInputElement>(null);\n const [inputLength, setInputLength] = React.useState<number>(\n (props?.defaultValue || props?.value)?.length ?? 0\n );\n\n // 공통 input 태그 변수화\n const inputHTML = () => {\n return (\n <input\n type=\"text\"\n ref={inputRef}\n {...props}\n onChange={e => {\n if (vUseMaxLength && e.target.value.length > vMaxLength) {\n e.preventDefault();\n e.target.value = e.target.value.slice(0, vMaxLength);\n } else {\n props?.onChange(e);\n }\n }}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n );\n };\n\n // 일부 옵션 값들은 input 기본 속성값을 이용하기 위해 merge 진행\n if (vUseMaxLength) {\n props = { ...props, maxLength: vMaxLength };\n }\n\n React.useEffect(() => {\n // 입력 최댓값을 사용할 경우 useEffect Hook 설정\n if (vUseMaxLength) {\n setInputLength((inputRef.current?.value ?? '').length);\n }\n }, [inputRef.current?.value]);\n\n switch (vType) {\n default:\n case 'outer':\n return (\n <div\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]} ${\n vUseMaxLength ? styles.vMaxLengthContainer : ''\n }`}\n >\n <div style={{ position: 'relative' }}>\n {inputHTML()}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n </div>\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${\n vIsAnimate ? styles.animateMessage : ''\n }`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'inner':\n return (\n <div\n className={`${styles.vinput} ${\n vUseMaxLength ? styles.vMaxLengthContainer : ''\n }`}\n >\n {inputHTML()}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.innerMessage} ${\n styles[`innerMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'tooltip':\n return (\n <div\n className={`${styles.vinput} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vUseMaxLength ? styles.vMaxLengthContainer : ''}`}\n >\n {inputHTML()}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.tooltipMessage} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n }\n}\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCHECKBOX_PARAMS } from './vCheckbox';\r\n\r\nexport function VCheckbox({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vLayoutClassName = '',\r\n vLabelClassName = '',\r\n vCheckedClassName = '',\r\n vCheckList = [],\r\n vCheckedList = [],\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCHECKBOX_PARAMS) {\r\n // 체크박스 리스트 생성 함수\r\n function makeCheckList() {\r\n const result: React.JSX.Element[] = [];\r\n vCheckList.forEach((val, i) => {\r\n result.push(\r\n <label\r\n htmlFor={`vCheckbox-${i}`}\r\n className={`${vLabelClassName} ${\r\n vCheckedList[i] ? vCheckedClassName : ''\r\n } ${vState ? styles.invalid : ''}`}\r\n key={i}\r\n >\r\n <input\r\n id={`vCheckbox-${i}`}\r\n type=\"checkbox\"\r\n className={vClassName}\r\n hidden\r\n value={val}\r\n checked={vCheckedList[i]}\r\n {...props}\r\n />\r\n <span>{val}</span>\r\n </label>\r\n );\r\n });\r\n return <div className={vLayoutClassName}>{result}</div>;\r\n }\r\n\r\n switch (vType) {\r\n default:\r\n case 'top':\r\n return (\r\n <div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n {makeCheckList()}\r\n </div>\r\n );\r\n case 'bottom':\r\n return (\r\n <div>\r\n {makeCheckList()}\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VURL_PARAMS } from './vURL';\r\n\r\nexport function VURL({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VURL_PARAMS) {\r\n switch (vType) {\r\n default:\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCOLOR_PARAMS } from './vColor';\r\n\r\nexport function VColor({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCOLOR_PARAMS) {\r\n switch (vType) {\r\n default:\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"color\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"color\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VDATE_PARAMS } from './vDate';\r\n\r\nexport function VDate({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VDATE_PARAMS) {\r\n switch (vType) {\r\n default:\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"date\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"date\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VEMAIL_PARAMS } from './vEmail';\r\n\r\nexport function VEmail({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VEMAIL_PARAMS) {\r\n switch (vType) {\r\n default:\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRADIO_PARAMS } from './vRadio';\r\n\r\nexport function VRadio({\r\n vState = false,\r\n vName = '',\r\n vSelectListName = [],\r\n vSelectListValue = [],\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRADIO_PARAMS) {\r\n function makeSelectList() {\r\n const result = [];\r\n\r\n for (let i = 0; i < vSelectListName.length; i += 1) {\r\n result.push(\r\n <div key={`${vName}-${i}`}>\r\n <input\r\n type=\"radio\"\r\n id={`${vName}-${i}`}\r\n name={vName}\r\n value={vSelectListValue[i]}\r\n {...props}\r\n ></input>\r\n <label htmlFor={`${vName}-${i}`}>{vSelectListName[i]}</label>\r\n </div>\r\n );\r\n }\r\n\r\n return result;\r\n }\r\n\r\n switch (vType) {\r\n default:\r\n case 'bottom':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n case 'top':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n </>\r\n );\r\n case 'tooltip':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRANGE_PARAMS } from './vRange';\r\n\r\nexport function VRange({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRANGE_PARAMS) {\r\n switch (vType) {\r\n default:\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"range\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"range\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n }\r\n}\r\n"],"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","style","position","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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"}
|
package/dist/vText/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { VTEXT_PARAMS } from './vText';
|
|
3
|
-
export declare function VText({ vState, vType, vClassName, vShowMessage, vMessage, vLocateMessage, vMessageClass, vIsAnimate, props, }: VTEXT_PARAMS): React.JSX.Element;
|
|
3
|
+
export declare function VText({ vState, vType, vClassName, vShowMessage, vMessage, vLocateMessage, vMessageClass, vIsAnimate, vUseMaxLength, vMaxLength, vClassMaxLength, props, }: VTEXT_PARAMS): React.JSX.Element;
|
package/dist/vText/vText.d.ts
CHANGED
|
@@ -9,5 +9,8 @@ export interface VTEXT_PARAMS {
|
|
|
9
9
|
vLocateMessage?: 'top-left' | 'top' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom' | 'bottom-right';
|
|
10
10
|
vMessageClass?: string;
|
|
11
11
|
vIsAnimate?: boolean;
|
|
12
|
+
vUseMaxLength?: boolean;
|
|
13
|
+
vMaxLength?: number;
|
|
14
|
+
vClassMaxLength?: string;
|
|
12
15
|
props?: propsType;
|
|
13
16
|
}
|
package/package.json
CHANGED
package/src/index.module.css
CHANGED
|
@@ -7,6 +7,21 @@
|
|
|
7
7
|
.invalid:focus-within {
|
|
8
8
|
border: 2px solid red;
|
|
9
9
|
}
|
|
10
|
+
.vMaxLengthContainer {
|
|
11
|
+
position: relative;
|
|
12
|
+
}
|
|
13
|
+
.vMaxLengthContainer > input[type='text'] {
|
|
14
|
+
padding-right: 70px;
|
|
15
|
+
}
|
|
16
|
+
.vMaxLengthContainer .vMaxLength {
|
|
17
|
+
color: #555;
|
|
18
|
+
font-size: 0.8rem;
|
|
19
|
+
position: absolute;
|
|
20
|
+
right: 0;
|
|
21
|
+
top: 0;
|
|
22
|
+
margin: 0;
|
|
23
|
+
padding: 16px;
|
|
24
|
+
}
|
|
10
25
|
|
|
11
26
|
/* vType === 'outer' */
|
|
12
27
|
.vinput {
|
package/src/vCheckbox/index.tsx
CHANGED
package/src/vColor/index.tsx
CHANGED
package/src/vDate/index.tsx
CHANGED
package/src/vEmail/index.tsx
CHANGED
|
@@ -14,6 +14,7 @@ export function VEmail({
|
|
|
14
14
|
props = {},
|
|
15
15
|
}: VEMAIL_PARAMS) {
|
|
16
16
|
switch (vType) {
|
|
17
|
+
default:
|
|
17
18
|
case 'outer':
|
|
18
19
|
return (
|
|
19
20
|
<div
|
|
@@ -86,7 +87,5 @@ export function VEmail({
|
|
|
86
87
|
) : null}
|
|
87
88
|
</div>
|
|
88
89
|
);
|
|
89
|
-
default:
|
|
90
|
-
return <div></div>;
|
|
91
90
|
}
|
|
92
91
|
}
|
package/src/vRadio/index.tsx
CHANGED
package/src/vRange/index.tsx
CHANGED
package/src/vText/index.tsx
CHANGED
|
@@ -12,22 +12,68 @@ export function VText({
|
|
|
12
12
|
vLocateMessage = 'bottom',
|
|
13
13
|
vMessageClass = '',
|
|
14
14
|
vIsAnimate = false,
|
|
15
|
+
vUseMaxLength = false,
|
|
16
|
+
vMaxLength = 0,
|
|
17
|
+
vClassMaxLength = '',
|
|
15
18
|
props = {},
|
|
16
19
|
}: VTEXT_PARAMS) {
|
|
20
|
+
const inputRef = React.useRef<HTMLInputElement>(null);
|
|
21
|
+
const [inputLength, setInputLength] = React.useState<number>(
|
|
22
|
+
(props?.defaultValue || props?.value)?.length ?? 0
|
|
23
|
+
);
|
|
24
|
+
|
|
25
|
+
// 공통 input 태그 변수화
|
|
26
|
+
const inputHTML = () => {
|
|
27
|
+
return (
|
|
28
|
+
<input
|
|
29
|
+
type="text"
|
|
30
|
+
ref={inputRef}
|
|
31
|
+
{...props}
|
|
32
|
+
onChange={e => {
|
|
33
|
+
if (vUseMaxLength && e.target.value.length > vMaxLength) {
|
|
34
|
+
e.preventDefault();
|
|
35
|
+
e.target.value = e.target.value.slice(0, vMaxLength);
|
|
36
|
+
} else {
|
|
37
|
+
props?.onChange(e);
|
|
38
|
+
}
|
|
39
|
+
}}
|
|
40
|
+
defaultValue={props?.defaultValue ?? ''}
|
|
41
|
+
className={`${props?.className ?? ''} ${vClassName} ${
|
|
42
|
+
vState ? styles.invalid : ''
|
|
43
|
+
}`}
|
|
44
|
+
></input>
|
|
45
|
+
);
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
// 일부 옵션 값들은 input 기본 속성값을 이용하기 위해 merge 진행
|
|
49
|
+
if (vUseMaxLength) {
|
|
50
|
+
props = { ...props, maxLength: vMaxLength };
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
React.useEffect(() => {
|
|
54
|
+
// 입력 최댓값을 사용할 경우 useEffect Hook 설정
|
|
55
|
+
if (vUseMaxLength) {
|
|
56
|
+
setInputLength((inputRef.current?.value ?? '').length);
|
|
57
|
+
}
|
|
58
|
+
}, [inputRef.current?.value]);
|
|
59
|
+
|
|
17
60
|
switch (vType) {
|
|
61
|
+
default:
|
|
18
62
|
case 'outer':
|
|
19
63
|
return (
|
|
20
64
|
<div
|
|
21
|
-
className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}
|
|
65
|
+
className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]} ${
|
|
66
|
+
vUseMaxLength ? styles.vMaxLengthContainer : ''
|
|
67
|
+
}`}
|
|
22
68
|
>
|
|
23
|
-
<
|
|
24
|
-
|
|
25
|
-
{
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
|
|
69
|
+
<div style={{ position: 'relative' }}>
|
|
70
|
+
{inputHTML()}
|
|
71
|
+
{vUseMaxLength && (
|
|
72
|
+
<p className={`${styles.vMaxLength} ${vClassMaxLength}`}>
|
|
73
|
+
{inputLength} / {vMaxLength}
|
|
74
|
+
</p>
|
|
75
|
+
)}
|
|
76
|
+
</div>
|
|
31
77
|
{vState && vShowMessage ? (
|
|
32
78
|
<p
|
|
33
79
|
className={`${vMessageClass} ${
|
|
@@ -41,15 +87,17 @@ export function VText({
|
|
|
41
87
|
);
|
|
42
88
|
case 'inner':
|
|
43
89
|
return (
|
|
44
|
-
<div
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}`}
|
|
52
|
-
|
|
90
|
+
<div
|
|
91
|
+
className={`${styles.vinput} ${
|
|
92
|
+
vUseMaxLength ? styles.vMaxLengthContainer : ''
|
|
93
|
+
}`}
|
|
94
|
+
>
|
|
95
|
+
{inputHTML()}
|
|
96
|
+
{vUseMaxLength && (
|
|
97
|
+
<p className={`${styles.vMaxLength} ${vClassMaxLength}`}>
|
|
98
|
+
{inputLength} / {vMaxLength}
|
|
99
|
+
</p>
|
|
100
|
+
)}
|
|
53
101
|
{vState && vShowMessage ? (
|
|
54
102
|
<p
|
|
55
103
|
className={`${vMessageClass} ${styles.innerMessage} ${
|
|
@@ -66,16 +114,14 @@ export function VText({
|
|
|
66
114
|
<div
|
|
67
115
|
className={`${styles.vinput} ${
|
|
68
116
|
styles[`tooltipMessage-${vLocateMessage}`]
|
|
69
|
-
}`}
|
|
117
|
+
} ${vUseMaxLength ? styles.vMaxLengthContainer : ''}`}
|
|
70
118
|
>
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
{
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}`}
|
|
78
|
-
></input>
|
|
119
|
+
{inputHTML()}
|
|
120
|
+
{vUseMaxLength && (
|
|
121
|
+
<p className={`${styles.vMaxLength} ${vClassMaxLength}`}>
|
|
122
|
+
{inputLength} / {vMaxLength}
|
|
123
|
+
</p>
|
|
124
|
+
)}
|
|
79
125
|
{vState && vShowMessage ? (
|
|
80
126
|
<p
|
|
81
127
|
className={`${vMessageClass} ${styles.tooltipMessage} ${
|
|
@@ -87,7 +133,5 @@ export function VText({
|
|
|
87
133
|
) : null}
|
|
88
134
|
</div>
|
|
89
135
|
);
|
|
90
|
-
default:
|
|
91
|
-
return <div></div>;
|
|
92
136
|
}
|
|
93
137
|
}
|
package/src/vText/vText.ts
CHANGED
|
@@ -20,5 +20,8 @@ export interface VTEXT_PARAMS {
|
|
|
20
20
|
| 'bottom-right';
|
|
21
21
|
vMessageClass?: string; // 유효성 메시지에 입힐 class 명
|
|
22
22
|
vIsAnimate?: boolean; // 유효성 메시지 출력 시 애니메이션 적용할지
|
|
23
|
+
vUseMaxLength?: boolean; // 입력 최댓값 표시 사용 여부
|
|
24
|
+
vMaxLength?: number; // 입력 최댓값
|
|
25
|
+
vClassMaxLength?: string; // 입력 최댓값 class 명
|
|
23
26
|
props?: propsType; // 기타 옵션
|
|
24
27
|
}
|
package/src/vURL/index.tsx
CHANGED