react-validate-component 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +66 -68
- package/dist/react-validate-component.cjs.development.js +65 -24
- package/dist/react-validate-component.cjs.development.js.map +1 -1
- package/dist/react-validate-component.cjs.production.min.js +1 -1
- package/dist/react-validate-component.cjs.production.min.js.map +1 -1
- package/dist/react-validate-component.esm.js +65 -24
- package/dist/react-validate-component.esm.js.map +1 -1
- package/dist/vText/index.d.ts +1 -1
- package/dist/vText/vText.d.ts +3 -0
- package/package.json +1 -1
- package/src/index.module.css +15 -0
- package/src/vText/index.tsx +68 -27
- package/src/vText/vText.ts +3 -0
|
@@ -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 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 { 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","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 { 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"],"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"],"mappings":"+iEAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,IAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAgC,oBAAbC,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,gpLCnBrBe,WACvBC,OAAAA,WAAMC,GAAQA,EAAAC,EAAAH,EACdI,MAAgBC,EAAAL,EAChBM,WAAAA,WAAUD,EAAG,GAAEA,EAAAE,EAAAP,EACfQ,iBAAAA,WAAgBD,EAAG,GAAEA,EAAAE,EAAAT,EACrBU,gBAAAA,WAAeD,EAAG,GAAEA,EAAAE,EAAAX,EACpBY,kBAAAA,WAAiBD,EAAG,GAAEA,EAAAE,EAAAb,EACtBc,WAAAA,WAAUD,EAAG,GAAEA,EAAAE,EAAAf,EACfgB,aAAAA,WAAYD,EAAG,GAAEA,EAAAE,EAAAjB,EACjBkB,aAAAA,WAAYD,GAAQA,EAAAE,EAAAnB,EACpBoB,SAAAA,WAAQD,EAAG,GAAEA,EAAAE,EAAArB,EACbsB,cAAAA,WAAaD,EAAG,GAAEA,EAAAE,EAAAvB,EAClBwB,WAAAA,WAAUD,GAAQA,EAAAE,EAAAzB,EAClB0B,MAAAA,WAAKD,EAAG,GAAEA,EAGV,SAASE,IACP,IAAMC,EAA8B,GAuBpC,OAtBAd,EAAWe,SAAQ,SAACC,EAAKC,GACvBH,EAAOI,KACLC,yBACEC,qBAAsBH,EACtBI,UAAczB,OACZM,EAAae,GAAKnB,EAAoB,SACpCX,EAASmC,EAAOC,QAAU,IAC9BC,IAAKP,GAELE,uCACEM,gBAAiBR,EACjBtC,KAAK,WACL0C,UAAW7B,EACXkC,UACAC,MAAOX,EACPY,QAAS1B,EAAae,IAClBL,IAENO,4BAAOH,QAING,uBAAKE,UAAW3B,GAAmBoB,GAG5C,gBAzCKzB,EAAG,SAAQA,GA0Cd,IAAK,MACH,OACE8B,2BACGhC,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,KACHO,KAGP,IAAK,SACH,OACEM,2BACGN,IACA1B,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,MAGV,QACE,OAAOa,2DC3ESjC,WACpBC,OAAAA,WAAMC,GAAQA,EAAAC,EAAAH,EACdI,MAAgBC,EAAAL,EAChBM,WAAAA,WAAUD,EAAG,GAAEA,EAAAY,EAAAjB,EACfkB,aAAAA,WAAYD,GAAQA,EAAAE,EAAAnB,EACpBoB,SAAAA,WAAQD,EAAG,GAAEA,EAAAE,EAAArB,EACbsB,cAAAA,WAAaD,EAAG,GAAEA,EAAAE,EAAAvB,EAClBwB,WAAAA,WAAUD,GAAQA,EAAAE,EAAAzB,EAClB0B,MAAAA,WAAKD,EAAG,GAAEA,EAEV,gBARKtB,EAAG,SAAQA,GASd,IAAK,MACH,OACE8B,gCACGhC,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,KACJa,2BACEA,uCAAOxC,KAAK,QAAQ0C,UAAW7B,GAAgBoB,MAIvD,IAAK,SACH,OACEO,gCACEA,2BACEA,uCAAOxC,KAAK,QAAQ0C,UAAc7B,WAAuBoB,KAE1DzB,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,MAGV,QACE,OAAOa,0DC9CQjC,WACnBC,OAAAA,WAAMC,GAAQA,EAAAC,EAAAH,EACdI,MAAgBC,EAAAL,EAChBM,WAAAA,WAAUD,EAAG,GAAEA,EAAAY,EAAAjB,EACfkB,aAAAA,WAAYD,GAAQA,EAAAE,EAAAnB,EACpBoB,SAAAA,WAAQD,EAAG,GAAEA,EAAAE,EAAArB,EACbsB,cAAAA,WAAaD,EAAG,GAAEA,EAAAE,EAAAvB,EAClBwB,WAAAA,WAAUD,GAAQA,EAAAE,EAAAzB,EAClB0B,MAAAA,WAAKD,EAAG,GAAEA,EAEV,gBARKtB,EAAG,SAAQA,GASd,IAAK,MACH,OACE8B,gCACGhC,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,KACJa,2BACEA,uCAAOxC,KAAK,OAAO0C,UAAW7B,GAAgBoB,MAItD,IAAK,SACH,OACEO,gCACEA,2BACEA,uCAAOxC,KAAK,OAAO0C,UAAc7B,WAAuBoB,KAEzDzB,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,MAGV,QACE,OAAOa,2DC9CSjC,uBACpBC,OAAAA,WAAMC,GAAQA,EAAAC,EAAAH,EACdI,MAAeC,EAAAL,EACfM,WAAAA,WAAUD,EAAG,GAAEA,EAAAY,EAAAjB,EACfkB,aAAAA,WAAYD,GAAQA,EAAAE,EAAAnB,EACpBoB,SAAAA,WAAQD,EAAG,GAAEA,EAAAyB,EAAA5C,EACb6C,eAAAA,WAAcD,EAAG,SAAQA,EAAAvB,EAAArB,EACzBsB,cAAAA,WAAaD,EAAG,GAAEA,EAAAE,EAAAvB,EAClBwB,WAAAA,WAAUD,GAAQA,EAAAE,EAAAzB,EAClB0B,MAAAA,WAAKD,EAAG,GAAEA,EAEV,gBATKtB,EAAG,QAAOA,GAUb,IAAK,QACH,OACE8B,uBACEE,UAAcC,EAAOU,WAAUV,YAAiBS,IAEhDZ,uCACExC,KAAK,SACDiC,GACJqB,oBAAYC,QAAEtB,SAAAA,EAAOqB,cAAYC,EAAI,GACrCb,kBAASc,QAAKvB,SAAAA,EAAOS,WAASc,EAAI,QAAM3C,OACtCL,EAASmC,EAAOC,QAAU,OAG7BpC,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,MAGV,IAAK,QACH,OACEa,uBAAKE,UAAWC,EAAOU,QACrBb,uCACExC,KAAK,SACDiC,GACJqB,oBAAYG,QAAExB,SAAAA,EAAOqB,cAAYG,EAAI,GACrCf,kBAASgB,QAAKzB,SAAAA,EAAOS,WAASgB,EAAI,QAAM7C,OACtCL,EAASmC,EAAOC,QAAU,OAG7BpC,GAAUiB,EACTe,qBACEE,UAAcb,MAAiBc,EAAOgB,iBACpChB,kBAAuBS,QACrBrB,EAAaY,EAAOO,eAAiB,KAExCvB,GAED,MAGV,IAAK,UACH,OACEa,uBACEE,UAAcC,EAAOU,WACnBV,oBAAyBS,IAG3BZ,uCACExC,KAAK,SACDiC,GACJqB,oBAAYM,QAAE3B,SAAAA,EAAOqB,cAAYM,EAAI,GACrClB,kBAASmB,QAAK5B,SAAAA,EAAOS,WAASmB,EAAI,QAAMhD,OACtCL,EAASmC,EAAOC,QAAU,OAG7BpC,GAAUiB,EACTe,qBACEE,UAAcb,MAAiBc,EAAOmB,mBACpCnB,oBAAyBS,QACvBrB,EAAaY,EAAOO,eAAiB,KAExCvB,GAED,MAGV,QACE,OAAOa,sDCrFSjC,iBACpBC,OAAAA,WAAMC,GAAQA,EAAAsD,EAAAxD,EACdyD,MAAAA,WAAKD,EAAG,GAAEA,EAAAE,EAAA1D,EACV2D,gBAAAA,WAAeD,EAAG,GAAEA,EAAAE,EAAA5D,EACpB6D,iBAAAA,WAAgBD,EAAG,GAAEA,EAAAzD,EAAAH,EACrBI,MAAgBC,EAAAL,EAChBM,WAAAA,WAAUD,EAAG,GAAEA,EAAAY,EAAAjB,EACfkB,aAAAA,WAAYD,GAAQA,EAAAE,EAAAnB,EACpBoB,SAAAA,WAAQD,EAAG,GAAEA,EAAAyB,EAAA5C,EACb6C,eAAAA,WAAcD,EAAG,SAAQA,EAAAvB,EAAArB,EACzBsB,cAAAA,WAAaD,EAAG,GAAEA,EAAAE,EAAAvB,EAClBwB,WAAAA,WAAUD,GAAQA,EAAAE,EAAAzB,EAClB0B,MAAAA,WAAKD,EAAG,GAAEA,EAEV,SAASqC,IAGP,IAFA,IAAMlC,EAAS,GAENG,EAAI,EAAGA,EAAI4B,EAAgBI,OAAQhC,GAAK,EAC/CH,EAAOI,KACLC,uBAAKK,IAAQmB,MAAS1B,GACpBE,uCACExC,KAAK,QACL8C,GAAOkB,MAAS1B,EAChBiC,KAAMP,EACNhB,MAAOoB,EAAiB9B,IACpBL,IAENO,yBAAOC,QAAYuB,MAAS1B,GAAM4B,EAAgB5B,MAKxD,OAAOH,EAGT,gBA9BKzB,EAAG,SAAQA,GA+Bd,IAAK,SACH,OACE8B,gCACEA,uBACEE,UAAcC,EAAOU,WAAUV,YAAiBS,IAEhDZ,uBAAKE,kBAASc,QAAKvB,SAAAA,EAAOS,WAASc,EAAI,QAAM3C,GAC1CwD,MAGJ7D,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,MAGV,IAAK,MACH,OACEa,gCACEA,uBACEE,UAAcC,EAAOU,WAAUV,YAAiBS,IAE/C5C,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,KACJa,uBAAKE,kBAASgB,QAAKzB,SAAAA,EAAOS,WAASgB,EAAI,QAAM7C,GAC1CwD,OAKX,IAAK,UACH,OACE7B,gCACEA,uBACEE,UAAcC,EAAOU,WACnBV,oBAAyBS,IAG3BZ,uBAAKE,kBAASmB,QAAK5B,SAAAA,EAAOS,WAASmB,EAAI,QAAMhD,GAC1CwD,MAGJ7D,GAAUiB,EACTe,qBACEE,UAAcb,MAAiBc,EAAOmB,mBACpCnB,oBAAyBS,QACvBrB,EAAaY,EAAOO,eAAiB,KAExCvB,GAED,MAGV,QACE,OAAOa,sDCtGSjC,WACpBC,OAAAA,WAAMC,GAAQA,EAAAC,EAAAH,EACdI,MAAgBC,EAAAL,EAChBM,WAAAA,WAAUD,EAAG,GAAEA,EAAAY,EAAAjB,EACfkB,aAAAA,WAAYD,GAAQA,EAAAE,EAAAnB,EACpBoB,SAAAA,WAAQD,EAAG,GAAEA,EAAAE,EAAArB,EACbsB,cAAAA,WAAaD,EAAG,GAAEA,EAAAE,EAAAvB,EAClBwB,WAAAA,WAAUD,GAAQA,EAAAE,EAAAzB,EAClB0B,MAAAA,WAAKD,EAAG,GAAEA,EAEV,gBARKtB,EAAG,SAAQA,GASd,IAAK,MACH,OACE8B,gCACGhC,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,KACJa,2BACEA,uCAAOxC,KAAK,QAAQ0C,UAAW7B,GAAgBoB,MAIvD,IAAK,SACH,OACEO,gCACEA,2BACEA,uCAAOxC,KAAK,QAAQ0C,UAAc7B,WAAuBoB,KAE1DzB,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,MAGV,QACE,OAAOa,0DC7CQjC,uBACnBC,OAAAA,WAAMC,GAAQA,EAAAC,EAAAH,EACdI,MAAeC,EAAAL,EACfM,WAAAA,WAAUD,EAAG,GAAEA,EAAAY,EAAAjB,EACfkB,aAAAA,WAAYD,GAAQA,EAAAE,EAAAnB,EACpBoB,SAAAA,WAAQD,EAAG,GAAEA,EAAAyB,EAAA5C,EACb6C,eAAAA,WAAcD,EAAG,SAAQA,EAAAvB,EAAArB,EACzBsB,cAAAA,WAAaD,EAAG,GAAEA,EAAAE,EAAAvB,EAClBwB,WAAAA,WAAUD,GAAQA,EAAAE,EAAAzB,EAClB0B,MAAAA,WAAKD,EAAG,GAAEA,EAEV,gBATKtB,EAAG,QAAOA,GAUb,IAAK,QACH,OACE8B,uBACEE,UAAcC,EAAOU,WAAUV,YAAiBS,IAEhDZ,uCACExC,KAAK,QACDiC,GACJqB,oBAAYC,QAAEtB,SAAAA,EAAOqB,cAAYC,EAAI,GACrCb,kBAASc,QAAKvB,SAAAA,EAAOS,WAASc,EAAI,QAAM3C,OACtCL,EAASmC,EAAOC,QAAU,OAG7BpC,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,MAGV,IAAK,QACH,OACEa,uBAAKE,UAAWC,EAAOU,QACrBb,uCACExC,KAAK,QACDiC,GACJqB,oBAAYG,QAAExB,SAAAA,EAAOqB,cAAYG,EAAI,GACrCf,kBAASgB,QAAKzB,SAAAA,EAAOS,WAASgB,EAAI,QAAM7C,OACtCL,EAASmC,EAAOC,QAAU,OAG7BpC,GAAUiB,EACTe,qBACEE,UAAcb,MAAiBc,EAAOgB,iBACpChB,kBAAuBS,QACrBrB,EAAaY,EAAOO,eAAiB,KAExCvB,GAED,MAGV,IAAK,UACH,OACEa,uBACEE,UAAcC,EAAOU,WACnBV,oBAAyBS,IAG3BZ,uCACExC,KAAK,QACDiC,GACJqB,oBAAYM,QAAE3B,SAAAA,EAAOqB,cAAYM,EAAI,GACrClB,kBAASmB,QAAK5B,SAAAA,EAAOS,WAASmB,EAAI,QAAMhD,OACtCL,EAASmC,EAAOC,QAAU,OAG7BpC,GAAUiB,EACTe,qBACEE,UAAcb,MAAiBc,EAAOmB,mBACpCnB,oBAAyBS,QACvBrB,EAAaY,EAAOO,eAAiB,KAExCvB,GAED,MAGV,QACE,OAAOa,oDCtFOjC,uBAClBC,OAAAA,WAAMC,GAAQA,EAAAC,EAAAH,EACdI,MAAeC,EAAAL,EACfM,WAAAA,WAAUD,EAAG,GAAEA,EAAAY,EAAAjB,EACfkB,aAAAA,WAAYD,GAAQA,EAAAE,EAAAnB,EACpBoB,SAAAA,WAAQD,EAAG,GAAEA,EAAAyB,EAAA5C,EACb6C,eAAAA,WAAcD,EAAG,SAAQA,EAAAvB,EAAArB,EACzBsB,cAAAA,WAAaD,EAAG,GAAEA,EAAAE,EAAAvB,EAClBwB,WAAAA,WAAUD,GAAQA,EAAAE,EAAAzB,EAClB0B,MAAAA,WAAKD,EAAG,GAAEA,EAEV,gBATKtB,EAAG,QAAOA,GAUb,IAAK,QACH,OACE8B,uBACEE,UAAcC,EAAOU,WAAUV,YAAiBS,IAEhDZ,uCACExC,KAAK,OACDiC,GACJqB,oBAAYC,QAAEtB,SAAAA,EAAOqB,cAAYC,EAAI,GACrCb,kBAASc,QAAKvB,SAAAA,EAAOS,WAASc,EAAI,QAAM3C,OACtCL,EAASmC,EAAOC,QAAU,OAG7BpC,GAAUiB,EACTe,qBACEE,UAAcb,OACZE,EAAaY,EAAOO,eAAiB,KAGtCvB,GAED,MAGV,IAAK,QACH,OACEa,uBAAKE,UAAWC,EAAOU,QACrBb,uCACExC,KAAK,OACDiC,GACJqB,oBAAYG,QAAExB,SAAAA,EAAOqB,cAAYG,EAAI,GACrCf,kBAASgB,QAAKzB,SAAAA,EAAOS,WAASgB,EAAI,QAAM7C,OACtCL,EAASmC,EAAOC,QAAU,OAG7BpC,GAAUiB,EACTe,qBACEE,UAAcb,MAAiBc,EAAOgB,iBACpChB,kBAAuBS,QACrBrB,EAAaY,EAAOO,eAAiB,KAExCvB,GAED,MAGV,IAAK,UACH,OACEa,uBACEE,UAAcC,EAAOU,WACnBV,oBAAyBS,IAG3BZ,uCACExC,KAAK,OACDiC,GACJqB,oBAAYM,QAAE3B,SAAAA,EAAOqB,cAAYM,EAAI,GACrClB,kBAASmB,QAAK5B,SAAAA,EAAOS,WAASmB,EAAI,QAAMhD,OACtCL,EAASmC,EAAOC,QAAU,OAG7BpC,GAAUiB,EACTe,qBACEE,UAAcb,MAAiBc,EAAOmB,mBACpCnB,oBAAyBS,QACvBrB,EAAaY,EAAOO,eAAiB,KAExCvB,GAED,MAGV,QACE,OAAOa"}
|
|
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 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 { 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","import React from 'react';\nimport styles from '../index.module.css';\nimport { VTEXT_PARAMS } from './vText';\n\n// Text\nexport function VText({\n vState = false,\n vType = 'outer',\n vClassName = '',\n vShowMessage = false,\n vMessage = '',\n vLocateMessage = 'bottom',\n vMessageClass = '',\n vIsAnimate = false,\n vUseMaxLength = false,\n vMaxLength = 0,\n vClassMaxLength = '',\n props = {},\n}: VTEXT_PARAMS) {\n const inputRef = React.useRef<HTMLInputElement>(null);\n const [inputLength, setInputLength] = React.useState<number>(\n (props?.defaultValue || props?.value)?.length ?? 0\n );\n\n // 공통 input 태그 변수화\n const inputHTML = (\n <input\n type=\"text\"\n ref={inputRef}\n {...props}\n onChange={e => {\n if (vUseMaxLength && e.target.value.length > vMaxLength) {\n e.preventDefault();\n e.target.value = e.target.value.slice(0, vMaxLength);\n } else {\n props?.onChange(e);\n }\n }}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n );\n\n // 일부 옵션 값들은 input 기본 속성값을 이용하기 위해 merge 진행\n if (vUseMaxLength) {\n props = { ...props, maxLength: vMaxLength };\n }\n\n React.useEffect(() => {\n // 입력 최댓값을 사용할 경우 useEffect Hook 설정\n if (vUseMaxLength) {\n setInputLength((inputRef.current?.value ?? '').length);\n }\n }, [inputRef.current?.value]);\n\n switch (vType) {\n case 'outer':\n return (\n <div\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]} ${\n vUseMaxLength ? styles.vMaxLengthContainer : ''\n }`}\n >\n {inputHTML}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${\n vIsAnimate ? styles.animateMessage : ''\n }`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'inner':\n return (\n <div\n className={`${styles.vinput} ${\n vUseMaxLength ? styles.vMaxLengthContainer : ''\n }`}\n >\n {inputHTML}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.innerMessage} ${\n styles[`innerMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'tooltip':\n return (\n <div\n className={`${styles.vinput} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vUseMaxLength ? styles.vMaxLengthContainer : ''}`}\n >\n {inputHTML}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.tooltipMessage} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n default:\n return <div></div>;\n }\n}\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { 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"],"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"],"mappings":"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"}
|
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
+
function _extends() {
|
|
4
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
5
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
6
|
+
var t = arguments[e];
|
|
7
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
8
|
+
}
|
|
9
|
+
return n;
|
|
10
|
+
}, _extends.apply(null, arguments);
|
|
11
|
+
}
|
|
12
|
+
|
|
3
13
|
function styleInject(css, ref) {
|
|
4
14
|
if ( ref === void 0 ) ref = {};
|
|
5
15
|
var insertAt = ref.insertAt;
|
|
@@ -27,13 +37,13 @@ function styleInject(css, ref) {
|
|
|
27
37
|
}
|
|
28
38
|
}
|
|
29
39
|
|
|
30
|
-
var css_248z = ".index-module_invalid__gHKsE {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__gHKsE:focus,\r\n.index-module_invalid__gHKsE:focus-visible,\r\n.index-module_invalid__gHKsE:focus-within {\r\n border: 2px solid red;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__tFGFH {\r\n display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n flex-direction: column-reverse;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n flex-direction: column-reverse;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n flex-direction: column;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__rihga {\r\n position: absolute;\r\n font-size: 12px;\r\n margin: 0;\r\n padding: 2px 5px;\r\n display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__ZlthY {\r\n position: absolute;\r\n margin: 0;\r\n padding: 10px 20px;\r\n border: 1px solid transparent;\r\n border-radius: 10px;\r\n background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n border: 10px solid transparent;\r\n border-top-color: black;\r\n border-bottom: 0;\r\n margin-bottom: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top-left__us8PI {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__us8PI::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top__NaUtu {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__NaUtu::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__UveQN {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__UveQN::after {\r\n left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n content: '';\r\n position: absolute;\r\n border: 10px solid transparent;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-right__8eqfQ {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ {\r\n transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ::after {\r\n border-right-color: black;\r\n left: -10%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-left__yyDuD {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD {\r\n transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD::after {\r\n border-left-color: black;\r\n left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n border: 10px solid transparent;\r\n border-bottom-color: black;\r\n border-top: 0;\r\n margin-top: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom-left__u-H0Q {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__u-H0Q::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom__YOZgV {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__YOZgV::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__yD0zu {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__yD0zu::after {\r\n left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n";
|
|
31
|
-
var styles = {"invalid":"index-module_invalid__gHKsE","vinput":"index-module_vinput__tFGFH","vinput-top-left":"index-module_vinput-top-left__2g8Bq","vinput-top":"index-module_vinput-top__ZTh6H","vinput-top-right":"index-module_vinput-top-right__t6K-Q","vinput-center-left":"index-module_vinput-center-left__vJn0s","vinput-center-right":"index-module_vinput-center-right__HDgip","vinput-bottom-left":"index-module_vinput-bottom-left__xxaiT","vinput-bottom":"index-module_vinput-bottom__nCOAf","vinput-bottom-right":"index-module_vinput-bottom-right__6AjOE","innerMessage":"index-module_innerMessage__rihga","innerMessage-top-left":"index-module_innerMessage-top-left__HLoYg","innerMessage-top":"index-module_innerMessage-top__ouYW6","innerMessage-top-right":"index-module_innerMessage-top-right__7tMC8","innerMessage-center-left":"index-module_innerMessage-center-left__4iZyl","innerMessage-center":"index-module_innerMessage-center__U2006","innerMessage-center-right":"index-module_innerMessage-center-right__Pg2oU","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__1QDIv","innerMessage-bottom":"index-module_innerMessage-bottom__gMogT","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__peBq-","tooltipMessage":"index-module_tooltipMessage__ZlthY","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__us8PI","tooltipMessage-top":"index-module_tooltipMessage-top__NaUtu","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__UveQN","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__8eqfQ","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__yyDuD","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__u-H0Q","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__YOZgV","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__yD0zu","animateMessage":"index-module_animateMessage__Gxf3M","fade-in":"index-module_fade-in__GxKz8"};
|
|
40
|
+
var css_248z = ".index-module_invalid__gHKsE {\r\n border: 2px solid red;\r\n outline: none;\r\n}\r\n.index-module_invalid__gHKsE:focus,\r\n.index-module_invalid__gHKsE:focus-visible,\r\n.index-module_invalid__gHKsE:focus-within {\r\n border: 2px solid red;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH {\r\n position: relative;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH > input[type='text'] {\r\n padding-right: 70px;\r\n}\r\n.index-module_vMaxLengthContainer__rh7UH .index-module_vMaxLength__hANPK {\r\n color: #555;\r\n font-size: 0.8rem;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n margin: 0;\r\n padding: 16px;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__tFGFH {\r\n display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n flex-direction: column-reverse;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n flex-direction: column-reverse;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n flex-direction: column;\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__rihga {\r\n position: absolute;\r\n font-size: 12px;\r\n margin: 0;\r\n padding: 2px 5px;\r\n display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n align-items: flex-start;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n align-items: flex-end;\r\n justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__ZlthY {\r\n position: absolute;\r\n margin: 0;\r\n padding: 10px 20px;\r\n border: 1px solid transparent;\r\n border-radius: 10px;\r\n background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n border: 10px solid transparent;\r\n border-top-color: black;\r\n border-bottom: 0;\r\n margin-bottom: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top-left__us8PI {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__us8PI::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-top__NaUtu {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__NaUtu::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__UveQN {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__UveQN::after {\r\n left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n content: '';\r\n position: absolute;\r\n border: 10px solid transparent;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-right__8eqfQ {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ {\r\n transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__8eqfQ::after {\r\n border-right-color: black;\r\n left: -10%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-center-left__yyDuD {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD {\r\n transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__yyDuD::after {\r\n border-left-color: black;\r\n left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n border: 10px solid transparent;\r\n border-bottom-color: black;\r\n border-top: 0;\r\n margin-top: -11px;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom-left__u-H0Q {\r\n justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__u-H0Q::after {\r\n left: 3%;\r\n}\r\n.index-module_vinput__tFGFH.index-module_tooltipMessage-bottom__YOZgV {\r\n justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__YOZgV::after {\r\n left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__yD0zu {\r\n justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__yD0zu::after {\r\n left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n";
|
|
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"};
|
|
32
42
|
styleInject(css_248z);
|
|
33
43
|
|
|
34
44
|
// Text
|
|
35
45
|
function VText(_ref) {
|
|
36
|
-
var
|
|
46
|
+
var _length, _ref2, _props, _props2, _props$defaultValue, _props4, _props$className, _props5, _inputRef$current2;
|
|
37
47
|
var _ref$vState = _ref.vState,
|
|
38
48
|
vState = _ref$vState === void 0 ? false : _ref$vState,
|
|
39
49
|
_ref$vType = _ref.vType,
|
|
@@ -50,40 +60,71 @@ function VText(_ref) {
|
|
|
50
60
|
vMessageClass = _ref$vMessageClass === void 0 ? '' : _ref$vMessageClass,
|
|
51
61
|
_ref$vIsAnimate = _ref.vIsAnimate,
|
|
52
62
|
vIsAnimate = _ref$vIsAnimate === void 0 ? false : _ref$vIsAnimate,
|
|
63
|
+
_ref$vUseMaxLength = _ref.vUseMaxLength,
|
|
64
|
+
vUseMaxLength = _ref$vUseMaxLength === void 0 ? false : _ref$vUseMaxLength,
|
|
65
|
+
_ref$vMaxLength = _ref.vMaxLength,
|
|
66
|
+
vMaxLength = _ref$vMaxLength === void 0 ? 0 : _ref$vMaxLength,
|
|
67
|
+
_ref$vClassMaxLength = _ref.vClassMaxLength,
|
|
68
|
+
vClassMaxLength = _ref$vClassMaxLength === void 0 ? '' : _ref$vClassMaxLength,
|
|
53
69
|
_ref$props = _ref.props,
|
|
54
70
|
props = _ref$props === void 0 ? {} : _ref$props;
|
|
71
|
+
var inputRef = React.useRef(null);
|
|
72
|
+
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
|
+
inputLength = _React$useState[0],
|
|
74
|
+
setInputLength = _React$useState[1];
|
|
75
|
+
// 공통 input 태그 변수화
|
|
76
|
+
var inputHTML = /*#__PURE__*/React.createElement("input", Object.assign({
|
|
77
|
+
type: "text",
|
|
78
|
+
ref: inputRef
|
|
79
|
+
}, props, {
|
|
80
|
+
onChange: function onChange(e) {
|
|
81
|
+
if (vUseMaxLength && e.target.value.length > vMaxLength) {
|
|
82
|
+
e.preventDefault();
|
|
83
|
+
e.target.value = e.target.value.slice(0, vMaxLength);
|
|
84
|
+
} else {
|
|
85
|
+
var _props3;
|
|
86
|
+
(_props3 = props) == null || _props3.onChange(e);
|
|
87
|
+
}
|
|
88
|
+
},
|
|
89
|
+
defaultValue: (_props$defaultValue = (_props4 = props) == null ? void 0 : _props4.defaultValue) != null ? _props$defaultValue : '',
|
|
90
|
+
className: ((_props$className = (_props5 = props) == null ? void 0 : _props5.className) != null ? _props$className : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
91
|
+
}));
|
|
92
|
+
// 일부 옵션 값들은 input 기본 속성값을 이용하기 위해 merge 진행
|
|
93
|
+
if (vUseMaxLength) {
|
|
94
|
+
props = _extends({}, props, {
|
|
95
|
+
maxLength: vMaxLength
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
React.useEffect(function () {
|
|
99
|
+
// 입력 최댓값을 사용할 경우 useEffect Hook 설정
|
|
100
|
+
if (vUseMaxLength) {
|
|
101
|
+
var _inputRef$current$val, _inputRef$current;
|
|
102
|
+
setInputLength(((_inputRef$current$val = (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.value) != null ? _inputRef$current$val : '').length);
|
|
103
|
+
}
|
|
104
|
+
}, [(_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.value]);
|
|
55
105
|
switch (vType) {
|
|
56
106
|
case 'outer':
|
|
57
107
|
return /*#__PURE__*/React.createElement("div", {
|
|
58
|
-
className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
|
|
59
|
-
}, /*#__PURE__*/React.createElement("
|
|
60
|
-
|
|
61
|
-
},
|
|
62
|
-
defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
|
|
63
|
-
className: ((_props$className = props == null ? void 0 : props.className) != null ? _props$className : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
64
|
-
})), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
|
|
108
|
+
className: styles.vinput + " " + styles["vinput-" + vLocateMessage] + " " + (vUseMaxLength ? styles.vMaxLengthContainer : '')
|
|
109
|
+
}, inputHTML, vUseMaxLength && ( /*#__PURE__*/React.createElement("p", {
|
|
110
|
+
className: styles.vMaxLength + " " + vClassMaxLength
|
|
111
|
+
}, inputLength, " / ", vMaxLength)), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
|
|
65
112
|
className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
66
113
|
}, vMessage)) : null);
|
|
67
114
|
case 'inner':
|
|
68
115
|
return /*#__PURE__*/React.createElement("div", {
|
|
69
|
-
className: styles.vinput
|
|
70
|
-
}, /*#__PURE__*/React.createElement("
|
|
71
|
-
|
|
72
|
-
},
|
|
73
|
-
defaultValue: (_props$defaultValue2 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue2 : '',
|
|
74
|
-
className: ((_props$className2 = props == null ? void 0 : props.className) != null ? _props$className2 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
75
|
-
})), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
|
|
116
|
+
className: styles.vinput + " " + (vUseMaxLength ? styles.vMaxLengthContainer : '')
|
|
117
|
+
}, inputHTML, vUseMaxLength && ( /*#__PURE__*/React.createElement("p", {
|
|
118
|
+
className: styles.vMaxLength + " " + vClassMaxLength
|
|
119
|
+
}, inputLength, " / ", vMaxLength)), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
|
|
76
120
|
className: vMessageClass + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
77
121
|
}, vMessage)) : null);
|
|
78
122
|
case 'tooltip':
|
|
79
123
|
return /*#__PURE__*/React.createElement("div", {
|
|
80
|
-
className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage]
|
|
81
|
-
}, /*#__PURE__*/React.createElement("
|
|
82
|
-
|
|
83
|
-
},
|
|
84
|
-
defaultValue: (_props$defaultValue3 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue3 : '',
|
|
85
|
-
className: ((_props$className3 = props == null ? void 0 : props.className) != null ? _props$className3 : '') + " " + vClassName + " " + (vState ? styles.invalid : '')
|
|
86
|
-
})), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
|
|
124
|
+
className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vUseMaxLength ? styles.vMaxLengthContainer : '')
|
|
125
|
+
}, inputHTML, vUseMaxLength && ( /*#__PURE__*/React.createElement("p", {
|
|
126
|
+
className: styles.vMaxLength + " " + vClassMaxLength
|
|
127
|
+
}, inputLength, " / ", vMaxLength)), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
|
|
87
128
|
className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
|
|
88
129
|
}, vMessage)) : null);
|
|
89
130
|
default:
|
|
@@ -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 <input\n type=\"text\"\n ref={inputRef}\n {...props}\n onChange={e => {\n if (vUseMaxLength && e.target.value.length > vMaxLength) {\n e.preventDefault();\n e.target.value = e.target.value.slice(0, vMaxLength);\n } else {\n props?.onChange(e);\n }\n }}\n defaultValue={props?.defaultValue ?? ''}\n className={`${props?.className ?? ''} ${vClassName} ${\n vState ? styles.invalid : ''\n }`}\n ></input>\n );\n\n // 일부 옵션 값들은 input 기본 속성값을 이용하기 위해 merge 진행\n if (vUseMaxLength) {\n props = { ...props, maxLength: vMaxLength };\n }\n\n React.useEffect(() => {\n // 입력 최댓값을 사용할 경우 useEffect Hook 설정\n if (vUseMaxLength) {\n setInputLength((inputRef.current?.value ?? '').length);\n }\n }, [inputRef.current?.value]);\n\n switch (vType) {\n case 'outer':\n return (\n <div\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]} ${\n vUseMaxLength ? styles.vMaxLengthContainer : ''\n }`}\n >\n {inputHTML}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${\n vIsAnimate ? styles.animateMessage : ''\n }`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'inner':\n return (\n <div\n className={`${styles.vinput} ${\n vUseMaxLength ? styles.vMaxLengthContainer : ''\n }`}\n >\n {inputHTML}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.innerMessage} ${\n styles[`innerMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n case 'tooltip':\n return (\n <div\n className={`${styles.vinput} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vUseMaxLength ? styles.vMaxLengthContainer : ''}`}\n >\n {inputHTML}\n {vUseMaxLength && (\n <p className={`${styles.vMaxLength} ${vClassMaxLength}`}>\n {inputLength} / {vMaxLength}\n </p>\n )}\n {vState && vShowMessage ? (\n <p\n className={`${vMessageClass} ${styles.tooltipMessage} ${\n styles[`tooltipMessage-${vLocateMessage}`]\n } ${vIsAnimate ? styles.animateMessage : ''}`}\n >\n {vMessage}\n </p>\n ) : null}\n </div>\n );\n default:\n return <div></div>;\n }\n}\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCHECKBOX_PARAMS } from './vCheckbox';\r\n\r\nexport function VCheckbox({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vLayoutClassName = '',\r\n vLabelClassName = '',\r\n vCheckedClassName = '',\r\n vCheckList = [],\r\n vCheckedList = [],\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCHECKBOX_PARAMS) {\r\n // 체크박스 리스트 생성 함수\r\n function makeCheckList() {\r\n const result: React.JSX.Element[] = [];\r\n vCheckList.forEach((val, i) => {\r\n result.push(\r\n <label\r\n htmlFor={`vCheckbox-${i}`}\r\n className={`${vLabelClassName} ${\r\n vCheckedList[i] ? vCheckedClassName : ''\r\n } ${vState ? styles.invalid : ''}`}\r\n key={i}\r\n >\r\n <input\r\n id={`vCheckbox-${i}`}\r\n type=\"checkbox\"\r\n className={vClassName}\r\n hidden\r\n value={val}\r\n checked={vCheckedList[i]}\r\n {...props}\r\n />\r\n <span>{val}</span>\r\n </label>\r\n );\r\n });\r\n return <div className={vLayoutClassName}>{result}</div>;\r\n }\r\n\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n {makeCheckList()}\r\n </div>\r\n );\r\n case 'bottom':\r\n return (\r\n <div>\r\n {makeCheckList()}\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VURL_PARAMS } from './vURL';\r\n\r\nexport function VURL({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VURL_PARAMS) {\r\n switch (vType) {\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"url\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VCOLOR_PARAMS } from './vColor';\r\n\r\nexport function VColor({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VCOLOR_PARAMS) {\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"color\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"color\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VDATE_PARAMS } from './vDate';\r\n\r\nexport function VDate({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VDATE_PARAMS) {\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"date\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"date\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VEMAIL_PARAMS } from './vEmail';\r\n\r\nexport function VEmail({\r\n vState = false,\r\n vType = 'outer',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VEMAIL_PARAMS) {\r\n switch (vType) {\r\n case 'outer':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'inner':\r\n return (\r\n <div className={styles.vinput}>\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.innerMessage} ${\r\n styles[`innerMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n case 'tooltip':\r\n return (\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <input\r\n type=\"email\"\r\n {...props}\r\n defaultValue={props?.defaultValue ?? ''}\r\n className={`${props?.className ?? ''} ${vClassName} ${\r\n vState ? styles.invalid : ''\r\n }`}\r\n ></input>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </div>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRADIO_PARAMS } from './vRadio';\r\n\r\nexport function VRadio({\r\n vState = false,\r\n vName = '',\r\n vSelectListName = [],\r\n vSelectListValue = [],\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vLocateMessage = 'bottom',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRADIO_PARAMS) {\r\n function makeSelectList() {\r\n const result = [];\r\n\r\n for (let i = 0; i < vSelectListName.length; i += 1) {\r\n result.push(\r\n <div key={`${vName}-${i}`}>\r\n <input\r\n type=\"radio\"\r\n id={`${vName}-${i}`}\r\n name={vName}\r\n value={vSelectListValue[i]}\r\n {...props}\r\n ></input>\r\n <label htmlFor={`${vName}-${i}`}>{vSelectListName[i]}</label>\r\n </div>\r\n );\r\n }\r\n\r\n return result;\r\n }\r\n\r\n switch (vType) {\r\n case 'bottom':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n case 'top':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\r\n >\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n </>\r\n );\r\n case 'tooltip':\r\n return (\r\n <>\r\n <div\r\n className={`${styles.vinput} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n }`}\r\n >\r\n <div className={`${props?.className ?? ''} ${vClassName}`}>\r\n {makeSelectList()}\r\n </div>\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${styles.tooltipMessage} ${\r\n styles[`tooltipMessage-${vLocateMessage}`]\r\n } ${vIsAnimate ? styles.animateMessage : ''}`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <div></div>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from '../index.module.css';\r\nimport { VRANGE_PARAMS } from './vRange';\r\n\r\nexport function VRange({\r\n vState = false,\r\n vType = 'bottom',\r\n vClassName = '',\r\n vShowMessage = false,\r\n vMessage = '',\r\n vMessageClass = '',\r\n vIsAnimate = false,\r\n props = {},\r\n}: VRANGE_PARAMS) {\r\n switch (vType) {\r\n case 'top':\r\n return (\r\n <>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n <div>\r\n <input type=\"range\" className={vClassName} {...props} />\r\n </div>\r\n </>\r\n );\r\n case 'bottom':\r\n return (\r\n <>\r\n <div>\r\n <input type=\"range\" className={`${vClassName} test`} {...props} />\r\n </div>\r\n {vState && vShowMessage ? (\r\n <p\r\n className={`${vMessageClass} ${\r\n vIsAnimate ? styles.animateMessage : ''\r\n }`}\r\n >\r\n {vMessage}\r\n </p>\r\n ) : null}\r\n </>\r\n );\r\n default:\r\n return <></>;\r\n }\r\n}\r\n"],"names":["VText","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vLocateMessage","vLocateMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$vUseMaxLength","vUseMaxLength","_ref$vMaxLength","vMaxLength","_ref$vClassMaxLength","vClassMaxLength","_ref$props","props","inputRef","React","useRef","_React$useState","useState","_length","_ref2","_props","defaultValue","_props2","value","length","inputLength","setInputLength","inputHTML","type","ref","onChange","e","target","preventDefault","slice","_props3","_props$defaultValue","_props4","className","_props$className","_props5","styles","invalid","_extends","maxLength","useEffect","_inputRef$current$val","_inputRef$current","current","_inputRef$current2","vinput","vMaxLengthContainer","animateMessage","innerMessage","tooltipMessage","VCheckbox","_ref$vLayoutClassName","vLayoutClassName","_ref$vLabelClassName","vLabelClassName","_ref$vCheckedClassNam","vCheckedClassName","_ref$vCheckList","vCheckList","_ref$vCheckedList","vCheckedList","makeCheckList","result","forEach","val","i","push","htmlFor","key","id","hidden","checked","VURL","_props$defaultValue2","_props$className2","_props$defaultValue3","_props$className3","VColor","VDate","VEmail","VRadio","_ref$vName","vName","_ref$vSelectListName","vSelectListName","_ref$vSelectListValue","vSelectListValue","makeSelectList","name","VRange"],"mappings":"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"}
|
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 {
|