@daoyi/nmtl-ui 2.0.1-beta.80 → 2.0.1-beta.82

package/lib/components/{Autocomplete-cf913b25.js → Autocomplete-83a79687.js}

@@ -1,18 +1,18 @@
 import { _ as _extends$1, a as _slicedToArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useCallback, useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { d as debounce_1 } from './debounce-127da66c.js';
 import { Autocomplete as Autocomplete$1 } from '@material-ui/lab';
 import { Chip, TextField, CircularProgress } from '@material-ui/core';
 import { Close, SearchOutlined } from '@material-ui/icons';
-import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-ad1104bb.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e95160be.js';
 import { _ as _extends, m as merge, d as defaultTheme, c as compose, b as borders, a as display, f as flexbox, g as grid, p as positions, e as palette, h as boxShadow, s as sizing, i as spacing, t as typography } from './defaultTheme-ed7746fe.js';
 import 'react-is';
 import { _ as _toConsumableArray } from './toConsumableArray-dbe8af76.js';
 import { styled as styled$1 } from '@material-ui/styles';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { E as Empty } from './Empty-67b4d7d7.js';
+import { E as Empty } from './Empty-9a192c2a.js';
 
 var ArrowDropDown = {};
 

package/lib/components/Autocomplete.js

@@ -1,19 +1,19 @@
-export { A as default } from './Autocomplete-cf913b25.js';
+export { A as default } from './Autocomplete-83a79687.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-848f4409.js';
+import './index-cbd6bca9.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-ad1104bb.js';
+import './createSvgIcon-e95160be.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';
 import '@material-ui/styles';
 import 'react-dom';
 import './toConsumableArray-dbe8af76.js';
 import './style-inject.es-1f59c1d0.js';
-import './Empty-67b4d7d7.js';
+import './Empty-9a192c2a.js';

package/lib/components/Avatar.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';
 import { Avatar as Avatar$1 } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

package/lib/components/BackTop.js

@@ -1,10 +1,10 @@
 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-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { d as debounce_1 } from './debounce-127da66c.js';
 import { Fade, NoSsr, Box } from '@material-ui/core';
-import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-ad1104bb.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e95160be.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';

package/lib/components/BarChart.js

@@ -1,5 +1,5 @@
 import React__default, { useEffect } from 'react';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';
 import { g as constant$1, h as interpolateNumber, j as color, k as interpolateRgb, l as interpolateString, n as exponent, o as ordinal, p as initRange, r as map, s as slice$1, u as bisectRight, v as formatSpecifier, w as formatPrefix, x as format, d as d3Select } from './transform-3a04288b.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

package/lib/components/Breadcrumbs.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';
 import { NavLink } from 'react-router-dom';
 import { Typography, Breadcrumbs as Breadcrumbs$1 } from '@material-ui/core';

package/lib/components/{Button-611f1770.js → Button-f86bbd40.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { Button as Button$1, CircularProgress } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/Button.js

@@ -1,6 +1,6 @@
-export { B as default } from './Button-611f1770.js';
+export { B as default } from './Button-f86bbd40.js';
 import 'react';
 import 'prop-types';
-import './index-848f4409.js';
+import './index-cbd6bca9.js';
 import '@material-ui/core';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/Carousel.js

@@ -1,6 +1,6 @@
 import { c as _objectWithoutProperties$1, b as _objectSpread2, _ as _extends$3 } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { a as classnames, c as classNames } from './index-848f4409.js';
+import { a as classnames, c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';
 import { c as commonjsGlobal, g as getAugmentedNamespace, a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

package/lib/components/CollapseContent.js

@@ -1,9 +1,9 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';
 import { Typography } from '@material-ui/core';
-import { M as MoreButton } from './MoreButton-b2306abb.js';
+import { M as MoreButton } from './MoreButton-c01432fd.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import '@material-ui/icons';
 

package/lib/components/{ContactModal-0a4c67b8.js → ContactModal-ab8e5ab2.js}

@@ -3,13 +3,13 @@ import React__default, { createContext, forwardRef, createElement, useContext, u
 import PropTypes from 'prop-types';
 import { h as hoistNonReactStatics_cjs } from './hoist-non-react-statics.cjs-3f408ad2.js';
 import axios from 'axios';
-import { M as Modal } from './Modal-c33b7a7f.js';
+import { M as Modal } from './Modal-c8a92699.js';
 import { c as commonjsGlobal, a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { Input, Button, Box, Typography, FormControl, RadioGroup, FormControlLabel, Radio, TextField, TextareaAutosize } from '@material-ui/core';
-import { S as Select } from './Select-9a745e5c.js';
+import { S as Select } from './Select-7c0ef815.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-ad1104bb.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e95160be.js';
 import { getIntl } from './globalConfig';
 
 var isArray$1 = Array.isArray;
@@ -9992,7 +9992,7 @@ const getConfig = () => ({
   color: [getRandom(100, 255, 3), getRandom(100, 255, 4), getRandom(100, 255, 3), getRandom(100, 255, 3)]
 });
 
-var css_248z$2 = ".vcode {\n  display: block;\n  align-items: center; }\n  .vcode__image {\n    margin-top: 10px;\n    background: rgba(0, 0, 0, 0.8);\n    width: 160px;\n    overflow: hidden;\n    height: 50px;\n    text-align: center;\n    position: relative; }\n    .vcode__image:hover .vcode__mask {\n      opacity: 0.8; }\n    .vcode__image__mask {\n      position: absolute;\n      width: 100%;\n      top: 0;\n      line-height: 50px;\n      background-color: rgba(0, 0, 0, 0.95);\n      opacity: 0;\n      z-index: 1;\n      transition: opacity 0.3s ease-in-out;\n      cursor: pointer; }\n    .vcode__image__itemStr {\n      float: left;\n      margin-left: 20px; }\n\n#bgi {\n  top: 0;\n  left: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%; }\n";
+var css_248z$2 = ".vcode {\n  display: block;\n  align-items: center; }\n  .vcode__image {\n    margin-top: 10px;\n    background: rgba(0, 0, 0, 0.8);\n    width: 160px;\n    overflow: hidden;\n    height: 50px;\n    text-align: center;\n    position: relative; }\n    .vcode__image:hover .vcode__mask {\n      opacity: 0.8; }\n    .vcode__image__mask {\n      position: absolute;\n      width: 100%;\n      top: 0;\n      line-height: 50px;\n      background-color: rgba(0, 0, 0, 0.95);\n      opacity: 0;\n      z-index: 1;\n      transition: opacity 0.3s ease-in-out;\n      cursor: pointer; }\n    .vcode__image__itemStr {\n      float: left;\n      margin-left: 20px; }\n  .vcode__box {\n    display: flex;\n    align-items: center; }\n  .vcode__error {\n    color: #d93333;\n    font-weight: bold;\n    margin-left: 1rem; }\n\n#bgi {\n  top: 0;\n  left: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%; }\n";
 styleInject(css_248z$2);
 
 const VCode = _ref => {
@@ -10000,7 +10000,8 @@ const VCode = _ref => {
     visible,
     placeholder,
     onChange,
-    formatMessage
+    formatMessage,
+    name
   } = _ref;
   const [codeConfig, setCodeConfig] = useState(getConfig());
   const {
@@ -10021,8 +10022,10 @@ const VCode = _ref => {
     className: "vcode"
   }, /*#__PURE__*/React__default.createElement(Input, {
     placeholder: placeholder,
-    onChange: e => onChange(e.target.value === vcodeNumber)
+    onChange: e => onChange(e.target.value.toUpperCase() === vcodeNumber.toUpperCase())
   }), /*#__PURE__*/React__default.createElement("div", {
+    className: "vcode__box"
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "vcode__image"
   }, /*#__PURE__*/React__default.createElement("canvas", {
     id: "bgi",
@@ -10041,19 +10044,25 @@ const VCode = _ref => {
     onClick: refresh
   }, formatMessage({
     id: 'common.click.refresh'
-  }))));
+  }))), /*#__PURE__*/React__default.createElement(ErrorMessage, {
+    className: "vcode__error",
+    name: name,
+    component: "div"
+  })));
 };
 VCode.defaultProps = {
   visible: false,
   placeholder: undefined,
   onChange: () => {},
-  formatMessage: () => {}
+  formatMessage: () => {},
+  name: undefined
 };
 VCode.propTypes = {
   visible: PropTypes.bool,
   placeholder: PropTypes.string,
   onChange: PropTypes.func,
-  formatMessage: PropTypes.func
+  formatMessage: PropTypes.func,
+  name: PropTypes.string
 };
 
 var facebookLoginWithButton = {exports: {}};
@@ -11567,7 +11576,8 @@ const FormItem = _ref => {
       case 'select':
         component = /*#__PURE__*/React__default.createElement(Select, _extends$1({}, field, {
           options: options,
-          placeholder: currentPlaceholder
+          placeholder: currentPlaceholder,
+          onChange: age => setFieldValue(field.name, age)
         }));
         break;
       case 'datePicker':
@@ -11605,7 +11615,8 @@ const FormItem = _ref => {
         component = /*#__PURE__*/React__default.createElement(VCode, {
           placeholder: currentPlaceholder,
           onChange: pass => setFieldValue(field.name, pass),
-          formatMessage: formatMessage
+          formatMessage: formatMessage,
+          name: name
         });
         break;
       default:
@@ -11639,7 +11650,7 @@ const FormItem = _ref => {
         className: classNames('formItem__operator', {
           'formItem__operator--unsupport': !component
         })
-      }, component || 'Check component type is support on FormItem'), /*#__PURE__*/React__default.createElement(ErrorMessage, {
+      }, component || 'Check component type is support on FormItem'), field.name === 'vcode' ? null : /*#__PURE__*/React__default.createElement(ErrorMessage, {
         className: "formItem__error",
         name: name,
         component: "div"

package/lib/components/ContactModal.js

@@ -1,21 +1,21 @@
-export { C as default } from './ContactModal-0a4c67b8.js';
+export { C as default } from './ContactModal-ab8e5ab2.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import './hoist-non-react-statics.cjs-3f408ad2.js';
 import 'react-is';
 import 'axios';
-import './Modal-c33b7a7f.js';
-import './index-848f4409.js';
+import './Modal-c8a92699.js';
+import './index-cbd6bca9.js';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-611f1770.js';
+import './Button-f86bbd40.js';
 import './style-inject.es-1f59c1d0.js';
-import './Spin-96bc2c76.js';
+import './Spin-1762ce9c.js';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-9a745e5c.js';
-import './Empty-67b4d7d7.js';
-import './createSvgIcon-ad1104bb.js';
+import './Select-7c0ef815.js';
+import './Empty-9a192c2a.js';
+import './createSvgIcon-e95160be.js';
 import './defaultTheme-ed7746fe.js';
 import '@material-ui/styles';
 import 'react-dom';

package/lib/components/{Drawer-55c0f66f.js → Drawer-68ffa63e.js}

@@ -3,7 +3,7 @@ import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { List, ListItem, ListItemIcon, ListItemText, IconButton, Drawer as Drawer$1, Divider } from '@material-ui/core';
 import { DehazeRounded } from '@material-ui/icons';
-import { S as Select } from './Select-9a745e5c.js';
+import { S as Select } from './Select-7c0ef815.js';
 import { useHistory, useRouteMatch } from 'react-router-dom';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
@@ -27,32 +27,27 @@ var checkLanguageSupport = function checkLanguageSupport(_ref) {
   return isSupport ? language : supportLanguages[0].value;
 };
 
-const DrawerList = _ref => {
-  let {
-    drawerList,
-    setOpen
-  } = _ref;
-  const history = useHistory();
-  const {
-    url
-  } = useRouteMatch();
+var DrawerList = function DrawerList(_ref) {
+  var drawerList = _ref.drawerList,
+    setOpen = _ref.setOpen;
+  var history = useHistory();
+  var _useRouteMatch = useRouteMatch(),
+    url = _useRouteMatch.url;
   return /*#__PURE__*/React__default.createElement(List, {
     className: "drawer__list"
-  }, Array.isArray(drawerList) && drawerList.map((_ref2, index) => {
-    let {
-      name,
-      icon,
-      path
-    } = _ref2;
+  }, Array.isArray(drawerList) && drawerList.map(function (_ref2, index) {
+    var name = _ref2.name,
+      icon = _ref2.icon,
+      path = _ref2.path;
     return /*#__PURE__*/React__default.createElement(ListItem, {
       button: true,
       key: index.toString(),
-      onClick: () => {
+      onClick: function onClick() {
         if (path.indexOf('http') > -1) {
           window.location = path;
         } else {
           history.push({
-            pathname: `${url}${path}`
+            pathname: "".concat(url).concat(path)
           });
         }
         setOpen(false);

package/lib/components/Drawer.js

@@ -1,11 +1,11 @@
-export { D as default } from './Drawer-55c0f66f.js';
+export { D as default } from './Drawer-68ffa63e.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Select-9a745e5c.js';
-import './index-848f4409.js';
-import './Empty-67b4d7d7.js';
+import './Select-7c0ef815.js';
+import './index-cbd6bca9.js';
+import './Empty-9a192c2a.js';
 import './style-inject.es-1f59c1d0.js';
 import 'react-router-dom';

package/lib/components/Dropdown.js

@@ -1,6 +1,6 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useRef, useState } from 'react';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';
 import { Button, Menu, Divider, MenuItem, ListItemIcon, ListItemText } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';

package/lib/components/{Empty-67b4d7d7.js → Empty-9a192c2a.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var img = "data:image/svg+xml,%3csvg class='ant-empty-img-default' width='184' height='152' viewBox='0 0 184 152' xmlns='http://www.w3.org/2000/svg'%3e %3cg fill='none' fill-rule='evenodd'%3e %3cg transform='translate(24 31.67)'%3e %3cellipse fill='%23f5f5f5' fill-opacity='0.8' cx='67.797' cy='106.89' rx='67.797' ry='12.668'%3e%3c/ellipse%3e %3cpath fill='%23aeb8c2' d='M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z'%3e%3c/path%3e %3cpath fill='url(%23linearGradient-1)' d='M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z' transform='translate(13.56)'%3e%3c/path%3e %3cpath fill='%23f5f5f7' d='M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z'%3e%3c/path%3e %3cpath fill='%23dce0e6' d='M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z'%3e%3c/path%3e %3c/g%3e %3cpath fill='%23dce0e6' d='M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z'%3e%3c/path%3e %3cg fill='white' transform='translate(149.65 15.383)'%3e %3cellipse cx='20.654' cy='3.167' rx='2.849' ry='2.815'%3e%3c/ellipse%3e %3cpath d='M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z'%3e%3c/path%3e %3c/g%3e %3c/g%3e%3c/svg%3e";

package/lib/components/Empty.js

@@ -1,5 +1,5 @@
-export { E as default } from './Empty-67b4d7d7.js';
+export { E as default } from './Empty-9a192c2a.js';
 import 'react';
 import 'prop-types';
-import './index-848f4409.js';
+import './index-cbd6bca9.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/ExportButton.js

@@ -1,7 +1,7 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { ExitToApp } from '@material-ui/icons';
 import { Dialog, DialogContent, DialogContentText, DialogActions, Button } from '@material-ui/core';
 import { f as fileDownload, j as jsonTxt, a as jsonExcel } from './dataExport-04b77185.js';

package/lib/components/{ExtraTools-e4f085bc.js → ExtraTools-5407d9de.js}

@@ -1,11 +1,11 @@
 import { _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
 import * as React from 'react';
 import React__default, { Component, forwardRef, useState } from 'react';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
 import { Menu, MenuItem, useMediaQuery, IconButton } from '@material-ui/core';
-import { T as Tooltip } from './Tooltip-123cc349.js';
+import { T as Tooltip } from './Tooltip-21964965.js';
 import { s as snaToExcel, f as fileDownload$1, a as jsonExcel } from './dataExport-04b77185.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/ExtraTools.js

@@ -1,10 +1,10 @@
-export { E as default } from './ExtraTools-e4f085bc.js';
+export { E as default } from './ExtraTools-5407d9de.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
-import './index-848f4409.js';
+import './index-cbd6bca9.js';
 import 'prop-types';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
-import './Tooltip-123cc349.js';
+import './Tooltip-21964965.js';
 import './style-inject.es-1f59c1d0.js';
 import './dataExport-04b77185.js';

package/lib/components/Filter.js

@@ -1,8 +1,8 @@
 import { f as _taggedTemplateLiteral, e as _defineProperty } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useContext, createElement, useCallback } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-848f4409.js';
-import { q as queryString } from './index-983dcd15.js';
+import { c as classNames } from './index-cbd6bca9.js';
+import { q as queryString } from './index-34fc27f1.js';
 import { useHistory } from 'react-router-dom';
 import { isValidElementType, typeOf } from 'react-is';
 import { h as hoistNonReactStatics_cjs } from './hoist-non-react-statics.cjs-3f408ad2.js';

package/lib/components/Footer.js

@@ -1,21 +1,21 @@
 import { a as _slicedToArray, d as _typeof } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useEffect } from 'react';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';
 import axios from 'axios';
-import { C as ContactModal } from './ContactModal-0a4c67b8.js';
-import { S as Spin } from './Spin-96bc2c76.js';
+import { C as ContactModal } from './ContactModal-ab8e5ab2.js';
+import { S as Spin } from './Spin-1762ce9c.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './hoist-non-react-statics.cjs-3f408ad2.js';
 import 'react-is';
-import './Modal-c33b7a7f.js';
+import './Modal-c8a92699.js';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-611f1770.js';
+import './Button-f86bbd40.js';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-9a745e5c.js';
-import './Empty-67b4d7d7.js';
-import './createSvgIcon-ad1104bb.js';
+import './Select-7c0ef815.js';
+import './Empty-9a192c2a.js';
+import './createSvgIcon-e95160be.js';
 import './defaultTheme-ed7746fe.js';
 import '@material-ui/styles';
 import 'react-dom';

package/lib/components/{ForwardLink-edab5061.js → ForwardLink-2554a5d9.js}

@@ -1,7 +1,7 @@
 import { c as _objectWithoutProperties } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { q as queryString } from './index-983dcd15.js';
+import { q as queryString } from './index-34fc27f1.js';
 import { useHistory, Link } from 'react-router-dom';
 import { Tooltip } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

package/lib/components/ForwardLink.js

@@ -1,8 +1,8 @@
-export { F as default } from './ForwardLink-edab5061.js';
+export { F as default } from './ForwardLink-2554a5d9.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-983dcd15.js';
+import './index-34fc27f1.js';
 import 'react-router-dom';
 import '@material-ui/core';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/Header.js

@@ -1,27 +1,27 @@
 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-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { d as debounce_1 } from './debounce-127da66c.js';
 import { useHistory, useRouteMatch, NavLink } from 'react-router-dom';
 import { Typography, IconButton } from '@material-ui/core';
 import { SearchOutlined } from '@material-ui/icons';
-import { K as KeywordSearch } from './KeywordSearch-0b5681d9.js';
-import { S as Select } from './Select-9a745e5c.js';
-import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-55c0f66f.js';
+import { K as KeywordSearch } from './KeywordSearch-a66db4e4.js';
+import { S as Select } from './Select-7c0ef815.js';
+import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-68ffa63e.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';
 import 'axios';
-import './Autocomplete-cf913b25.js';
+import './Autocomplete-83a79687.js';
 import '@material-ui/lab';
-import './createSvgIcon-ad1104bb.js';
+import './createSvgIcon-e95160be.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';
 import '@material-ui/styles';
 import 'react-dom';
 import './toConsumableArray-dbe8af76.js';
-import './Empty-67b4d7d7.js';
+import './Empty-9a192c2a.js';
 
 var css_248z = "@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  .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";
 styleInject(css_248z);

package/lib/components/Image.js

@@ -1,6 +1,6 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState } from 'react';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/Input.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { OutlinedInput } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/InputMethod.js

@@ -1,7 +1,7 @@
 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-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { ExpandMore, ExpandLess, Search } from '@material-ui/icons';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { c as commonjsGlobal } from './_commonjsHelpers-70de2c37.js';

package/lib/components/{KeywordSearch-0b5681d9.js → KeywordSearch-a66db4e4.js}

@@ -1,10 +1,10 @@
 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-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import axios from 'axios';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { A as Autocomplete } from './Autocomplete-cf913b25.js';
+import { A as Autocomplete } from './Autocomplete-83a79687.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,21 +1,21 @@
-export { K as default } from './KeywordSearch-0b5681d9.js';
+export { K as default } from './KeywordSearch-a66db4e4.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-848f4409.js';
+import './index-cbd6bca9.js';
 import 'axios';
 import './style-inject.es-1f59c1d0.js';
-import './Autocomplete-cf913b25.js';
+import './Autocomplete-83a79687.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-ad1104bb.js';
+import './createSvgIcon-e95160be.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';
 import '@material-ui/styles';
 import 'react-dom';
 import './toConsumableArray-dbe8af76.js';
-import './Empty-67b4d7d7.js';
+import './Empty-9a192c2a.js';

package/lib/components/KeywordTicker.js

@@ -1,10 +1,10 @@
 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-848f4409.js';
-import { F as ForwardLink } from './ForwardLink-edab5061.js';
+import { c as classNames } from './index-cbd6bca9.js';
+import { F as ForwardLink } from './ForwardLink-2554a5d9.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './index-983dcd15.js';
+import './index-34fc27f1.js';
 import 'react-router-dom';
 import '@material-ui/core';
 

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-848f4409.js';
-import { M as Modal } from './Modal-c33b7a7f.js';
+import { c as classNames } from './index-cbd6bca9.js';
+import { M as Modal } from './Modal-c8a92699.js';
 import { Typography } from '@material-ui/core';
-import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-ad1104bb.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e95160be.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import '@material-ui/icons';
-import './Button-611f1770.js';
-import './Spin-96bc2c76.js';
+import './Button-f86bbd40.js';
+import './Spin-1762ce9c.js';
 import './_commonjsHelpers-70de2c37.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';

package/lib/components/Loading.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { CircularProgress } from '@material-ui/core';
 import PropTypes from 'prop-types';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

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

@@ -1,10 +1,10 @@
 import React__default from 'react';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.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-611f1770.js';
-import { S as Spin } from './Spin-96bc2c76.js';
+import { B as Button } from './Button-f86bbd40.js';
+import { S as Spin } from './Spin-1762ce9c.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";

package/lib/components/Modal.js

@@ -1,9 +1,9 @@
-export { M as default } from './Modal-c33b7a7f.js';
+export { M as default } from './Modal-c8a92699.js';
 import 'react';
-import './index-848f4409.js';
+import './index-cbd6bca9.js';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-611f1770.js';
+import './Button-f86bbd40.js';
 import './style-inject.es-1f59c1d0.js';
-import './Spin-96bc2c76.js';
+import './Spin-1762ce9c.js';

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

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { ExpandLess, ExpandMore } from '@material-ui/icons';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/MoreButton.js

@@ -1,6 +1,6 @@
-export { M as default } from './MoreButton-b2306abb.js';
+export { M as default } from './MoreButton-c01432fd.js';
 import 'react';
 import 'prop-types';
-import './index-848f4409.js';
+import './index-cbd6bca9.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-ad1104bb.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 '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-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { IconButton } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './_commonjsHelpers-70de2c37.js';

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-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.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-e4f085bc.js';
+import { E as ExtraTools } from './ExtraTools-5407d9de.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-123cc349.js';
+import './Tooltip-21964965.js';
 import './dataExport-04b77185.js';
 
 function sourceEvent() {

package/lib/components/{Select-9a745e5c.js → Select-7c0ef815.js}

@@ -1,9 +1,9 @@
 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-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { FormControl, Select as Select$1, CircularProgress, MenuItem } from '@material-ui/core';
-import { E as Empty } from './Empty-67b4d7d7.js';
+import { E as Empty } from './Empty-9a192c2a.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";

package/lib/components/Select.js

@@ -1,8 +1,8 @@
-export { S as default } from './Select-9a745e5c.js';
+export { S as default } from './Select-7c0ef815.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-848f4409.js';
+import './index-cbd6bca9.js';
 import '@material-ui/core';
-import './Empty-67b4d7d7.js';
+import './Empty-9a192c2a.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/{Spin-96bc2c76.js → Spin-1762ce9c.js}

@@ -1,6 +1,6 @@
 import React__default, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.js';
 import { Fade, CircularProgress } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/Spin.js

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

package/lib/components/{Tooltip-123cc349.js → Tooltip-21964965.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-848f4409.js';
+import { c as classNames } from './index-cbd6bca9.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, {

package/lib/components/Tooltip.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@daoyi/nmtl-ui",
-	"version": "2.0.1-beta.80",
+	"version": "2.0.1-beta.82",
 	"description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
 	"author": "daoyi",
 	"main": "lib/index.js",