@daoyi/nmtl-ui 1.1.43-beta.96 → 1.1.43-beta.97
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.
|
@@ -15,4 +15,4 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
|
15
15
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
16
16
|
PERFORMANCE OF THIS SOFTWARE.
|
|
17
17
|
***************************************************************************** */
|
|
18
|
-
function Xr(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{u(r.next(e))}catch(e){i(e)}}function s(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}u((r=r.apply(e,t||[])).next())}))}function eo(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}function to(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}var no=new Map([["avi","video/avi"],["gif","image/gif"],["ico","image/x-icon"],["jpeg","image/jpeg"],["jpg","image/jpeg"],["mkv","video/x-matroska"],["mov","video/quicktime"],["mp4","video/mp4"],["pdf","application/pdf"],["png","image/png"],["zip","application/zip"],["doc","application/msword"],["docx","application/vnd.openxmlformats-officedocument.wordprocessingml.document"]]);function ro(e,t){var n=function(e){var t=e.name;if(t&&-1!==t.lastIndexOf(".")&&!e.type){var n=t.split(".").pop().toLowerCase(),r=no.get(n);r&&Object.defineProperty(e,"type",{value:r,writable:!1,configurable:!1,enumerable:!0})}return e}(e);if("string"!=typeof n.path){var r=e.webkitRelativePath;Object.defineProperty(n,"path",{value:"string"==typeof t?t:"string"==typeof r&&r.length>0?r:e.name,writable:!1,configurable:!1,enumerable:!0})}return n}var oo=[".DS_Store","Thumbs.db"];function io(e){return(null!==e.target&&e.target.files?uo(e.target.files):[]).map((function(e){return ro(e)}))}function ao(e,t){return Xr(this,void 0,void 0,(function(){var n;return eo(this,(function(r){switch(r.label){case 0:return e.items?(n=uo(e.items).filter((function(e){return"file"===e.kind})),"drop"!==t?[2,n]:[4,Promise.all(n.map(co))]):[3,2];case 1:return[2,so(lo(r.sent()))];case 2:return[2,so(uo(e.files).map((function(e){return ro(e)})))]}}))}))}function so(e){return e.filter((function(e){return-1===oo.indexOf(e.name)}))}function uo(e){for(var t=[],n=0;n<e.length;n++){var r=e[n];t.push(r)}return t}function co(e){if("function"!=typeof e.webkitGetAsEntry)return fo(e);var t=e.webkitGetAsEntry();return t&&t.isDirectory?po(t):fo(e)}function lo(e){return e.reduce((function(e,t){return function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(to(arguments[t]));return e}(e,Array.isArray(t)?lo(t):[t])}),[])}function fo(e){var t=e.getAsFile();if(!t)return Promise.reject(e+" is not a File");var n=ro(t);return Promise.resolve(n)}function ho(e){return Xr(this,void 0,void 0,(function(){return eo(this,(function(t){return[2,e.isDirectory?po(e):mo(e)]}))}))}function po(e){var t=e.createReader();return new Promise((function(e,n){var r=[];!function o(){var i=this;t.readEntries((function(t){return Xr(i,void 0,void 0,(function(){var i,a,s;return eo(this,(function(u){switch(u.label){case 0:if(t.length)return[3,5];u.label=1;case 1:return u.trys.push([1,3,,4]),[4,Promise.all(r)];case 2:return i=u.sent(),e(i),[3,4];case 3:return a=u.sent(),n(a),[3,4];case 4:return[3,6];case 5:s=Promise.all(t.map(ho)),r.push(s),o(),u.label=6;case 6:return[2]}}))}))}),(function(e){n(e)}))}()}))}function mo(e){return Xr(this,void 0,void 0,(function(){return eo(this,(function(t){return[2,new Promise((function(t,n){e.file((function(n){var r=ro(n,e.fullPath);t(r)}),(function(e){n(e)}))}))]}))}))}var yo=M(k((function(e,t){t.__esModule=!0,t.default=function(e,t){if(e&&t){var n=Array.isArray(t)?t:t.split(","),r=e.name||"",o=(e.type||"").toLowerCase(),i=o.replace(/\/.*$/,"");return n.some((function(e){var t=e.trim().toLowerCase();return"."===t.charAt(0)?r.toLowerCase().endsWith(t):t.endsWith("/*")?i===t.replace(/\/.*$/,""):o===t}))}return!0}})));function go(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==s.return||s.return()}finally{if(o)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return vo(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return vo(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vo(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var bo=function(e){e=Array.isArray(e)&&1===e.length?e[0]:e;var t=Array.isArray(e)?"one of ".concat(e.join(", ")):e;return{code:"file-invalid-type",message:"File type must be ".concat(t)}},_o=function(e){return{code:"file-too-large",message:"File is larger than ".concat(e," bytes")}},wo=function(e){return{code:"file-too-small",message:"File is smaller than ".concat(e," bytes")}},So={code:"too-many-files",message:"Too many files"};function ko(e,t){var n="application/x-moz-file"===e.type||yo(e,t);return[n,n?null:bo(t)]}function Oo(e,t,n){if(Do(e.size))if(Do(t)&&Do(n)){if(e.size>n)return[!1,_o(n)];if(e.size<t)return[!1,wo(t)]}else{if(Do(t)&&e.size<t)return[!1,wo(t)];if(Do(n)&&e.size>n)return[!1,_o(n)]}return[!0,null]}function Do(e){return null!=e}function jo(e){var t=e.files,n=e.accept,r=e.minSize,o=e.maxSize,i=e.multiple,a=e.maxFiles;return!(!i&&t.length>1||i&&a>=1&&t.length>a)&&t.every((function(e){var t=go(ko(e,n),1)[0],i=go(Oo(e,r,o),1)[0];return t&&i}))}function Mo(e){return"function"==typeof e.isPropagationStopped?e.isPropagationStopped():void 0!==e.cancelBubble&&e.cancelBubble}function xo(e){return e.dataTransfer?Array.prototype.some.call(e.dataTransfer.types,(function(e){return"Files"===e||"application/x-moz-file"===e})):!!e.target&&!!e.target.files}function To(e){e.preventDefault()}function Eo(e){return-1!==e.indexOf("MSIE")||-1!==e.indexOf("Trident/")}function Ao(e){return-1!==e.indexOf("Edge/")}function Po(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.navigator.userAgent;return Eo(e)||Ao(e)}function Yo(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return t.some((function(t){return!Mo(e)&&t&&t.apply(void 0,[e].concat(r)),Mo(e)}))}}function Fo(e){return function(e){if(Array.isArray(e))return Co(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Ro(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Io(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==s.return||s.return()}finally{if(o)throw i}}return n}(e,t)||Ro(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ro(e,t){if(e){if("string"==typeof e)return Co(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Co(e,t):void 0}}function Co(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function No(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Lo(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?No(Object(n),!0).forEach((function(t){Uo(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):No(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Uo(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Wo(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var Vo=r((function(e,n){var r=e.children,o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Lo(Lo({},Ho),e),n=t.accept,r=t.disabled,o=t.getFilesFromEvent,i=t.maxSize,f=t.minSize,d=t.multiple,h=t.maxFiles,p=t.onDragEnter,m=t.onDragLeave,y=t.onDragOver,g=t.onDrop,v=t.onDropAccepted,b=t.onDropRejected,_=t.onFileDialogCancel,w=t.preventDropOnDocument,S=t.noClick,k=t.noKeyboard,O=t.noDrag,D=t.noDragEventsBubbling,j=t.validator,M=a(null),x=a(null),T=Io(u($o,zo),2),E=T[0],A=T[1],P=E.isFocused,Y=E.isFileDialogActive,F=E.draggedFiles,I=c((function(){x.current&&(A({type:"openDialog"}),x.current.value=null,x.current.click())}),[A]),R=function(){Y&&setTimeout((function(){x.current&&(x.current.files.length||(A({type:"closeDialog"}),"function"==typeof _&&_()))}),300)};s((function(){return window.addEventListener("focus",R,!1),function(){window.removeEventListener("focus",R,!1)}}),[x,Y,_]);var C=c((function(e){M.current&&M.current.isEqualNode(e.target)&&(32!==e.keyCode&&13!==e.keyCode||(e.preventDefault(),I()))}),[M,x]),N=c((function(){A({type:"focus"})}),[]),L=c((function(){A({type:"blur"})}),[]),U=c((function(){S||(Po()?setTimeout(I,0):I())}),[x,S]),W=a([]),V=function(e){M.current&&M.current.contains(e.target)||(e.preventDefault(),W.current=[])};s((function(){return w&&(document.addEventListener("dragover",To,!1),document.addEventListener("drop",V,!1)),function(){w&&(document.removeEventListener("dragover",To),document.removeEventListener("drop",V))}}),[M,w]);var H=c((function(e){e.preventDefault(),e.persist(),Z(e),W.current=[].concat(Fo(W.current),[e.target]),xo(e)&&Promise.resolve(o(e)).then((function(t){Mo(e)&&!D||(A({draggedFiles:t,isDragActive:!0,type:"setDraggedFiles"}),p&&p(e))}))}),[o,p,D]),z=c((function(e){e.preventDefault(),e.persist(),Z(e);var t=xo(e);if(t&&e.dataTransfer)try{e.dataTransfer.dropEffect="copy"}catch(e){}return t&&y&&y(e),!1}),[y,D]),$=c((function(e){e.preventDefault(),e.persist(),Z(e);var t=W.current.filter((function(e){return M.current&&M.current.contains(e)})),n=t.indexOf(e.target);-1!==n&&t.splice(n,1),W.current=t,t.length>0||(A({isDragActive:!1,type:"setDraggedFiles",draggedFiles:[]}),xo(e)&&m&&m(e))}),[M,m,D]),G=c((function(e){e.preventDefault(),e.persist(),Z(e),W.current=[],xo(e)&&Promise.resolve(o(e)).then((function(t){if(!Mo(e)||D){var r=[],o=[];t.forEach((function(e){var t=Io(ko(e,n),2),a=t[0],s=t[1],u=Io(Oo(e,f,i),2),c=u[0],l=u[1],d=j?j(e):null;if(a&&c&&!d)r.push(e);else{var h=[s,l];d&&(h=h.concat(d)),o.push({file:e,errors:h.filter((function(e){return e}))})}})),(!d&&r.length>1||d&&h>=1&&r.length>h)&&(r.forEach((function(e){o.push({file:e,errors:[So]})})),r.splice(0)),A({acceptedFiles:r,fileRejections:o,type:"setFiles"}),g&&g(r,o,e),o.length>0&&b&&b(o,e),r.length>0&&v&&v(r,e)}})),A({type:"reset"})}),[d,n,f,i,h,o,g,v,b,D]),B=function(e){return r?null:e},K=function(e){return k?null:B(e)},q=function(e){return O?null:B(e)},Z=function(e){D&&e.stopPropagation()},J=l((function(){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.refKey,n=void 0===t?"ref":t,o=e.onKeyDown,i=e.onFocus,a=e.onBlur,s=e.onClick,u=e.onDragEnter,c=e.onDragOver,l=e.onDragLeave,f=e.onDrop,d=Wo(e,["refKey","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDrop"]);return Lo(Lo(Uo({onKeyDown:K(Yo(o,C)),onFocus:K(Yo(i,N)),onBlur:K(Yo(a,L)),onClick:B(Yo(s,U)),onDragEnter:q(Yo(u,H)),onDragOver:q(Yo(c,z)),onDragLeave:q(Yo(l,$)),onDrop:q(Yo(f,G))},n,M),r||k?{}:{tabIndex:0}),d)}}),[M,C,N,L,U,H,z,$,G,k,O,r]),Q=c((function(e){e.stopPropagation()}),[]),X=l((function(){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.refKey,r=void 0===t?"ref":t,o=e.onChange,i=e.onClick,a=Wo(e,["refKey","onChange","onClick"]);return Lo(Lo({},Uo({accept:n,multiple:d,type:"file",style:{display:"none"},onChange:B(Yo(o,G)),onClick:B(Yo(i,Q)),autoComplete:"off",tabIndex:-1},r,x)),a)}}),[x,n,d,G,r]),ee=F.length,te=ee>0&&jo({files:F,accept:n,minSize:f,maxSize:i,multiple:d,maxFiles:h}),ne=ee>0&&!te;return Lo(Lo({},E),{},{isDragAccept:te,isDragReject:ne,isFocused:P&&!r,getRootProps:J,getInputProps:X,rootRef:M,inputRef:x,open:B(I)})}(Wo(e,["children"])),i=o.open,f=Wo(o,["open"]);return p(n,(function(){return{open:i}}),[i]),t.createElement(m,null,r(Lo(Lo({},f),{},{open:i})))}));Vo.displayName="Dropzone";var Ho={disabled:!1,getFilesFromEvent:function(e){return Xr(this,void 0,void 0,(function(){return eo(this,(function(t){return[2,(n=e,n.dataTransfer&&e.dataTransfer?ao(e.dataTransfer,e.type):io(e))];var n}))}))},maxSize:1/0,minSize:0,multiple:!0,maxFiles:0,preventDropOnDocument:!0,noClick:!1,noKeyboard:!1,noDrag:!1,noDragEventsBubbling:!1,validator:null};Vo.defaultProps=Ho,Vo.propTypes={children:y.func,accept:y.oneOfType([y.string,y.arrayOf(y.string)]),multiple:y.bool,preventDropOnDocument:y.bool,noClick:y.bool,noKeyboard:y.bool,noDrag:y.bool,noDragEventsBubbling:y.bool,minSize:y.number,maxSize:y.number,maxFiles:y.number,disabled:y.bool,getFilesFromEvent:y.func,onFileDialogCancel:y.func,onDragEnter:y.func,onDragLeave:y.func,onDragOver:y.func,onDrop:y.func,onDropAccepted:y.func,onDropRejected:y.func,validator:y.func};var zo={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,draggedFiles:[],acceptedFiles:[],fileRejections:[]};function $o(e,t){switch(t.type){case"focus":return Lo(Lo({},e),{},{isFocused:!0});case"blur":return Lo(Lo({},e),{},{isFocused:!1});case"openDialog":return Lo(Lo({},e),{},{isFileDialogActive:!0});case"closeDialog":return Lo(Lo({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":var n=t.isDragActive,r=t.draggedFiles;return Lo(Lo({},e),{},{draggedFiles:r,isDragActive:n});case"setFiles":return Lo(Lo({},e),{},{acceptedFiles:t.acceptedFiles,fileRejections:t.fileRejections});case"reset":return Lo(Lo({},e),{},{isFileDialogActive:!1,isDragActive:!1,draggedFiles:[],acceptedFiles:[],fileRejections:[]});default:return e}}const Go=e=>{let{onChange:n}=e;const r=a(null),o=()=>{r.current&&r.current.open()};return t.createElement(Vo,{ref:r,noClick:!0,noKeyboard:!0,onDropAccepted:e=>n(e),multiple:!1,noDrag:!0},(e=>{let{getRootProps:n,getInputProps:r,acceptedFiles:i}=e;return t.createElement("div",{className:"container"},t.createElement("div",n({className:"dropzone"}),t.createElement("input",r()),t.createElement(E,{variant:"contained",color:"default",startIcon:t.createElement(Qr,null),onClick:o},"Upload")),t.createElement("aside",null,t.createElement("ul",null,i.map((e=>t.createElement("li",{key:e.path},e.path))))))}))};Go.propTypes={onChange:y.func.isRequired};j(".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 Bo=n=>{let{name:r,type:o,options:i,label:a,hint:s,placeholder:u,required:c,setFieldValue:l,formatMessage:f,onNotify:d}=n;const h=u||`${f({id:"common.enter"})} ${a}`;return t.createElement(fr,{name:r,render:n=>{let{field:u}=n;const p=(n=>{let r;switch(o){case"input":r=t.createElement(T,e({},n,{placeholder:h}));break;case"textarea":r=t.createElement(C,e({},n,{minRows:3,placeholder:h}));break;case"select":r=t.createElement(N,e({},n,{options:i,placeholder:h}));break;case"datePicker":r=t.createElement(R,e({},n,{type:"date",onChange:e=>l(n.name,e.target.value)}));break;case"email":r=t.createElement(Jr,e({},n,{placeholder:h,onChange:e=>l(n.name,e),onNotify:d}));break;case"radio":r=t.createElement(P,{component:"fieldset"},t.createElement(Y,n,i.map((e=>t.createElement(t.Fragment,null,t.createElement(F,{key:e.value,value:e.value,control:t.createElement(I,null),label:e.label}),e&&e.desc&&t.createElement(A,{variant:"caption",className:"formItem__operator__radio__desc"},e.desc))))));break;case"upload":r=t.createElement(Go,e({},n,{onChange:e=>l(n.name,e)}));break;case"vcode":r=t.createElement(Gr,{placeholder:h,onChange:e=>l(n.name,e),formatMessage:f});break;default:r=null}return r})(u);return t.createElement("div",{id:`form-${r}`,className:"formItem"},a&&t.createElement("div",{className:"formItem__title"},a,c&&t.createElement("div",{className:"formItem__title__star"},"*")),s&&t.createElement(Vr,{my:1},t.createElement(A,{variant:"body2"},s)),t.createElement("div",{className:x("formItem__operator",{"formItem__operator--unsupport":!p})},p||"Check component type is support on FormItem"),t.createElement(hr,{className:"formItem__error",name:r,component:"div"}))}})};Bo.defaultProps={label:void 0,placeholder:void 0,hint:void 0,options:[],required:!1,setFieldValue:()=>{},formatMessage:()=>{},onNotify:()=>{}},Bo.propTypes={name:y.string.isRequired,type:y.string.isRequired,label:y.string,hint:y.string,options:y.arrayOf(y.any),placeholder:y.string,required:y.bool,setFieldValue:y.func,formatMessage:y.func,onNotify:y.func};let Ko;const qo=n=>{let{type:r,mailto:o,open:i,emailAPI:a,setOpen:s,formatMessage:u,onNotify:c}=n;const[l,f]=h(!1),[d,p]=h(r),m=(e=>{let{formatMessage:t,formType:n}=e;const r=[{name:"subject",type:"radio",label:t({id:"common.form.subject"}),options:[{label:t({id:"common.has.problem"}),value:gr,desc:t({id:"common.has.problem.hint"})},{label:t({id:"common.form.dataProvide"}),value:yr,desc:t({id:"common.form.dataProvide.hint"})}],required:!0,initialValue:n},{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:"gender",type:"radio",label:t({id:"common.sex"}),options:[{label:t({id:"common.form.male"}),value:t({id:"common.form.male"})},{label:t({id:"common.form.female"}),value:t({id:"common.form.female"})},{label:t({id:"common.other"}),value:t({id:"common.other"})}],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"})}],o=[{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:mr().format("yyyy-MM-DD")},{name:"offer",type:"input",label:t({id:"common.form.providername"}),placeholder:t({id:"common.form.provider.notice"})}],i=[{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 r.concat(n===yr?o:[]).concat(i)})({formatMessage:u,formType:d}),y=ar({initialValues:m.reduce(((e,t)=>({...e,[t.name]:t.initialValue||""})),{}),validate:e=>{const t={};if(m.filter((e=>{let{required:t}=e;return t})).forEach((n=>{let{name:r,label:o}=n;e[r]||(t[r]=`${u({id:"common.enter"})} ${o}`)})),/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(e.email)||(t.email=u({id:"common.form.valid.error.email"})),e.vcode||(t.vcode=u({id:"common.form.code.error"})),p(e.subject),Array.isArray(e.files)){e.files.reduce(((e,t)=>e+t.size),0)>2097152&&(t.files=u({id:"common.form.attachment.valid.error"}))}return Ko=Object.keys(t).length>0?Object.keys(t).shift():null,t},onSubmit:e=>{const t=`${e.subject===gr?u({id:"common.has.problem"}):u({id:"common.form.dataProvide"})}-${u({id:"header.title"})}-${e.name}`,n=d===gr?(e=>{let{formatMessage:t,values:n}=e;const r=[];return Object.keys(n).forEach((e=>{switch(e){case"subject":{const o=t({id:"common.has.problem"});n[e]&&r.push(`${o}-${t({id:"header.title"})}`);break}case"name":n[e]&&r.push(`${t({id:"common.form.name"})}:${n[e]}`);break;case"email":n[e]&&r.push(`e-mail:${n[e]}`);break;case"phone":n[e]&&r.push(`${t({id:"common.form.phone"})}:${n[e]}`);break;case"gender":n[e]&&r.push(`${t({id:"common.sex"})}:${n[e]}`);break;case"age":n[e]&&r.push(`${t({id:"common.form.age"})}:${n[e]}`);break;case"job":n[e]&&r.push(`${t({id:"common.form.job"})}:${n[e]}`);break;case"message":n[e]&&r.push(`${t({id:"common.content"})}:${n[e]}`)}})),r.join("<br />")})({formatMessage:u,values:e}):(e=>{let{formatMessage:t,values:n}=e;const r=[];return Object.keys(n).forEach((e=>{switch(e){case"subject":{const o=t({id:"common.form.dataProvide"});n[e]&&r.push(`${o}-${t({id:"header.title"})}`);break}case"name":n[e]&&r.push(`${t({id:"common.form.name"})}:${n[e]}`);break;case"email":n[e]&&r.push(`e-mail:${n[e]}`);break;case"phone":n[e]&&r.push(`${t({id:"common.form.phone"})}:${n[e]}`);break;case"gender":n[e]&&r.push(`${t({id:"common.sex"})}:${n[e]}`);break;case"age":n[e]&&r.push(`${t({id:"common.form.age"})}:${n[e]}`);break;case"job":n[e]&&r.push(`${t({id:"common.form.job"})}:${n[e]}`);break;case"dataName":n[e]&&r.push(`${t({id:"common.form.dataname"})}:${n[e]}`);break;case"author":n[e]&&r.push(`${t({id:"common.form.author"})}:${n[e]}`);break;case"date":n[e]&&r.push(`${t({id:"common.form.datadate"})}:${n[e]}`);break;case"offer":n[e]&&r.push(`${t({id:"common.form.providername"})}:${n[e]}`);break;case"message":n[e]&&r.push(`${t({id:"common.content"})}:${n[e]}`)}})),r.join("<br />")})({formatMessage:u,values:e});f(!0);const r=e.files&&e.files[0]&&e.files[0].name;var i;e.files&&e.files.length>0?(i=e.files[0],new Promise(((e,t)=>{const n=new FileReader;n.readAsDataURL(i),n.onload=()=>e(n.result),n.onerror=e=>t(e)}))).then((i=>{pr({from:e.email,to:o,subject:t,text:n,attachments:[{filename:r,content:i}]},a,(e=>{let{state:t}=e;t?(f(!1),y.resetForm(),s(!1),c({message:"common.action.success"})):c({type:"error",message:"common.action.error"})}))})):pr({from:e.email,to:o,subject:t,text:n},a,(e=>{let{state:t}=e;t?(f(!1),y.resetForm(),s(!1),c({message:"common.action.success"})):c({type:"error",message:"common.action.error"})}))}});return t.createElement(S,{fullWidth:!0,visible:i,loading:l,title:u({id:"common.form.contactUs"}),onCancel:()=>{y.resetForm(),s(!1)},onOk:()=>{y.handleSubmit();const e=document.getElementById(`form-${Ko}`);if(e){const t=e.offsetTop-65;e.parentElement.scrollTo?e.parentElement.scrollTo({top:t,behavior:"smooth"}):e.parentElement.scrollTop=t}Ko&&c({type:"error",message:"common.form.error"})},cancelText:u({id:"common.cancel"}),okText:u({id:"common.submit"})},t.createElement(er,{value:y},m.map((n=>t.createElement(Bo,e({key:n.name},n,{setFieldValue:y.setFieldValue,formatMessage:u,onNotify:c}))))))};qo.defaultProps={type:gr,mailto:"twp@nmtl.gov.tw",open:!1,emailAPI:"https://api.daoyidh.com/nmtl/mail",setOpen:()=>{},formatMessage:()=>{},onNotify:()=>{}},qo.propTypes={type:y.oneOf(["DATA_PROVIDER","PROBLEM"]),mailto:y.string,open:y.bool,emailAPI:y.string,setOpen:y.func,formatMessage:y.func,onNotify:y.func};export{qo as default};
|
|
18
|
+
function Xr(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{u(r.next(e))}catch(e){i(e)}}function s(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}u((r=r.apply(e,t||[])).next())}))}function eo(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}function to(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}var no=new Map([["avi","video/avi"],["gif","image/gif"],["ico","image/x-icon"],["jpeg","image/jpeg"],["jpg","image/jpeg"],["mkv","video/x-matroska"],["mov","video/quicktime"],["mp4","video/mp4"],["pdf","application/pdf"],["png","image/png"],["zip","application/zip"],["doc","application/msword"],["docx","application/vnd.openxmlformats-officedocument.wordprocessingml.document"]]);function ro(e,t){var n=function(e){var t=e.name;if(t&&-1!==t.lastIndexOf(".")&&!e.type){var n=t.split(".").pop().toLowerCase(),r=no.get(n);r&&Object.defineProperty(e,"type",{value:r,writable:!1,configurable:!1,enumerable:!0})}return e}(e);if("string"!=typeof n.path){var r=e.webkitRelativePath;Object.defineProperty(n,"path",{value:"string"==typeof t?t:"string"==typeof r&&r.length>0?r:e.name,writable:!1,configurable:!1,enumerable:!0})}return n}var oo=[".DS_Store","Thumbs.db"];function io(e){return(null!==e.target&&e.target.files?uo(e.target.files):[]).map((function(e){return ro(e)}))}function ao(e,t){return Xr(this,void 0,void 0,(function(){var n;return eo(this,(function(r){switch(r.label){case 0:return e.items?(n=uo(e.items).filter((function(e){return"file"===e.kind})),"drop"!==t?[2,n]:[4,Promise.all(n.map(co))]):[3,2];case 1:return[2,so(lo(r.sent()))];case 2:return[2,so(uo(e.files).map((function(e){return ro(e)})))]}}))}))}function so(e){return e.filter((function(e){return-1===oo.indexOf(e.name)}))}function uo(e){for(var t=[],n=0;n<e.length;n++){var r=e[n];t.push(r)}return t}function co(e){if("function"!=typeof e.webkitGetAsEntry)return fo(e);var t=e.webkitGetAsEntry();return t&&t.isDirectory?po(t):fo(e)}function lo(e){return e.reduce((function(e,t){return function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(to(arguments[t]));return e}(e,Array.isArray(t)?lo(t):[t])}),[])}function fo(e){var t=e.getAsFile();if(!t)return Promise.reject(e+" is not a File");var n=ro(t);return Promise.resolve(n)}function ho(e){return Xr(this,void 0,void 0,(function(){return eo(this,(function(t){return[2,e.isDirectory?po(e):mo(e)]}))}))}function po(e){var t=e.createReader();return new Promise((function(e,n){var r=[];!function o(){var i=this;t.readEntries((function(t){return Xr(i,void 0,void 0,(function(){var i,a,s;return eo(this,(function(u){switch(u.label){case 0:if(t.length)return[3,5];u.label=1;case 1:return u.trys.push([1,3,,4]),[4,Promise.all(r)];case 2:return i=u.sent(),e(i),[3,4];case 3:return a=u.sent(),n(a),[3,4];case 4:return[3,6];case 5:s=Promise.all(t.map(ho)),r.push(s),o(),u.label=6;case 6:return[2]}}))}))}),(function(e){n(e)}))}()}))}function mo(e){return Xr(this,void 0,void 0,(function(){return eo(this,(function(t){return[2,new Promise((function(t,n){e.file((function(n){var r=ro(n,e.fullPath);t(r)}),(function(e){n(e)}))}))]}))}))}var yo=M(k((function(e,t){t.__esModule=!0,t.default=function(e,t){if(e&&t){var n=Array.isArray(t)?t:t.split(","),r=e.name||"",o=(e.type||"").toLowerCase(),i=o.replace(/\/.*$/,"");return n.some((function(e){var t=e.trim().toLowerCase();return"."===t.charAt(0)?r.toLowerCase().endsWith(t):t.endsWith("/*")?i===t.replace(/\/.*$/,""):o===t}))}return!0}})));function go(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==s.return||s.return()}finally{if(o)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return vo(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return vo(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vo(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var bo=function(e){e=Array.isArray(e)&&1===e.length?e[0]:e;var t=Array.isArray(e)?"one of ".concat(e.join(", ")):e;return{code:"file-invalid-type",message:"File type must be ".concat(t)}},_o=function(e){return{code:"file-too-large",message:"File is larger than ".concat(e," bytes")}},wo=function(e){return{code:"file-too-small",message:"File is smaller than ".concat(e," bytes")}},So={code:"too-many-files",message:"Too many files"};function ko(e,t){var n="application/x-moz-file"===e.type||yo(e,t);return[n,n?null:bo(t)]}function Oo(e,t,n){if(Do(e.size))if(Do(t)&&Do(n)){if(e.size>n)return[!1,_o(n)];if(e.size<t)return[!1,wo(t)]}else{if(Do(t)&&e.size<t)return[!1,wo(t)];if(Do(n)&&e.size>n)return[!1,_o(n)]}return[!0,null]}function Do(e){return null!=e}function jo(e){var t=e.files,n=e.accept,r=e.minSize,o=e.maxSize,i=e.multiple,a=e.maxFiles;return!(!i&&t.length>1||i&&a>=1&&t.length>a)&&t.every((function(e){var t=go(ko(e,n),1)[0],i=go(Oo(e,r,o),1)[0];return t&&i}))}function Mo(e){return"function"==typeof e.isPropagationStopped?e.isPropagationStopped():void 0!==e.cancelBubble&&e.cancelBubble}function xo(e){return e.dataTransfer?Array.prototype.some.call(e.dataTransfer.types,(function(e){return"Files"===e||"application/x-moz-file"===e})):!!e.target&&!!e.target.files}function To(e){e.preventDefault()}function Eo(e){return-1!==e.indexOf("MSIE")||-1!==e.indexOf("Trident/")}function Ao(e){return-1!==e.indexOf("Edge/")}function Po(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.navigator.userAgent;return Eo(e)||Ao(e)}function Yo(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return t.some((function(t){return!Mo(e)&&t&&t.apply(void 0,[e].concat(r)),Mo(e)}))}}function Fo(e){return function(e){if(Array.isArray(e))return Co(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Ro(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Io(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==s.return||s.return()}finally{if(o)throw i}}return n}(e,t)||Ro(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ro(e,t){if(e){if("string"==typeof e)return Co(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Co(e,t):void 0}}function Co(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function No(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Lo(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?No(Object(n),!0).forEach((function(t){Uo(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):No(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Uo(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Wo(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var Vo=r((function(e,n){var r=e.children,o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Lo(Lo({},Ho),e),n=t.accept,r=t.disabled,o=t.getFilesFromEvent,i=t.maxSize,f=t.minSize,d=t.multiple,h=t.maxFiles,p=t.onDragEnter,m=t.onDragLeave,y=t.onDragOver,g=t.onDrop,v=t.onDropAccepted,b=t.onDropRejected,_=t.onFileDialogCancel,w=t.preventDropOnDocument,S=t.noClick,k=t.noKeyboard,O=t.noDrag,D=t.noDragEventsBubbling,j=t.validator,M=a(null),x=a(null),T=Io(u($o,zo),2),E=T[0],A=T[1],P=E.isFocused,Y=E.isFileDialogActive,F=E.draggedFiles,I=c((function(){x.current&&(A({type:"openDialog"}),x.current.value=null,x.current.click())}),[A]),R=function(){Y&&setTimeout((function(){x.current&&(x.current.files.length||(A({type:"closeDialog"}),"function"==typeof _&&_()))}),300)};s((function(){return window.addEventListener("focus",R,!1),function(){window.removeEventListener("focus",R,!1)}}),[x,Y,_]);var C=c((function(e){M.current&&M.current.isEqualNode(e.target)&&(32!==e.keyCode&&13!==e.keyCode||(e.preventDefault(),I()))}),[M,x]),N=c((function(){A({type:"focus"})}),[]),L=c((function(){A({type:"blur"})}),[]),U=c((function(){S||(Po()?setTimeout(I,0):I())}),[x,S]),W=a([]),V=function(e){M.current&&M.current.contains(e.target)||(e.preventDefault(),W.current=[])};s((function(){return w&&(document.addEventListener("dragover",To,!1),document.addEventListener("drop",V,!1)),function(){w&&(document.removeEventListener("dragover",To),document.removeEventListener("drop",V))}}),[M,w]);var H=c((function(e){e.preventDefault(),e.persist(),Z(e),W.current=[].concat(Fo(W.current),[e.target]),xo(e)&&Promise.resolve(o(e)).then((function(t){Mo(e)&&!D||(A({draggedFiles:t,isDragActive:!0,type:"setDraggedFiles"}),p&&p(e))}))}),[o,p,D]),z=c((function(e){e.preventDefault(),e.persist(),Z(e);var t=xo(e);if(t&&e.dataTransfer)try{e.dataTransfer.dropEffect="copy"}catch(e){}return t&&y&&y(e),!1}),[y,D]),$=c((function(e){e.preventDefault(),e.persist(),Z(e);var t=W.current.filter((function(e){return M.current&&M.current.contains(e)})),n=t.indexOf(e.target);-1!==n&&t.splice(n,1),W.current=t,t.length>0||(A({isDragActive:!1,type:"setDraggedFiles",draggedFiles:[]}),xo(e)&&m&&m(e))}),[M,m,D]),G=c((function(e){e.preventDefault(),e.persist(),Z(e),W.current=[],xo(e)&&Promise.resolve(o(e)).then((function(t){if(!Mo(e)||D){var r=[],o=[];t.forEach((function(e){var t=Io(ko(e,n),2),a=t[0],s=t[1],u=Io(Oo(e,f,i),2),c=u[0],l=u[1],d=j?j(e):null;if(a&&c&&!d)r.push(e);else{var h=[s,l];d&&(h=h.concat(d)),o.push({file:e,errors:h.filter((function(e){return e}))})}})),(!d&&r.length>1||d&&h>=1&&r.length>h)&&(r.forEach((function(e){o.push({file:e,errors:[So]})})),r.splice(0)),A({acceptedFiles:r,fileRejections:o,type:"setFiles"}),g&&g(r,o,e),o.length>0&&b&&b(o,e),r.length>0&&v&&v(r,e)}})),A({type:"reset"})}),[d,n,f,i,h,o,g,v,b,D]),B=function(e){return r?null:e},K=function(e){return k?null:B(e)},q=function(e){return O?null:B(e)},Z=function(e){D&&e.stopPropagation()},J=l((function(){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.refKey,n=void 0===t?"ref":t,o=e.onKeyDown,i=e.onFocus,a=e.onBlur,s=e.onClick,u=e.onDragEnter,c=e.onDragOver,l=e.onDragLeave,f=e.onDrop,d=Wo(e,["refKey","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDrop"]);return Lo(Lo(Uo({onKeyDown:K(Yo(o,C)),onFocus:K(Yo(i,N)),onBlur:K(Yo(a,L)),onClick:B(Yo(s,U)),onDragEnter:q(Yo(u,H)),onDragOver:q(Yo(c,z)),onDragLeave:q(Yo(l,$)),onDrop:q(Yo(f,G))},n,M),r||k?{}:{tabIndex:0}),d)}}),[M,C,N,L,U,H,z,$,G,k,O,r]),Q=c((function(e){e.stopPropagation()}),[]),X=l((function(){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.refKey,r=void 0===t?"ref":t,o=e.onChange,i=e.onClick,a=Wo(e,["refKey","onChange","onClick"]);return Lo(Lo({},Uo({accept:n,multiple:d,type:"file",style:{display:"none"},onChange:B(Yo(o,G)),onClick:B(Yo(i,Q)),autoComplete:"off",tabIndex:-1},r,x)),a)}}),[x,n,d,G,r]),ee=F.length,te=ee>0&&jo({files:F,accept:n,minSize:f,maxSize:i,multiple:d,maxFiles:h}),ne=ee>0&&!te;return Lo(Lo({},E),{},{isDragAccept:te,isDragReject:ne,isFocused:P&&!r,getRootProps:J,getInputProps:X,rootRef:M,inputRef:x,open:B(I)})}(Wo(e,["children"])),i=o.open,f=Wo(o,["open"]);return p(n,(function(){return{open:i}}),[i]),t.createElement(m,null,r(Lo(Lo({},f),{},{open:i})))}));Vo.displayName="Dropzone";var Ho={disabled:!1,getFilesFromEvent:function(e){return Xr(this,void 0,void 0,(function(){return eo(this,(function(t){return[2,(n=e,n.dataTransfer&&e.dataTransfer?ao(e.dataTransfer,e.type):io(e))];var n}))}))},maxSize:1/0,minSize:0,multiple:!0,maxFiles:0,preventDropOnDocument:!0,noClick:!1,noKeyboard:!1,noDrag:!1,noDragEventsBubbling:!1,validator:null};Vo.defaultProps=Ho,Vo.propTypes={children:y.func,accept:y.oneOfType([y.string,y.arrayOf(y.string)]),multiple:y.bool,preventDropOnDocument:y.bool,noClick:y.bool,noKeyboard:y.bool,noDrag:y.bool,noDragEventsBubbling:y.bool,minSize:y.number,maxSize:y.number,maxFiles:y.number,disabled:y.bool,getFilesFromEvent:y.func,onFileDialogCancel:y.func,onDragEnter:y.func,onDragLeave:y.func,onDragOver:y.func,onDrop:y.func,onDropAccepted:y.func,onDropRejected:y.func,validator:y.func};var zo={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,draggedFiles:[],acceptedFiles:[],fileRejections:[]};function $o(e,t){switch(t.type){case"focus":return Lo(Lo({},e),{},{isFocused:!0});case"blur":return Lo(Lo({},e),{},{isFocused:!1});case"openDialog":return Lo(Lo({},e),{},{isFileDialogActive:!0});case"closeDialog":return Lo(Lo({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":var n=t.isDragActive,r=t.draggedFiles;return Lo(Lo({},e),{},{draggedFiles:r,isDragActive:n});case"setFiles":return Lo(Lo({},e),{},{acceptedFiles:t.acceptedFiles,fileRejections:t.fileRejections});case"reset":return Lo(Lo({},e),{},{isFileDialogActive:!1,isDragActive:!1,draggedFiles:[],acceptedFiles:[],fileRejections:[]});default:return e}}const Go=e=>{let{onChange:n}=e;const r=a(null),o=()=>{r.current&&r.current.open()};return t.createElement(Vo,{ref:r,noClick:!0,noKeyboard:!0,onDropAccepted:e=>n(e),multiple:!1,noDrag:!0},(e=>{let{getRootProps:n,getInputProps:r,acceptedFiles:i}=e;return t.createElement("div",{className:"container"},t.createElement("div",n({className:"dropzone"}),t.createElement("input",r()),t.createElement(E,{variant:"contained",color:"default",startIcon:t.createElement(Qr,null),onClick:o},"Upload")),t.createElement("aside",null,t.createElement("ul",null,i.map((e=>t.createElement("li",{key:e.path},e.path))))))}))};Go.propTypes={onChange:y.func.isRequired};j(".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 Bo=n=>{let{name:r,type:o,options:i,label:a,hint:s,placeholder:u,required:c,setFieldValue:l,formatMessage:f,onNotify:d}=n;const h=u||`${f({id:"common.enter"})} ${a}`;return t.createElement(fr,{name:r,render:n=>{let{field:u}=n;const p=(n=>{let r;switch(o){case"input":r=t.createElement(T,e({},n,{placeholder:h}));break;case"textarea":r=t.createElement(C,e({},n,{minRows:3,placeholder:h}));break;case"select":r=t.createElement(N,e({},n,{options:i,placeholder:h}));break;case"datePicker":r=t.createElement(R,e({},n,{type:"date",onChange:e=>l(n.name,e.target.value)}));break;case"email":r=t.createElement(Jr,e({},n,{placeholder:h,onChange:e=>l(n.name,e),onNotify:d}));break;case"radio":r=t.createElement(P,{component:"fieldset"},t.createElement(Y,n,i.map((e=>t.createElement(t.Fragment,null,t.createElement(F,{key:e.value,value:e.value,control:t.createElement(I,null),label:e.label}),e&&e.desc&&t.createElement(A,{variant:"caption",className:"formItem__operator__radio__desc"},e.desc))))));break;case"upload":r=t.createElement(Go,e({},n,{onChange:e=>l(n.name,e)}));break;case"vcode":r=t.createElement(Gr,{placeholder:h,onChange:e=>l(n.name,e),formatMessage:f});break;default:r=null}return r})(u);return t.createElement("div",{id:`form-${r}`,className:"formItem"},a&&t.createElement("div",{className:"formItem__title"},a,c&&t.createElement("div",{className:"formItem__title__star"},"*")),s&&t.createElement(Vr,{my:1},t.createElement(A,{variant:"body2"},s)),t.createElement("div",{className:x("formItem__operator",{"formItem__operator--unsupport":!p})},p||"Check component type is support on FormItem"),t.createElement(hr,{className:"formItem__error",name:r,component:"div"}))}})};Bo.defaultProps={label:void 0,placeholder:void 0,hint:void 0,options:[],required:!1,setFieldValue:()=>{},formatMessage:()=>{},onNotify:()=>{}},Bo.propTypes={name:y.string.isRequired,type:y.string.isRequired,label:y.string,hint:y.string,options:y.arrayOf(y.any),placeholder:y.string,required:y.bool,setFieldValue:y.func,formatMessage:y.func,onNotify:y.func};let Ko;const qo=n=>{let{type:r,mailto:o,open:i,emailAPI:a,setOpen:s,formatMessage:u,onNotify:c}=n;const[l,f]=h(!1),[d,p]=h(r),m=(e=>{let{formatMessage:t,formType:n}=e;const r=[{name:"subject",type:"radio",label:t({id:"common.form.subject"}),options:[{label:t({id:"common.has.problem"}),value:gr,desc:t({id:"common.has.problem.hint"})},{label:t({id:"common.form.dataProvide"}),value:yr,desc:t({id:"common.form.dataProvide.hint"})}],required:!0,initialValue:n},{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:"gender",type:"radio",label:t({id:"common.sex"}),options:[{label:t({id:"common.form.male"}),value:t({id:"common.form.male"})},{label:t({id:"common.form.female"}),value:t({id:"common.form.female"})},{label:t({id:"common.other"}),value:t({id:"common.other"})}],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"})}],o=[{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:mr().format("yyyy-MM-DD")},{name:"offer",type:"input",label:t({id:"common.form.providername"}),placeholder:t({id:"common.form.provider.notice"})}],i=[{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 r.concat(n===yr?o:[]).concat(i)})({formatMessage:u,formType:d}),y=ar({initialValues:m.reduce(((e,t)=>({...e,[t.name]:t.initialValue||""})),{}),validate:e=>{const t={};if(m.filter((e=>{let{required:t}=e;return t})).forEach((n=>{let{name:r,label:o}=n;e[r]||(t[r]=`${u({id:"common.enter"})} ${o}`)})),/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(e.email)||(t.email=u({id:"common.form.valid.error.email"})),e.vcode||(t.vcode=u({id:"common.form.code.error"})),p(e.subject),Array.isArray(e.files)){e.files.reduce(((e,t)=>e+t.size),0)>2097152&&(t.files=u({id:"common.form.attachment.valid.error"}))}return Ko=Object.keys(t).length>0?Object.keys(t).shift():null,t},onSubmit:e=>{const t=`${e.subject===gr?u({id:"common.has.problem"}):u({id:"common.form.dataProvide"})}-${u({id:"header.title"})}-${e.name}`,n=d===gr?(e=>{let{formatMessage:t,values:n}=e;const r=[];return Object.keys(n).forEach((e=>{switch(e){case"subject":{const o=t({id:"common.has.problem"});n[e]&&r.push(`${o}-${t({id:"header.title"})}`);break}case"name":n[e]&&r.push(`${t({id:"common.form.name"})}:${n[e]}`);break;case"email":n[e]&&r.push(`e-mail:${n[e]}`);break;case"phone":n[e]&&r.push(`${t({id:"common.form.phone"})}:${n[e]}`);break;case"gender":n[e]&&r.push(`${t({id:"common.sex"})}:${n[e]}`);break;case"age":n[e]&&r.push(`${t({id:"common.form.age"})}:${n[e]}`);break;case"job":n[e]&&r.push(`${t({id:"common.form.job"})}:${n[e]}`);break;case"message":n[e]&&r.push(`${t({id:"common.content"})}:${n[e]}`)}})),r.join("<br />")})({formatMessage:u,values:e}):(e=>{let{formatMessage:t,values:n}=e;const r=[];return Object.keys(n).forEach((e=>{switch(e){case"subject":{const o=t({id:"common.form.dataProvide"});n[e]&&r.push(`${o}-${t({id:"header.title"})}`);break}case"name":n[e]&&r.push(`${t({id:"common.form.name"})}:${n[e]}`);break;case"email":n[e]&&r.push(`e-mail:${n[e]}`);break;case"phone":n[e]&&r.push(`${t({id:"common.form.phone"})}:${n[e]}`);break;case"gender":n[e]&&r.push(`${t({id:"common.sex"})}:${n[e]}`);break;case"age":n[e]&&r.push(`${t({id:"common.form.age"})}:${n[e]}`);break;case"job":n[e]&&r.push(`${t({id:"common.form.job"})}:${n[e]}`);break;case"dataName":n[e]&&r.push(`${t({id:"common.form.dataname"})}:${n[e]}`);break;case"author":n[e]&&r.push(`${t({id:"common.form.author"})}:${n[e]}`);break;case"date":n[e]&&r.push(`${t({id:"common.form.datadate"})}:${n[e]}`);break;case"offer":n[e]&&r.push(`${t({id:"common.form.providername"})}:${n[e]}`);break;case"message":n[e]&&r.push(`${t({id:"common.content"})}:${n[e]}`)}})),r.join("<br />")})({formatMessage:u,values:e});f(!0);const r=e.files&&e.files[0]&&e.files[0].name;var i;e.files&&e.files.length>0?(i=e.files[0],new Promise(((e,t)=>{const n=new FileReader;n.readAsDataURL(i),n.onload=()=>e(n.result),n.onerror=e=>t(e)}))).then((i=>{pr({from:e.email,to:o,subject:t,html:n,attachments:[{filename:r,content:i}]},a,(e=>{let{state:t}=e;t?(f(!1),y.resetForm(),s(!1),c({message:"common.action.success"})):c({type:"error",message:"common.action.error"})}))})):pr({from:e.email,to:o,subject:t,html:n},a,(e=>{let{state:t}=e;t?(f(!1),y.resetForm(),s(!1),c({message:"common.action.success"})):c({type:"error",message:"common.action.error"})}))}});return t.createElement(S,{fullWidth:!0,visible:i,loading:l,title:u({id:"common.form.contactUs"}),onCancel:()=>{y.resetForm(),s(!1)},onOk:()=>{y.handleSubmit();const e=document.getElementById(`form-${Ko}`);if(e){const t=e.offsetTop-65;e.parentElement.scrollTo?e.parentElement.scrollTo({top:t,behavior:"smooth"}):e.parentElement.scrollTop=t}Ko&&c({type:"error",message:"common.form.error"})},cancelText:u({id:"common.cancel"}),okText:u({id:"common.submit"})},t.createElement(er,{value:y},m.map((n=>t.createElement(Bo,e({key:n.name},n,{setFieldValue:y.setFieldValue,formatMessage:u,onNotify:c}))))))};qo.defaultProps={type:gr,mailto:"twp@nmtl.gov.tw",open:!1,emailAPI:"https://api.daoyidh.com/nmtl/mail",setOpen:()=>{},formatMessage:()=>{},onNotify:()=>{}},qo.propTypes={type:y.oneOf(["DATA_PROVIDER","PROBLEM"]),mailto:y.string,open:y.bool,emailAPI:y.string,setOpen:y.func,formatMessage:y.func,onNotify:y.func};export{qo as default};
|
package/package.json
CHANGED