react-validate-component 1.1.1 → 1.1.2
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/dist/react-validate-component.cjs.development.js +31 -37
- 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 +31 -37
- package/dist/react-validate-component.esm.js.map +1 -1
- package/package.json +6 -4
- package/src/index.module.css +16 -12
- package/src/vText/index.tsx +131 -137
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-validate-component.cjs.production.min.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/vCheckbox/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/index.tsx","../src/vText/index.tsx","../src/vURL/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCHECKBOX_PARAMS } from './vCheckbox';\r\n\r\nexport function VCheckbox({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n 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 { 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","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 { 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"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vLayoutClassName","vLayoutClassName","_ref$vLabelClassName","vLabelClassName","_ref$vCheckedClassNam","vCheckedClassName","_ref$vCheckList","vCheckList","_ref$vCheckedList","vCheckedList","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","makeCheckList","result","forEach","val","i","push","React","htmlFor","className","styles","invalid","key","id","hidden","value","checked","animateMessage","_ref$vLocateMessage","vLocateMessage","vinput","defaultValue","_props$defaultValue","_props$className","_props$defaultValue2","_props$className2","innerMessage","_props$defaultValue3","_props$className3","tooltipMessage","_ref$vName","vName","_ref$vSelectListName","vSelectListName","_ref$vSelectListValue","vSelectListValue","makeSelectList","length","name","_ref$vUseMaxLength","vUseMaxLength","_ref$vMaxLength","vMaxLength","_ref$vClassMaxLength","vClassMaxLength","inputRef","useRef","_React$useState","useState","_length","_ref2","_props","_props2","inputLength","setInputLength","inputHTML","onChange","e","_props3","target","preventDefault","slice","_props4","_props5","_extends","maxLength","useEffect","_inputRef$current$val","_inputRef$current","current","_inputRef$current2","vMaxLengthContainer","position"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"react-validate-component.cjs.production.min.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/vCheckbox/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/index.tsx","../src/vText/index.tsx","../src/vURL/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCHECKBOX_PARAMS } from './vCheckbox';\r\n\r\nexport function VCheckbox({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n 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 { 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","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VTEXT_PARAMS } from './vText';\r\n\r\n// Text\r\nexport function VText({\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 vUseMaxLength = false,\r\n vMaxLength = 0,\r\n vClassMaxLength = '',\r\n props = {},\r\n}: VTEXT_PARAMS) {\r\n const [inputLength, setInputLength] = React.useState<number>(\r\n (props?.defaultValue || props?.value)?.length ?? 0\r\n );\r\n\r\n // 공통 input 태그 변수화\r\n const inputHTML = () => {\r\n return (\r\n <input\r\n type=\"text\"\r\n {...props}\r\n onChange={e => {\r\n if (vUseMaxLength && e.target.value.length > vMaxLength) {\r\n e.preventDefault();\r\n e.target.value = e.target.value.slice(0, vMaxLength);\r\n } else {\r\n props?.onChange(e);\r\n if (vUseMaxLength) {\r\n setInputLength(e.target.value.length);\r\n }\r\n }\r\n }}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n );\r\n };\r\n\r\n // 일부 옵션 값들은 input 기본 속성값을 이용하기 위해 merge 진행\r\n if (vUseMaxLength) {\r\n props = { ...props, maxLength: vMaxLength };\r\n }\r\n\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 vUseMaxLength ? styles.vMaxLengthContainer : ''\r\n }`}\r\n >\r\n <div style={{ position: 'relative' }}>\r\n {inputHTML()}\r\n {vUseMaxLength && (\r\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\r\n {inputLength} / {vMaxLength}\r\n </p>\r\n )}\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 </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n vUseMaxLength ? styles.vMaxLengthContainer : ''\r\n }`}\r\n >\r\n {inputHTML()}\r\n {vUseMaxLength && (\r\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\r\n {inputLength} / {vMaxLength}\r\n </p>\r\n )}\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 } ${vUseMaxLength ? styles.vMaxLengthContainer : ''}`}\r\n >\r\n {inputHTML()}\r\n {vUseMaxLength && (\r\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\r\n {inputLength} / {vMaxLength}\r\n </p>\r\n )}\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 { 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"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vLayoutClassName","vLayoutClassName","_ref$vLabelClassName","vLabelClassName","_ref$vCheckedClassNam","vCheckedClassName","_ref$vCheckList","vCheckList","_ref$vCheckedList","vCheckedList","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","makeCheckList","result","forEach","val","i","push","React","htmlFor","className","styles","invalid","key","id","hidden","value","checked","animateMessage","_ref$vLocateMessage","vLocateMessage","vinput","defaultValue","_props$defaultValue","_props$className","_props$defaultValue2","_props$className2","innerMessage","_props$defaultValue3","_props$className3","tooltipMessage","_ref$vName","vName","_ref$vSelectListName","vSelectListName","_ref$vSelectListValue","vSelectListValue","makeSelectList","length","name","_ref$vUseMaxLength","vUseMaxLength","_ref$vMaxLength","vMaxLength","_ref$vClassMaxLength","vClassMaxLength","_React$useState","useState","_length","_ref2","_props","_props2","inputLength","setInputLength","inputHTML","onChange","e","_props3","target","preventDefault","slice","_props4","_props5","_extends","maxLength","vMaxLengthContainer","position"],"mappings":"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"}
|
|
@@ -37,13 +37,13 @@ function styleInject(css, ref) {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
var css_248z = ".index-module_invalid__gHKsE {\r\n border:
|
|
40
|
+
var css_248z = ".index-module_invalid__gHKsE {\r\n border: 1px 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 width: fit-content;\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* {\r\n --tooltip-default-color: #333;\r\n}\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: var(--tooltip-default-color);\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: var(--tooltip-default-color);\r\n border-bottom: 0;\r\n margin-bottom: -10px;\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: 10%;\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: 80%;\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: var(--tooltip-default-color);\r\n left: -15%;\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: var(--tooltip-default-color);\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: var(--tooltip-default-color);\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: 10%;\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: 80%;\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";
|
|
41
41
|
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"};
|
|
42
42
|
styleInject(css_248z);
|
|
43
43
|
|
|
44
44
|
// Text
|
|
45
45
|
function VText(_ref) {
|
|
46
|
-
var _length, _ref2, _props, _props2
|
|
46
|
+
var _length, _ref2, _props, _props2;
|
|
47
47
|
var _ref$vState = _ref.vState,
|
|
48
48
|
vState = _ref$vState === void 0 ? false : _ref$vState,
|
|
49
49
|
_ref$vType = _ref.vType,
|
|
@@ -68,7 +68,6 @@ function VText(_ref) {
|
|
|
68
68
|
vClassMaxLength = _ref$vClassMaxLength === void 0 ? '' : _ref$vClassMaxLength,
|
|
69
69
|
_ref$props = _ref.props,
|
|
70
70
|
props = _ref$props === void 0 ? {} : _ref$props;
|
|
71
|
-
var inputRef = React.useRef(null);
|
|
72
71
|
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),
|
|
73
72
|
inputLength = _React$useState[0],
|
|
74
73
|
setInputLength = _React$useState[1];
|
|
@@ -76,8 +75,7 @@ function VText(_ref) {
|
|
|
76
75
|
var inputHTML = function inputHTML() {
|
|
77
76
|
var _props$defaultValue, _props4, _props$className, _props5;
|
|
78
77
|
return /*#__PURE__*/React.createElement("input", Object.assign({
|
|
79
|
-
type: "text"
|
|
80
|
-
ref: inputRef
|
|
78
|
+
type: "text"
|
|
81
79
|
}, props, {
|
|
82
80
|
onChange: function onChange(e) {
|
|
83
81
|
if (vUseMaxLength && e.target.value.length > vMaxLength) {
|
|
@@ -86,6 +84,9 @@ function VText(_ref) {
|
|
|
86
84
|
} else {
|
|
87
85
|
var _props3;
|
|
88
86
|
(_props3 = props) == null || _props3.onChange(e);
|
|
87
|
+
if (vUseMaxLength) {
|
|
88
|
+
setInputLength(e.target.value.length);
|
|
89
|
+
}
|
|
89
90
|
}
|
|
90
91
|
},
|
|
91
92
|
defaultValue: (_props$defaultValue = (_props4 = props) == null ? void 0 : _props4.defaultValue) != null ? _props$defaultValue : '',
|
|
@@ -98,13 +99,6 @@ function VText(_ref) {
|
|
|
98
99
|
maxLength: vMaxLength
|
|
99
100
|
});
|
|
100
101
|
}
|
|
101
|
-
React.useEffect(function () {
|
|
102
|
-
// 입력 최댓값을 사용할 경우 useEffect Hook 설정
|
|
103
|
-
if (vUseMaxLength) {
|
|
104
|
-
var _inputRef$current$val, _inputRef$current;
|
|
105
|
-
setInputLength(((_inputRef$current$val = (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.value) != null ? _inputRef$current$val : '').length);
|
|
106
|
-
}
|
|
107
|
-
}, [(_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.value]);
|
|
108
102
|
switch (vType) {
|
|
109
103
|
default:
|
|
110
104
|
case 'outer':
|
|
@@ -114,25 +108,25 @@ function VText(_ref) {
|
|
|
114
108
|
style: {
|
|
115
109
|
position: 'relative'
|
|
116
110
|
}
|
|
117
|
-
}, inputHTML(), vUseMaxLength && (
|
|
111
|
+
}, inputHTML(), vUseMaxLength && (/*#__PURE__*/React.createElement("p", {
|
|
118
112
|
className: styles.vMaxLength + " " + vClassMaxLength
|
|
119
|
-
}, inputLength, " / ", vMaxLength))), vState && vShowMessage ? (
|
|
113
|
+
}, inputLength, " / ", vMaxLength))), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
120
114
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
121
115
|
}, vMessage)) : null);
|
|
122
116
|
case 'inner':
|
|
123
117
|
return /*#__PURE__*/React.createElement("div", {
|
|
124
118
|
className: styles.vinput + " " + (vUseMaxLength ? styles.vMaxLengthContainer : '')
|
|
125
|
-
}, inputHTML(), vUseMaxLength && (
|
|
119
|
+
}, inputHTML(), vUseMaxLength && (/*#__PURE__*/React.createElement("p", {
|
|
126
120
|
className: styles.vMaxLength + " " + vClassMaxLength
|
|
127
|
-
}, inputLength, " / ", vMaxLength)), vState && vShowMessage ? (
|
|
121
|
+
}, inputLength, " / ", vMaxLength)), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
128
122
|
className: vMessageClass + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
129
123
|
}, vMessage)) : null);
|
|
130
124
|
case 'tooltip':
|
|
131
125
|
return /*#__PURE__*/React.createElement("div", {
|
|
132
126
|
className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vUseMaxLength ? styles.vMaxLengthContainer : '')
|
|
133
|
-
}, inputHTML(), vUseMaxLength && (
|
|
127
|
+
}, inputHTML(), vUseMaxLength && (/*#__PURE__*/React.createElement("p", {
|
|
134
128
|
className: styles.vMaxLength + " " + vClassMaxLength
|
|
135
|
-
}, inputLength, " / ", vMaxLength)), vState && vShowMessage ? (
|
|
129
|
+
}, inputLength, " / ", vMaxLength)), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
136
130
|
className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
137
131
|
}, vMessage)) : null);
|
|
138
132
|
}
|
|
@@ -169,7 +163,7 @@ function VCheckbox(_ref) {
|
|
|
169
163
|
function makeCheckList() {
|
|
170
164
|
var result = [];
|
|
171
165
|
vCheckList.forEach(function (val, i) {
|
|
172
|
-
result.push(
|
|
166
|
+
result.push(/*#__PURE__*/React.createElement("label", {
|
|
173
167
|
htmlFor: "vCheckbox-" + i,
|
|
174
168
|
className: vLabelClassName + " " + (vCheckedList[i] ? vCheckedClassName : '') + " " + (vState ? styles.invalid : ''),
|
|
175
169
|
key: i
|
|
@@ -189,11 +183,11 @@ function VCheckbox(_ref) {
|
|
|
189
183
|
switch (vType) {
|
|
190
184
|
default:
|
|
191
185
|
case 'top':
|
|
192
|
-
return /*#__PURE__*/React.createElement("div", null, vState && vShowMessage ? (
|
|
186
|
+
return /*#__PURE__*/React.createElement("div", null, vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
193
187
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
194
188
|
}, vMessage)) : null, makeCheckList());
|
|
195
189
|
case 'bottom':
|
|
196
|
-
return /*#__PURE__*/React.createElement("div", null, makeCheckList(), vState && vShowMessage ? (
|
|
190
|
+
return /*#__PURE__*/React.createElement("div", null, makeCheckList(), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
197
191
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
198
192
|
}, vMessage)) : null);
|
|
199
193
|
}
|
|
@@ -229,7 +223,7 @@ function VURL(_ref) {
|
|
|
229
223
|
}, props, {
|
|
230
224
|
defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
|
|
231
225
|
className: ((_props$className = props == null ? void 0 : props.className) != null ? _props$className : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
232
|
-
})), vState && vShowMessage ? (
|
|
226
|
+
})), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
233
227
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
234
228
|
}, vMessage)) : null);
|
|
235
229
|
case 'inner':
|
|
@@ -240,7 +234,7 @@ function VURL(_ref) {
|
|
|
240
234
|
}, props, {
|
|
241
235
|
defaultValue: (_props$defaultValue2 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue2 : '',
|
|
242
236
|
className: ((_props$className2 = props == null ? void 0 : props.className) != null ? _props$className2 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
243
|
-
})), vState && vShowMessage ? (
|
|
237
|
+
})), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
244
238
|
className: vMessageClass + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
245
239
|
}, vMessage)) : null);
|
|
246
240
|
case 'tooltip':
|
|
@@ -251,7 +245,7 @@ function VURL(_ref) {
|
|
|
251
245
|
}, props, {
|
|
252
246
|
defaultValue: (_props$defaultValue3 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue3 : '',
|
|
253
247
|
className: ((_props$className3 = props == null ? void 0 : props.className) != null ? _props$className3 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
254
|
-
})), vState && vShowMessage ? (
|
|
248
|
+
})), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
255
249
|
className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
256
250
|
}, vMessage)) : null);
|
|
257
251
|
}
|
|
@@ -277,7 +271,7 @@ function VColor(_ref) {
|
|
|
277
271
|
switch (vType) {
|
|
278
272
|
default:
|
|
279
273
|
case 'top':
|
|
280
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, vState && vShowMessage ? (
|
|
274
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
281
275
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
282
276
|
}, vMessage)) : null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", Object.assign({
|
|
283
277
|
type: "color",
|
|
@@ -287,7 +281,7 @@ function VColor(_ref) {
|
|
|
287
281
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", Object.assign({
|
|
288
282
|
type: "color",
|
|
289
283
|
className: vClassName + " test"
|
|
290
|
-
}, props))), vState && vShowMessage ? (
|
|
284
|
+
}, props))), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
291
285
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
292
286
|
}, vMessage)) : null);
|
|
293
287
|
}
|
|
@@ -313,7 +307,7 @@ function VDate(_ref) {
|
|
|
313
307
|
switch (vType) {
|
|
314
308
|
default:
|
|
315
309
|
case 'top':
|
|
316
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, vState && vShowMessage ? (
|
|
310
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
317
311
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
318
312
|
}, vMessage)) : null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", Object.assign({
|
|
319
313
|
type: "date",
|
|
@@ -323,7 +317,7 @@ function VDate(_ref) {
|
|
|
323
317
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", Object.assign({
|
|
324
318
|
type: "date",
|
|
325
319
|
className: vClassName + " test"
|
|
326
|
-
}, props))), vState && vShowMessage ? (
|
|
320
|
+
}, props))), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
327
321
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
328
322
|
}, vMessage)) : null);
|
|
329
323
|
}
|
|
@@ -359,7 +353,7 @@ function VEmail(_ref) {
|
|
|
359
353
|
}, props, {
|
|
360
354
|
defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
|
|
361
355
|
className: ((_props$className = props == null ? void 0 : props.className) != null ? _props$className : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
362
|
-
})), vState && vShowMessage ? (
|
|
356
|
+
})), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
363
357
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
364
358
|
}, vMessage)) : null);
|
|
365
359
|
case 'inner':
|
|
@@ -370,7 +364,7 @@ function VEmail(_ref) {
|
|
|
370
364
|
}, props, {
|
|
371
365
|
defaultValue: (_props$defaultValue2 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue2 : '',
|
|
372
366
|
className: ((_props$className2 = props == null ? void 0 : props.className) != null ? _props$className2 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
373
|
-
})), vState && vShowMessage ? (
|
|
367
|
+
})), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
374
368
|
className: vMessageClass + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
375
369
|
}, vMessage)) : null);
|
|
376
370
|
case 'tooltip':
|
|
@@ -381,7 +375,7 @@ function VEmail(_ref) {
|
|
|
381
375
|
}, props, {
|
|
382
376
|
defaultValue: (_props$defaultValue3 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue3 : '',
|
|
383
377
|
className: ((_props$className3 = props == null ? void 0 : props.className) != null ? _props$className3 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
384
|
-
})), vState && vShowMessage ? (
|
|
378
|
+
})), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
385
379
|
className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
386
380
|
}, vMessage)) : null);
|
|
387
381
|
}
|
|
@@ -416,7 +410,7 @@ function VRadio(_ref) {
|
|
|
416
410
|
function makeSelectList() {
|
|
417
411
|
var result = [];
|
|
418
412
|
for (var i = 0; i < vSelectListName.length; i += 1) {
|
|
419
|
-
result.push(
|
|
413
|
+
result.push(/*#__PURE__*/React.createElement("div", {
|
|
420
414
|
key: vName + "-" + i
|
|
421
415
|
}, /*#__PURE__*/React.createElement("input", Object.assign({
|
|
422
416
|
type: "radio",
|
|
@@ -436,13 +430,13 @@ function VRadio(_ref) {
|
|
|
436
430
|
className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
|
|
437
431
|
}, /*#__PURE__*/React.createElement("div", {
|
|
438
432
|
className: ((_props$className = props == null ? void 0 : props.className) != null ? _props$className : '') + " " + vClassName
|
|
439
|
-
}, makeSelectList())), vState && vShowMessage ? (
|
|
433
|
+
}, makeSelectList())), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
440
434
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
441
435
|
}, vMessage)) : null);
|
|
442
436
|
case 'top':
|
|
443
437
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
444
438
|
className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
|
|
445
|
-
}, vState && vShowMessage ? (
|
|
439
|
+
}, vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
446
440
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
447
441
|
}, vMessage)) : null, /*#__PURE__*/React.createElement("div", {
|
|
448
442
|
className: ((_props$className2 = props == null ? void 0 : props.className) != null ? _props$className2 : '') + " " + vClassName
|
|
@@ -452,7 +446,7 @@ function VRadio(_ref) {
|
|
|
452
446
|
className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage]
|
|
453
447
|
}, /*#__PURE__*/React.createElement("div", {
|
|
454
448
|
className: ((_props$className3 = props == null ? void 0 : props.className) != null ? _props$className3 : '') + " " + vClassName
|
|
455
|
-
}, makeSelectList())), vState && vShowMessage ? (
|
|
449
|
+
}, makeSelectList())), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
456
450
|
className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
457
451
|
}, vMessage)) : null);
|
|
458
452
|
}
|
|
@@ -478,7 +472,7 @@ function VRange(_ref) {
|
|
|
478
472
|
switch (vType) {
|
|
479
473
|
default:
|
|
480
474
|
case 'top':
|
|
481
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, vState && vShowMessage ? (
|
|
475
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
482
476
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
483
477
|
}, vMessage)) : null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", Object.assign({
|
|
484
478
|
type: "range",
|
|
@@ -488,7 +482,7 @@ function VRange(_ref) {
|
|
|
488
482
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", Object.assign({
|
|
489
483
|
type: "range",
|
|
490
484
|
className: vClassName + " test"
|
|
491
|
-
}, props))), vState && vShowMessage ? (
|
|
485
|
+
}, props))), vState && vShowMessage ? (/*#__PURE__*/React.createElement("p", {
|
|
492
486
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
493
487
|
}, vMessage)) : null);
|
|
494
488
|
}
|