@daoyi/nmtl-ui 1.1.30-beta.13 → 1.1.30-beta.14
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/Header.js +1 -1
- package/package.json +1 -1
package/lib/components/Header.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as e}from"./_rollupPluginBabelHelpers-6c1cf22a.js";import r,{useState as t,useEffect as n,useRef as o}from"react";import a from"prop-types";import{c as i}from"./index-d90e1489.js";import{d as s}from"./debounce-7d215a19.js";import{useHistory as c,useRouteMatch as l,NavLink as p}from"react-router-dom";import{c as d,D as u}from"./Drawer-e93c7c89.js";import m from"./Select.js";import{c as f}from"./_commonjsHelpers-ae1b5db5.js";import h from"axios";import g from"./Autocomplete.js";import{s as y}from"./style-inject.es-1f59c1d0.js";import{T as b}from"./Typography-642487e3.js";import"./isObjectLike-75179648.js";import"./Menu-d1267946.js";import"./withStyles-75fe409f.js";import"react-is";import"./capitalize-4566b0fe.js";import"react-dom";import"./useForkRef-4ff8cc89.js";import"./useTheme-ea7e9223.js";import"./debounce-65582d84.js";import"./ownerWindow-ba2c31bc.js";import"./createChainedFunction-8d6683d4.js";import"./Modal-3941cd33.js";import"./useEventCallback-8817ed1c.js";import"./Portal-411c252b.js";import"./Paper-fa04140f.js";import"./Grow-2b0c4caa.js";import"./utils-bb216124.js";import"./TransitionGroupContext-2ba64e99.js";import"./MenuItem-56abef4a.js";import"./isMuiElement-64ad493a.js";import"./ButtonBase-013fbd95.js";import"./useIsFocusVisible-217260c3.js";import"./ListItemText-cc180de2.js";import"./IconButton-920a73fd.js";import"./createSvgIcon-231b6223.js";import"./Backdrop-d3d2985b.js";import"./Fade-92cf2aad.js";import"./Empty.js";import"./Select-c0d0b016.js";import"./OutlinedInput-e0ddbd3a.js";import"./FormControlContext-90b149a2.js";import"./useControlled-b5d6fb94.js";import"./useFormControl-607a2e33.js";import"./CircularProgress-0af3f40f.js";import"./TextField-940e48e6.js";import"./unstable_useId-45c5b1e4.js";import"./Popper-896103c0.js";var _=new RegExp("%[a-f0-9]{2}","gi"),j=new RegExp("(%[a-f0-9]{2})+","gi");function x(e,r){try{return decodeURIComponent(e.join(""))}catch(e){}if(1===e.length)return e;r=r||1;var t=e.slice(0,r),n=e.slice(r);return Array.prototype.concat.call([],x(t),x(n))}function k(e){try{return decodeURIComponent(e)}catch(n){for(var r=e.match(_),t=1;t<r.length;t++)r=(e=x(r,t).join("")).match(_);return e}}var w=function(e){if("string"!=typeof e)throw new TypeError("Expected `encodedURI` to be of type `string`, got `"+typeof e+"`");try{return e=e.replace(/\+/g," "),decodeURIComponent(e)}catch(r){return function(e){for(var r={"%FE%FF":"��","%FF%FE":"��"},t=j.exec(e);t;){try{r[t[0]]=decodeURIComponent(t[0])}catch(e){var n=k(t[0]);n!==t[0]&&(r[t[0]]=n)}t=j.exec(e)}r["%C2"]="�";for(var o=Object.keys(r),a=0;a<o.length;a++){var i=o[a];e=e.replace(new RegExp(i,"g"),r[i])}return e}(e)}},v=(e,r)=>{if("string"!=typeof e||"string"!=typeof r)throw new TypeError("Expected the arguments to be of type `string`");if(""===r)return[e];const t=e.indexOf(r);return-1===t?[e]:[e.slice(0,t),e.slice(t+r.length)]},E=f((function(e,r){function t(e){if("string"!=typeof e||1!==e.length)throw new TypeError("arrayFormatSeparator must be single character string")}function n(e,r){return r.encode?r.strict?encodeURIComponent(e).replace(/[!'()*]/g,(e=>`%${e.charCodeAt(0).toString(16).toUpperCase()}`)):encodeURIComponent(e):e}function o(e,r){return r.decode?w(e):e}function a(e){return Array.isArray(e)?e.sort():"object"==typeof e?a(Object.keys(e)).sort(((e,r)=>Number(e)-Number(r))).map((r=>e[r])):e}function i(e){const r=e.indexOf("#");return-1!==r&&(e=e.slice(0,r)),e}function s(e){const r=(e=i(e)).indexOf("?");return-1===r?"":e.slice(r+1)}function c(e,r){return r.parseNumbers&&!Number.isNaN(Number(e))&&"string"==typeof e&&""!==e.trim()?e=Number(e):!r.parseBooleans||null===e||"true"!==e.toLowerCase()&&"false"!==e.toLowerCase()||(e="true"===e.toLowerCase()),e}function l(e,r){t((r=Object.assign({decode:!0,sort:!0,arrayFormat:"none",arrayFormatSeparator:",",parseNumbers:!1,parseBooleans:!1},r)).arrayFormatSeparator);const n=function(e){let r;switch(e.arrayFormat){case"index":return(e,t,n)=>{r=/\[(\d*)\]$/.exec(e),e=e.replace(/\[\d*\]$/,""),r?(void 0===n[e]&&(n[e]={}),n[e][r[1]]=t):n[e]=t};case"bracket":return(e,t,n)=>{r=/(\[\])$/.exec(e),e=e.replace(/\[\]$/,""),r?void 0!==n[e]?n[e]=[].concat(n[e],t):n[e]=[t]:n[e]=t};case"comma":case"separator":return(r,t,n)=>{const a="string"==typeof t&&t.split("").indexOf(e.arrayFormatSeparator)>-1?t.split(e.arrayFormatSeparator).map((r=>o(r,e))):null===t?t:o(t,e);n[r]=a};default:return(e,r,t)=>{void 0!==t[e]?t[e]=[].concat(t[e],r):t[e]=r}}}(r),i=Object.create(null);if("string"!=typeof e)return i;if(!(e=e.trim().replace(/^[?#&]/,"")))return i;for(const t of e.split("&")){let[e,a]=v(r.decode?t.replace(/\+/g," "):t,"=");a=void 0===a?null:["comma","separator"].includes(r.arrayFormat)?a:o(a,r),n(o(e,r),a,i)}for(const e of Object.keys(i)){const t=i[e];if("object"==typeof t&&null!==t)for(const e of Object.keys(t))t[e]=c(t[e],r);else i[e]=c(t,r)}return!1===r.sort?i:(!0===r.sort?Object.keys(i).sort():Object.keys(i).sort(r.sort)).reduce(((e,r)=>{const t=i[r];return Boolean(t)&&"object"==typeof t&&!Array.isArray(t)?e[r]=a(t):e[r]=t,e}),Object.create(null))}r.extract=s,r.parse=l,r.stringify=(e,r)=>{if(!e)return"";t((r=Object.assign({encode:!0,strict:!0,arrayFormat:"none",arrayFormatSeparator:","},r)).arrayFormatSeparator);const o=t=>r.skipNull&&null==e[t]||r.skipEmptyString&&""===e[t],a=function(e){switch(e.arrayFormat){case"index":return r=>(t,o)=>{const a=t.length;return void 0===o||e.skipNull&&null===o||e.skipEmptyString&&""===o?t:null===o?[...t,[n(r,e),"[",a,"]"].join("")]:[...t,[n(r,e),"[",n(a,e),"]=",n(o,e)].join("")]};case"bracket":return r=>(t,o)=>void 0===o||e.skipNull&&null===o||e.skipEmptyString&&""===o?t:null===o?[...t,[n(r,e),"[]"].join("")]:[...t,[n(r,e),"[]=",n(o,e)].join("")];case"comma":case"separator":return r=>(t,o)=>null==o||0===o.length?t:0===t.length?[[n(r,e),"=",n(o,e)].join("")]:[[t,n(o,e)].join(e.arrayFormatSeparator)];default:return r=>(t,o)=>void 0===o||e.skipNull&&null===o||e.skipEmptyString&&""===o?t:null===o?[...t,n(r,e)]:[...t,[n(r,e),"=",n(o,e)].join("")]}}(r),i={};for(const r of Object.keys(e))o(r)||(i[r]=e[r]);const s=Object.keys(i);return!1!==r.sort&&s.sort(r.sort),s.map((t=>{const o=e[t];return void 0===o?"":null===o?n(t,r):Array.isArray(o)?o.reduce(a(t),[]).join("&"):n(t,r)+"="+n(o,r)})).filter((e=>e.length>0)).join("&")},r.parseUrl=(e,r)=>({url:i(e).split("?")[0]||"",query:l(s(e),r)}),r.stringifyUrl=(e,t)=>{const n=i(e.url).split("?")[0]||"",o=r.extract(e.url),a=r.parse(o),s=function(e){let r="";const t=e.indexOf("#");return-1!==t&&(r=e.slice(t)),r}(e.url),c=Object.assign(a,e.query);let l=r.stringify(c,t);return l&&(l=`?${l}`),`${n}${l}${s}`}}));E.extract,E.parse,E.stringify,E.parseUrl,E.stringifyUrl;const S=(e,r="value")=>e.filter(((e,t,n)=>n.findIndex((t=>t[r]===e[r]))===t));y(".headerSearch {\n border-radius: 4px;\n width: 100%;\n margin-right: 14px; }\n .headerSearch .autocomplete {\n transition: max-width 0.3s ease-out;\n max-width: 240px; }\n .headerSearch--focus {\n flex: 1; }\n .headerSearch--focus .autocomplete {\n max-width: 100%; }\n .headerSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n border-radius: 10px;\n background-color: #ffffff66; }\n");const O=({searchAPI:e,placeholder:o,setAutocompleteOpen:a,autocompleteOpen:s,onSearch:l})=>{const[p,d]=t(!1),[u,m]=t([]),f=c(),{location:{search:y}}=f,{keyword:b}=E.parse(y);n((()=>{a(!1)}),[y]);return r.createElement("div",{className:i("headerSearch",{"headerSearch--focus":s})},r.createElement(g,{defaultValue:b,loading:p,options:S(u,"id").map((({name:e,id:r})=>({value:r,label:e}))),placeholder:o,onSearch:r=>{var t;(t=r)&&0!==t.length&&(d(!0),h.get(e,{params:{keyword:t}}).then((e=>{e.data&&e.data.data&&m(e.data.data)})).finally((()=>d(!1))))},onChange:e=>{e&&l(e)},onFocus:()=>a(!0),onBlur:()=>a(!1)}))};O.defaultProps={searchAPI:void 0,placeholder:void 0,autocompleteOpen:!1,setAutocompleteOpen:()=>{},onSearch:()=>{}},O.propTypes={searchAPI:a.string,placeholder:a.string,autocompleteOpen:a.bool,setAutocompleteOpen:a.func,onSearch:a.func};y(".header {\n display: flex;\n align-items: center;\n background: rgba(255, 255, 255, 0.6) !important;\n background-color: rgba(255, 255, 255, 0.6) !important;\n padding: 12px 36px !important;\n position: fixed;\n top: 0;\n z-index: 10;\n width: 100% !important;\n transition: top 0.3s ease-in-out;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px); }\n .header__logo {\n display: flex;\n width: -moz-fit-content !important;\n width: fit-content !important;\n margin-right: 30px !important; }\n .header__logo__img {\n display: flex;\n align-items: center;\n margin-right: 12px; }\n .header__logo__title {\n white-space: nowrap;\n font-size: 18px !important;\n font-weight: bold !important; }\n .header__links {\n display: flex;\n justify-content: flex-end;\n padding-right: 14px; }\n .header__links a {\n text-decoration: none; }\n .header__links--full {\n flex: 1; }\n .header__links__item {\n color: rgba(0, 0, 0, 0.85);\n font-weight: bold !important;\n white-space: nowrap;\n padding: 6px 14px; }\n .header__links__item--active .header__links__item {\n font-weight: 800 !important;\n background: #ffffff66;\n border-radius: 45px; }\n .header__links__item:hover {\n font-weight: 800 !important; }\n .header__language {\n min-width: 100px !important; }\n .header--hide {\n top: -100px; }\n .header--focus .header__links {\n display: none; }\n .header .MuiTypography-root {\n width: 100%;\n display: flex;\n align-items: center; }\n\n@media screen and (max-width: 600px) {\n .header__logo {\n margin-right: 16px !important; }\n .header__logo__title {\n display: none !important; }\n .header__links {\n display: none; }\n .header__language {\n display: none !important; }\n .header--focus .header__logo {\n display: none !important; }\n .autocomplete__icon {\n display: none !important; } }\n");var C=function(a){var f=a.title,h=a.logo,g=a.locale,y=a.supportLanguages,_=a.pages;a.darkMode;var j=a.className,x=a.searchAPI,k=a.searchPlaceholder,w=a.onSearch;a.setDarkMode;var v=a.onLanguageChange,E=c(),S=E.location.search,C=l().url,F=t(!1),I=e(F,2),A=I[0],N=I[1],P=t(!1),L=e(P,2),M=L[0],R=L[1],T=o(s((function(){return N(window.scrollY>100)}),10)).current;return n((function(){return window.addEventListener("scroll",T),function(){window.removeEventListener("scroll",T)}}),[]),n((function(){R(!1)}),[S]),r.createElement("div",{className:i("MuiPaper-root","header",{"header--hide":A},{"header--focus":M},j)},r.createElement("div",{className:"header__logo",onClick:function(){return E.push("/".concat(g))}},h&&r.createElement("div",{className:"header__logo__img"},h),!M&&f&&r.createElement(b,{color:"primary",className:"header__logo__title"},f)),x&&r.createElement(O,{searchAPI:x,placeholder:k,autocompleteOpen:M,setAutocompleteOpen:R,onSearch:w}),r.createElement("div",{className:i("header__links",{"header__links--full":!x})},(Array.isArray(_)?_:[]).filter((function(e){return e.showInHeader})).map((function(e){var t=e.path,n=e.name;return r.createElement(p,{key:t,to:"".concat(C).concat(t),activeClassName:"header__links__item--active"},r.createElement(b,{className:"header__links__item",color:"primary"},n))}))),false,r.createElement(m,{className:"header__language",defaultValue:d({language:g,supportLanguages:y}),onChange:function(e){return v(e)},options:y}),r.createElement(u,{title:f,logo:h,drawerList:_,supportLanguages:y}))};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,searchAPI:void 0,searchPlaceholder:void 0,onSearch:function(){},setDarkMode:function(){},onLanguageChange:function(){}},C.propTypes={className:a.string,title:a.string,logo:a.node,locale:a.string,supportLanguages:a.arrayOf(a.any),pages:a.arrayOf(a.any).isRequired,darkMode:a.bool,searchAPI:a.string,searchPlaceholder:a.string,onSearch:a.func,setDarkMode:a.func,onLanguageChange:a.func};export{C as default};
|
|
1
|
+
import{a as e}from"./_rollupPluginBabelHelpers-6c1cf22a.js";import r,{useState as t,useEffect as n,useRef as o}from"react";import a from"prop-types";import{c as i}from"./index-d90e1489.js";import{d as s}from"./debounce-7d215a19.js";import{useHistory as c,useRouteMatch as l,NavLink as p}from"react-router-dom";import{c as d,D as u}from"./Drawer-e93c7c89.js";import m from"./Select.js";import{c as f}from"./_commonjsHelpers-ae1b5db5.js";import h from"axios";import g from"./Autocomplete.js";import{s as y}from"./style-inject.es-1f59c1d0.js";import{T as b}from"./Typography-642487e3.js";import"./isObjectLike-75179648.js";import"./Menu-d1267946.js";import"./withStyles-75fe409f.js";import"react-is";import"./capitalize-4566b0fe.js";import"react-dom";import"./useForkRef-4ff8cc89.js";import"./useTheme-ea7e9223.js";import"./debounce-65582d84.js";import"./ownerWindow-ba2c31bc.js";import"./createChainedFunction-8d6683d4.js";import"./Modal-3941cd33.js";import"./useEventCallback-8817ed1c.js";import"./Portal-411c252b.js";import"./Paper-fa04140f.js";import"./Grow-2b0c4caa.js";import"./utils-bb216124.js";import"./TransitionGroupContext-2ba64e99.js";import"./MenuItem-56abef4a.js";import"./isMuiElement-64ad493a.js";import"./ButtonBase-013fbd95.js";import"./useIsFocusVisible-217260c3.js";import"./ListItemText-cc180de2.js";import"./IconButton-920a73fd.js";import"./createSvgIcon-231b6223.js";import"./Backdrop-d3d2985b.js";import"./Fade-92cf2aad.js";import"./Empty.js";import"./Select-c0d0b016.js";import"./OutlinedInput-e0ddbd3a.js";import"./FormControlContext-90b149a2.js";import"./useControlled-b5d6fb94.js";import"./useFormControl-607a2e33.js";import"./CircularProgress-0af3f40f.js";import"./TextField-940e48e6.js";import"./unstable_useId-45c5b1e4.js";import"./Popper-896103c0.js";var _=new RegExp("%[a-f0-9]{2}","gi"),j=new RegExp("(%[a-f0-9]{2})+","gi");function x(e,r){try{return decodeURIComponent(e.join(""))}catch(e){}if(1===e.length)return e;r=r||1;var t=e.slice(0,r),n=e.slice(r);return Array.prototype.concat.call([],x(t),x(n))}function k(e){try{return decodeURIComponent(e)}catch(n){for(var r=e.match(_),t=1;t<r.length;t++)r=(e=x(r,t).join("")).match(_);return e}}var w=function(e){if("string"!=typeof e)throw new TypeError("Expected `encodedURI` to be of type `string`, got `"+typeof e+"`");try{return e=e.replace(/\+/g," "),decodeURIComponent(e)}catch(r){return function(e){for(var r={"%FE%FF":"��","%FF%FE":"��"},t=j.exec(e);t;){try{r[t[0]]=decodeURIComponent(t[0])}catch(e){var n=k(t[0]);n!==t[0]&&(r[t[0]]=n)}t=j.exec(e)}r["%C2"]="�";for(var o=Object.keys(r),a=0;a<o.length;a++){var i=o[a];e=e.replace(new RegExp(i,"g"),r[i])}return e}(e)}},v=(e,r)=>{if("string"!=typeof e||"string"!=typeof r)throw new TypeError("Expected the arguments to be of type `string`");if(""===r)return[e];const t=e.indexOf(r);return-1===t?[e]:[e.slice(0,t),e.slice(t+r.length)]},E=f((function(e,r){function t(e){if("string"!=typeof e||1!==e.length)throw new TypeError("arrayFormatSeparator must be single character string")}function n(e,r){return r.encode?r.strict?encodeURIComponent(e).replace(/[!'()*]/g,(e=>`%${e.charCodeAt(0).toString(16).toUpperCase()}`)):encodeURIComponent(e):e}function o(e,r){return r.decode?w(e):e}function a(e){return Array.isArray(e)?e.sort():"object"==typeof e?a(Object.keys(e)).sort(((e,r)=>Number(e)-Number(r))).map((r=>e[r])):e}function i(e){const r=e.indexOf("#");return-1!==r&&(e=e.slice(0,r)),e}function s(e){const r=(e=i(e)).indexOf("?");return-1===r?"":e.slice(r+1)}function c(e,r){return r.parseNumbers&&!Number.isNaN(Number(e))&&"string"==typeof e&&""!==e.trim()?e=Number(e):!r.parseBooleans||null===e||"true"!==e.toLowerCase()&&"false"!==e.toLowerCase()||(e="true"===e.toLowerCase()),e}function l(e,r){t((r=Object.assign({decode:!0,sort:!0,arrayFormat:"none",arrayFormatSeparator:",",parseNumbers:!1,parseBooleans:!1},r)).arrayFormatSeparator);const n=function(e){let r;switch(e.arrayFormat){case"index":return(e,t,n)=>{r=/\[(\d*)\]$/.exec(e),e=e.replace(/\[\d*\]$/,""),r?(void 0===n[e]&&(n[e]={}),n[e][r[1]]=t):n[e]=t};case"bracket":return(e,t,n)=>{r=/(\[\])$/.exec(e),e=e.replace(/\[\]$/,""),r?void 0!==n[e]?n[e]=[].concat(n[e],t):n[e]=[t]:n[e]=t};case"comma":case"separator":return(r,t,n)=>{const a="string"==typeof t&&t.split("").indexOf(e.arrayFormatSeparator)>-1?t.split(e.arrayFormatSeparator).map((r=>o(r,e))):null===t?t:o(t,e);n[r]=a};default:return(e,r,t)=>{void 0!==t[e]?t[e]=[].concat(t[e],r):t[e]=r}}}(r),i=Object.create(null);if("string"!=typeof e)return i;if(!(e=e.trim().replace(/^[?#&]/,"")))return i;for(const t of e.split("&")){let[e,a]=v(r.decode?t.replace(/\+/g," "):t,"=");a=void 0===a?null:["comma","separator"].includes(r.arrayFormat)?a:o(a,r),n(o(e,r),a,i)}for(const e of Object.keys(i)){const t=i[e];if("object"==typeof t&&null!==t)for(const e of Object.keys(t))t[e]=c(t[e],r);else i[e]=c(t,r)}return!1===r.sort?i:(!0===r.sort?Object.keys(i).sort():Object.keys(i).sort(r.sort)).reduce(((e,r)=>{const t=i[r];return Boolean(t)&&"object"==typeof t&&!Array.isArray(t)?e[r]=a(t):e[r]=t,e}),Object.create(null))}r.extract=s,r.parse=l,r.stringify=(e,r)=>{if(!e)return"";t((r=Object.assign({encode:!0,strict:!0,arrayFormat:"none",arrayFormatSeparator:","},r)).arrayFormatSeparator);const o=t=>r.skipNull&&null==e[t]||r.skipEmptyString&&""===e[t],a=function(e){switch(e.arrayFormat){case"index":return r=>(t,o)=>{const a=t.length;return void 0===o||e.skipNull&&null===o||e.skipEmptyString&&""===o?t:null===o?[...t,[n(r,e),"[",a,"]"].join("")]:[...t,[n(r,e),"[",n(a,e),"]=",n(o,e)].join("")]};case"bracket":return r=>(t,o)=>void 0===o||e.skipNull&&null===o||e.skipEmptyString&&""===o?t:null===o?[...t,[n(r,e),"[]"].join("")]:[...t,[n(r,e),"[]=",n(o,e)].join("")];case"comma":case"separator":return r=>(t,o)=>null==o||0===o.length?t:0===t.length?[[n(r,e),"=",n(o,e)].join("")]:[[t,n(o,e)].join(e.arrayFormatSeparator)];default:return r=>(t,o)=>void 0===o||e.skipNull&&null===o||e.skipEmptyString&&""===o?t:null===o?[...t,n(r,e)]:[...t,[n(r,e),"=",n(o,e)].join("")]}}(r),i={};for(const r of Object.keys(e))o(r)||(i[r]=e[r]);const s=Object.keys(i);return!1!==r.sort&&s.sort(r.sort),s.map((t=>{const o=e[t];return void 0===o?"":null===o?n(t,r):Array.isArray(o)?o.reduce(a(t),[]).join("&"):n(t,r)+"="+n(o,r)})).filter((e=>e.length>0)).join("&")},r.parseUrl=(e,r)=>({url:i(e).split("?")[0]||"",query:l(s(e),r)}),r.stringifyUrl=(e,t)=>{const n=i(e.url).split("?")[0]||"",o=r.extract(e.url),a=r.parse(o),s=function(e){let r="";const t=e.indexOf("#");return-1!==t&&(r=e.slice(t)),r}(e.url),c=Object.assign(a,e.query);let l=r.stringify(c,t);return l&&(l=`?${l}`),`${n}${l}${s}`}}));E.extract,E.parse,E.stringify,E.parseUrl,E.stringifyUrl;const S=(e,r="value")=>e.filter(((e,t,n)=>n.findIndex((t=>t[r]===e[r]))===t));y(".headerSearch {\n border-radius: 4px;\n width: 100%;\n margin-right: 14px; }\n .headerSearch .autocomplete {\n transition: max-width 0.3s ease-out;\n max-width: 240px; }\n .headerSearch--focus {\n flex: 1; }\n .headerSearch--focus .autocomplete {\n max-width: 100%; }\n .headerSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n border-radius: 10px;\n background-color: #ffffff66; }\n");const O=({searchAPI:e,placeholder:o,setAutocompleteOpen:a,autocompleteOpen:s,onSearch:l})=>{const[p,d]=t(!1),[u,m]=t([]),f=c(),{location:{search:y}}=f,{keyword:b}=E.parse(y);n((()=>{a(!1)}),[y]);return r.createElement("div",{className:i("headerSearch",{"headerSearch--focus":s})},r.createElement(g,{freeTyping:!0,defaultValue:b,loading:p,options:S(u,"id").map((({name:e,id:r})=>({value:r,label:e}))),placeholder:o,onSearch:r=>{var t;(t=r)&&0!==t.length&&(d(!0),h.get(e,{params:{keyword:t}}).then((e=>{e.data&&e.data.data&&m(e.data.data)})).finally((()=>d(!1))))},onChange:e=>{e&&l(e)},onFocus:()=>a(!0),onBlur:()=>a(!1)}))};O.defaultProps={searchAPI:void 0,placeholder:void 0,autocompleteOpen:!1,setAutocompleteOpen:()=>{},onSearch:()=>{}},O.propTypes={searchAPI:a.string,placeholder:a.string,autocompleteOpen:a.bool,setAutocompleteOpen:a.func,onSearch:a.func};y(".header {\n display: flex;\n align-items: center;\n background: rgba(255, 255, 255, 0.6) !important;\n background-color: rgba(255, 255, 255, 0.6) !important;\n padding: 12px 36px !important;\n position: fixed;\n top: 0;\n z-index: 10;\n width: 100% !important;\n transition: top 0.3s ease-in-out;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px); }\n .header__logo {\n display: flex;\n width: -moz-fit-content !important;\n width: fit-content !important;\n margin-right: 30px !important; }\n .header__logo__img {\n display: flex;\n align-items: center; }\n .header__logo__title {\n white-space: nowrap;\n margin-left: 12px;\n font-size: 18px !important;\n font-weight: bold !important; }\n .header__links {\n display: flex;\n justify-content: flex-end;\n padding-right: 14px; }\n .header__links a {\n text-decoration: none; }\n .header__links--full {\n flex: 1; }\n .header__links__item {\n color: rgba(0, 0, 0, 0.85);\n font-weight: bold !important;\n white-space: nowrap;\n padding: 6px 14px; }\n .header__links__item--active .header__links__item {\n font-weight: 800 !important;\n background: #ffffff66;\n border-radius: 45px; }\n .header__links__item:hover {\n font-weight: 800 !important; }\n .header__language {\n min-width: 100px !important; }\n .header--hide {\n top: -100px; }\n .header--focus .header__links {\n display: none; }\n .header .MuiTypography-root {\n width: 100%;\n display: flex;\n align-items: center; }\n\n@media screen and (max-width: 600px) {\n .header__logo {\n margin-right: 16px !important; }\n .header__logo__title {\n display: none !important; }\n .header__links {\n display: none; }\n .header__language {\n display: none !important; }\n .header--focus .header__logo {\n display: none !important; }\n .autocomplete__icon {\n display: none !important; } }\n");var C=function(a){var f=a.title,h=a.logo,g=a.locale,y=a.supportLanguages,_=a.pages;a.darkMode;var j=a.className,x=a.searchAPI,k=a.searchPlaceholder,w=a.onSearch;a.setDarkMode;var v=a.onLanguageChange,E=c(),S=E.location.search,C=l().url,F=t(!1),I=e(F,2),A=I[0],N=I[1],P=t(!1),L=e(P,2),M=L[0],R=L[1],T=o(s((function(){return N(window.scrollY>100)}),10)).current;return n((function(){return window.addEventListener("scroll",T),function(){window.removeEventListener("scroll",T)}}),[]),n((function(){R(!1)}),[S]),r.createElement("div",{className:i("MuiPaper-root","header",{"header--hide":A},{"header--focus":M},j)},r.createElement("div",{className:"header__logo",onClick:function(){return E.push("/".concat(g))}},h&&r.createElement("div",{className:"header__logo__img"},h),!M&&f&&r.createElement(b,{color:"primary",className:"header__logo__title"},f)),x&&r.createElement(O,{searchAPI:x,placeholder:k,autocompleteOpen:M,setAutocompleteOpen:R,onSearch:w}),r.createElement("div",{className:i("header__links",{"header__links--full":!x})},(Array.isArray(_)?_:[]).filter((function(e){return e.showInHeader})).map((function(e){var t=e.path,n=e.name;return r.createElement(p,{key:t,to:"".concat(C).concat(t),activeClassName:"header__links__item--active"},r.createElement(b,{className:"header__links__item",color:"primary"},n))}))),false,r.createElement(m,{className:"header__language",defaultValue:d({language:g,supportLanguages:y}),onChange:function(e){return v(e)},options:y}),r.createElement(u,{title:f,logo:h,drawerList:_,supportLanguages:y}))};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,searchAPI:void 0,searchPlaceholder:void 0,onSearch:function(){},setDarkMode:function(){},onLanguageChange:function(){}},C.propTypes={className:a.string,title:a.string,logo:a.node,locale:a.string,supportLanguages:a.arrayOf(a.any),pages:a.arrayOf(a.any).isRequired,darkMode:a.bool,searchAPI:a.string,searchPlaceholder:a.string,onSearch:a.func,setDarkMode:a.func,onLanguageChange:a.func};export{C as default};
|
package/package.json
CHANGED