@daoyi/nmtl-ui 2.0.1-beta.36 → 2.0.1-beta.37
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as e,a as n,b as o}from"./_rollupPluginBabelHelpers-b6a1ebe2.js";import t,{useCallback as r,useState as a,useRef as l,useEffect as u}from"react";import i from"prop-types";import{c}from"./index-b2745105.js";import{d as p}from"./debounce-c993109b.js";import{Autocomplete as s}from"@material-ui/lab";import{Chip as f,TextField as d,CircularProgress as m}from"@material-ui/core";import{Close as b,SearchOutlined as g}from"@material-ui/icons";import{s as h}from"./style-inject.es-1f59c1d0.js";import
|
|
1
|
+
import{_ as e,a as n,b as o}from"./_rollupPluginBabelHelpers-b6a1ebe2.js";import t,{useCallback as r,useState as a,useRef as l,useEffect as u}from"react";import i from"prop-types";import{c}from"./index-b2745105.js";import{d as p}from"./debounce-c993109b.js";import{Autocomplete as s}from"@material-ui/lab";import{Chip as f,TextField as d,CircularProgress as m}from"@material-ui/core";import{Close as b,SearchOutlined as g}from"@material-ui/icons";import{s as h}from"./style-inject.es-1f59c1d0.js";import I from"./Empty.js";h(".autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n padding: 0px 8px; }\n\n.autocomplete .MuiChip-deleteIcon {\n width: 16px;\n height: 16px; }\n\n.autocomplete__icon {\n font-size: 1.25rem;\n margin-right: 8px;\n cursor: pointer; }\n\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n display: flex;\n flex-wrap: nowrap;\n padding: 4px 8px; }\n");var y=function(i){var h=i.options,y=i.defaultValue,v=i.renderAfterDefaultValueChange,A=i.filterable,C=i.loading,V=i.labelInValue,E=i.disabled,x=i.onSearchIconClick,w=i.className,S=i.multiple,O=i.freeTyping,T=i.placeholder,_=i.searchIcon,j=i.renderInput,k=i.renderTags,D=i.onChange,N=i.onSearch,F=i.onFocus,R=i.onBlur,B=i.onEnter,M=a(!0),P=n(M,2),L=P[0],z=P[1],H=a(),J=n(H,2),K=J[0],U=J[1],q=a(),G=n(q,2),Q=G[0],W=G[1],X=a(),Y=n(X,2),Z=Y[0],$=Y[1],ee=a(),ne=n(ee,2),oe=ne[0],te=ne[1],re=(n=>{let{options:o,placeholder:a,loading:l,searchIcon:u,labelInValue:i,onSearchIconClick:c,onEnter:p,currentResult:s,setCurrentDefaultValue:h}=n;const I=r((e=>"object"==typeof e?e.value:e),[]),y=r((e=>{const n=(Array.isArray(o)?o:[]).find((n=>I(n)===I(e)));return n?"object"==typeof n?n.label:n:"object"==typeof e?e.label:e}),[o]),v=r((e=>{if(Array.isArray(o)){if(Array.isArray(e))return e.map((e=>o.find((n=>{let{value:o}=n;return e===o||e.value===o}))||e));const n=o.find((n=>{let{value:o}=n;return e===o}));return i?e:n||{label:e,value:e}}return e}),[o,i]),A=r(((n,o)=>n.map(((n,r)=>t.createElement(f,e({label:y(n),deleteIcon:t.createElement(b,null)},o({index:r})))))),[o]),C=r((n=>t.createElement(d,e({},n,{variant:"outlined",placeholder:a,InputProps:{...n.InputProps,endAdornment:t.createElement(t.Fragment,null,l&&t.createElement(m,{className:"autocomplete__icon",color:"inherit",size:20}),u&&t.createElement(g,{className:"autocomplete__icon",onClick:e=>(h({label:s,value:s}),p(e,{label:s,value:s}))}),n.InputProps.endAdornment)}}))),[l,u]);return{getValue:I,getValueFromOptions:v,defaultTag:A,defaultRenderInput:C}})(o({},{options:h,placeholder:T,loading:C,searchIcon:_,labelInValue:V,onSearchIconClick:x,currentResult:Q,onEnter:B,setCurrentDefaultValue:te})),ae=re.getValue,le=re.getValueFromOptions,ue=re.defaultTag,ie=re.defaultRenderInput,ce=l(p((function(e){return N(e)}),500)).current;return u((function(){te("string"==typeof y&&S?{label:K,value:K}:le(y))}),[JSON.stringify(y)]),u((function(){v&&z(!1)}),[oe]),u((function(){L||z(!0)}),[L]),u((function(){Q&&(U(Q),ce(Q))}),[Q]),t.createElement("div",{className:c("autocomplete",{"autocomplete--showSearchIcon":_},w)},L&&t.createElement(s,{className:"autocomplete__component",options:Array.isArray(h)&&(O&&K?[{label:K,value:K}].concat(h):h)||[],defaultValue:oe,disabled:E,multiple:S,filterOptions:function(e,n){var o=n.inputValue,t=void 0===o?"":o;return(Array.isArray(e)?e:[]).filter((function(e){var n=(e||{}).label;return!A||(void 0===n?"":n).toLowerCase().indexOf(t.toLowerCase())>-1}))},onChange:function(e,n){Array.isArray(n)?D(n.map((function(e){return V?e:ae(e)}))):n&&D(V?n:ae(n))},onInputChange:function(e,n,o){n&&"string"==typeof n&&"input"===o&&W(n)},onKeyDown:function(e){switch(e.key){case"ArrowDown":case"ArrowUp":$(!0);break;case"Enter":if(!Z){var n=O&&!S;B(e,n?{label:K,value:K}:void 0),n&&te({label:K,value:K})}break;default:$(!1)}},getOptionLabel:function(e){return e&&e.label||""},getOptionDisabled:function(e){return e.disabled},renderInput:function(e){return j&&j(e)||ie(e)},renderTags:function(e,n){return k&&k(e,n)||ue(e,n)},popupIcon:null,noOptionsText:t.createElement(I,null),onFocus:F,onBlur:R}))};y.defaultProps={className:void 0,defaultValue:void 0,renderAfterDefaultValueChange:!1,options:void 0,freeTyping:!1,loading:!1,disabled:!1,labelInValue:!0,searchIcon:!0,multiple:!1,placeholder:"Search...",filterable:!1,renderInput:void 0,renderTags:void 0,onChange:function(){},onSearch:function(){},onFocus:function(){},onBlur:function(){},onEnter:function(){},onSearchIconClick:function(){}},y.propTypes={className:i.string,defaultValue:i.any,renderAfterDefaultValueChange:i.bool,options:i.arrayOf(i.any),freeTyping:i.bool,loading:i.bool,disabled:i.bool,labelInValue:i.bool,searchIcon:i.bool,multiple:i.bool,placeholder:i.string,filterable:i.bool,renderInput:i.func,renderTags:i.func,onChange:i.func,onSearch:i.func,onFocus:i.func,onBlur:i.func,onEnter:i.func,onSearchIconClick:i.func};export{y as default};
|
package/lib/components/Header.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useState as a,useRef as n,useEffect as r}from"react";import t from"prop-types";import{c as o}from"./index-11391ca3.js";import{d as i,K as l}from"./KeywordSearch-
|
|
1
|
+
import e,{useState as a,useRef as n,useEffect as r}from"react";import t from"prop-types";import{c as o}from"./index-11391ca3.js";import{d as i,K as l}from"./KeywordSearch-541c5ffd.js";import{useHistory as s,useRouteMatch as d,NavLink as c}from"react-router-dom";import{List as p,ListItem as m,ListItemIcon as h,ListItemText as g,IconButton as _,Drawer as u,Divider as f,Typography as y}from"@material-ui/core";import{DehazeRounded as w,SearchOutlined as x}from"@material-ui/icons";import{s as k}from"./style-inject.es-c875d022.js";import{S as v}from"./Select-86fee0d1.js";import"axios";import"./isObjectLike-2f1983fe.js";import"@material-ui/lab";import"./_rollupPluginBabelHelpers-1fef267c.js";import"./Empty-a053f253.js";k("@charset \"UTF-8\";\n.header {\n display: flex;\n align-items: center;\n background: rgba(255, 255, 255, 0.6);\n background-color: rgba(255, 255, 255, 0.6);\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 cursor: pointer; }\n .header__logo__img {\n display: flex;\n align-items: center; }\n .header__logo__title {\n white-space: nowrap;\n margin-left: 1rem !important;\n font-size: 1.5rem !important;\n font-weight: 700 !important;\n font-family: 'Noto Sans TC' !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-size: 1.125rem !important;\n font-weight: 500 !important;\n white-space: nowrap;\n padding: 6px 14px;\n font-family: 'Noto Sans TC' !important; }\n .header__links__item--active .header__links__item {\n font-weight: 800 !important;\n background: transparent;\n border-radius: 45px; }\n .header__links__item:hover {\n font-weight: 800 !important; }\n .header__language {\n min-width: 100px !important; }\n .header__searchIcon {\n display: none !important; }\n @media screen and (max-width: 768px) {\n .header--smallUseSearchIcon .header__searchIcon {\n display: flex !important;\n margin-right: 10px !important; }\n .header--smallUseSearchIcon .keywordSearch {\n visibility: hidden;\n flex: 1;\n width: 0; } }\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 .header .autocomplete {\n float: right; }\n .header .autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n padding: 1px 8px !important; }\n .header .keywordSearch {\n margin-right: 8px; }\n .header .keywordSearch--focus .autocomplete {\n width: 100% !important; }\n .header .keywordSearch--animation .autocomplete {\n width: 240px;\n transition: width 0.3s ease-in-out; }\n\n/* 避免寬度460以下炸版 */\n@media screen and (max-width: 460px) {\n .header .keywordSearch--animation .autocomplete {\n width: 100%; } }\n\n@media screen and (max-width: 768px) {\n .header {\n padding: 12px 15px !important; }\n .header__logo {\n margin-right: 16px !important; }\n .header__logo__title {\n display: none !important; }\n .header__links {\n display: none; }\n .header__links__item {\n font-size: 1rem !important; }\n .header__language {\n display: none !important; }\n .header--focus .header__logo {\n display: none !important; }\n .autocomplete__icon {\n display: none !important; } }\n");const E=e=>{let{language:a,supportLanguages:n}=e;return n.some((e=>{let{value:n}=e;return n===a}))?a:n[0].value},S=a=>{let{drawerList:n,setOpen:r}=a;const t=s(),{url:o}=d();return e.createElement(p,{className:"drawer__list"},Array.isArray(n)&&n.map(((a,n)=>{let{name:i,icon:l,path:s}=a;return e.createElement(m,{button:!0,key:n.toString(),onClick:()=>{s.indexOf("http")>-1?window.location=s:t.push({pathname:`${o}${s}`}),r(!1)}},l&&e.createElement(h,{style:{marginRight:24}},l),e.createElement(g,{primary:i}))})))};S.defaultProps={},S.propTypes={drawerList:t.arrayOf(t.any).isRequired,setOpen:t.func.isRequired};k(".drawer__icon {\n display: none !important; }\n\n.drawer__header {\n display: flex;\n align-items: center;\n padding: 20px; }\n .drawer__header-title {\n font-size: 18px;\n font-weight: bold; }\n\n.drawer__list {\n padding: 10px !important; }\n .drawer__list .MuiSvgIcon-root {\n margin-left: 8px; }\n\n.drawer__lang {\n margin: 24px 36px !important; }\n\n@media screen and (max-width: 768px) {\n .drawer {\n display: flex;\n justify-content: flex-end; }\n .drawer__icon {\n display: flex !important; } }\n");const b=n=>{let{title:r,logo:t,locale:o,supportLanguages:i,drawerList:l,onLanguageChange:s}=n;const[d,c]=a(!1);return e.createElement("div",{className:"drawer"},e.createElement(_,{className:"drawer__icon",onClick:()=>c(!0)},e.createElement(w,{fontSize:"large"})),e.createElement(u,{anchor:"right",open:d,onClose:()=>c(!1),onKeyDown:()=>c(!1)},(t||r)&&e.createElement("div",{className:"drawer__header"},e.createElement("div",{className:"drawer__header-logo"},t),e.createElement("div",{className:"drawer__header-title"},r)),e.createElement(f,null),e.createElement(S,{drawerList:(Array.isArray(l)?l:[]).filter((e=>{let{showInHeader:a}=e;return a})),setOpen:c}),e.createElement(f,null),Array.isArray(i)&&i.length>0&&e.createElement(v,{className:"drawer__lang",defaultValue:E({language:o,supportLanguages:i}),onChange:e=>s(e),options:i})))};b.defaultProps={title:void 0,logo:void 0,locale:void 0,supportLanguages:[{value:"en",label:"English"},{value:"zh-tw",label:"繁體中文"},{value:"zh-cn",label:"簡體中文"}],drawerList:void 0,onLanguageChange:()=>{}},b.propTypes={title:t.string,logo:t.node,locale:t.string,supportLanguages:t.arrayOf(t.any),drawerList:t.arrayOf(t.any),onLanguageChange:t.func};const L=t=>{const{title:p,logo:m,locale:h,supportLanguages:g,pages:u,darkMode:f,typographyColor:w,className:k}=t,{searchAPI:S,searchPlaceholder:L,smallUseSearchIcon:C}=t,{onSearch:N,setDarkMode:I,onLanguageChange:A,onSearchIconClick:O}=t,P=s(),{location:{search:z}}=P,{url:M}=d(),[j,T]=a(!1),[U,D]=a(!1),R=n(i((()=>T(window.scrollY>100)),10)).current;return r((()=>(window.addEventListener("scroll",R),()=>{window.removeEventListener("scroll",R)})),[]),r((()=>{D(!1)}),[z]),e.createElement("div",{className:o("MuiPaper-root","header",{"header--smallUseSearchIcon":C},{"header--hide":j},{"header--focus":U},k)},e.createElement("div",{className:"header__logo",onClick:()=>P.push(`/${h}`)},m&&e.createElement("div",{className:"header__logo__img"},m),!U&&p&&e.createElement(y,{color:w,className:"header__logo__title"},p)),S&&e.createElement(l,{animation:!0,searchAPI:S,placeholder:L,menuOpen:U,setMenuOpen:D,onSearch:N,onSearchIconClick:O}),e.createElement("div",{className:o("header__links",{"header__links--full":!S})},(Array.isArray(u)?u:[]).filter((e=>{let{showInHeader:a}=e;return a})).map(((a,n)=>{let{path:r="",name:t}=a;const o=e.createElement(y,{className:"header__links__item",color:w},t);return r.indexOf("http")>-1?e.createElement("a",{key:n.toString(),href:r,className:"header__links__item--active"},o):e.createElement(c,{key:n.toString(),to:`${M}${r}`,activeClassName:"header__links__item--active"},o)}))),e.createElement(_,{className:"header__searchIcon",onClick:O},e.createElement(x,{fontSize:"large"})),false,Array.isArray(g)&&g.length>0&&e.createElement(v,{className:"header__language",defaultValue:E({language:h,supportLanguages:g}),onChange:e=>A(e),options:g}),e.createElement(b,{title:p,logo:m,drawerList:u,supportLanguages:g}))};L.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,typographyColor:"primary",searchAPI:void 0,searchPlaceholder:void 0,smallUseSearchIcon:void 0,onSearch:()=>{},setDarkMode:()=>{},onLanguageChange:()=>{},onSearchIconClick:()=>{}},L.propTypes={className:t.string,title:t.string,logo:t.node,locale:t.string,supportLanguages:t.arrayOf(t.any),pages:t.arrayOf(t.any).isRequired,darkMode:t.bool,typographyColor:t.oneOf(["initial","inherit","primary","secondary","textPrimary","textSecondary","error"]),searchAPI:t.string,searchPlaceholder:t.string,smallUseSearchIcon:t.bool,onSearch:t.func,setDarkMode:t.func,onLanguageChange:t.func,onSearchIconClick:t.func};export{L as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useCallback as n,useState as a,useRef as r,useEffect as t}from"react";import o from"prop-types";import{c as l}from"./index-11391ca3.js";import i from"axios";import{s as u}from"./style-inject.es-c875d022.js";import{_ as c,i as s,a as p,b as d}from"./isObjectLike-2f1983fe.js";import{Autocomplete as f}from"@material-ui/lab";import{_ as m}from"./_rollupPluginBabelHelpers-1fef267c.js";import{Chip as h,TextField as g,CircularProgress as v}from"@material-ui/core";import{Close as b,SearchOutlined as y}from"@material-ui/icons";import{E as I}from"./Empty-a053f253.js";u(".keywordSearch {\n border-radius: 4px;\n width: 100%;\n margin-right: 14px; }\n .keywordSearch--animation .autocomplete {\n transition: max-width 0.3s ease-out;\n max-width: 240px; }\n .keywordSearch--focus {\n flex: 1; }\n .keywordSearch--focus .autocomplete {\n max-width: 100%; }\n .keywordSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n border-radius: 10px;\n background-color: #ffffff66; }\n");var A=function(){return c.Date.now()},S=/\s/;var w=function(e){for(var n=e.length;n--&&S.test(e.charAt(n)););return n},x=/^\s+/;var k=function(e){return e?e.slice(0,w(e)+1).replace(x,""):e};var C=function(e){return"symbol"==typeof e||s(e)&&"[object Symbol]"==p(e)},E=/^[-+]0x[0-9a-f]+$/i,O=/^0b[01]+$/i,V=/^0o[0-7]+$/i,T=parseInt;var N=function(e){if("number"==typeof e)return e;if(C(e))return NaN;if(d(e)){var n="function"==typeof e.valueOf?e.valueOf():e;e=d(n)?n+"":n}if("string"!=typeof e)return 0===e?e:+e;e=k(e);var a=O.test(e);return a||V.test(e)?T(e.slice(2),a?2:8):E.test(e)?NaN:+e},M=Math.max,j=Math.min;var _=function(e,n,a){var r,t,o,l,i,u,c=0,s=!1,p=!1,f=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function m(n){var a=r,o=t;return r=t=void 0,c=n,l=e.apply(o,a)}function h(e){return c=e,i=setTimeout(v,n),s?m(e):l}function g(e){var a=e-u;return void 0===u||a>=n||a<0||p&&e-c>=o}function v(){var e=A();if(g(e))return b(e);i=setTimeout(v,function(e){var a=n-(e-u);return p?j(a,o-(e-c)):a}(e))}function b(e){return i=void 0,f&&r?m(e):(r=t=void 0,l)}function y(){var e=A(),a=g(e);if(r=arguments,t=this,u=e,a){if(void 0===i)return h(u);if(p)return clearTimeout(i),i=setTimeout(v,n),m(u)}return void 0===i&&(i=setTimeout(v,n)),l}return n=N(n)||0,d(a)&&(s=!!a.leading,o=(p="maxWait"in a)?M(N(a.maxWait)||0,n):o,f="trailing"in a?!!a.trailing:f),y.cancel=function(){void 0!==i&&clearTimeout(i),c=0,r=u=t=i=void 0},y.flush=function(){return void 0===i?l:b(A())},y};u(".autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n padding: 0px 8px; }\n\n.autocomplete .MuiChip-deleteIcon {\n width: 16px;\n height: 16px; }\n\n.autocomplete__icon {\n font-size: 1.25rem;\n margin-right: 8px;\n cursor: pointer; }\n\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n display: flex;\n flex-wrap: nowrap;\n padding: 4px 8px; }\n");const D=o=>{const{options:i,defaultValue:u,renderAfterDefaultValueChange:c,filterable:s,loading:p,labelInValue:d,disabled:A,onSearchIconClick:S}=o,{className:w,multiple:x,freeTyping:k,placeholder:C,searchIcon:E,renderInput:O,renderTags:V}=o,{onChange:T,onSearch:N,onFocus:M,onBlur:j,onEnter:D}=o,[P,F]=a(!0),[R,B]=a(),[L,$]=a(),[z,K]=a(),[W,H]=a(),{getValue:J,getValueFromOptions:U,defaultTag:q,defaultRenderInput:G}=(a=>{let{options:r,placeholder:t,loading:o,searchIcon:l,labelInValue:i,onSearchIconClick:u,onEnter:c,currentResult:s,setCurrentDefaultValue:p}=a;const d=n((e=>"object"==typeof e?e.value:e),[]),f=n((e=>{const n=(Array.isArray(r)?r:[]).find((n=>d(n)===d(e)));return n?"object"==typeof n?n.label:n:"object"==typeof e?e.label:e}),[r]),I=n((e=>{if(Array.isArray(r)){if(Array.isArray(e))return e.map((e=>r.find((n=>{let{value:a}=n;return e===a||e.value===a}))||e));const n=r.find((n=>{let{value:a}=n;return e===a}));return i?e:n||{label:e,value:e}}return e}),[r,i]),A=n(((n,a)=>n.map(((n,r)=>e.createElement(h,m({label:f(n),deleteIcon:e.createElement(b,null)},a({index:r})))))),[r]),S=n((n=>e.createElement(g,m({},n,{variant:"outlined",placeholder:t,InputProps:{...n.InputProps,endAdornment:e.createElement(e.Fragment,null,o&&e.createElement(v,{className:"autocomplete__icon",color:"inherit",size:20}),l&&e.createElement(y,{className:"autocomplete__icon",onClick:e=>(p({label:s,value:s}),
|
|
1
|
+
import e,{useCallback as n,useState as a,useRef as r,useEffect as t}from"react";import o from"prop-types";import{c as l}from"./index-11391ca3.js";import i from"axios";import{s as u}from"./style-inject.es-c875d022.js";import{_ as c,i as s,a as p,b as d}from"./isObjectLike-2f1983fe.js";import{Autocomplete as f}from"@material-ui/lab";import{_ as m}from"./_rollupPluginBabelHelpers-1fef267c.js";import{Chip as h,TextField as g,CircularProgress as v}from"@material-ui/core";import{Close as b,SearchOutlined as y}from"@material-ui/icons";import{E as I}from"./Empty-a053f253.js";u(".keywordSearch {\n border-radius: 4px;\n width: 100%;\n margin-right: 14px; }\n .keywordSearch--animation .autocomplete {\n transition: max-width 0.3s ease-out;\n max-width: 240px; }\n .keywordSearch--focus {\n flex: 1; }\n .keywordSearch--focus .autocomplete {\n max-width: 100%; }\n .keywordSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n border-radius: 10px;\n background-color: #ffffff66; }\n");var A=function(){return c.Date.now()},S=/\s/;var w=function(e){for(var n=e.length;n--&&S.test(e.charAt(n)););return n},x=/^\s+/;var k=function(e){return e?e.slice(0,w(e)+1).replace(x,""):e};var C=function(e){return"symbol"==typeof e||s(e)&&"[object Symbol]"==p(e)},E=/^[-+]0x[0-9a-f]+$/i,O=/^0b[01]+$/i,V=/^0o[0-7]+$/i,T=parseInt;var N=function(e){if("number"==typeof e)return e;if(C(e))return NaN;if(d(e)){var n="function"==typeof e.valueOf?e.valueOf():e;e=d(n)?n+"":n}if("string"!=typeof e)return 0===e?e:+e;e=k(e);var a=O.test(e);return a||V.test(e)?T(e.slice(2),a?2:8):E.test(e)?NaN:+e},M=Math.max,j=Math.min;var _=function(e,n,a){var r,t,o,l,i,u,c=0,s=!1,p=!1,f=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function m(n){var a=r,o=t;return r=t=void 0,c=n,l=e.apply(o,a)}function h(e){return c=e,i=setTimeout(v,n),s?m(e):l}function g(e){var a=e-u;return void 0===u||a>=n||a<0||p&&e-c>=o}function v(){var e=A();if(g(e))return b(e);i=setTimeout(v,function(e){var a=n-(e-u);return p?j(a,o-(e-c)):a}(e))}function b(e){return i=void 0,f&&r?m(e):(r=t=void 0,l)}function y(){var e=A(),a=g(e);if(r=arguments,t=this,u=e,a){if(void 0===i)return h(u);if(p)return clearTimeout(i),i=setTimeout(v,n),m(u)}return void 0===i&&(i=setTimeout(v,n)),l}return n=N(n)||0,d(a)&&(s=!!a.leading,o=(p="maxWait"in a)?M(N(a.maxWait)||0,n):o,f="trailing"in a?!!a.trailing:f),y.cancel=function(){void 0!==i&&clearTimeout(i),c=0,r=u=t=i=void 0},y.flush=function(){return void 0===i?l:b(A())},y};u(".autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n padding: 0px 8px; }\n\n.autocomplete .MuiChip-deleteIcon {\n width: 16px;\n height: 16px; }\n\n.autocomplete__icon {\n font-size: 1.25rem;\n margin-right: 8px;\n cursor: pointer; }\n\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n display: flex;\n flex-wrap: nowrap;\n padding: 4px 8px; }\n");const D=o=>{const{options:i,defaultValue:u,renderAfterDefaultValueChange:c,filterable:s,loading:p,labelInValue:d,disabled:A,onSearchIconClick:S}=o,{className:w,multiple:x,freeTyping:k,placeholder:C,searchIcon:E,renderInput:O,renderTags:V}=o,{onChange:T,onSearch:N,onFocus:M,onBlur:j,onEnter:D}=o,[P,F]=a(!0),[R,B]=a(),[L,$]=a(),[z,K]=a(),[W,H]=a(),{getValue:J,getValueFromOptions:U,defaultTag:q,defaultRenderInput:G}=(a=>{let{options:r,placeholder:t,loading:o,searchIcon:l,labelInValue:i,onSearchIconClick:u,onEnter:c,currentResult:s,setCurrentDefaultValue:p}=a;const d=n((e=>"object"==typeof e?e.value:e),[]),f=n((e=>{const n=(Array.isArray(r)?r:[]).find((n=>d(n)===d(e)));return n?"object"==typeof n?n.label:n:"object"==typeof e?e.label:e}),[r]),I=n((e=>{if(Array.isArray(r)){if(Array.isArray(e))return e.map((e=>r.find((n=>{let{value:a}=n;return e===a||e.value===a}))||e));const n=r.find((n=>{let{value:a}=n;return e===a}));return i?e:n||{label:e,value:e}}return e}),[r,i]),A=n(((n,a)=>n.map(((n,r)=>e.createElement(h,m({label:f(n),deleteIcon:e.createElement(b,null)},a({index:r})))))),[r]),S=n((n=>e.createElement(g,m({},n,{variant:"outlined",placeholder:t,InputProps:{...n.InputProps,endAdornment:e.createElement(e.Fragment,null,o&&e.createElement(v,{className:"autocomplete__icon",color:"inherit",size:20}),l&&e.createElement(y,{className:"autocomplete__icon",onClick:e=>(p({label:s,value:s}),c(e,{label:s,value:s}))}),n.InputProps.endAdornment)}}))),[o,l]);return{getValue:d,getValueFromOptions:I,defaultTag:A,defaultRenderInput:S}})({options:i,placeholder:C,loading:p,searchIcon:E,labelInValue:d,onSearchIconClick:S,currentResult:L,onEnter:D,setCurrentDefaultValue:H}),Q=r(_((e=>N(e)),500)).current;return t((()=>{H("string"==typeof u&&x?{label:R,value:R}:U(u))}),[JSON.stringify(u)]),t((()=>{c&&F(!1)}),[W]),t((()=>{P||F(!0)}),[P]),t((()=>{L&&(B(L),Q(L))}),[L]),e.createElement("div",{className:l("autocomplete",{"autocomplete--showSearchIcon":E},w)},P&&e.createElement(f,{className:"autocomplete__component",options:Array.isArray(i)&&(k&&R?[{label:R,value:R}].concat(i):i)||[],defaultValue:W,disabled:A,multiple:x,filterOptions:(e,n)=>{const{inputValue:a=""}=n;return(Array.isArray(e)?e:[]).filter((e=>{const{label:n=""}=e||{};return!s||n.toLowerCase().indexOf(a.toLowerCase())>-1}))},onChange:(e,n)=>{Array.isArray(n)?T(n.map((e=>d?e:J(e)))):n&&T(d?n:J(n))},onInputChange:(e,n,a)=>{n&&"string"==typeof n&&"input"===a&&$(n)},onKeyDown:e=>{switch(e.key){case"ArrowDown":case"ArrowUp":K(!0);break;case"Enter":if(!z){const n=k&&!x;D(e,n?{label:R,value:R}:void 0),n&&H({label:R,value:R})}break;default:K(!1)}},getOptionLabel:e=>e&&e.label||"",getOptionDisabled:e=>e.disabled,renderInput:e=>O&&O(e)||G(e),renderTags:(e,n)=>V&&V(e,n)||q(e,n),popupIcon:null,noOptionsText:e.createElement(I,null),onFocus:M,onBlur:j}))};D.defaultProps={className:void 0,defaultValue:void 0,renderAfterDefaultValueChange:!1,options:void 0,freeTyping:!1,loading:!1,disabled:!1,labelInValue:!0,searchIcon:!0,multiple:!1,placeholder:"Search...",filterable:!1,renderInput:void 0,renderTags:void 0,onChange:()=>{},onSearch:()=>{},onFocus:()=>{},onBlur:()=>{},onEnter:()=>{},onSearchIconClick:()=>{}},D.propTypes={className:o.string,defaultValue:o.any,renderAfterDefaultValueChange:o.bool,options:o.arrayOf(o.any),freeTyping:o.bool,loading:o.bool,disabled:o.bool,labelInValue:o.bool,searchIcon:o.bool,multiple:o.bool,placeholder:o.string,filterable:o.bool,renderInput:o.func,renderTags:o.func,onChange:o.func,onSearch:o.func,onFocus:o.func,onBlur:o.func,onEnter:o.func,onSearchIconClick:o.func};const P=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"value";return Array.isArray(e)?e.filter(((e,a,r)=>r.findIndex((a=>a[n]===e[n]))===a)):[]},F=n=>{let{className:r,animation:o,filterSameName:u,keyword:c,searchAPI:s,placeholder:p,setMenuOpen:d,menuOpen:f,onSearch:m,onSearchIconClick:h}=n;const[g,v]=a(!1),[b,y]=a([]),[I,A]=a(c);return t((()=>{var e;(e=I)&&0!==e.length&&(v(!0),i.get(s,{params:{keyword:e}}).then((e=>{e.data&&e.data.data&&y(P(e.data.data,"id"))})).finally((()=>v(!1))))}),[I]),e.createElement("div",{className:l("keywordSearch",{"keywordSearch--animation":o},{"keywordSearch--focus":f},r)},e.createElement(D,{freeTyping:!0,renderAfterDefaultValueChange:!0,defaultValue:{label:c,value:c},loading:g,options:(u?P(b,"name"):b).map((e=>{let{name:n,id:a,value:r,label:t}=e;return{value:a||r||n,label:n||t}})),placeholder:p,onSearch:A,onChange:e=>{e&&m(b.find((n=>{let{id:a,value:r}=n;return a===e.value||r===e.value}))||e)},onEnter:(e,n)=>m(n),onFocus:()=>d(!0),onBlur:()=>d(!1),onSearchIconClick:h}))};F.defaultProps={className:void 0,animation:!1,filterSameName:!0,keyword:void 0,searchAPI:void 0,placeholder:void 0,menuOpen:!1,setMenuOpen:()=>{},onSearch:()=>{},onSearchIconClick:()=>{}},F.propTypes={className:o.string,animation:o.bool,filterSameName:o.bool,keyword:o.string,searchAPI:o.string,placeholder:o.string,menuOpen:o.bool,setMenuOpen:o.func,onSearch:o.func,onSearchIconClick:o.func};export{F as K,_ as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";import"prop-types";import"./index-11391ca3.js";import"axios";export{K as default}from"./KeywordSearch-
|
|
1
|
+
import"react";import"prop-types";import"./index-11391ca3.js";import"axios";export{K as default}from"./KeywordSearch-541c5ffd.js";import"./style-inject.es-c875d022.js";import"./isObjectLike-2f1983fe.js";import"@material-ui/lab";import"./_rollupPluginBabelHelpers-1fef267c.js";import"@material-ui/core";import"@material-ui/icons";import"./Empty-a053f253.js";
|
package/package.json
CHANGED