@daoyi/nmtl-ui 1.1.43 → 1.1.44-alpha.0

package/lib/components/KeywordSearch-71d79d41.js

@@ -0,0 +1 @@
+import e,{useCallback as n,useState as a,useRef as t,useEffect as o}from"react";import r from"prop-types";import{c as l}from"./index-11391ca3.js";import i from"axios";import{_ as u,i as c,a as s,b as p}from"./isObjectLike-2f1983fe.js";import{Autocomplete as d}from"@material-ui/lab";import{_ as f}from"./_rollupPluginBabelHelpers-1b8c042f.js";import{Chip as m,TextField as h,CircularProgress as g}from"@material-ui/core";import{Close as b,SearchOutlined as y}from"@material-ui/icons";import{E as v}from"./Empty-8a67e9c0.js";import{s as I}from"./style-inject.es-c875d022.js";var A=function(){return u.Date.now()},w=/\s/;var x=function(e){for(var n=e.length;n--&&w.test(e.charAt(n)););return n},S=/^\s+/;var O=function(e){return e?e.slice(0,x(e)+1).replace(S,""):e};var E=function(e){return"symbol"==typeof e||c(e)&&"[object Symbol]"==s(e)},T=/^[-+]0x[0-9a-f]+$/i,N=/^0b[01]+$/i,V=/^0o[0-7]+$/i,k=parseInt;var C=function(e){if("number"==typeof e)return e;if(E(e))return NaN;if(p(e)){var n="function"==typeof e.valueOf?e.valueOf():e;e=p(n)?n+"":n}if("string"!=typeof e)return 0===e?e:+e;e=O(e);var a=N.test(e);return a||V.test(e)?k(e.slice(2),a?2:8):T.test(e)?NaN:+e},M=Math.max,j=Math.min;var _=function(e,n,a){var t,o,r,l,i,u,c=0,s=!1,d=!1,f=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function m(n){var a=t,r=o;return t=o=void 0,c=n,l=e.apply(r,a)}function h(e){return c=e,i=setTimeout(b,n),s?m(e):l}function g(e){var a=e-u;return void 0===u||a>=n||a<0||d&&e-c>=r}function b(){var e=A();if(g(e))return y(e);i=setTimeout(b,function(e){var a=n-(e-u);return d?j(a,r-(e-c)):a}(e))}function y(e){return i=void 0,f&&t?m(e):(t=o=void 0,l)}function v(){var e=A(),a=g(e);if(t=arguments,o=this,u=e,a){if(void 0===i)return h(u);if(d)return clearTimeout(i),i=setTimeout(b,n),m(u)}return void 0===i&&(i=setTimeout(b,n)),l}return n=C(n)||0,p(a)&&(s=!!a.leading,r=(d="maxWait"in a)?M(C(a.maxWait)||0,n):r,f="trailing"in a?!!a.trailing:f),v.cancel=function(){void 0!==i&&clearTimeout(i),c=0,t=u=o=i=void 0},v.flush=function(){return void 0===i?l:y(A())},v};I(".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\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  display: flex;\n  flex-wrap: nowrap;\n  padding: 4px 8px; }\n");const P=r=>{const{options:i,defaultValue:u,renderAfterDefaultValueChange:c,filterable:s,loading:p,labelInValue:I,disabled:A}=r,{className:w,multiple:x,freeTyping:S,placeholder:O,searchIcon:E,renderInput:T,renderTags:N}=r,{onChange:V,onSearch:k,onFocus:C,onBlur:M,onEnter:j}=r,[P,D]=a(!0),[F,B]=a(),[R,L]=a(),[$,z]=a(),[K,W]=a(),{getValue:H,getValueFromOptions:J,defaultTag:U,defaultRenderInput:q}=(({options:a,placeholder:t,loading:o,searchIcon:r,labelInValue:l})=>{const i=n((e=>"object"==typeof e?e.value:e),[]),u=n((e=>{const n=(Array.isArray(a)?a:[]).find((n=>i(n)===i(e)));return n?"object"==typeof n?n.label:n:"object"==typeof e?e.label:e}),[a]),c=n((e=>{if(Array.isArray(a)){if(Array.isArray(e))return e.map((e=>a.find((({value:n})=>e===n||e.value===n))||e));const n=a.find((({value:n})=>e===n));return l?e:n||{label:e,value:e}}return e}),[a,l]),s=n(((n,a)=>n.map(((n,t)=>e.createElement(m,f({label:u(n),deleteIcon:e.createElement(b,null)},a({index:t})))))),[a]),p=n((n=>e.createElement(h,f({},n,{variant:"outlined",placeholder:t,InputProps:{...n.InputProps,endAdornment:e.createElement(e.Fragment,null,o&&e.createElement(g,{className:"autocomplete__icon",color:"inherit",size:20}),r&&e.createElement(y,{className:"autocomplete__icon"}),n.InputProps.endAdornment)}}))),[o,r]);return{getValue:i,getValueFromOptions:c,defaultTag:s,defaultRenderInput:p}})({options:i,placeholder:O,loading:p,searchIcon:E,labelInValue:I}),G=t(_((e=>k(e)),500)).current;return o((()=>{W("string"==typeof u&&x?{label:F,value:F}:J(u))}),[JSON.stringify(u)]),o((()=>{c&&D(!1)}),[K]),o((()=>{P||D(!0)}),[P]),o((()=>{R&&(B(R),G(R))}),[R]),e.createElement("div",{className:l("autocomplete",{"autocomplete--showSearchIcon":E},w)},P&&e.createElement(d,{className:"autocomplete__component",options:Array.isArray(i)&&(S&&F?[{label:F,value:F}].concat(i):i)||[],defaultValue:K,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)?V(n.map((e=>I?e:H(e)))):n&&V(I?n:H(n))},onInputChange:(e,n,a)=>{n&&"string"==typeof n&&"input"===a&&L(n)},onKeyDown:e=>{switch(e.key){case"ArrowDown":case"ArrowUp":z(!0);break;case"Enter":if(!$){const n=S&&!x;j(e,n?{label:F,value:F}:void 0),n&&W({label:F,value:F})}break;default:z(!1)}},getOptionLabel:e=>e&&e.label||"",getOptionDisabled:e=>e.disabled,renderInput:e=>T&&T(e)||q(e),renderTags:(e,n)=>N&&N(e,n)||U(e,n),popupIcon:null,noOptionsText:e.createElement(v,null),onFocus:C,onBlur:M}))};P.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:()=>{}},P.propTypes={className:r.string,defaultValue:r.any,renderAfterDefaultValueChange:r.bool,options:r.arrayOf(r.any),freeTyping:r.bool,loading:r.bool,disabled:r.bool,labelInValue:r.bool,searchIcon:r.bool,multiple:r.bool,placeholder:r.string,filterable:r.bool,renderInput:r.func,renderTags:r.func,onChange:r.func,onSearch:r.func,onFocus:r.func,onBlur:r.func,onEnter:r.func};const D=(e,n="value")=>Array.isArray(e)?e.filter(((e,a,t)=>t.findIndex((a=>a[n]===e[n]))===a)):[];I(".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");const F=({className:n,animation:t,filterSameName:r,keyword:u,searchAPI:c,placeholder:s,setMenuOpen:p,menuOpen:d,onSearch:f})=>{const[m,h]=a(!1),[g,b]=a([]),[y,v]=a(u);return o((()=>{var e;(e=y)&&0!==e.length&&(h(!0),i.get(c,{params:{keyword:e}}).then((e=>{e.data&&e.data.data&&b(D(e.data.data,"id"))})).finally((()=>h(!1))))}),[y]),e.createElement("div",{className:l("keywordSearch",{"keywordSearch--animation":t},{"keywordSearch--focus":d},n)},e.createElement(P,{freeTyping:!0,renderAfterDefaultValueChange:!0,defaultValue:{label:u,value:u},loading:m,options:(r?D(g,"name"):g).map((({name:e,id:n,value:a,label:t})=>({value:n||a||e,label:e||t}))),placeholder:s,onSearch:v,onChange:e=>{e&&f(g.find((({id:n,value:a})=>n===e.value||a===e.value))||e)},onEnter:(e,n)=>f(n),onFocus:()=>p(!0),onBlur:()=>p(!1)}))};F.defaultProps={className:void 0,animation:!1,filterSameName:!0,keyword:void 0,searchAPI:void 0,placeholder:void 0,menuOpen:!1,setMenuOpen:()=>{},onSearch:()=>{}},F.propTypes={className:r.string,animation:r.bool,filterSameName:r.bool,keyword:r.string,searchAPI:r.string,placeholder:r.string,menuOpen:r.bool,setMenuOpen:r.func,onSearch:r.func};export{F as K,_ as d};

package/lib/components/KeywordSearch.js

@@ -1 +1 @@
-import"react";import"prop-types";import"./index-11391ca3.js";import"axios";export{K as default}from"./KeywordSearch-bf28872d.js";import"./style-inject.es-c875d022.js";import"./isObjectLike-2f1983fe.js";import"@material-ui/lab";import"./_rollupPluginBabelHelpers-1b8c042f.js";import"@material-ui/core";import"@material-ui/icons";import"./Empty-8a67e9c0.js";
+import"react";import"prop-types";import"./index-11391ca3.js";import"axios";export{K as default}from"./KeywordSearch-71d79d41.js";import"./style-inject.es-c875d022.js";import"./isObjectLike-2f1983fe.js";import"@material-ui/lab";import"./_rollupPluginBabelHelpers-1b8c042f.js";import"@material-ui/core";import"@material-ui/icons";import"./Empty-8a67e9c0.js";

package/lib/components/Keywords.js

@@ -1 +1 @@
-import e,{useState as o,useEffect as r}from"react";import t from"prop-types";import{c as n}from"./index-11391ca3.js";import{i,a,r as l,M as d}from"./createSvgIcon-50bfbdd7.js";import{Typography as s}from"@material-ui/core";import{u as c,c as m,s as k}from"./style-inject.es-c875d022.js";import"@material-ui/icons";import"./withStyles-12e04256.js";import"@material-ui/styles";import"react-dom";var _=c(m((function(o,r){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var t=i(e),n=(0,a(l).default)(t.createElement("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz");r.default=n})));k(".keywordList {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 0.8rem; }\n  .keywordList__item {\n    font-size: 1.125rem !important;\n    border-radius: 5px;\n    margin-right: 0.5rem !important;\n    margin-bottom: 0.5rem !important;\n    cursor: pointer; }\n    .keywordList__item__hover {\n      border-radius: 5px;\n      line-height: normal;\n      padding: 0.125rem 0.625rem;\n      background: transparent;\n      transition: 0.3s background ease-in-out; }\n      .keywordList__item__hover:hover {\n        background: rgba(0, 0, 0, 0.1); }\n  .keywordList__icon svg {\n    font-size: 1rem;\n    line-height: 1rem; }\n  .keywordList__icon .keywordList__item__hover {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding: 0.125rem 0.875rem; }\n\n@media screen and (max-width: 484px) {\n  .keywordList__item {\n    font-size: 0.75rem !important; } }\n");const y=({className:o,keywords:r,backgroundColor:t,textColor:i,limit:a,onMoreClick:l,onKeywordClick:d})=>Array.isArray(r)&&e.createElement("div",{className:n("keywordList",o)},(a?r.slice(0,a):r).map(((o,r)=>e.createElement(s,{color:"textSecondary",className:"keywordList__item",key:r.toString(),onClick:()=>d(o)},e.createElement("div",{style:{color:i,background:t},className:"keywordList__item__hover"},o)))),a&&r.length>a&&e.createElement("div",{className:n("keywordList__item","keywordList__icon"),style:{backgroundColor:t},onClick:l},e.createElement("div",{className:"keywordList__item__hover"},e.createElement(_,null))));y.defaultProps={className:void 0,keywords:void 0,backgroundColor:void 0,textColor:void 0,limit:void 0,onMoreClick:()=>{},onKeywordClick:()=>{}},y.propTypes={className:t.string,backgroundColor:t.string,textColor:t.string,keywords:t.arrayOf(t.any),limit:t.number,onMoreClick:t.func,onKeywordClick:t.func};k(".keywordModal__content {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: 5px; }\n  .keywordModal__content__image {\n    display: flex;\n    justify-content: center;\n    width: 100%; }\n    .keywordModal__content__image__img {\n      height: 7.75rem;\n      object-fit: scale-down; }\n  .keywordModal__content__detail {\n    width: 100%;\n    padding: 1rem 1.25rem;\n    border-radius: 5px; }\n    .keywordModal__content__detail__title {\n      font-weight: bold;\n      font-size: 1.5rem;\n      text-decoration: underline;\n      cursor: pointer; }\n    .keywordModal__content__detail__desc {\n      margin-top: 0.8rem;\n      font-size: 1rem;\n      display: -webkit-box;\n      overflow: hidden;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical; }\n    .keywordModal__content__detail__author {\n      margin-top: 0.8rem;\n      font-size: 1.25rem;\n      cursor: pointer; }\n      .keywordModal__content__detail__author:hover {\n        text-decoration: underline; }\n\n.keywordModal p {\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important; }\n\n.keywordModal .MuiPaper-root {\n  min-width: initial !important; }\n");const u=o=>{const{visible:r,setVisible:t,cardData:n}=o,{titleColor:i,imageBackgroundColor:a,backgroundColor:l,textColor:s,onKeywordClick:c,onAuthorClick:m}=o,{author:k,imgUrl:_,title:u}=n||{},w=n&&n.keywords&&n.keywords.split("\n")||[];return e.createElement(d,{transparent:!0,size:"small",className:"keywordModal",visible:r,footer:null,onCancel:()=>t(!1)},e.createElement("div",{className:"keywordModal__content",style:{backgroundColor:l}},_&&e.createElement("div",{className:"keywordModal__content__image",style:{backgroundColor:a}},e.createElement("img",{className:"keywordModal__content__image__img",src:_,alt:""})),e.createElement("div",{className:"keywordModal__content__detail"},e.createElement("div",{title:u,className:"keywordModal__content__detail__title",style:{color:i||s}},u),k&&e.createElement("div",{className:"keywordModal__content__detail__author",title:k,onClick:m,style:{color:s}},k),e.createElement(y,{keywords:w,textColor:s,backgroundColor:a,onKeywordClick:c}))))};u.defaultProps={visible:void 0,setVisible:()=>{},titleColor:void 0,imageBackgroundColor:void 0,backgroundColor:void 0,textColor:void 0,cardData:void 0,onKeywordClick:()=>{},onAuthorClick:()=>{}},u.propTypes={visible:t.bool,setVisible:t.func,cardData:t.objectOf(t.any),titleColor:t.string,imageBackgroundColor:t.string,backgroundColor:t.string,textColor:t.string,onKeywordClick:t.func,onAuthorClick:t.func};k(".keywords p {\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important; }\n");const w=t=>{const{className:i,keywords:a,cardData:l,limit:d}=t,{titleColor:s,imageBackgroundColor:c,backgroundColor:m,textColor:k}=t,{onKeywordClick:_,onMoreClick:w,onAuthorClick:g}=t,C=l&&l.keywords&&l.keywords.split("\n")||a||[];if(0===C.filter((e=>e&&e.length>0)).length)return null;const[p,f]=o(),v=(()=>{const[e,t]=o("PC"),n=()=>{window.innerWidth>768?t("PC"):window.innerWidth>576?t("tablet"):t("mobile")};return r((()=>(n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)})),[]),e})();return e.createElement("div",{className:n("keywords",i)},e.createElement(y,{limit:d||("mobile"===v?1:void 0),keywords:C,backgroundColor:c||m,textColor:k,onMoreClick:()=>l?f(!0):w(),onKeywordClick:_}),e.createElement(u,{visible:p,setVisible:f,cardData:l,titleColor:s,imageBackgroundColor:c,backgroundColor:m,textColor:k,onKeywordClick:_,onAuthorClick:g}))};w.defaultProps={className:void 0,keywords:void 0,cardData:void 0,limit:void 0,titleColor:void 0,imageBackgroundColor:void 0,backgroundColor:void 0,textColor:void 0,onKeywordClick:()=>{},onMoreClick:()=>{},onAuthorClick:()=>{}},w.propTypes={className:t.string,keywords:t.arrayOf(t.any),cardData:t.objectOf(t.any),limit:t.number,titleColor:t.string,imageBackgroundColor:t.string,backgroundColor:t.string,textColor:t.string,onKeywordClick:t.func,onMoreClick:t.func,onAuthorClick:t.func};export{w as default};
+import o,{useState as e,useEffect as r}from"react";import t from"prop-types";import{c as n}from"./index-11391ca3.js";import{i,a as l,r as a,M as d}from"./createSvgIcon-fd7bb768.js";import{Typography as s}from"@material-ui/core";import{u as c,c as m,s as k}from"./style-inject.es-c875d022.js";import"@material-ui/icons";import"./withStyles-12e04256.js";import"@material-ui/styles";import"react-dom";var _=c(m((function(e,r){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var t=i(o),n=(0,l(a).default)(t.createElement("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz");r.default=n})));k(".keywordList {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 0.8rem; }\n  .keywordList__item {\n    font-size: 1.125rem !important;\n    border-radius: 5px;\n    margin-right: 0.5rem !important;\n    margin-bottom: 0.5rem !important;\n    cursor: pointer; }\n    .keywordList__item__hover {\n      border-radius: 5px;\n      line-height: normal;\n      padding: 0.125rem 0.625rem;\n      background: transparent;\n      transition: 0.3s background ease-in-out; }\n      .keywordList__item__hover:hover {\n        background: rgba(0, 0, 0, 0.1); }\n  .keywordList__icon svg {\n    font-size: 1rem;\n    line-height: 1rem; }\n  .keywordList__icon .keywordList__item__hover {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding: 0.125rem 0.875rem; }\n\n@media screen and (max-width: 484px) {\n  .keywordList__item {\n    font-size: 0.75rem !important; } }\n");const y=({className:e,keywords:r,backgroundColor:t,textColor:i,limit:l,onMoreClick:a,onKeywordClick:d})=>Array.isArray(r)&&o.createElement("div",{className:n("keywordList",e)},(l?r.slice(0,l):r).map(((e,r)=>o.createElement(s,{color:"textSecondary",className:"keywordList__item",key:r.toString(),onClick:()=>d(e)},o.createElement("div",{style:{color:i,backgroundColor:t},className:"keywordList__item__hover"},e)))),l&&r.length>l&&o.createElement("div",{className:n("keywordList__item","keywordList__icon"),style:{backgroundColor:t},onClick:a},o.createElement("div",{className:"keywordList__item__hover",style:{color:i}},o.createElement(_,null))));y.defaultProps={className:void 0,keywords:void 0,backgroundColor:void 0,textColor:void 0,limit:void 0,onMoreClick:()=>{},onKeywordClick:()=>{}},y.propTypes={className:t.string,backgroundColor:t.string,textColor:t.string,keywords:t.arrayOf(t.any),limit:t.number,onMoreClick:t.func,onKeywordClick:t.func};k(".keywordModal__content {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: 5px; }\n  .keywordModal__content__image {\n    display: flex;\n    justify-content: center;\n    width: 100%; }\n    .keywordModal__content__image__img {\n      height: 7.75rem;\n      object-fit: scale-down; }\n  .keywordModal__content__detail {\n    width: 100%;\n    padding: 1rem 1.25rem;\n    border-radius: 5px; }\n    .keywordModal__content__detail__title {\n      font-weight: bold;\n      font-size: 1.5rem;\n      text-decoration: underline;\n      cursor: pointer; }\n    .keywordModal__content__detail__desc {\n      margin-top: 0.8rem;\n      font-size: 1rem;\n      display: -webkit-box;\n      overflow: hidden;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical; }\n    .keywordModal__content__detail__author {\n      margin-top: 0.8rem;\n      font-size: 1.25rem;\n      cursor: pointer; }\n      .keywordModal__content__detail__author:hover {\n        text-decoration: underline; }\n\n.keywordModal p {\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important; }\n\n.keywordModal .MuiPaper-root {\n  min-width: initial !important; }\n");const C=e=>{const{visible:r,setVisible:t,cardData:n}=e,{modalTextColor:i,modalImageColor:l,backgroundColor:a,modalBackgroundColor:s,textColor:c}=e,{onKeywordClick:m,onTitleClick:k,onAuthorClick:_}=e,{author:C,imgUrl:u,title:w}=n||{},g=n&&n.keywords&&n.keywords.split("\n")||[],p=i||c;return o.createElement(d,{transparent:!0,size:"small",className:"keywordModal",visible:r,footer:null,onCancel:()=>t(!1)},o.createElement("div",{className:"keywordModal__content",style:{backgroundColor:s}},u&&o.createElement("div",{className:"keywordModal__content__image",style:{backgroundColor:l}},o.createElement("img",{className:"keywordModal__content__image__img",src:u,alt:""})),o.createElement("div",{className:"keywordModal__content__detail"},o.createElement("div",{title:w,className:"keywordModal__content__detail__title",style:{color:p},onClick:k},w),C&&o.createElement("div",{className:"keywordModal__content__detail__author",title:C,onClick:_,style:{color:p}},C),o.createElement(y,{keywords:g,textColor:c,backgroundColor:a,onKeywordClick:m}))))};C.defaultProps={visible:void 0,setVisible:()=>{},modalTextColor:void 0,modalImageColor:void 0,modalBackgroundColor:void 0,backgroundColor:void 0,textColor:void 0,cardData:void 0,onKeywordClick:()=>{},onTitleClick:()=>{},onAuthorClick:()=>{}},C.propTypes={visible:t.bool,setVisible:t.func,cardData:t.objectOf(t.any),modalTextColor:t.string,modalImageColor:t.string,modalBackgroundColor:t.string,backgroundColor:t.string,textColor:t.string,onKeywordClick:t.func,onTitleClick:t.func,onAuthorClick:t.func};k(".keywords p {\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important; }\n");const u=t=>{const{className:i,keywords:l,cardData:a,limit:d,theme:s}=t,{backgroundColor:c,textColor:m,modalTextColor:k,modalImageColor:_,modalBackgroundColor:u}=s||{},{onKeywordClick:w,onMoreClick:g,onTitleClick:p,onAuthorClick:f}=t,b=a&&a.keywords&&a.keywords.split("\n")||l||[];if(0===b.filter((o=>o&&o.length>0)).length)return null;const[v,h]=e(),x=(()=>{const[o,t]=e("PC"),n=()=>{window.innerWidth>768?t("PC"):window.innerWidth>576?t("tablet"):t("mobile")};return r((()=>(n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)})),[]),o})();return o.createElement("div",{className:n("keywords",i)},o.createElement(y,{limit:d||("mobile"===x?1:void 0),keywords:b,backgroundColor:c,textColor:m,onMoreClick:()=>a?h(!0):g(),onKeywordClick:w}),o.createElement(C,{visible:v,setVisible:h,modalTextColor:k,modalImageColor:_,modalBackgroundColor:u,cardData:a,backgroundColor:c,textColor:m,onKeywordClick:w,onTitleClick:p,onAuthorClick:f}))};u.defaultProps={className:void 0,keywords:void 0,cardData:void 0,limit:void 0,theme:void 0,onKeywordClick:()=>{},onMoreClick:()=>{},onTitleClick:()=>{},onAuthorClick:()=>{}},u.propTypes={className:t.string,keywords:t.arrayOf(t.any),cardData:t.objectOf(t.any),limit:t.number,theme:t.shape({backgroundColor:t.string,textColor:t.string,modalTextColor:t.string,modalImageColor:t.string,modalBackgroundColor:t.string}),onKeywordClick:t.func,onMoreClick:t.func,onTitleClick:t.func,onAuthorClick:t.func};export{u as default};