@daoyi/nmtl-ui 1.1.3 → 1.1.7
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/lib/components/Autocomplete.js +1 -1
- package/lib/components/BackTop.js +1 -1
- package/lib/components/Button.js +1 -1
- package/lib/components/ButtonBase-a6870362.js +1 -0
- package/lib/components/Checkbox.js +1 -1
- package/lib/components/{CircularProgress-98310448.js → CircularProgress-e45c4940.js} +1 -1
- package/lib/components/{Drawer-8dea52a4.js → Drawer-c9fba959.js} +1 -1
- package/lib/components/Drawer.js +1 -1
- package/lib/components/Empty.js +1 -1
- package/lib/components/ExpandMore-af9cf481.js +1 -0
- package/lib/components/Fade-ca23fa12.js +1 -0
- package/lib/components/FormControlLabel-9aee2132.js +1 -0
- package/lib/components/Header.js +1 -1
- package/lib/components/IconButton-858207d1.js +1 -0
- package/lib/components/InputMethod.js +3 -3
- package/lib/components/MUITheme.js +1 -1
- package/lib/components/Paper-1a9a0ed9.js +1 -0
- package/lib/components/Radio.js +1 -1
- package/lib/components/Select-60672ce2.js +1 -0
- package/lib/components/Select-b1546956.js +1 -0
- package/lib/components/Select.js +1 -1
- package/lib/components/Spin.js +1 -1
- package/lib/components/Table.js +1 -1
- package/lib/components/{Typography-aafd1929.js → Typography-8cf73af9.js} +1 -1
- package/lib/components/_commonjsHelpers-97e6d7b1.js +1 -0
- package/lib/components/_rollupPluginBabelHelpers-1195460d.js +1 -1
- package/lib/components/capitalize-e94e4f60.js +1 -0
- package/lib/components/{createSvgIcon-9654fc12.js → createSvgIcon-2964daa4.js} +1 -1
- package/lib/components/debounce-7df508de.js +1 -0
- package/lib/components/index-ec2d0bbb.js +7 -0
- package/lib/components/isObjectLike-ec3f35a3.js +1 -0
- package/lib/components/useControlled-b5d6fb94.js +1 -0
- package/lib/components/useFormControl-479b5455.js +1 -0
- package/lib/components/useIsFocusVisible-c9dfa67a.js +1 -0
- package/lib/components/{utils-f2dbcf24.js → utils-22b2fc08.js} +1 -1
- package/lib/components/withStyles-8efa9a95.js +8 -0
- package/package.json +43 -43
- package/lib/components/ExpandMore-a71c5666.js +0 -1
- package/lib/components/Fade-587eec93.js +0 -1
- package/lib/components/FormControlLabel-1bad6712.js +0 -1
- package/lib/components/IconButton-24d603af.js +0 -1
- package/lib/components/Paper-a8ffc170.js +0 -1
- package/lib/components/Select-1195f341.js +0 -1
- package/lib/components/Select-eb6955b0.js +0 -1
- package/lib/components/capitalize-e9326ef1.js +0 -1
- package/lib/components/debounce-c993109b.js +0 -1
- package/lib/components/index-b2745105.js +0 -7
- package/lib/components/react-router-dom-69f93b35.js +0 -1
- package/lib/components/useFormControl-34915b57.js +0 -1
- package/lib/components/useIsFocusVisible-ed7e818c.js +0 -1
- package/lib/components/withStyles-0d5bcf81.js +0 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{q as t,b as e,_ as n,l as i}from"./withStyles-8efa9a95.js";import*as o from"react";import"prop-types";import{u as r,T as a,r as s,g as c}from"./utils-22b2fc08.js";import{u as d}from"./TransitionGroupContext-2cd2fcd6.js";var l={entering:{opacity:1},entered:{opacity:1}},p={enter:t.enteringScreen,exit:t.leavingScreen},m=o.forwardRef((function(t,m){var u=t.children,f=t.disableStrictModeCompat,y=void 0!==f&&f,E=t.in,v=t.onEnter,x=t.onEntered,g=t.onEntering,b=t.onExit,T=t.onExited,C=t.onExiting,S=t.style,h=t.TransitionComponent,w=void 0===h?a:h,j=t.timeout,M=void 0===j?p:j,R=e(t,["children","disableStrictModeCompat","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","TransitionComponent","timeout"]),k=r(),_=k.unstable_strictMode&&!y,q=o.useRef(null),F=d(u.ref,m),G=d(_?q:void 0,F),z=function(t){return function(e,n){if(t){var o=_?[q.current,e]:[e,n],r=i(o,2),a=r[0],s=r[1];void 0===s?t(a):t(a,s)}}},A=z(g),B=z((function(t,e){s(t);var n=c({style:S,timeout:M},{mode:"enter"});t.style.webkitTransition=k.transitions.create("opacity",n),t.style.transition=k.transitions.create("opacity",n),v&&v(t,e)})),D=z(x),H=z(C),I=z((function(t){var e=c({style:S,timeout:M},{mode:"exit"});t.style.webkitTransition=k.transitions.create("opacity",e),t.style.transition=k.transitions.create("opacity",e),b&&b(t)})),J=z(T);return o.createElement(w,n({appear:!0,in:E,nodeRef:_?q:void 0,onEnter:B,onEntered:D,onEntering:A,onExit:I,onExited:J,onExiting:H,timeout:M},R),(function(t,e){return o.cloneElement(u,n({style:n({opacity:0,visibility:"exited"!==t||E?void 0:"hidden"},l[t],S,u.props.style),ref:G},e))}))}));export{m as F};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{w as e,b as a,l as o,_ as n}from"./withStyles-8efa9a95.js";import*as t from"react";import"prop-types";import{c as l,a as r}from"./capitalize-e94e4f60.js";import{u as i}from"./useControlled-b5d6fb94.js";import{a as c}from"./useFormControl-479b5455.js";import{I as s}from"./IconButton-858207d1.js";import{T as d}from"./Typography-8cf73af9.js";var u=t.forwardRef((function(e,r){var d=e.autoFocus,u=e.checked,m=e.checkedIcon,p=e.classes,f=e.className,b=e.defaultChecked,h=e.disabled,v=e.icon,g=e.id,k=e.inputProps,C=e.inputRef,x=e.name,y=e.onBlur,F=e.onChange,B=e.onFocus,I=e.readOnly,P=e.required,R=e.tabIndex,w=e.type,N=e.value,j=a(e,["autoFocus","checked","checkedIcon","classes","className","defaultChecked","disabled","icon","id","inputProps","inputRef","name","onBlur","onChange","onFocus","readOnly","required","tabIndex","type","value"]),E=i({controlled:u,default:Boolean(b),name:"SwitchBase",state:"checked"}),L=o(E,2),S=L[0],T=L[1],q=c(),D=h;q&&void 0===D&&(D=q.disabled);var O="checkbox"===w||"radio"===w;return t.createElement(s,n({component:"span",className:l(p.root,f,S&&p.checked,D&&p.disabled),disabled:D,tabIndex:null,role:void 0,onFocus:function(e){B&&B(e),q&&q.onFocus&&q.onFocus(e)},onBlur:function(e){y&&y(e),q&&q.onBlur&&q.onBlur(e)},ref:r},j),t.createElement("input",n({autoFocus:d,checked:u,defaultChecked:b,className:p.input,disabled:D,id:O&&g,name:x,onChange:function(e){var a=e.target.checked;T(a),F&&F(e,a)},readOnly:I,ref:C,required:P,tabIndex:R,type:w,value:N},k)),S?m:v)})),m=e({root:{padding:9},checked:{},disabled:{},input:{cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}},{name:"PrivateSwitchBase"})(u),p=t.forwardRef((function(e,o){e.checked;var i=e.classes,s=e.className,u=e.control,m=e.disabled;e.inputRef;var p=e.label,f=e.labelPlacement,b=void 0===f?"end":f;e.name,e.onChange,e.value;var h=a(e,["checked","classes","className","control","disabled","inputRef","label","labelPlacement","name","onChange","value"]),v=c(),g=m;void 0===g&&void 0!==u.props.disabled&&(g=u.props.disabled),void 0===g&&v&&(g=v.disabled);var k={disabled:g};return["checked","name","onChange","value","inputRef"].forEach((function(a){void 0===u.props[a]&&void 0!==e[a]&&(k[a]=e[a])})),t.createElement("label",n({className:l(i.root,s,"end"!==b&&i["labelPlacement".concat(r(b))],g&&i.disabled),ref:o},h),t.cloneElement(u,k),t.createElement(d,{component:"span",className:l(i.label,g&&i.disabled)},p))})),f=e((function(e){return{root:{display:"inline-flex",alignItems:"center",cursor:"pointer",verticalAlign:"middle",WebkitTapHighlightColor:"transparent",marginLeft:-11,marginRight:16,"&$disabled":{cursor:"default"}},labelPlacementStart:{flexDirection:"row-reverse",marginLeft:16,marginRight:-11},labelPlacementTop:{flexDirection:"column-reverse",marginLeft:16},labelPlacementBottom:{flexDirection:"column",marginLeft:16},disabled:{},label:{"&$disabled":{color:e.palette.text.disabled}}}}),{name:"MuiFormControlLabel"})(p);export{f as F,m as S};
|
package/lib/components/Header.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"./_rollupPluginBabelHelpers-1195460d.js";import*as t from"react";import a,{useState as o,useRef as r,useEffect as n}from"react";import i from"prop-types";import{c as l}from"./index-b2745105.js";import{d as s}from"./debounce-c993109b.js";import{N as c}from"./react-router-dom-69f93b35.js";import{c as d,D as p}from"./Drawer-8dea52a4.js";import{S as m}from"./Select-1195f341.js";import{s as h}from"./style-inject.es-1f59c1d0.js";import{S as g,F as u}from"./FormControlLabel-1bad6712.js";import{w as f,p as b,d as k,_ as y}from"./withStyles-0d5bcf81.js";import{c as w,a as v}from"./capitalize-e9326ef1.js";import{useRouteMatch as _}from"react-router";import"./Select-eb6955b0.js";import"./ownerWindow-0c3585d5.js";import"./useFormControl-34915b57.js";import"react-dom";import"./TransitionGroupContext-2cd2fcd6.js";import"./useIsFocusVisible-ed7e818c.js";import"react-is";import"./utils-f2dbcf24.js";import"./createChainedFunction-8d6683d4.js";import"./Paper-a8ffc170.js";import"./createSvgIcon-9654fc12.js";import"./Typography-aafd1929.js";import"./IconButton-24d603af.js";import"./Fade-587eec93.js";var x=t.forwardRef((function(e,a){var o=e.classes,r=e.className,n=e.color,i=void 0===n?"secondary":n,l=e.edge,s=void 0!==l&&l,c=e.size,d=void 0===c?"medium":c,p=k(e,["classes","className","color","edge","size"]),m=t.createElement("span",{className:o.thumb});return t.createElement("span",{className:w(o.root,r,{start:o.edgeStart,end:o.edgeEnd}[s],"small"===d&&o["size".concat(v(d))])},t.createElement(g,y({type:"checkbox",icon:m,checkedIcon:m,classes:{root:w(o.switchBase,o["color".concat(v(i))]),input:o.input,checked:o.checked,disabled:o.disabled},ref:a},p)),t.createElement("span",{className:o.track}))})),j=f((function(e){return{root:{display:"inline-flex",width:58,height:38,overflow:"hidden",padding:12,boxSizing:"border-box",position:"relative",flexShrink:0,zIndex:0,verticalAlign:"middle","@media print":{colorAdjust:"exact"}},edgeStart:{marginLeft:-8},edgeEnd:{marginRight:-8},switchBase:{position:"absolute",top:0,left:0,zIndex:1,color:"light"===e.palette.type?e.palette.grey[50]:e.palette.grey[400],transition:e.transitions.create(["left","transform"],{duration:e.transitions.duration.shortest}),"&$checked":{transform:"translateX(20px)"},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{opacity:.5},"&$disabled + $track":{opacity:"light"===e.palette.type?.12:.1}},colorPrimary:{"&$checked":{color:e.palette.primary.main,"&:hover":{backgroundColor:b(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{backgroundColor:e.palette.primary.main},"&$disabled + $track":{backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white}},colorSecondary:{"&$checked":{color:e.palette.secondary.main,"&:hover":{backgroundColor:b(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{backgroundColor:e.palette.secondary.main},"&$disabled + $track":{backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white}},sizeSmall:{width:40,height:24,padding:7,"& $thumb":{width:16,height:16},"& $switchBase":{padding:4,"&$checked":{transform:"translateX(16px)"}}},checked:{},disabled:{},input:{left:"-100%",width:"300%"},thumb:{boxShadow:e.shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"},track:{height:"100%",width:"100%",borderRadius:7,zIndex:-1,transition:e.transitions.create(["opacity","background-color"],{duration:e.transitions.duration.shortest}),backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white,opacity:"light"===e.palette.type?.38:.3}}}),{name:"MuiSwitch"})(x);h(".header {\n display: flex;\n align-items: center;\n background: #0087dc;\n padding: 12px 36px;\n position: fixed;\n top: 0;\n z-index: 10;\n width: 100%;\n transition: top 0.3s ease-in-out; }\n .header__title {\n color: white;\n font-size: 18px;\n font-weight: bold;\n margin-right: 12px; }\n .header__links {\n flex: 1;\n display: flex; }\n .header__links__item {\n color: #aaaaaa;\n text-decoration: none;\n font-weight: bold;\n padding: 8px 14px; }\n .header__links__item--active {\n color: white;\n border-bottom: 2px solid white; }\n .header__links__item:hover {\n color: white; }\n .header--hide {\n top: -100px; }\n\n@media screen and (max-width: 600px) {\n .header__links {\n display: none; } }\n");var C=function(t){var i=t.title,h=t.logo,g=t.locale,f=t.supportLanguages,b=t.pages,k=t.darkMode,y=t.className,w=t.setDarkMode,v=t.onLanguageChange,x=_().url,C=o(!1),$=e(C,2),E=$[0],N=$[1],S=r(s((function(){return N(window.scrollY>100)}),10)).current;return n((function(){return window.addEventListener("scroll",S),function(){window.removeEventListener("scroll",S)}}),[]),a.createElement("div",{className:l("header",{"header--hide":E},y)},h,a.createElement("div",{className:"header__title"},i),a.createElement("div",{className:"header__links"},(Array.isArray(b)?b:[]).filter((function(e){return e.showInHeader})).map((function(e){var t=e.path,o=e.name;return a.createElement(c,{key:t,to:"".concat(x).concat(t),className:"header__links__item",activeClassName:"header__links__item--active"},o)}))),a.createElement(u,{control:a.createElement(j,{checked:k,onChange:function(e){return w(e.target.checked)},color:"secondary"}),label:"Dark"}),a.createElement(m,{value:d({language:g,supportLanguages:f}),onChange:function(e){return v(e.target.value)},options:f}),a.createElement(p,{title:i,logo:h,drawerList:b,supportLanguages:f}))};C.defaultProps={className:void 0,title:void 0,logo:void 0,locale:void 0,supportLanguages:[{value:"en",label:"English"},{value:"zh-tw",label:"繁體中文"},{value:"zh-cn",label:"簡體中文"}],darkMode:!1,setDarkMode:function(){},onLanguageChange:function(){}},C.propTypes={className:i.string,title:i.string,logo:i.node,locale:i.string,supportLanguages:i.arrayOf(i.any),pages:i.arrayOf(i.any).isRequired,darkMode:i.bool,setDarkMode:i.func,onLanguageChange:i.func};export{C as default};
|
|
1
|
+
import{c as e}from"./_rollupPluginBabelHelpers-1195460d.js";import*as t from"react";import a,{useState as r,useRef as n,useEffect as o}from"react";import i from"prop-types";import{c}from"./index-ec2d0bbb.js";import{d as s}from"./debounce-7df508de.js";import{Router as l,__RouterContext as d,matchPath as p,useRouteMatch as m}from"react-router";import{w as h,a as u,b as f,_ as g,d as v,h as y}from"./withStyles-8efa9a95.js";import{c as b,D as k}from"./Drawer-c9fba959.js";import{S as w}from"./Select-60672ce2.js";import{s as x}from"./style-inject.es-1f59c1d0.js";import{S as _,F as j}from"./FormControlLabel-9aee2132.js";import{c as C,a as E}from"./capitalize-e94e4f60.js";import"./_commonjsHelpers-97e6d7b1.js";import"./isObjectLike-ec3f35a3.js";import"react-is";import"./Select-b1546956.js";import"./ownerWindow-0c3585d5.js";import"./useFormControl-479b5455.js";import"react-dom";import"./TransitionGroupContext-2cd2fcd6.js";import"./utils-22b2fc08.js";import"./createChainedFunction-8d6683d4.js";import"./useIsFocusVisible-c9dfa67a.js";import"./Paper-1a9a0ed9.js";import"./useControlled-b5d6fb94.js";import"./createSvgIcon-2964daa4.js";import"./Typography-8cf73af9.js";import"./IconButton-858207d1.js";import"./ButtonBase-a6870362.js";import"./Fade-ca23fa12.js";var $=t.forwardRef((function(e,a){var r=e.classes,n=e.className,o=e.color,i=void 0===o?"secondary":o,c=e.edge,s=void 0!==c&&c,l=e.size,d=void 0===l?"medium":l,p=f(e,["classes","className","color","edge","size"]),m=t.createElement("span",{className:r.thumb});return t.createElement("span",{className:C(r.root,n,{start:r.edgeStart,end:r.edgeEnd}[s],"small"===d&&r["size".concat(E(d))])},t.createElement(_,g({type:"checkbox",icon:m,checkedIcon:m,classes:{root:C(r.switchBase,r["color".concat(E(i))]),input:r.input,checked:r.checked,disabled:r.disabled},ref:a},p)),t.createElement("span",{className:r.track}))})),N=h((function(e){return{root:{display:"inline-flex",width:58,height:38,overflow:"hidden",padding:12,boxSizing:"border-box",position:"relative",flexShrink:0,zIndex:0,verticalAlign:"middle","@media print":{colorAdjust:"exact"}},edgeStart:{marginLeft:-8},edgeEnd:{marginRight:-8},switchBase:{position:"absolute",top:0,left:0,zIndex:1,color:"light"===e.palette.type?e.palette.grey[50]:e.palette.grey[400],transition:e.transitions.create(["left","transform"],{duration:e.transitions.duration.shortest}),"&$checked":{transform:"translateX(20px)"},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{opacity:.5},"&$disabled + $track":{opacity:"light"===e.palette.type?.12:.1}},colorPrimary:{"&$checked":{color:e.palette.primary.main,"&:hover":{backgroundColor:u(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{backgroundColor:e.palette.primary.main},"&$disabled + $track":{backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white}},colorSecondary:{"&$checked":{color:e.palette.secondary.main,"&:hover":{backgroundColor:u(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{backgroundColor:e.palette.secondary.main},"&$disabled + $track":{backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white}},sizeSmall:{width:40,height:24,padding:7,"& $thumb":{width:16,height:16},"& $switchBase":{padding:4,"&$checked":{transform:"translateX(16px)"}}},checked:{},disabled:{},input:{left:"-100%",width:"300%"},thumb:{boxShadow:e.shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"},track:{height:"100%",width:"100%",borderRadius:7,zIndex:-1,transition:e.transitions.create(["opacity","background-color"],{duration:e.transitions.duration.shortest}),backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white,opacity:"light"===e.palette.type?.38:.3}}}),{name:"MuiSwitch"})($);function R(e){return"/"===e.charAt(0)}function S(e,t){for(var a=t,r=a+1,n=e.length;r<n;a+=1,r+=1)e[a]=e[r];e.pop()}function L(e,t){if(!e)throw new Error("Invariant failed")}function z(e,t,a,r){var n;"string"==typeof e?(n=function(e){var t=e||"/",a="",r="",n=t.indexOf("#");-1!==n&&(r=t.substr(n),t=t.substr(0,n));var o=t.indexOf("?");return-1!==o&&(a=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===a?"":a,hash:"#"===r?"":r}}(e),n.state=t):(void 0===(n=g({},e)).pathname&&(n.pathname=""),n.search?"?"!==n.search.charAt(0)&&(n.search="?"+n.search):n.search="",n.hash?"#"!==n.hash.charAt(0)&&(n.hash="#"+n.hash):n.hash="",void 0!==t&&void 0===n.state&&(n.state=t));try{n.pathname=decodeURI(n.pathname)}catch(e){throw e instanceof URIError?new URIError('Pathname "'+n.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):e}return a&&(n.key=a),r?n.pathname?"/"!==n.pathname.charAt(0)&&(n.pathname=function(e,t){void 0===t&&(t="");var a,r=e&&e.split("/")||[],n=t&&t.split("/")||[],o=e&&R(e),i=t&&R(t),c=o||i;if(e&&R(e)?n=r:r.length&&(n.pop(),n=n.concat(r)),!n.length)return"/";if(n.length){var s=n[n.length-1];a="."===s||".."===s||""===s}else a=!1;for(var l=0,d=n.length;d>=0;d--){var p=n[d];"."===p?S(n,d):".."===p?(S(n,d),l++):l&&(S(n,d),l--)}if(!c)for(;l--;l)n.unshift("..");!c||""===n[0]||n[0]&&R(n[0])||n.unshift("");var m=n.join("/");return a&&"/"!==m.substr(-1)&&(m+="/"),m}(n.pathname,r.pathname)):n.pathname=r.pathname:n.pathname||(n.pathname="/"),n}"undefined"==typeof window||!window.document||window.document.createElement;a.Component,a.Component;var I=function(e,t){return"function"==typeof e?e(t):e},A=function(e,t){return"string"==typeof e?z(e,null,null,t):e},D=function(e){return e},B=a.forwardRef;void 0===B&&(B=D);var M=B((function(e,t){var r=e.innerRef,n=e.navigate,o=e.onClick,i=y(e,["innerRef","navigate","onClick"]),c=i.target,s=g({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),n())}});return s.ref=D!==B&&t||r,a.createElement("a",s)})),O=B((function(e,t){var r=e.component,n=void 0===r?M:r,o=e.replace,i=e.to,c=e.innerRef,s=y(e,["component","replace","to","innerRef"]);return a.createElement(d.Consumer,null,(function(e){e||L(!1);var r=e.history,l=A(I(i,e.location),e.location),d=l?r.createHref(l):"",p=g({},s,{href:d,navigate:function(){var t=I(i,e.location);(o?r.replace:r.push)(t)}});return D!==B?p.ref=t||c:p.innerRef=c,a.createElement(n,p)}))})),F=function(e){return e},P=a.forwardRef;void 0===P&&(P=F);var H=P((function(e,t){var r=e["aria-current"],n=void 0===r?"page":r,o=e.activeClassName,i=void 0===o?"active":o,c=e.activeStyle,s=e.className,l=e.exact,m=e.isActive,h=e.location,u=e.sensitive,f=e.strict,v=e.style,b=e.to,k=e.innerRef,w=y(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(d.Consumer,null,(function(e){e||L(!1);var r=h||e.location,o=A(I(b,r),r),d=o.pathname,y=d&&d.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),x=y?p(r.pathname,{path:y,exact:l,sensitive:u,strict:f}):null,_=!!(m?m(x,r):x),j=_?function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return t.filter((function(e){return e})).join(" ")}(s,i):s,C=_?g({},v,{},c):v,E=g({"aria-current":_&&n||null,className:j,style:C,to:o},w);return F!==P?E.ref=t||k:E.innerRef=k,a.createElement(O,E)}))}));x(".header {\n display: flex;\n align-items: center;\n background: #0087dc;\n padding: 12px 36px;\n position: fixed;\n top: 0;\n z-index: 10;\n width: 100%;\n transition: top 0.3s ease-in-out; }\n .header__title {\n color: white;\n font-size: 18px;\n font-weight: bold;\n margin-right: 12px; }\n .header__links {\n flex: 1;\n display: flex; }\n .header__links__item {\n color: #aaaaaa;\n text-decoration: none;\n font-weight: bold;\n padding: 8px 14px; }\n .header__links__item--active {\n color: white;\n border-bottom: 2px solid white; }\n .header__links__item:hover {\n color: white; }\n .header--hide {\n top: -100px; }\n\n@media screen and (max-width: 600px) {\n .header__links {\n display: none; } }\n");var K=function(t){var i=t.title,l=t.logo,d=t.locale,p=t.supportLanguages,h=t.pages,u=t.darkMode,f=t.className,g=t.setDarkMode,v=t.onLanguageChange,y=m().url,x=r(!1),_=e(x,2),C=_[0],E=_[1],$=n(s((function(){return E(window.scrollY>100)}),10)).current;return o((function(){return window.addEventListener("scroll",$),function(){window.removeEventListener("scroll",$)}}),[]),a.createElement("div",{className:c("header",{"header--hide":C},f)},l,a.createElement("div",{className:"header__title"},i),a.createElement("div",{className:"header__links"},(Array.isArray(h)?h:[]).filter((function(e){return e.showInHeader})).map((function(e){var t=e.path,r=e.name;return a.createElement(H,{key:t,to:"".concat(y).concat(t),className:"header__links__item",activeClassName:"header__links__item--active"},r)}))),a.createElement(j,{control:a.createElement(N,{checked:u,onChange:function(e){return g(e.target.checked)},color:"secondary"}),label:"Dark"}),a.createElement(w,{value:b({language:d,supportLanguages:p}),onChange:function(e){return v(e.target.value)},options:p}),a.createElement(k,{title:i,logo:l,drawerList:h,supportLanguages:p}))};K.defaultProps={className:void 0,title:void 0,logo:void 0,locale:void 0,supportLanguages:[{value:"en",label:"English"},{value:"zh-tw",label:"繁體中文"},{value:"zh-cn",label:"簡體中文"}],darkMode:!1,setDarkMode:function(){},onLanguageChange:function(){}},K.propTypes={className:i.string,title:i.string,logo:i.node,locale:i.string,supportLanguages:i.arrayOf(i.any),pages:i.arrayOf(i.any).isRequired,darkMode:i.bool,setDarkMode:i.func,onLanguageChange:i.func};export{K as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{w as e,a,b as o,_ as t}from"./withStyles-8efa9a95.js";import*as r from"react";import"prop-types";import{c as i,a as n}from"./capitalize-e94e4f60.js";import{B as l}from"./ButtonBase-a6870362.js";var s=r.forwardRef((function(e,a){var s=e.edge,c=void 0!==s&&s,d=e.children,p=e.classes,m=e.className,g=e.color,u=void 0===g?"default":g,b=e.disabled,f=void 0!==b&&b,h=e.disableFocusRipple,v=void 0!==h&&h,y=e.size,R=void 0===y?"medium":y,z=o(e,["edge","children","classes","className","color","disabled","disableFocusRipple","size"]);return r.createElement(l,t({className:i(p.root,m,"default"!==u&&p["color".concat(n(u))],f&&p.disabled,"small"===R&&p["size".concat(n(R))],{start:p.edgeStart,end:p.edgeEnd}[c]),centerRipple:!0,focusRipple:!v,disabled:f,ref:a},z),r.createElement("span",{className:p.label},d))})),c=e((function(e){return{root:{textAlign:"center",flex:"0 0 auto",fontSize:e.typography.pxToRem(24),padding:12,borderRadius:"50%",overflow:"visible",color:e.palette.action.active,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),"&:hover":{backgroundColor:a(e.palette.action.active,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"&$disabled":{backgroundColor:"transparent",color:e.palette.action.disabled}},edgeStart:{marginLeft:-12,"$sizeSmall&":{marginLeft:-3}},edgeEnd:{marginRight:-12,"$sizeSmall&":{marginRight:-3}},colorInherit:{color:"inherit"},colorPrimary:{color:e.palette.primary.main,"&:hover":{backgroundColor:a(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},colorSecondary:{color:e.palette.secondary.main,"&:hover":{backgroundColor:a(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},disabled:{},sizeSmall:{padding:3,fontSize:e.typography.pxToRem(18)},label:{width:"100%",display:"flex",alignItems:"inherit",justifyContent:"inherit"}}}),{name:"MuiIconButton"})(s);export{c as I};
|