@daoyi/nmtl-ui 2.0.1-beta.84 → 2.0.1-beta.85

package/lib/components/{KeywordSearch-a66db4e4.js → KeywordSearch-18b49195.js}

@@ -1,12 +1,12 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-cbd6bca9.js';
+import { c as classNames } from './index-195d1b27.js';
 import axios from 'axios';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { A as Autocomplete } from './Autocomplete-83a79687.js';
+import { A as Autocomplete } from './Autocomplete-18e0fd14.js';
 
-var css_248z = ".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 css_248z = ".keywordSearch {\n  border-radius: 4px;\n  width: 100%;\n  margin-right: 14px;\n}\n.keywordSearch--animation .autocomplete {\n  transition: max-width 0.3s ease-out;\n  max-width: 240px;\n}\n.keywordSearch--focus {\n  flex: 1;\n}\n.keywordSearch--focus .autocomplete {\n  max-width: 100%;\n}\n.keywordSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n  border-radius: 10px;\n  background-color: #ffffff66;\n}";
 styleInject(css_248z);
 
 const removeDuplicateItem = function (array) {

package/lib/components/KeywordSearch.js

@@ -1,21 +1,21 @@
-export { K as default } from './KeywordSearch-a66db4e4.js';
+export { K as default } from './KeywordSearch-18b49195.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-cbd6bca9.js';
+import './index-195d1b27.js';
 import 'axios';
 import './style-inject.es-1f59c1d0.js';
-import './Autocomplete-83a79687.js';
+import './Autocomplete-18e0fd14.js';
 import './debounce-127da66c.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/lab';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './createSvgIcon-e95160be.js';
+import './createSvgIcon-d48cdd8c.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';
 import '@material-ui/styles';
 import 'react-dom';
 import './toConsumableArray-dbe8af76.js';
-import './Empty-9a192c2a.js';
+import './Empty-ab663853.js';

package/lib/components/KeywordTicker.js

@@ -1,14 +1,14 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-cbd6bca9.js';
-import { F as ForwardLink } from './ForwardLink-2554a5d9.js';
+import { c as classNames } from './index-195d1b27.js';
+import { F as ForwardLink } from './ForwardLink-ec844c9c.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './index-34fc27f1.js';
+import './index-a5d56b0c.js';
 import 'react-router-dom';
 import '@material-ui/core';
 
-var css_248z = ".keywordTicker {\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center; }\n  .keywordTicker__track {\n    display: flex;\n    width: 100%;\n    padding: 20px 0px;\n    background-color: #ece8c0;\n    overflow: hidden;\n    margin-left: -80px;\n    padding-left: 100px;\n    z-index: 1;\n    position: relative; }\n  .keywordTicker__items {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    flex-wrap: nowrap;\n    position: relative; }\n  .keywordTicker-item {\n    width: auto;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    white-space: nowrap;\n    cursor: pointer; }\n  .keywordTicker-text {\n    font-size: 1.5rem;\n    z-index: 2;\n    font-weight: bold;\n    color: #825c0d;\n    border-left: 2px solid #fff;\n    padding: 0px 40px; }\n  .keywordTicker__img {\n    z-index: 2;\n    position: relative;\n    display: flex; }\n    .keywordTicker__img img {\n      height: 100%;\n      max-height: 195px;\n      image-rendering: -webkit-optimize-contrast;\n      position: relative; }\n  .keywordTicker--fake {\n    position: absolute;\n    opacity: 0;\n    width: 100%; }\n\n@media only screen and (max-width: 768px) {\n  .keywordTicker-text {\n    font-size: 1.5rem;\n    padding: 0px 15px; }\n  .keywordTicker__img img {\n    max-height: 104px;\n    left: -60px; }\n  .keywordTicker__track {\n    padding: 10px 0px;\n    margin-left: -100px; } }\n\n@media only screen and (max-width: 484px) {\n  .keywordTicker-text {\n    font-size: 14px; } }\n";
+var css_248z = ".keywordTicker {\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n.keywordTicker__track {\n  display: flex;\n  width: 100%;\n  padding: 20px 0px;\n  background-color: #ece8c0;\n  overflow: hidden;\n  margin-left: -80px;\n  padding-left: 100px;\n  z-index: 1;\n  position: relative;\n}\n.keywordTicker__items {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex-wrap: nowrap;\n  position: relative;\n}\n.keywordTicker-item {\n  width: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.keywordTicker-text {\n  font-size: 1.5rem;\n  z-index: 2;\n  font-weight: bold;\n  color: #825c0d;\n  border-left: 2px solid #fff;\n  padding: 0px 40px;\n}\n.keywordTicker__img {\n  z-index: 2;\n  position: relative;\n  display: flex;\n}\n.keywordTicker__img img {\n  height: 100%;\n  max-height: 195px;\n  image-rendering: -webkit-optimize-contrast;\n  position: relative;\n}\n.keywordTicker--fake {\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n}\n\n@media only screen and (max-width: 768px) {\n  .keywordTicker-text {\n    font-size: 1.5rem;\n    padding: 0px 15px;\n  }\n  .keywordTicker__img img {\n    max-height: 104px;\n    left: -60px;\n  }\n  .keywordTicker__track {\n    padding: 10px 0px;\n    margin-left: -100px;\n  }\n}\n@media only screen and (max-width: 484px) {\n  .keywordTicker-text {\n    font-size: 14px;\n  }\n}";
 styleInject(css_248z);
 
 var KeywordTicker = function KeywordTicker(_ref) {

package/lib/components/Keywords.js

@@ -1,14 +1,14 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-cbd6bca9.js';
-import { M as Modal } from './Modal-c8a92699.js';
+import { c as classNames } from './index-195d1b27.js';
+import { M as Modal } from './Modal-a7fd17d8.js';
 import { Typography } from '@material-ui/core';
-import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e95160be.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-d48cdd8c.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import '@material-ui/icons';
-import './Button-f86bbd40.js';
-import './Spin-1762ce9c.js';
+import './Button-ef7dd575.js';
+import './Spin-5eb597a1.js';
 import './_commonjsHelpers-70de2c37.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';
@@ -51,7 +51,7 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement("pa
 
 default_1 = MoreHoriz.default = _default;
 
-var css_248z$2 = ".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";
+var css_248z$2 = ".keywordList {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 0.8rem;\n}\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}\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}\n.keywordList__item__hover:hover {\n  background: rgba(0, 0, 0, 0.1);\n}\n.keywordList__icon svg {\n  font-size: 1rem;\n  line-height: 1rem;\n}\n.keywordList__icon .keywordList__item__hover {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding: 0.125rem 0.875rem;\n}\n\n@media screen and (max-width: 484px) {\n  .keywordList__item {\n    font-size: 0.75rem !important;\n  }\n}";
 styleInject(css_248z$2);
 
 const KeywordList = _ref => {
@@ -118,7 +118,7 @@ KeywordList.propTypes = {
   onKeywordClick: PropTypes.func
 };
 
-var css_248z$1 = ".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";
+var css_248z$1 = ".keywordModal__content {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: 5px;\n}\n.keywordModal__content__image {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n.keywordModal__content__image__img {\n  height: 7.75rem;\n  object-fit: scale-down;\n}\n.keywordModal__content__detail {\n  width: 100%;\n  padding: 1rem 1.25rem;\n  border-radius: 5px;\n}\n.keywordModal__content__detail__title {\n  font-weight: bold;\n  font-size: 1.5rem;\n  text-decoration: underline;\n  cursor: pointer;\n}\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}\n.keywordModal__content__detail__author {\n  margin-top: 0.8rem;\n  font-size: 1.25rem;\n  cursor: pointer;\n}\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}";
 styleInject(css_248z$1);
 
 const KeywordModal = props => {
@@ -219,7 +219,7 @@ KeywordModal.propTypes = {
   onAuthorClick: PropTypes.func
 };
 
-var css_248z = ".keywords p {\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important; }\n";
+var css_248z = ".keywords p {\n  font-family: \"Noto Sans TC\", \"Arial\", sans-serif !important;\n}";
 styleInject(css_248z);
 
 var Keywords = function Keywords(props) {

package/lib/components/Loading.js

@@ -1,10 +1,10 @@
 import React__default from 'react';
-import { c as classNames } from './index-cbd6bca9.js';
+import { c as classNames } from './index-195d1b27.js';
 import { CircularProgress } from '@material-ui/core';
 import PropTypes from 'prop-types';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".loadingPage {\n  padding: 4rem 0;\n  color: #0087dc;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n";
+var css_248z = ".loadingPage {\n  padding: 4rem 0;\n  color: #0087dc;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}";
 styleInject(css_248z);
 
 var Loading = function Loading(_ref) {

package/lib/components/MUITheme.js

@@ -2377,7 +2377,7 @@ var merge_1 = merge;
 
 var fonts = ['Noto Sans TC', 'Microsoft JhengHei', 'sans-serif', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"'];
 
-var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap\");\n";
+var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap\");";
 styleInject(css_248z);
 
 const defaultColors = {

package/lib/components/{Modal-c8a92699.js → Modal-a7fd17d8.js}

@@ -1,13 +1,13 @@
 import React__default from 'react';
-import { c as classNames } from './index-cbd6bca9.js';
+import { c as classNames } from './index-195d1b27.js';
 import PropTypes from 'prop-types';
 import { Dialog, DialogTitle, IconButton, DialogContent, DialogActions, CircularProgress } from '@material-ui/core';
 import { CloseSharp } from '@material-ui/icons';
-import { B as Button } from './Button-f86bbd40.js';
-import { S as Spin } from './Spin-1762ce9c.js';
+import { B as Button } from './Button-ef7dd575.js';
+import { S as Spin } from './Spin-5eb597a1.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".modal__title h2 {\n  display: flex;\n  align-items: center; }\n\n.modal__title__text {\n  flex: 1;\n  font-size: 16px;\n  padding: 8px 0;\n  color: white; }\n\n.modal__title__close {\n  cursor: pointer;\n  color: white; }\n\n.modal--transparent .MuiPaper-root {\n  background: transparent !important;\n  box-shadow: none; }\n\n.modal--transparent .modal__title {\n  background: transparent !important; }\n";
+var css_248z = ".modal__title h2 {\n  display: flex;\n  align-items: center;\n}\n.modal__title__text {\n  flex: 1;\n  font-size: 16px;\n  padding: 8px 0;\n  color: white;\n}\n.modal__title__close {\n  cursor: pointer;\n  color: white;\n}\n.modal--transparent .MuiPaper-root {\n  background: transparent !important;\n  box-shadow: none;\n}\n.modal--transparent .modal__title {\n  background: transparent !important;\n}";
 styleInject(css_248z);
 
 var Modal = function Modal(props) {

package/lib/components/Modal.js

@@ -1,9 +1,9 @@
-export { M as default } from './Modal-c8a92699.js';
+export { M as default } from './Modal-a7fd17d8.js';
 import 'react';
-import './index-cbd6bca9.js';
+import './index-195d1b27.js';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-f86bbd40.js';
+import './Button-ef7dd575.js';
 import './style-inject.es-1f59c1d0.js';
-import './Spin-1762ce9c.js';
+import './Spin-5eb597a1.js';

package/lib/components/{MoreButton-c01432fd.js → MoreButton-efbc5181.js}

@@ -1,10 +1,10 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-cbd6bca9.js';
+import { c as classNames } from './index-195d1b27.js';
 import { ExpandLess, ExpandMore } from '@material-ui/icons';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".moreButton {\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  position: relative;\n  margin: 1rem 0rem;\n  border-radius: 8px;\n  padding: 1rem 2.5rem;\n  -webkit-user-select: none;\n          user-select: none;\n  cursor: pointer; }\n  .moreButton__mask {\n    transition: all 0.3s ease-in-out;\n    position: absolute;\n    left: 0;\n    top: 0;\n    border-radius: 8px;\n    width: 100%;\n    height: 100%;\n    opacity: 0; }\n  .moreButton:hover .moreButton__mask {\n    opacity: 1; }\n  .moreButton--shadow {\n    transition: all 0.3s ease-in-out;\n    border: 3px solid #ffffff;\n    position: relative;\n    left: 0px;\n    top: 0px; }\n    .moreButton--shadow:hover {\n      box-shadow: initial !important;\n      left: 3px;\n      top: 3px; }\n  .moreButton--small {\n    border: 0;\n    padding: 0;\n    left: 0px !important;\n    top: 0px !important;\n    background: transparent !important;\n    box-shadow: initial !important; }\n    .moreButton--small .moreButton__mask {\n      opacity: 0 !important; }\n  .moreButton__icon {\n    display: flex;\n    z-index: 1; }\n    .moreButton__icon--small {\n      font-size: 1.5rem;\n      border-radius: 45px;\n      color: white !important; }\n  .moreButton__text {\n    z-index: 1;\n    font-size: 1.5rem;\n    line-height: 1.5rem;\n    transition: color 0.3s ease-in-out; }\n    .moreButton__text--small {\n      margin-left: 0.75rem;\n      font-size: 1.5rem;\n      color: #0c2a4d; }\n      .moreButton__text--small:hover {\n        text-decoration: underline; }\n";
+var css_248z = ".moreButton {\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  position: relative;\n  margin: 1rem 0rem;\n  border-radius: 8px;\n  padding: 1rem 2.5rem;\n  -webkit-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n.moreButton__mask {\n  transition: all 0.3s ease-in-out;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 8px;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n}\n.moreButton:hover .moreButton__mask {\n  opacity: 1;\n}\n.moreButton--shadow {\n  transition: all 0.3s ease-in-out;\n  border: 3px solid #ffffff;\n  position: relative;\n  left: 0px;\n  top: 0px;\n}\n.moreButton--shadow:hover {\n  box-shadow: initial !important;\n  left: 3px;\n  top: 3px;\n}\n.moreButton--small {\n  border: 0;\n  padding: 0;\n  left: 0px !important;\n  top: 0px !important;\n  background: transparent !important;\n  box-shadow: initial !important;\n}\n.moreButton--small .moreButton__mask {\n  opacity: 0 !important;\n}\n.moreButton__icon {\n  display: flex;\n  z-index: 1;\n}\n.moreButton__icon--small {\n  font-size: 1.5rem;\n  border-radius: 45px;\n  color: white !important;\n}\n.moreButton__text {\n  z-index: 1;\n  font-size: 1.5rem;\n  line-height: 1.5rem;\n  transition: color 0.3s ease-in-out;\n}\n.moreButton__text--small {\n  margin-left: 0.75rem;\n  font-size: 1.5rem;\n  color: #0c2a4d;\n}\n.moreButton__text--small:hover {\n  text-decoration: underline;\n}";
 styleInject(css_248z);
 
 var MoreButton = function MoreButton(props) {

package/lib/components/MoreButton.js

@@ -1,6 +1,6 @@
-export { M as default } from './MoreButton-c01432fd.js';
+export { M as default } from './MoreButton-efbc5181.js';
 import 'react';
 import 'prop-types';
-import './index-cbd6bca9.js';
+import './index-195d1b27.js';
 import '@material-ui/icons';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/Pagination.js

@@ -3,14 +3,14 @@ import * as React$2 from 'react';
 import React__default, { Children, isValidElement, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import { d as defaultTheme, k as _objectWithoutProperties, o as _slicedToArray, _ as _extends, q as _objectWithoutPropertiesLoose, r as alpha, j as formatMuiErrorMessage } from './defaultTheme-ed7746fe.js';
-import { u as useControlled, c as clsx, b as useEventCallback, w as withStyles, d as useIsFocusVisible, e as useForkRef, f as createSvgIcon, g as capitalize, h as debounce, r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e95160be.js';
+import { u as useControlled, c as clsx, b as useEventCallback, w as withStyles, d as useIsFocusVisible, e as useForkRef, f as createSvgIcon, g as capitalize, h as debounce, r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-d48cdd8c.js';
 import 'react-is';
 import { useTheme as useTheme$1 } from '@material-ui/styles';
 import './withTheme-2d778133.js';
 import { _ as _toConsumableArray } from './toConsumableArray-dbe8af76.js';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
-import { c as classNames } from './index-cbd6bca9.js';
+import { c as classNames } from './index-195d1b27.js';
 import { IconButton } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './_commonjsHelpers-70de2c37.js';
@@ -3537,7 +3537,7 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement("pa
 
 default_1 = ArrowRight.default = _default;
 
-var css_248z = ".ntml-pagination__center {\n  display: flex;\n  justify-content: center; }\n  .ntml-pagination__center .MuiSvgIcon-colorSecondary {\n    color: #509891; }\n\n.ntml-pagination .MuiPaginationItem-root {\n  font-size: 1.5rem; }\n\n.ntml-pagination .MuiNativeSelect-select.MuiNativeSelect-select {\n  font-size: 1.5rem; }\n\n.ntml-pagination__rightSide {\n  position: relative;\n  float: right;\n  top: -36px; }\n  .ntml-pagination__rightSide-showTotal {\n    display: flex;\n    align-items: center;\n    font-size: 1.5rem; }\n    .ntml-pagination__rightSide-showTotal .MuiInput-root {\n      width: 90px;\n      height: 34px;\n      margin: 0 8px;\n      padding: 2px 8px 3px 20px;\n      border-radius: 17px;\n      background-color: rgba(222, 219, 202, 0.4);\n      border: 0px; }\n    .ntml-pagination__rightSide-showTotal .MuiNativeSelect-icon {\n      color: #509891; }\n    .ntml-pagination__rightSide-showTotal .MuiNativeSelect-select:not([multiple]) option,\n    .ntml-pagination__rightSide-showTotal .MuiNativeSelect-select:not([multiple]) optgroup {\n      background-color: rgba(222, 219, 202, 0.4); }\n\n@media only screen and (max-width: 1200px) {\n  .ntml-pagination__center-page {\n    width: 48px;\n    height: 48px;\n    display: flex;\n    background-color: rgba(222, 219, 202, 0.4);\n    border-radius: 50%;\n    align-items: center;\n    justify-content: center; }\n  .ntml-pagination__rightSide {\n    position: relative;\n    float: initial;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    margin-top: 28px; } }\n";
+var css_248z = ".ntml-pagination__center {\n  display: flex;\n  justify-content: center;\n}\n.ntml-pagination__center .MuiSvgIcon-colorSecondary {\n  color: #509891;\n}\n.ntml-pagination .MuiPaginationItem-root {\n  font-size: 1.5rem;\n}\n.ntml-pagination .MuiNativeSelect-select.MuiNativeSelect-select {\n  font-size: 1.5rem;\n}\n.ntml-pagination__rightSide {\n  position: relative;\n  float: right;\n  top: -36px;\n}\n.ntml-pagination__rightSide-showTotal {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n}\n.ntml-pagination__rightSide-showTotal .MuiInput-root {\n  width: 90px;\n  height: 34px;\n  margin: 0 8px;\n  padding: 2px 8px 3px 20px;\n  border-radius: 17px;\n  background-color: rgba(222, 219, 202, 0.4);\n  border: 0px;\n}\n.ntml-pagination__rightSide-showTotal .MuiNativeSelect-icon {\n  color: #509891;\n}\n.ntml-pagination__rightSide-showTotal .MuiNativeSelect-select:not([multiple]) option,\n.ntml-pagination__rightSide-showTotal .MuiNativeSelect-select:not([multiple]) optgroup {\n  background-color: rgba(222, 219, 202, 0.4);\n}\n\n@media only screen and (max-width: 1200px) {\n  .ntml-pagination__center-page {\n    width: 48px;\n    height: 48px;\n    display: flex;\n    background-color: rgba(222, 219, 202, 0.4);\n    border-radius: 50%;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ntml-pagination__rightSide {\n    position: relative;\n    float: initial;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    margin-top: 28px;\n  }\n}";
 styleInject(css_248z);
 
 var _excluded = ["className", "pageSize", "total", "onChange"];

package/lib/components/SNA.js

@@ -1,13 +1,13 @@
 import React__default, { useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-cbd6bca9.js';
+import { c as classNames } from './index-195d1b27.js';
 import { e as event, d as d3Select, a as dispatch, c as customEvent, D as DragEvent, q as quadtree, m as map, t as timer, T as Transform, i as identity, b as interrupt, o as ordinal, f as category10 } from './transform-3a04288b.js';
-import { E as ExtraTools } from './ExtraTools-51d59918.js';
+import { E as ExtraTools } from './ExtraTools-7ca77e1a.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
-import './Tooltip-21964965.js';
+import './Tooltip-cb531c8d.js';
 import './dataExport-d55d6fa3.js';
 
 function sourceEvent() {
@@ -1395,7 +1395,7 @@ function zoom() {
   return zoom;
 }
 
-var css_248z = ".SNA {\n  overflow: hidden;\n  object-fit: contain;\n  position: relative;\n  font-size: 0.75rem;\n  width: 100%; }\n  .SNA--smallSize .node {\n    padding-top: 8px;\n    font-size: 0.75rem;\n    width: 3rem;\n    height: 3rem;\n    overflow: hidden;\n    white-space: pre-wrap;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical; }\n  .SNA .node {\n    background-color: #4a4e69;\n    border-radius: 50%;\n    color: #fff;\n    font-size: 20px;\n    font-weight: 500;\n    height: 54px;\n    width: 54px;\n    padding-top: 15px;\n    position: absolute;\n    text-align: center;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: grab; }\n  .SNA .links line {\n    stroke: #c7bfb4;\n    stroke-width: 2; }\n  .SNA .mainNode {\n    fill: #4e3a16; }\n  .SNA .person {\n    fill: #867b3a; }\n  .SNA .publication {\n    fill: #825c0d; }\n  .SNA .article {\n    fill: #afafaf; }\n  .SNA .keyword {\n    fill: #fcfae8; }\n  .SNA .org {\n    fill: #000000; }\n  .SNA #network-graph svg {\n    width: 100%;\n    height: 100%; }\n\n@media only screen and (max-width: 484px) {\n  .SNA {\n    margin-left: 0px; }\n    .SNA .node {\n      background-color: #4a4e69;\n      border-radius: 50%;\n      color: #fff;\n      font-size: 1px;\n      font-weight: 500;\n      height: 44px;\n      width: 44px;\n      padding-top: 12px;\n      position: absolute;\n      text-align: center;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      cursor: grab; } }\n\n@media only screen and (max-width: 484px) {\n  .SNA {\n    margin-left: 0px; } }\n";
+var css_248z = ".SNA {\n  overflow: hidden;\n  object-fit: contain;\n  position: relative;\n  font-size: 0.75rem;\n  width: 100%;\n}\n.SNA--smallSize .node {\n  padding-top: 8px;\n  font-size: 0.75rem;\n  width: 3rem;\n  height: 3rem;\n  overflow: hidden;\n  white-space: pre-wrap;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.SNA .node {\n  background-color: #4a4e69;\n  border-radius: 50%;\n  color: #fff;\n  font-size: 20px;\n  font-weight: 500;\n  height: 54px;\n  width: 54px;\n  padding-top: 15px;\n  position: absolute;\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: grab;\n}\n.SNA .links line {\n  stroke: #c7bfb4;\n  stroke-width: 2;\n}\n.SNA .mainNode {\n  fill: #4e3a16;\n}\n.SNA .person {\n  fill: #867b3a;\n}\n.SNA .publication {\n  fill: #825c0d;\n}\n.SNA .article {\n  fill: #afafaf;\n}\n.SNA .keyword {\n  fill: #fcfae8;\n}\n.SNA .org {\n  fill: #000000;\n}\n.SNA #network-graph svg {\n  width: 100%;\n  height: 100%;\n}\n\n@media only screen and (max-width: 484px) {\n  .SNA {\n    margin-left: 0px;\n  }\n  .SNA .node {\n    background-color: #4a4e69;\n    border-radius: 50%;\n    color: #fff;\n    font-size: 1px;\n    font-weight: 500;\n    height: 44px;\n    width: 44px;\n    padding-top: 12px;\n    position: absolute;\n    text-align: center;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: grab;\n  }\n}\n@media only screen and (max-width: 484px) {\n  .SNA {\n    margin-left: 0px;\n  }\n}";
 styleInject(css_248z);
 
 /* eslint-disable indent */

package/lib/components/{Select-7c0ef815.js → Select-38a08b3f.js}

@@ -1,12 +1,12 @@
 import { b as _objectSpread2, d as _typeof } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-cbd6bca9.js';
+import { c as classNames } from './index-195d1b27.js';
 import { FormControl, Select as Select$1, CircularProgress, MenuItem } from '@material-ui/core';
-import { E as Empty } from './Empty-9a192c2a.js';
+import { E as Empty } from './Empty-ab663853.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".select__placeholder {\n  color: #999; }\n\n.select--small {\n  width: 100%; }\n  .select--small .MuiSelect-root {\n    padding: 0.5rem 1.5rem 0.25rem;\n    color: white; }\n    .select--small .MuiSelect-root .select__placeholder {\n      color: white; }\n    .select--small .MuiSelect-root:hover, .select--small .MuiSelect-root:focus {\n      background: transparent; }\n  .select--small .MuiSvgIcon-root {\n    color: white; }\n  .select--small .MuiOutlinedInput-root {\n    border-radius: 45px; }\n";
+var css_248z = ".select__placeholder {\n  color: #999;\n}\n.select--small {\n  width: 100%;\n}\n.select--small .MuiSelect-root {\n  padding: 0.5rem 1.5rem 0.25rem;\n  color: white;\n}\n.select--small .MuiSelect-root .select__placeholder {\n  color: white;\n}\n.select--small .MuiSelect-root:hover, .select--small .MuiSelect-root:focus {\n  background: transparent;\n}\n.select--small .MuiSvgIcon-root {\n  color: white;\n}\n.select--small .MuiOutlinedInput-root {\n  border-radius: 45px;\n}";
 styleInject(css_248z);
 
 var Select = function Select(props) {

package/lib/components/Select.js

@@ -1,8 +1,8 @@
-export { S as default } from './Select-7c0ef815.js';
+export { S as default } from './Select-38a08b3f.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-cbd6bca9.js';
+import './index-195d1b27.js';
 import '@material-ui/core';
-import './Empty-9a192c2a.js';
+import './Empty-ab663853.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/{Spin-1762ce9c.js → Spin-5eb597a1.js}

@@ -1,10 +1,10 @@
 import React__default, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-cbd6bca9.js';
+import { c as classNames } from './index-195d1b27.js';
 import { Fade, CircularProgress } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".customSpin {\n  width: 100%;\n  min-height: 100px;\n  position: relative; }\n  .customSpin__spin {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n";
+var css_248z = ".customSpin {\n  width: 100%;\n  min-height: 100px;\n  position: relative;\n}\n.customSpin__spin {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 2;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}";
 styleInject(css_248z);
 
 var stringSize = {

package/lib/components/Spin.js

@@ -1,6 +1,6 @@
-export { S as default } from './Spin-1762ce9c.js';
+export { S as default } from './Spin-5eb597a1.js';
 import 'react';
 import 'prop-types';
-import './index-cbd6bca9.js';
+import './index-195d1b27.js';
 import '@material-ui/core';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/{Tooltip-21964965.js → Tooltip-cb531c8d.js}

@@ -2,7 +2,7 @@ import React__default from 'react';
 import PropTypes from 'prop-types';
 import { Tooltip as Tooltip$1 } from '@material-ui/core';
 import { _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
-import { c as classNames } from './index-cbd6bca9.js';
+import { c as classNames } from './index-195d1b27.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 const TooltipContent = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("div", _extends({}, props, {
@@ -18,7 +18,7 @@ TooltipContent.propTypes = {
   className: PropTypes.string
 };
 
-var css_248z = ".tooltip {\n  width: -moz-fit-content;\n  width: fit-content; }\n";
+var css_248z = ".tooltip {\n  width: -moz-fit-content;\n  width: fit-content;\n}";
 styleInject(css_248z);
 
 var placements = {

package/lib/components/Tooltip.js

@@ -1,7 +1,7 @@
-export { T as default, p as placements } from './Tooltip-21964965.js';
+export { T as default, p as placements } from './Tooltip-cb531c8d.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
 import './_rollupPluginBabelHelpers-a52356f6.js';
-import './index-cbd6bca9.js';
+import './index-195d1b27.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/globalConfig.js

@@ -151,9 +151,9 @@ var ZH_TW = 'zh-tw';
 var ZH_CN = 'zh-cn';
 var EN_US = 'en-us';
 
-/**
- * 全域i18n
- * 讓元件擁有自己的i18n
+/**
+ * 全域i18n
+ * 讓元件擁有自己的i18n
  */
 var lang;
 var languages = (_languages = {}, _defineProperty(_languages, ZH_TW, zhtw), _defineProperty(_languages, ZH_CN, zhcn), _defineProperty(_languages, EN_US, enus), _languages);

package/lib/utils/arrayMerge.js

@@ -4891,26 +4891,26 @@ var arrayMergeTimeline = function arrayMergeTimeline(input, keys, mergeKeys) {
   }, []);
 };
 
-/**
- * arrayMergeBySingleKey 函式功能說明。
- * 根據 id 合併其它所有鍵值為 array
- *
- * params example:
- * 	arrayMergeBySingleKey(data, 'id', {
- *      targetKeys: ['oriImgUrl'],
- * 	    newMergedKeys: ['oriImgUrls'],
- * 	    isShowIndex: true,
- * 	    omitKeys: ['oriImgUrl'],
- * })
- *
- * @param  {Array}  input - 傳入的data。
- * @param  {String}  sameKey - data中相同的key(id)。
- * @param  {Object}  targetKeys {Array} - 欲merge的key。
- *                   newMergedKeys {Array} - merged後的新key名稱【與targetKeys位置對應】
- *                   isShowIndex {Boolean} - 該筆data是否顯示index
- *                   omitKeys {Array} - 移除此筆data中的key
- * @return {[object]} 回傳範例:
- * [{id:1,source:["賴和"],images:[{image:xxxxxxx},{image:xxxxxxx}]},{id:2,source:"賴和",images:[{image:xxxxxxx},{image:xxxxxxx}]}]。
+/**
+ * arrayMergeBySingleKey 函式功能說明。
+ * 根據 id 合併其它所有鍵值為 array
+ *
+ * params example:
+ * 	arrayMergeBySingleKey(data, 'id', {
+ *      targetKeys: ['oriImgUrl'],
+ * 	    newMergedKeys: ['oriImgUrls'],
+ * 	    isShowIndex: true,
+ * 	    omitKeys: ['oriImgUrl'],
+ * })
+ *
+ * @param  {Array}  input - 傳入的data。
+ * @param  {String}  sameKey - data中相同的key(id)。
+ * @param  {Object}  targetKeys {Array} - 欲merge的key。
+ *                   newMergedKeys {Array} - merged後的新key名稱【與targetKeys位置對應】
+ *                   isShowIndex {Boolean} - 該筆data是否顯示index
+ *                   omitKeys {Array} - 移除此筆data中的key
+ * @return {[object]} 回傳範例:
+ * [{id:1,source:["賴和"],images:[{image:xxxxxxx},{image:xxxxxxx}]},{id:2,source:"賴和",images:[{image:xxxxxxx},{image:xxxxxxx}]}]。
  */
 var arrayMergeBySingleKey = function arrayMergeBySingleKey(input, sameKey, _ref) {
   var targetKeys = _ref.targetKeys,