@daoyi/nmtl-ui 2.0.1-beta.45 → 2.0.1-beta.47

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@daoyi/nmtl-ui",
-	"version": "2.0.1-beta.45",
+	"version": "2.0.1-beta.47",
 	"description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
 	"author": "daoyi",
 	"main": "lib/index.js",

package/lib/components/ContactModal-d7e2f8bb.js

@@ -1 +0,0 @@
-import{_ as e,a as t,b as o,e as a,f as n,g as r}from"./_rollupPluginBabelHelpers-fde6d1c6.js";import i,{useState as m,useEffect as l,useMemo as c}from"react";import s from"prop-types";import{G as d,J as p,s as f,H as u,I as g,K as h,L as b,M as _,c as v,N as y,O as k,P as E}from"./vendor-851c6356.js";import x from"axios";import{M as $}from"./Modal-a7591b98.js";import{Input as I,Button as j,IconButton as N,Box as C,Typography as M,FormControl as S,RadioGroup as w,FormControlLabel as P,Radio as T,TextField as O,TextareaAutosize as D}from"@material-ui/core";import{S as F}from"./Select-98a8e973.js";import{g as A}from"./globalConfig-40069b54.js";const q=function(e,t,o){let a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:5e3;x.defaults.timeout=a;try{return x.post(t,{sendMail:e}).then((e=>o({state:e&&200===e.status}))).catch((e=>(console.error("api:axios:catch:error: ",e.message),{state:!1,error:e.message})))}catch(e){return console.error("api:axios:try:catch:error: ",e.message),{state:!1,error:e.message}}},V="DATA_PROVIDER",z="PROBLEM",K=e=>new Promise(((t,o)=>{const a=new p;for(let t=0;t<e.length;t+=1){const o=e[t];a.file(o.name,o)}a.generateAsync({type:"base64"}).then(t).catch(o)})),R=e=>String.fromCharCode(e>57&&e<84?e+7:e<57?e:e+13),B=(e,t,o)=>{const a=~~(Math.random()*(e-t+1)+t);if(!o)return a;const n=[];for(let a=0;a<o;a+=1)n.push(B(e,t));return n},L=()=>({data:B(109,48,4),rotate:B(75,-75,4),fz:B(24,30,4),color:[B(100,255,3),B(100,255,4),B(100,255,3),B(100,255,3)]});f(".vcode {\n  display: block;\n  align-items: center; }\n  .vcode__image {\n    margin-top: 10px;\n    background: rgba(0, 0, 0, 0.8);\n    width: 160px;\n    overflow: hidden;\n    height: 50px;\n    text-align: center;\n    position: relative; }\n    .vcode__image:hover .vcode__mask {\n      opacity: 0.8; }\n    .vcode__image__mask {\n      position: absolute;\n      width: 100%;\n      top: 0;\n      line-height: 50px;\n      background-color: rgba(0, 0, 0, 0.95);\n      opacity: 0;\n      z-index: 1;\n      transition: opacity 0.3s ease-in-out;\n      cursor: pointer; }\n    .vcode__image__itemStr {\n      float: left;\n      margin-left: 20px; }\n\n#bgi {\n  top: 0;\n  left: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%; }\n");const Z=e=>{let{visible:t,placeholder:o,onChange:a,formatMessage:n}=e;const[r,c]=m(L()),{data:s,rotate:d,fz:p,color:f}=r,u=()=>{(()=>{const e=document.getElementById("bgi").getContext("2d");e.strokeStyle=`rgb(${B(100,10,3).toString()})`;for(let t=0;t<7;t+=1)e.lineTo(B(200,0),B(200,10)),e.moveTo(B(200,0),B(200,0)),e.stroke()})(),c(L())};l((()=>{u()}),[t]);const g=`${R(s[0])}${R(s[1])}${R(s[2])}${R(s[3])}`;return i.createElement("div",{className:"vcode"},i.createElement(I,{placeholder:o,onChange:e=>a(e.target.value===g)}),i.createElement("div",{className:"vcode__image"},i.createElement("canvas",{id:"bgi",width:"200",height:"200"}),s.map(((e,t)=>i.createElement("div",{key:t.toString(),className:"vcode__image__itemStr",style:{transform:`rotate(${d[t]}deg)`,fontSize:`${p[t]}px`,color:`rgb(${f[t].toString()})`}},R(e)))),i.createElement("div",{className:"vcode__image__mask",onClick:u},n({id:"common.click.refresh"}))))};Z.defaultProps={visible:!1,placeholder:void 0,onChange:()=>{},formatMessage:()=>{}},Z.propTypes={visible:s.bool,placeholder:s.string,onChange:s.func,formatMessage:s.func};f(".emailInput__loginSDK {\n  display: flex;\n  align-items: center; }\n  .emailInput__loginSDK__google {\n    padding: 6px 10px 4px !important;\n    border: 1px solid black !important; }\n    .emailInput__loginSDK__google div {\n      padding: 0 !important; }\n    .emailInput__loginSDK__google span {\n      padding: 0 !important; }\n  .emailInput__loginSDK__fb {\n    padding: 9px 10px !important;\n    border-radius: 3px;\n    margin-left: 10px;\n    background-color: #4c69ba;\n    border: 1px solid black;\n    color: white; }\n    .emailInput__loginSDK__fb i {\n      margin-right: 10px; }\n\n.emailInput__operator {\n  margin-top: 10px; }\n");const G=e=>{let{value:t,placeholder:o,onChange:a,onNotify:n}=e;const[r,l]=m(!1);c((()=>()=>setTimeout((()=>l(!0)),1e3)),[]);const s=e=>{e&&e.profileObj&&e.profileObj.email?a(e.profileObj.email):r&&n({type:"error",message:"common.action.failed"})};return i.createElement("div",{className:"emailInput"},i.createElement("div",{className:"emailInput__loginSDK"},i.createElement(u,{clientId:"593080210200-cfmvk6ikbfv0thudsidgi4n63stuqrrg.apps.googleusercontent.com",buttonText:"Google",onSuccess:s,onFailure:s,className:"emailInput__loginSDK__google",cookiePolicy:"single_host_origin"}),i.createElement(g,{appId:"1391837967649911",autoLoad:!1,fields:"name,email,picture",callback:e=>{e&&e.email?a(e.email):n({type:"error",message:"common.action.failed"})},icon:"fa-facebook",cssClass:"emailInput__loginSDK__fb",size:"small",textButton:"Facebook"})),i.createElement("div",{className:"emailInput__operator"},i.createElement(I,{value:t,placeholder:o,onChange:e=>a(e.target.value)})))};G.defaultProps={value:void 0,placeholder:void 0,onChange:()=>{},onNotify:()=>{}},G.propTypes={value:s.string,placeholder:s.string,onChange:s.func,onNotify:s.func};const H=e=>{let{onChange:t}=e;const[o,a]=m([]);return i.createElement("div",null,i.createElement(j,{variant:"outlined",color:"primary"},i.createElement("label",{htmlFor:"fileInput",style:{display:"flex",cursor:"pointer"}},i.createElement(h,null),"Upload Files",i.createElement("input",{id:"fileInput",type:"file",multiple:!0,onChange:e=>{a([...o,...e.target.files]),t([...o,...e.target.files])},style:{display:"none"}}))),o.length>0&&i.createElement("div",null,o.map(((e,n)=>i.createElement("div",{key:n.toString()},i.createElement("span",null,e.name),i.createElement(N,{"aria-label":"delete",onClick:()=>(e=>{const n=[...o];n.splice(e,1),a(n),t(n)})(n)},i.createElement(b,null)))))))};H.propTypes={onChange:s.func.isRequired};f(".formItem {\n  width: 100%;\n  margin-bottom: 16px; }\n  .formItem:last-child {\n    margin-bottom: initial; }\n  .formItem__title {\n    display: flex;\n    font-size: 16px;\n    font-weight: bold; }\n    .formItem__title__star {\n      margin-left: 3px;\n      color: #d93333; }\n  .formItem__operator {\n    margin: 2px 0;\n    font-size: 14px; }\n    .formItem__operator__radio__desc {\n      margin-left: 35px !important; }\n    .formItem__operator--unsupport {\n      border: 1px solid #d93333;\n      background: pink;\n      color: black;\n      padding: 5px 10px; }\n  .formItem__error {\n    color: #d93333;\n    font-weight: bold; }\n  .formItem textarea {\n    border: 1px solid #d9d9d9;\n    border-radius: 3px;\n    width: 100%;\n    background: transparent;\n    padding: 6px 10px; }\n  .formItem ::-webkit-calendar-picker-indicator {\n    filter: invert(1); }\n");const U=t=>{let{name:o,type:a,options:n,label:r,hint:m,placeholder:l,required:c,setFieldValue:s,formatMessage:d,onNotify:p}=t;const f=l||`${d({id:"common.enter"})} ${r}`;return i.createElement(_,{name:o,render:t=>{let{field:l}=t;const u=(t=>{let o;switch(a){case"input":o=i.createElement(I,e({},t,{placeholder:f}));break;case"textarea":o=i.createElement(D,e({},t,{minRows:3,placeholder:f}));break;case"select":o=i.createElement(F,e({},t,{options:n,placeholder:f}));break;case"datePicker":o=i.createElement(O,e({},t,{type:"date",onChange:e=>s(t.name,e.target.value)}));break;case"email":o=i.createElement(G,e({},t,{placeholder:f,onChange:e=>s(t.name,e),onNotify:p}));break;case"radio":o=i.createElement(S,{component:"fieldset"},i.createElement(w,t,n.map((e=>i.createElement(i.Fragment,null,i.createElement(P,{key:e.value,value:e.value,control:i.createElement(T,null),label:e.label}),e&&e.desc&&i.createElement(M,{variant:"caption",className:"formItem__operator__radio__desc"},e.desc))))));break;case"upload":o=i.createElement(H,e({},t,{onChange:e=>s(t.name,e)}));break;case"vcode":o=i.createElement(Z,{placeholder:f,onChange:e=>s(t.name,e),formatMessage:d});break;default:o=null}return o})(l);return i.createElement("div",{id:`form-${o}`,className:"formItem"},r&&i.createElement("div",{className:"formItem__title"},r,c&&i.createElement("div",{className:"formItem__title__star"},"*")),m&&i.createElement(C,{my:1},i.createElement(M,{variant:"body2"},m)),i.createElement("div",{className:v("formItem__operator",{"formItem__operator--unsupport":!u})},u||"Check component type is support on FormItem"),i.createElement(y,{className:"formItem__error",name:o,component:"div"}))}})};U.defaultProps={label:void 0,placeholder:void 0,hint:void 0,options:[],required:!1,setFieldValue:()=>{},formatMessage:()=>{},onNotify:()=>{}},U.propTypes={name:s.string.isRequired,type:s.string.isRequired,label:s.string,hint:s.string,options:s.arrayOf(s.any),placeholder:s.string,required:s.bool,setFieldValue:s.func,formatMessage:s.func,onNotify:s.func};const J=e=>{let{formatMessage:t,values:o}=e;const a=[];return Object.keys(o).forEach((e=>{switch(e){case"subject":{const n=t({id:"common.form.dataProvide"});o[e]&&a.push(`${n}-${t({id:"header.title"})}`);break}case"name":o[e]&&a.push(`${t({id:"common.form.name"})}:${o[e]}`);break;case"email":o[e]&&a.push(`e-mail:${o[e]}`);break;case"phone":o[e]&&a.push(`${t({id:"common.form.phone"})}:${o[e]}`);break;case"age":o[e]&&a.push(`${t({id:"common.form.age"})}:${o[e]}`);break;case"job":o[e]&&a.push(`${t({id:"common.form.job"})}:${o[e]}`);break;case"dataName":o[e]&&a.push(`${t({id:"common.form.dataname"})}:${o[e]}`);break;case"author":o[e]&&a.push(`${t({id:"common.form.author"})}:${o[e]}`);break;case"date":o[e]&&a.push(`${t({id:"common.form.datadate"})}:${o[e]}`);break;case"offer":o[e]&&a.push(`${t({id:"common.form.providername"})}:${o[e]}`);break;case"message":o[e]&&a.push(`${t({id:"common.content"})}:${o[e]}`)}})),a.join("<br />")},W=e=>{let{formatMessage:t,values:o}=e;const a=[];return Object.keys(o).forEach((e=>{switch(e){case"subject":{const n=t({id:"common.has.problem"});o[e]&&a.push(`${n}-${t({id:"header.title"})}`);break}case"name":o[e]&&a.push(`${t({id:"common.form.name"})}:${o[e]}`);break;case"email":o[e]&&a.push(`e-mail:${o[e]}`);break;case"phone":o[e]&&a.push(`${t({id:"common.form.phone"})}:${o[e]}`);break;case"age":o[e]&&a.push(`${t({id:"common.form.age"})}:${o[e]}`);break;case"job":o[e]&&a.push(`${t({id:"common.form.job"})}:${o[e]}`);break;case"message":o[e]&&a.push(`${t({id:"common.content"})}:${o[e]}`)}})),a.join("<br />")};var Q,X=function(l){var c,s=l.type,p=l.mailto,f=l.open,u=l.emailAPI,g=l.setOpen,h=l.onNotify,b=A().formatMessage,_=m(!1),v=t(_,2),y=v[0],x=v[1],I=m(s),j=t(I,2),N=j[0],C=j[1],M=(e=>{let{formatMessage:t,formType:o}=e;const a=[{name:"subject",type:"radio",label:t({id:"common.form.subject"}),options:[{label:t({id:"common.has.problem"}),value:z,desc:t({id:"common.has.problem.hint"})},{label:t({id:"common.form.dataProvide"}),value:V,desc:t({id:"common.form.dataProvide.hint"})}],required:!0,initialValue:o},{name:"name",type:"input",label:t({id:"common.form.name"}),required:!0},{name:"phone",type:"input",label:t({id:"common.form.phone"})},{name:"email",type:"email",label:"e-mail",required:!0},{name:"age",type:"select",label:t({id:"common.form.age"}),options:["0-9","10-19","20-29","30-39","40-49","50-59","60-69","70-79","80-89","90-99"]},{name:"job",type:"input",label:t({id:"common.form.job"})}],n=[{name:"dataName",type:"input",label:t({id:"common.form.dataname"}),placeholder:t({id:"common.form.dataname.placeholder"})},{name:"author",type:"input",label:t({id:"common.form.author"})},{name:"date",type:"datePicker",label:t({id:"common.form.datadate"}),initialValue:d().format("yyyy-MM-DD")},{name:"offer",type:"input",label:t({id:"common.form.providername"}),placeholder:t({id:"common.form.provider.notice"})}],r=[{name:"files",type:"upload",label:t({id:"common.form.attachment"}),hint:t({id:"common.form.attachment.hint"})},{name:"message",type:"textarea",label:t({id:"common.content"})},{name:"vcode",type:"vcode",label:t({id:"common.form.code"}),initialValue:!1,required:!0}];return a.concat(o===V?n:[]).concat(r)})({formatMessage:b,formType:N}),S=k({initialValues:M.reduce((function(e,t){return o(o({},e),{},a({},t.name,t.initialValue||""))}),{}),validate:function(e){var t={};(M.filter((function(e){return e.required})).forEach((function(o){var a=o.name,n=o.label;e[a]||(t[a]="".concat(b({id:"common.enter"})," ").concat(n))})),/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(e.email)||(t.email=b({id:"common.form.valid.error.email"})),e.vcode||(t.vcode=b({id:"common.form.code.error"})),C(e.subject),Array.isArray(e.files))&&(e.files.reduce((function(e,t){return e+t.size}),0)>10485760&&(t.files=b({id:"common.form.attachment.valid.error"})));return Q=Object.keys(t).length>0?Object.keys(t).shift():null,t},onSubmit:(c=n(r().mark((function e(t){var o,a,n,i;return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(o=t.subject===z?b({id:"common.has.problem"}):b({id:"common.form.dataProvide"}),a="".concat(o,"-").concat(b({id:"header.title"}),"-").concat(t.name),n=N===z?W({formatMessage:b,values:t}):J({formatMessage:b,values:t}),x(!0),!(t.files&&t.files.length>0)){e.next=11;break}return e.next=7,K(t.files);case 7:i=e.sent,q({from:t.email,to:p,subject:a,html:n,attachments:[{filename:"zipFile.zip",content:i}]},u,(function(e){e.state?(x(!1),S.resetForm(),g(!1),h({message:"common.action.success"})):h({type:"error",message:"common.action.error"})})),e.next=12;break;case 11:q({from:t.email,to:p,subject:a,html:n},u,(function(e){e.state?(x(!1),S.resetForm(),g(!1),h({message:"common.action.success"})):h({type:"error",message:"common.action.error"})}));case 12:case"end":return e.stop()}}),e)}))),function(e){return c.apply(this,arguments)})});return i.createElement($,{fullWidth:!0,visible:f,loading:y,title:b({id:"common.form.contactUs"}),onCancel:function(){S.resetForm(),g(!1)},onOk:function(){S.handleSubmit();var e=document.getElementById("form-".concat(Q));if(e){var t=e.offsetTop-65;e.parentElement.scrollTo?e.parentElement.scrollTo({top:t,behavior:"smooth"}):e.parentElement.scrollTop=t}Q&&h({type:"error",message:"common.form.error"})},cancelText:b({id:"common.cancel"}),okText:b({id:"common.submit"})},i.createElement(E,{value:S},M.map((function(t){return i.createElement(U,e({key:t.name},t,{setFieldValue:S.setFieldValue,formatMessage:b,onNotify:h}))}))))};X.defaultProps={type:z,mailto:"twp@nmtl.gov.tw",open:!1,emailAPI:"https://api2.daoyidh.com/nmtl/mail",setOpen:function(){},onNotify:function(){}},X.propTypes={type:s.oneOf(["DATA_PROVIDER","PROBLEM"]),mailto:s.string,open:s.bool,emailAPI:s.string,setOpen:s.func,onNotify:s.func};export{X as C};

package/lib/components/globalConfig-40069b54.js

@@ -1 +0,0 @@
-import{e as o}from"./_rollupPluginBabelHelpers-fde6d1c6.js";var m,e,n={"common.action.failed":"操作失敗","common.action.error":"操作錯誤","common.action.success":"操作成功","common.confirm":"確認","common.enter":"請輸入","common.submit":"送出","common.cancel":"取消","common.export":"匯出","common.export.type":"匯出类型","common.has.problem":"我要糾錯","common.has.problem.hint":"若您有發現平台內任何地方的錯誤，請不吝來信告知我們，我們將儘快修正，謝謝。","common.sex":"性別","common.other":"其他","common.content":"內容","common.click.refresh":"點擊刷新","common.provide.information":"我要補充資料","common.form.name":"姓名","common.form.phone":"電話","common.form.age":"年齡","common.form.job":"職業","common.form.author":"作者","common.form.dataname":"資料名稱","common.form.datadate":"資料日期","common.form.providername":"提供者名稱","common.form.subject":"主旨","common.form.selectQuetionType":"請選擇一個問題類型","common.form.dataProvide":"我要補充資料","common.form.dataProvide.hint":"我們需要更多資料來完善平台，歡迎提供。","common.form.valid.error.email":"您輸入無效的 e-mail!","common.form.male":"男","common.form.female":"女","common.form.dataname.placeholder":"可填書名、期刊名等","common.form.provider.notice":"(此名稱將會顯示於此網站上)","common.form.code":"驗證碼","common.form.code.error":"驗證碼錯誤","common.form.attachment":"附件上傳","common.form.attachment.valid.error":"附件上傳上限為2MB","common.form.attachment.hint":"上傳附件大小限制：2MB","common.form.contactUs":"聯繫我們","common.form.error":"表單尚未完成 請檢察必填項目"},r=(o(m={},"zh-tw",n),o(m,"zh-cn",{"common.action.failed":"操作失败","common.action.error":"操作错误","common.action.success":"操作成功","common.confirm":"确认","common.enter":"请输入","common.submit":"送出","common.cancel":"取消","common.export":"汇出","common.export.type":"汇出类型","common.has.problem":"我要纠错","common.has.problem.hint":"若您有发现平台内任何地方的错误，请不吝来信告知我们，我们将尽快修正，谢谢。","common.sex":"性别","common.other":"其他","common.content":"内容","common.click.refresh":"点击刷新","common.provide.information":"我要补充资料","common.form.name":"姓名","common.form.phone":"电话","common.form.age":"年龄","common.form.job":"职业","common.form.author":"作者","common.form.dataname":"资料名称","common.form.datadate":"资料日期","common.form.providername":"提供者名称","common.form.subject":"主旨","common.form.selectQuetionType":"请选择一个问题类型","common.form.dataProvide":"我要补充资料","common.form.dataProvide.hint":"我们需要更多资料来完善平台，欢迎提供。","common.form.valid.error.email":"您输入无效的 e-mail!","common.form.male":"男","common.form.female":"女","common.form.dataname.placeholder":"可填书名、期刊名等","common.form.provider.notice":"(此名称将会显示于此网站上)","common.form.code":"验证码","common.form.code.error":"验证码错误","common.form.attachment":"附件上传","common.form.attachment.valid.error":"附件上传上限为2MB","common.form.attachment.hint":"上传附件大小限制：2MB","common.form.contactUs":"联系我们","common.form.error":"表单尚未完成 请检察必填项目"}),o(m,"en-us",{"common.action.failed":"Action failed","common.action.error":"Operation error","common.action.success":"Action succeeded","common.confirm":"Confirm","common.enter":"Please enter","common.submit":"Send","common.cancel":"Cancel","common.export":"Export","common.export.type":"Export Type","common.has.problem":"I want to correct an error","common.has.problem.hint":"If you find any errors in the platform, please feel free to write to us and we will fix them as soon as possible, thank you.","common.sex":"Sex","common.other":"Other","common.content":"Content","common.click.refresh":"Click to refresh","common.provide.information":"I want to add information","common.form.name":"Name","common.form.phone":"Phone","common.form.age":"Age","common.form.job":"Job","common.form.author":"Author","common.form.dataname":"Data Name","common.form.datadate":"Data Date","common.form.providername":"Provider Name","common.form.subject":"Subject","common.form.selectQuetionType":"Please select a question type","common.form.dataProvide":"I want to add information","common.form.dataProvide.hint":"We need more data to improve the platform, welcome to provide.","common.form.valid.error.email":"You entered an invalid e-mail!","common.form.male":"Male","common.form.female":"Female","common.form.dataname.placeholder":"You can fill in the title of the book, the name of the journal, etc.","common.form.provider.notice":"(This name will be displayed on this website)","common.form.code":"Verification Code","common.form.code.error":"Verification code error","common.form.attachment":"Attachment Upload","common.form.attachment.valid.error":"Attachment upload limit is 2MB","common.form.attachment.hint":"Upload attachment size limit: 2MB","common.form.contactUs":"Contact Us","common.form.error":"The form has not been completed, please check the required items"}),m),c=function(){return{setLocale:function(o){e=o},getLocale:function(){return e},formatMessage:function(o){var m=o.id;return(r[e]||n)[m]||m}}};export{c as g};