@daoyi/nmtl-ui 2.0.1-beta.47 → 2.0.1-beta.49

package/lib/components/{KeywordSearch-224f84c1.js → KeywordSearch-2d01266e.js}

@@ -1,9 +1,10 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-fde6d1c6.js';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { s as styleInject, c as classNames } from './vendor-851c6356.js';
+import { c as classNames } from './index-f491ebce.js';
 import axios from 'axios';
-import { A as Autocomplete } from './Autocomplete-5439ff22.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import { A as Autocomplete } from './Autocomplete-aa4a8d6c.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";
 styleInject(css_248z);

package/lib/components/KeywordSearch.js

@@ -1,14 +1,15 @@
-export { K as default } from './KeywordSearch-224f84c1.js';
+export { K as default } from './KeywordSearch-2d01266e.js';
 import './_rollupPluginBabelHelpers-fde6d1c6.js';
 import 'react';
 import 'prop-types';
-import './vendor-851c6356.js';
-import 'react-is';
-import '@material-ui/styles';
-import 'react-dom';
+import './index-f491ebce.js';
 import 'axios';
-import './Autocomplete-5439ff22.js';
+import './style-inject.es-1f59c1d0.js';
+import './Autocomplete-aa4a8d6c.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 './Empty-70f040a9.js';
+import './Empty-3637b766.js';

package/lib/components/KeywordTicker.js

@@ -1,10 +1,12 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-fde6d1c6.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { s as styleInject, c as classNames } from './vendor-851c6356.js';
-import 'react-is';
-import '@material-ui/styles';
-import 'react-dom';
+import { c as classNames } from './index-f491ebce.js';
+import { F as ForwardLink } from './ForwardLink-4759cf99.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import './index-7b60a97d.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";
 styleInject(css_248z);
@@ -101,14 +103,15 @@ var KeywordTicker = function KeywordTicker(_ref) {
       // 固定移動速度並計算動畫時間
       var distance = startLine + wordsWidth - step; // 減掉單次畫面溢出的長度
       var duration = distance / speed;
-      var initTracking = words.current.animate([
+      var initTracking = words.current.animate(
       // keyframes
-      {
+      [{
         left: "".concat(start, "px")
       }, {
         left: "-".concat(end, "px")
-      }], {
-        // timing options
+      }],
+      // timing options
+      {
         duration: duration,
         iterations: Infinity
       });
@@ -131,27 +134,32 @@ var KeywordTicker = function KeywordTicker(_ref) {
       backgroundColor: backgroundColor
     },
     onMouseEnter: function onMouseEnter() {
-      if (tracking) tracking.pause();
+      return tracking === null || tracking === void 0 ? void 0 : tracking.pause();
     },
     onMouseLeave: function onMouseLeave() {
-      if (tracking) tracking.play();
+      return tracking === null || tracking === void 0 ? void 0 : tracking.play();
     }
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "keywordTicker__items",
     ref: words
   }, (result || []).map(function (_ref4, index) {
     var keyword = _ref4.keyword;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "keywordTicker-item",
+    return /*#__PURE__*/React__default.createElement(ForwardLink, {
       key: index.toString(),
-      onClick: function onClick() {
-        if (_onClick) _onClick(keyword);
-      }
+      className: "keywordTicker-item",
+      pathname: "/knowledge/keyword",
+      search: {
+        keyword: keyword
+      },
+      disabled: _onClick
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "keywordTicker-text",
       style: {
         color: fontColor,
         borderColor: borderColor
+      },
+      onClick: function onClick() {
+        return _onClick === null || _onClick === void 0 ? void 0 : _onClick(keyword);
       }
     }, keyword));
   }))));
@@ -162,7 +170,7 @@ KeywordTicker.defaultProps = {
   tickerStyles: undefined,
   tickerAttribute: undefined,
   setTickerAttribute: function setTickerAttribute() {},
-  onClick: function onClick() {}
+  onClick: undefined
 };
 KeywordTicker.propTypes = {
   /** Css Name */

package/lib/components/Keywords.js

@@ -1,15 +1,19 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-fde6d1c6.js';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { s as styleInject, c as classNames, T as default_1 } from './vendor-851c6356.js';
-import { M as Modal } from './Modal-a7591b98.js';
+import { c as classNames } from './index-f491ebce.js';
+import { M as Modal } from './Modal-572e17ea.js';
 import { Typography } from '@material-ui/core';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-48da8b6e.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import '@material-ui/icons';
+import './Button-2f8f0493.js';
+import './Spin-ebf79c17.js';
+import './_commonjsHelpers-70de2c37.js';
+import './defaultTheme-19a14721.js';
 import 'react-is';
 import '@material-ui/styles';
 import 'react-dom';
-import '@material-ui/icons';
-import './Button-63c7e9f3.js';
-import './Spin-690a3597.js';
 
 const useRWD = () => {
   const [device, setDevice] = useState('PC');
@@ -26,6 +30,27 @@ const useRWD = () => {
   return device;
 };
 
+var MoreHoriz = {};
+
+var _interopRequireDefault = interopRequireDefault.exports;
+
+var _interopRequireWildcard = interopRequireWildcard.exports;
+
+Object.defineProperty(MoreHoriz, "__esModule", {
+  value: true
+});
+var default_1 = MoreHoriz.default = void 0;
+
+var React = _interopRequireWildcard(React__default);
+
+var _createSvgIcon = _interopRequireDefault(requireCreateSvgIcon());
+
+var _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.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');
+
+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";
 styleInject(css_248z$2);
 

package/lib/components/Loading.js

@@ -1,10 +1,8 @@
 import React__default from 'react';
-import { s as styleInject, c as classNames } from './vendor-851c6356.js';
+import { c as classNames } from './index-f491ebce.js';
 import { CircularProgress } from '@material-ui/core';
 import PropTypes from 'prop-types';
-import 'react-is';
-import '@material-ui/styles';
-import 'react-dom';
+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";
 styleInject(css_248z);