@daoyi/nmtl-ui 2.0.1-beta.90 → 2.0.1-beta.91

package/lib/components/{ForwardLink-15222b22.js → ForwardLink-059be72d.js}

@@ -1,7 +1,7 @@
-import { c as _objectWithoutProperties } from './_rollupPluginBabelHelpers-ed61ffc0.js';
+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-a6f22b92.js';
+import { q as queryString } from './index-0be0afec.js';
 import { useHistory, Link } from 'react-router-dom';
 import { Tooltip } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
@@ -25,10 +25,10 @@ var ForwardLink = function ForwardLink(_ref) {
   var _useMemo = useMemo(function () {
       var _rest$pathname;
       if (disabled) return {};
-      /*
-       * 若將 search 寫在 pathname 中，意即 pathname=/asd?zxc=qwe
-       * 會導致換頁時 React route dom 無法匹配 => 空白畫面
-       * 若真有此情況發生 需把 search 提領出來
+      /*
+       * 若將 search 寫在 pathname 中，意即 pathname=/asd?zxc=qwe
+       * 會導致換頁時 React route dom 無法匹配 => 空白畫面
+       * 若真有此情況發生 需把 search 提領出來
        */
       var foundIndex = (_rest$pathname = rest.pathname) === null || _rest$pathname === void 0 ? void 0 : _rest$pathname.indexOf('?');
       if (foundIndex > -1) return {

package/lib/components/ForwardLink.js

@@ -1,8 +1,8 @@
-export { F as default } from './ForwardLink-15222b22.js';
-import './_rollupPluginBabelHelpers-ed61ffc0.js';
+export { F as default } from './ForwardLink-059be72d.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-a6f22b92.js';
+import './index-0be0afec.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-ed61ffc0.js';
+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-f491ebce.js';
+import { c as classNames } from './index-ef96775f.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-91167d24.js';
-import { S as Select } from './Select-7da870e0.js';
-import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-ec47e780.js';
+import { K as KeywordSearch } from './KeywordSearch-c3acab41.js';
+import { S as Select } from './Select-fdb4d9b8.js';
+import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-96442344.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';
 import 'axios';
-import './Autocomplete-24e9686d.js';
+import './Autocomplete-887cda6a.js';
 import '@material-ui/lab';
-import './createSvgIcon-ff0e3b99.js';
+import './createSvgIcon-0d38de2e.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';
 import '@material-ui/styles';
 import 'react-dom';
 import './toConsumableArray-dbe8af76.js';
-import './Empty-dc5fc2fc.js';
+import './Empty-94a8d8ff.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}\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}\n.header__logo__img {\n  display: flex;\n  align-items: center;\n}\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}\n.header__links {\n  display: flex;\n  justify-content: flex-end;\n  padding-right: 14px;\n}\n.header__links a {\n  text-decoration: none;\n}\n.header__links--full {\n  flex: 1;\n}\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}\n.header__links__item--active .header__links__item {\n  font-weight: 800 !important;\n  background: transparent;\n  border-radius: 45px;\n}\n.header__links__item:hover {\n  font-weight: 800 !important;\n}\n.header__language {\n  min-width: 100px !important;\n}\n.header__searchIcon {\n  display: none !important;\n}\n@media screen and (max-width: 768px) {\n  .header--smallUseSearchIcon .header__searchIcon {\n    display: flex !important;\n    margin-right: 10px !important;\n  }\n  .header--smallUseSearchIcon .keywordSearch {\n    visibility: hidden;\n    flex: 1;\n    width: 0;\n  }\n}\n.header--hide {\n  top: -100px;\n}\n.header--focus .header__links {\n  display: none;\n}\n.header .MuiTypography-root {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.header .autocomplete {\n  float: right;\n}\n.header .autocomplete .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n  padding: 1px 8px !important;\n}\n.header .keywordSearch {\n  margin-right: 8px;\n}\n.header .keywordSearch--focus .autocomplete {\n  width: 100% !important;\n}\n.header .keywordSearch--animation .autocomplete {\n  width: 240px;\n  transition: width 0.3s ease-in-out;\n}\n\n/* 避免寬度460以下炸版 */\n@media screen and (max-width: 460px) {\n  .header .keywordSearch--animation .autocomplete {\n    width: 100%;\n  }\n}\n@media screen and (max-width: 768px) {\n  .header {\n    padding: 12px 15px !important;\n  }\n  .header__logo {\n    margin-right: 16px !important;\n  }\n  .header__logo__title {\n    display: none !important;\n  }\n  .header__links {\n    display: none;\n  }\n  .header__links__item {\n    font-size: 1rem !important;\n  }\n  .header__language {\n    display: none !important;\n  }\n  .header--focus .header__logo {\n    display: none !important;\n  }\n\n  .autocomplete__icon {\n    display: none !important;\n  }\n}";
 styleInject(css_248z);

package/lib/components/Image.js

@@ -1,6 +1,6 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-ed61ffc0.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState } from 'react';
-import { c as classNames } from './index-f491ebce.js';
+import { c as classNames } from './index-ef96775f.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-f491ebce.js';
+import { c as classNames } from './index-ef96775f.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-ed61ffc0.js';
+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-f491ebce.js';
+import { c as classNames } from './index-ef96775f.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';
@@ -17867,50 +17867,51 @@ var TouchInputMethod = new function () {
   };
   var classList_supporting = true;
 
-  /**
-  required id:
-  * keyboard_id: default is 'input_method_keyboard'.
-  * candidate_id: default is 'input_method_candidate'.
-  * show_input_keys_id: default is 'input_method_show_input_keys'.
-  optional classes:
-  * inputkey: input_method_inputkey
-   字根鍵盤外觀。
-  * candidates: input_method_candidates
-   候選字外觀。
-  * back_input_key: input_method_back_input_key
-   指定「退一字根」控制項與外觀。
-  * clear_input_keys: input_method_clear_input_keys
-   指定「清除字根」控制項與外觀。
-  * auto_clear_input_keys_mode: input_method_auto_clear_input_keys_mode
-   指定「自動清除字根」控制項與外觀。
-  * auto_clear_input_keys_on: input_method_auto_clear_input_keys_on
-   自動清除功能鈕啟動時外觀。
-   若為函數而不是 CSS 類別名稱，則回呼之 (函數之 this 為控制項)，並傳入 mode 參數
-   表示 auto_clear_input_keys 改變後的狀態(型態為 boolean)。
-  * capital_toggle: input_method_capital_toggle
-   指定「Caps」(大寫鎖定)控制項與外觀。
-  * capital_toggle_on: input_method_capital_toggle_on
-   Caps 啟動時外觀。
-   若為函數而不是 CSS 類別名稱，則回呼之 (函數之 this 為控制項)，並傳入 mode 參數
-   表示大寫鎖定器改變後的狀態(型態為 boolean)。
-  * backspace_output_texts: input_method_backspace_output_texts
-   指定「回刪一字」控制項與外觀。
-  * clear_output_texts: input_method_clear_output_texts
-   指定「清除輸入內容」控制項與外觀。
-  * select_output_texts: input_method_select_output_texts
-   指定「選取輸入內容」控制項與外觀。
-  * add_space_output_texts: input_method_add_space_output_texts
-   指定「空白」控制項與外觀。
-  * add_newline_output_texts: input_method_add_newline_output_texts
-   指定「換行」控制項與外觀。
-  * switch_engine: input_method_switch_engine
-   指定「切換輸入法」控制項與外觀。
-  * goto_next: input_method_goto_next
-   指定「移到下一欄位」控制項與外觀。
-  * goto_previous: input_method_goto_previous
-   指定「移到上一欄位」控制項與外觀。
-  * end_composition: input_method_end_composition
-   指定「結束輸入法」控制項與外觀。
+  /**
+  required id:
+  * keyboard_id: default is 'input_method_keyboard'.
+  * candidate_id: default is 'input_method_candidate'.
+  * show_input_keys_id: default is 'input_method_show_input_keys'.
+  
+  optional classes:
+  * inputkey: input_method_inputkey
+   字根鍵盤外觀。
+  * candidates: input_method_candidates
+   候選字外觀。
+  * back_input_key: input_method_back_input_key
+   指定「退一字根」控制項與外觀。
+  * clear_input_keys: input_method_clear_input_keys
+   指定「清除字根」控制項與外觀。
+  * auto_clear_input_keys_mode: input_method_auto_clear_input_keys_mode
+   指定「自動清除字根」控制項與外觀。
+  * auto_clear_input_keys_on: input_method_auto_clear_input_keys_on
+   自動清除功能鈕啟動時外觀。
+   若為函數而不是 CSS 類別名稱，則回呼之 (函數之 this 為控制項)，並傳入 mode 參數
+   表示 auto_clear_input_keys 改變後的狀態(型態為 boolean)。
+  * capital_toggle: input_method_capital_toggle
+   指定「Caps」(大寫鎖定)控制項與外觀。
+  * capital_toggle_on: input_method_capital_toggle_on
+   Caps 啟動時外觀。
+   若為函數而不是 CSS 類別名稱，則回呼之 (函數之 this 為控制項)，並傳入 mode 參數
+   表示大寫鎖定器改變後的狀態(型態為 boolean)。
+  * backspace_output_texts: input_method_backspace_output_texts
+   指定「回刪一字」控制項與外觀。
+  * clear_output_texts: input_method_clear_output_texts
+   指定「清除輸入內容」控制項與外觀。
+  * select_output_texts: input_method_select_output_texts
+   指定「選取輸入內容」控制項與外觀。
+  * add_space_output_texts: input_method_add_space_output_texts
+   指定「空白」控制項與外觀。
+  * add_newline_output_texts: input_method_add_newline_output_texts
+   指定「換行」控制項與外觀。
+  * switch_engine: input_method_switch_engine
+   指定「切換輸入法」控制項與外觀。
+  * goto_next: input_method_goto_next
+   指定「移到下一欄位」控制項與外觀。
+  * goto_previous: input_method_goto_previous
+   指定「移到上一欄位」控制項與外觀。
+  * end_composition: input_method_end_composition
+   指定「結束輸入法」控制項與外觀。
   */
   this.set_controls = function (custom_keyboard_id, custom_candidate_id, custom_show_input_keys_id, optional_classes) {
     if (custom_keyboard_id) keyboard_id = custom_keyboard_id;
@@ -17921,8 +17922,8 @@ var TouchInputMethod = new function () {
     }
   };
 
-  /**
-  get css selector (id and class) of controls.
+  /**
+  get css selector (id and class) of controls.
   */
   this.get_controls = function () {
     return {
@@ -17933,68 +17934,75 @@ var TouchInputMethod = new function () {
     };
   };
 
-  /**
-  where to send converted result.
-  target must be a kind of text input control.
+  /**
+  where to send converted result.
+  target must be a kind of text input control.
   */
   this.set_target = function (dom) {
     output = dom;
   };
 
-  /**
-  which control is the target of touch-ime.
-  Notice: you should not use this method to get focused control.
+  /**
+  which control is the target of touch-ime.
+  Notice: you should not use this method to get focused control.
   */
   this.get_target = function () {
     return output;
   };
 
-  /**
-  指定資源目錄路徑
-  預設是從 touch-ime.js 相同目錄下載入字根表等內容。
-  請注意瀏覽器的相同來源政策，如果你的字表資源放在不同來源伺服器，那麼你必須按照
-  W3 CORS 的建議，設置跨來源資源分享規則。
-  若未設置 CORS ，那麼你在此只能指定資源目錄的路徑。例如 '/js/touch-ime/' 。
-  See:
-  * http://www.w3.org/TR/cors/
-  * http://en.wikipedia.org/wiki/Cross-origin_resource_sharing
+  /**
+  指定資源目錄路徑
+  
+  預設是從 touch-ime.js 相同目錄下載入字根表等內容。
+  
+  請注意瀏覽器的相同來源政策，如果你的字表資源放在不同來源伺服器，那麼你必須按照
+  W3 CORS 的建議，設置跨來源資源分享規則。
+  若未設置 CORS ，那麼你在此只能指定資源目錄的路徑。例如 '/js/touch-ime/' 。
+  
+  See:
+  * http://www.w3.org/TR/cors/
+  * http://en.wikipedia.org/wiki/Cross-origin_resource_sharing
   */
   this.set_resources_path = function (path) {
     resources_path = path;
     if (path[path.length - 1] != '/') resources_path += '/';
   };
 
-  /**
-  According the class or type of input control to work with special input engine.
-  If engine is false, remove this rule.
-  1. If the control's class list contains input_class, touch-ime will auto switch
-   engine to engine_code.
-  2. If the control's type equals to input_class, touch-ime will auto switch engine
-   to engine_code.
-  3. Else touch-ime switch engine to default input method engine.
-  有些瀏覽器(特別是在移動設備上的)，會針對某些特殊型態的輸入控制項，特化它的UI。
-  例如碰到 datetime 的控制項，那些瀏覽器就會顯示日期挑選的 UI ，而不必使用者輸入文字。
-  碰到這種瀏覽器，touch-ime 就不需要理會那些控制項。
-  但麻煩的是目前還沒有通用方式可判斷瀏覽器有沒有為控制項提供特殊UI。
+  /**
+  According the class or type of input control to work with special input engine.
+  If engine is false, remove this rule.
+  
+  1. If the control's class list contains input_class, touch-ime will auto switch
+   engine to engine_code.
+  2. If the control's type equals to input_class, touch-ime will auto switch engine
+   to engine_code.
+  3. Else touch-ime switch engine to default input method engine.
+  
+  有些瀏覽器(特別是在移動設備上的)，會針對某些特殊型態的輸入控制項，特化它的UI。
+  例如碰到 datetime 的控制項，那些瀏覽器就會顯示日期挑選的 UI ，而不必使用者輸入文字。
+  碰到這種瀏覽器，touch-ime 就不需要理會那些控制項。
+  但麻煩的是目前還沒有通用方式可判斷瀏覽器有沒有為控制項提供特殊UI。
   */
   this.specify_control_with_engine = function (input_class, engine_code) {
     // see also: according_input_type_switch_engine().
     if (engine_code) special_input_keyboard_map[input_class] = engine_code;else delete special_input_keyboard_map[input_class];
   };
 
-  /**
-  若你增加或刪除輸入法字表，則你必須調用此方法載入你使用的輸入法引擎資訊。
-  如下:
-  var new_engine_info = {
-     "zhuyin": {
-         "name": "注音"
-     },
-     "en": {
-         "name": "英數"
-     }
-  };
-  TouchInputMethod.install_engine_info(new_engine_info);
-   */
+  /**
+  若你增加或刪除輸入法字表，則你必須調用此方法載入你使用的輸入法引擎資訊。
+  如下:
+  var new_engine_info = {
+     "zhuyin": {
+         "name": "注音"
+     },
+     "en": {
+         "name": "英數"
+     }
+  };
+  
+  TouchInputMethod.install_engine_info(new_engine_info);
+  
+  */
   this.install_engine_info = function (new_engine_info) {
     console.log('install engine info');
     engine_info = new_engine_info;
@@ -18007,17 +18015,17 @@ var TouchInputMethod = new function () {
     this.enable_engines(code_list);
   };
 
-  /**
-  enable engines. engine_code_list is an array of engine code name.
-  valid code name:
-  * zhuyin 注音
-  * pinyin 拼音
-  * en 英數
-  * enShift 英數
-  * array30 行列30
-  * cangjie3 倉頡第三代
-  * cangjie5 倉頡第五代
-  * quick 倉頡速成
+  /**
+  enable engines. engine_code_list is an array of engine code name.
+  valid code name:
+  * zhuyin 注音
+  * pinyin 拼音
+  * en 英數
+  * enShift 英數
+  * array30 行列30
+  * cangjie3 倉頡第三代
+  * cangjie5 倉頡第五代
+  * quick 倉頡速成
   */
   this.enable_engines = function (engine_code_list) {
     let next;
@@ -18033,8 +18041,8 @@ var TouchInputMethod = new function () {
     this.change_engine(current_input_method_engine_name);
   };
 
-  /**
-  change input engine to engine_code.
+  /**
+  change input engine to engine_code.
   */
   this.change_engine = function (engine_code) {
     symbol_mode = false;
@@ -18043,15 +18051,17 @@ var TouchInputMethod = new function () {
     try_change_engine(engine_code);
   };
 
-  /**
-  清除本地儲存的特殊字表
-  自本地儲存區(localStorage)中清除下列特殊字表的內容。
-  * en.tab (localStorage 名稱 input_method_en)
-  * s.tab (localStorage 名稱 input_method_s)
-  * w.tab (localStorage 名稱 input_method_w)
-  touch-ime 會讀取特殊字表檔的內容並保存在本地儲存區。
-  如果你修改了特殊字表檔的內容，則你必須調用 clean_local_table() 清除已儲存的內容，
-  touch-ime 才會重新讀取新的特殊字表檔內容(並再次保存於本地儲存區)。
+  /**
+  清除本地儲存的特殊字表
+  
+  自本地儲存區(localStorage)中清除下列特殊字表的內容。
+  * en.tab (localStorage 名稱 input_method_en)
+  * s.tab (localStorage 名稱 input_method_s)
+  * w.tab (localStorage 名稱 input_method_w)
+  
+  touch-ime 會讀取特殊字表檔的內容並保存在本地儲存區。
+  如果你修改了特殊字表檔的內容，則你必須調用 clean_local_table() 清除已儲存的內容，
+  touch-ime 才會重新讀取新的特殊字表檔內容(並再次保存於本地儲存區)。
   */
   this.clean_local_table = function () {
     if (!localStorage) return;
@@ -18077,18 +18087,18 @@ var TouchInputMethod = new function () {
     return input_keys;
   };
 
-  /**
-  TouchInputMethod 組字事件。
+  /**
+  TouchInputMethod 組字事件。
   */
   this.oncomposition = false;
 
-  /**
-  TouchInputMethod 結束組字事件。
+  /**
+  TouchInputMethod 結束組字事件。
   */
   this.oncompositionend = false;
 
-  /**
-  TouchInputMethod capital 模式改變事件。
+  /**
+  TouchInputMethod capital 模式改變事件。
   */
   this.oncapitalization = false;
   this.onsymbolization = false;
@@ -18114,15 +18124,15 @@ var TouchInputMethod = new function () {
 
     // step 2
     toggle_auto_clear_input_keys(); // turn on.
-    /*
-      if (auto_clear_input_keys) {
-          elms = document.getElementsByClassName(control_classes['auto_clear_input_keys_mode']);
-          if (elms.length > 0) {
-              for (i = 0; i < elms.length; ++i) {
-                  class_list_add(elms[i], control_classes['auto_clear_input_keys_on']);
-              }
-          }
-      }
+    /*
+      if (auto_clear_input_keys) {
+          elms = document.getElementsByClassName(control_classes['auto_clear_input_keys_mode']);
+          if (elms.length > 0) {
+              for (i = 0; i < elms.length; ++i) {
+                  class_list_add(elms[i], control_classes['auto_clear_input_keys_on']);
+              }
+          }
+      }
       */
 
     // step 3
@@ -18155,21 +18165,21 @@ var TouchInputMethod = new function () {
     load_input_method_engine();
 
     // step 5
-    /*
-      document.onkeypress = function(event) {
-          //console.log("event.charCode: %s", event.charCode);
-          if (event.charCode in code_map) {
-              //console.log("input code: %s", code_map[event.charCode]);
-              input_code(code_map[event.charCode]);
-          }
-          return true;
-      }
-       document.onkeyup = function(event) {
-          if (event.keyCode == 8) {
-              back_input_key();
-          }
-          return true;
-      }
+    /*
+      document.onkeypress = function(event) {
+          //console.log("event.charCode: %s", event.charCode);
+          if (event.charCode in code_map) {
+              //console.log("input code: %s", code_map[event.charCode]);
+              input_code(code_map[event.charCode]);
+          }
+          return true;
+      }
+        document.onkeyup = function(event) {
+          if (event.keyCode == 8) {
+              back_input_key();
+          }
+          return true;
+      }
       */
     //    alert('行列30輸入法網頁點取版\nCopyright (c) 2012 遊手好閒的石頭成 (shirock.tw@gmail.com)\nLicensed by GPL.');
   };
@@ -18210,20 +18220,20 @@ var TouchInputMethod = new function () {
     if (n >= ic.inputs.length) n = 0;
     ic.inputs[n].focus();
 
-    /*
-      var kev = document.createEvent('KeyboardEvent');
-      kev.initKeyEvent('keypress', true, true, window,
-          false,  // ctrl
-          false,  // alt
-          false,  // shift
-          false,  // meta
-          0x09,    // keyCode
-          0);
-      output.focus();
-      console.log("dispatch event");
-      //output.dispatchEvent(kev);
-      //document.dispatchEvent(kev);
-      // 無效。雖然dom會收到這個按鍵事件，但不會出現跳到下一欄位的效果。
+    /*
+      var kev = document.createEvent('KeyboardEvent');
+      kev.initKeyEvent('keypress', true, true, window,
+          false,  // ctrl
+          false,  // alt
+          false,  // shift
+          false,  // meta
+          0x09,    // keyCode
+          0);
+      output.focus();
+      console.log("dispatch event");
+      //output.dispatchEvent(kev);
+      //document.dispatchEvent(kev);
+      // 無效。雖然dom會收到這個按鍵事件，但不會出現跳到下一欄位的效果。
       */
     // http://maythesource.com/2012/06/26/simulating-keypresses-keystrokes-with-javascript-for-use-with-greesemonkey-etc/
     // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent
@@ -18460,17 +18470,17 @@ var TouchInputMethod = new function () {
     if (input_keys.length === 0) {
       output.focus(); // 讓使用者注意動作位置
       // execCommand('delete') not work with input control. see issue 2.
-      /*
-      // normal input control has contentEditable attrib and value is true.
-      if (document.queryCommandSupported('delete') && output.nodeName.toLowerCase() == 'div' && output.contentEditable) {
-      document.execCommand('delete', false, null);
-      }
+      /*
+      // normal input control has contentEditable attrib and value is true.
+      if (document.queryCommandSupported('delete') && output.nodeName.toLowerCase() == 'div' && output.contentEditable) {
+      document.execCommand('delete', false, null);
+      }
       else */
-      /*
-      The selectionEnd attribute must, on getting, return the offset (in logical
-      order) to the character that immediately follows the end of the selection.
-      If there is no selection, then it must return the offset (in logical order)
-      to the character that immediately follows the text entry cursor.
+      /*
+      The selectionEnd attribute must, on getting, return the offset (in logical
+      order) to the character that immediately follows the end of the selection.
+      If there is no selection, then it must return the offset (in logical order)
+      to the character that immediately follows the text entry cursor.
       W3 HTML5 - 4.10 Forms. */
       if (output.value.length < 1) return false;
       let txt = output.value;
@@ -18488,10 +18498,10 @@ var TouchInputMethod = new function () {
   function add_char_output_texts(ch) {
     output.focus(); // 讓使用者注意出字到什麼地方
     // execCommand('delete') not work with input control. see issue 2.
-    /*if (document.queryCommandSupported('insertText') && output.nodeName.toLowerCase() == 'div' && output.contentEditable) {
-          console.log('insertTExt');
-          document.execCommand('insertText', false, ch);
-      }
+    /*if (document.queryCommandSupported('insertText') && output.nodeName.toLowerCase() == 'div' && output.contentEditable) {
+          console.log('insertTExt');
+          document.execCommand('insertText', false, ch);
+      }
       else */
     let txt = output.value;
     let entry_cursor = output.selectionEnd;
@@ -18572,10 +18582,10 @@ var TouchInputMethod = new function () {
     for (ikb = 0; ikb < kbs.length; ++ikb) {
       kb_text = kbs[ikb].textContent;
       if (capital_mode && kb_text >= 'a' && kb_text <= 'z' && kb_text.length === 1) kbs[ikb].textContent = kb_text.toUpperCase();else if (!capital_mode && kb_text >= 'A' && kb_text <= 'Z' && kb_text.length === 1) kbs[ikb].textContent = kb_text.toLowerCase();
-      /* // 減少改寫 DOM 內容的次數
-           kbs[ikb].textContent = (capital_mode ?
-               kbs[ikb].textContent.toUpperCase() :
-               kbs[ikb].textContent.toLowerCase());
+      /* // 減少改寫 DOM 內容的次數
+           kbs[ikb].textContent = (capital_mode ?
+               kbs[ikb].textContent.toUpperCase() :
+               kbs[ikb].textContent.toLowerCase());
            */
     }
 
@@ -18715,12 +18725,12 @@ var TouchInputMethod = new function () {
   function bind_all_text_input_focus_handler() {
     let inputs = document.querySelectorAll('input, textarea');
     for (let i = 0; i < inputs.length; ++i) {
-      /*
-           if (this.type in special_input_keyboard_map &&
-               special_input_keyboard_map[this.type] == 'ignore')
-           {
-               continue;
-           }
+      /*
+           if (this.type in special_input_keyboard_map &&
+               special_input_keyboard_map[this.type] == 'ignore')
+           {
+               continue;
+           }
            */
       inputs[i].addEventListener('focus', function () {
         if (output != this) {
@@ -29791,15 +29801,15 @@ var jquery = {exports: {}};
 var $ = jquery.exports;
 
 /* eslint-disable */
-/*
- * rwdImageMaps jQuery plugin v1.6
- *
- * Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize
- *
- * Copyright (c) 2016 Matt Stow
- * https://github.com/stowball/jQuery-rwdImageMaps
- * http://mattstow.com
- * Licensed under the MIT license
+/*
+ * rwdImageMaps jQuery plugin v1.6
+ *
+ * Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize
+ *
+ * Copyright (c) 2016 Matt Stow
+ * https://github.com/stowball/jQuery-rwdImageMaps
+ * http://mattstow.com
+ * Licensed under the MIT license
  */
 
 function rwdImageMaps ($img) {

package/lib/components/{KeywordSearch-91167d24.js → KeywordSearch-c3acab41.js}

@@ -1,10 +1,10 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-ed61ffc0.js';
+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-f491ebce.js';
+import { c as classNames } from './index-ef96775f.js';
 import axios from 'axios';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { A as Autocomplete } from './Autocomplete-24e9686d.js';
+import { A as Autocomplete } from './Autocomplete-887cda6a.js';
 
 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);