@daoyi/nmtl-ui 2.0.1-beta.134 → 2.0.1-beta.135

package/README.md

@@ -1,45 +1,45 @@
-# react-storybook-jsx-starter
-
-This project based 
-
-This project is bootstrapped with the following
-- [Create React App](https://github.com/facebook/create-react-app)
-- [Storybook/react v.6.3.5](https://storybook.js.org/)
-- [Rollup v.2.54.0](https://rollupjs.org/guide/en/)
-- [Airbnb esint config v.18.0.0](https://www.npmjs.com/package/eslint-config-airbnb)
-
-## Getting Started
-
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `yarn start` and `yarn storybook`
-
-Runs storybook.<br>
-Open [http://localhost:6006](http://localhost:6006) to view it in the browser.
-The page will reload if you make component edits.
-
-### `yarn create`
-
-Help you create component or util. It will automatic generate `folder`, `JSX`, `.store.jsx`.
-
-### `yarn lint`
-
-Runs airbnb linting config.<br>
-Please refer to `.eslintrc` for more details in rules that are excluded/added from the initial Airbnb configuration, which can be found [here](https://www.npmjs.com/package/eslint-config-airbnb)
-Notice: If developer using visual code IDE, download `eslint` and `prettier` extensions to help you develop.
-
-### `yarn build`
-
-Builds the component library using rollup.<br>
-This runs a set of defined configurations under `rollup.config.js` file.<br>
-Index.js & index.ts will automatic generated by `rollup.index.js` file.
-
-
-### `yarn build-storybook`
-
-Builds static files for storybook site. This is so it can be deployed as the docs source for the component library.
-
-
+# react-storybook-jsx-starter
+
+This project based 
+
+This project is bootstrapped with the following
+- [Create React App](https://github.com/facebook/create-react-app)
+- [Storybook/react v.6.3.5](https://storybook.js.org/)
+- [Rollup v.2.54.0](https://rollupjs.org/guide/en/)
+- [Airbnb esint config v.18.0.0](https://www.npmjs.com/package/eslint-config-airbnb)
+
+## Getting Started
+
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `yarn start` and `yarn storybook`
+
+Runs storybook.<br>
+Open [http://localhost:6006](http://localhost:6006) to view it in the browser.
+The page will reload if you make component edits.
+
+### `yarn create`
+
+Help you create component or util. It will automatic generate `folder`, `JSX`, `.store.jsx`.
+
+### `yarn lint`
+
+Runs airbnb linting config.<br>
+Please refer to `.eslintrc` for more details in rules that are excluded/added from the initial Airbnb configuration, which can be found [here](https://www.npmjs.com/package/eslint-config-airbnb)
+Notice: If developer using visual code IDE, download `eslint` and `prettier` extensions to help you develop.
+
+### `yarn build`
+
+Builds the component library using rollup.<br>
+This runs a set of defined configurations under `rollup.config.js` file.<br>
+Index.js & index.ts will automatic generated by `rollup.index.js` file.
+
+
+### `yarn build-storybook`
+
+Builds static files for storybook site. This is so it can be deployed as the docs source for the component library.
+
+

package/lib/components/{Autocomplete-0ea4a31c.js → Autocomplete-e40d7145.js}

@@ -1,19 +1,19 @@
 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-b76a85f4.js';
+import { c as classNames } from './index-c33afcb5.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-dc603596.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-370e163a.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-c5dd0f64.js';
 import 'react-is';
 import { _ as _toConsumableArray } from './toConsumableArray-c268c112.js';
 import { styled as styled$1 } from '@material-ui/styles';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { E as Empty } from './Empty-c6a44967.js';
+import { E as Empty } from './Empty-48685dd0.js';
 
 var ArrowDropDown = {};
 
@@ -294,7 +294,7 @@ var Autocomplete = function Autocomplete(props) {
   var handleSearch = useRef(debounce_1(function (result) {
     return onSearch(result);
   }, 500)).current;
-  /* WCAG 2.4.3 renderAfterDefaultValueChange 重繪會使焦點掉到 body（NVDA 改從頁面頂端讀起、
+  /* WCAG 2.4.3 renderAfterDefaultValueChange 重繪會使焦點掉到 body（NVDA 改從頁面頂端讀起、
      蓋掉 aria-live 播報）——unmount 前記錄焦點是否在元件內，remount 後還原 */
   var rootRef = useRef(null);
   var hadFocusRef = useRef(false);

package/lib/components/Autocomplete.js

@@ -1,15 +1,15 @@
-export { A as default } from './Autocomplete-0ea4a31c.js';
+export { A as default } from './Autocomplete-e40d7145.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-b76a85f4.js';
+import './index-c33afcb5.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-dc603596.js';
+import './createSvgIcon-370e163a.js';
 import './defaultTheme-c5dd0f64.js';
 import 'react-is';
 import '@material-ui/styles';
@@ -17,4 +17,4 @@ import 'react-dom';
 import './toConsumableArray-c268c112.js';
 import './globalConfig';
 import './style-inject.es-1f59c1d0.js';
-import './Empty-c6a44967.js';
+import './Empty-48685dd0.js';

package/lib/components/Avatar.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { c as classNames } from './index-b76a85f4.js';
+import { c as classNames } from './index-c33afcb5.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-b76a85f4.js';
+import { c as classNames } from './index-c33afcb5.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-dc603596.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-370e163a.js';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';

package/lib/components/BarChart.js

@@ -1,5 +1,5 @@
 import React__default, { useEffect } from 'react';
-import { c as classNames } from './index-b76a85f4.js';
+import { c as classNames } from './index-c33afcb5.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, u as slice$1, v as bisectRight, w as formatSpecifier, x as formatPrefix, y as format, s as select } from './transform-849a452c.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

package/lib/components/Breadcrumbs.js

@@ -1,8 +1,9 @@
 import React__default from 'react';
-import { c as classNames } from './index-b76a85f4.js';
+import { c as classNames } from './index-c33afcb5.js';
 import PropTypes from 'prop-types';
-import { NavLink } from 'react-router-dom';
+import { Link } from 'react-router-dom';
 import { Typography, Breadcrumbs as Breadcrumbs$1 } from '@material-ui/core';
+import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var css_248z$1 = ".breadcrumbItem {\n  display: flex;\n  opacity: 0.8;\n  transition: opacity 0.1s ease-in-out;\n}\n.breadcrumbItem:hover {\n  opacity: 1;\n}\n.breadcrumbItem--last {\n  opacity: 1;\n  font-weight: 500 !important;\n}\n.breadcrumbItem__icon {\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n.breadcrumbItem__icon svg {\n  font-size: 1.125rem;\n}";
@@ -14,12 +15,14 @@ const BreadcrumbItem = _ref => {
     icon,
     text,
     lastItem,
+    current,
     onClick
   } = _ref;
   return /*#__PURE__*/React__default.createElement(Typography, {
     color: "textPrimary",
     className: className,
-    onClick: onClick
+    onClick: onClick,
+    "aria-current": current ? 'page' : undefined
   }, /*#__PURE__*/React__default.createElement("div", {
     className: classNames('breadcrumbItem', {
       'breadcrumbItem--last': lastItem
@@ -35,6 +38,7 @@ BreadcrumbItem.defaultProps = {
   icon: undefined,
   text: undefined,
   lastItem: undefined,
+  current: false,
   onClick: () => {}
 };
 BreadcrumbItem.propTypes = {
@@ -42,6 +46,8 @@ BreadcrumbItem.propTypes = {
   icon: PropTypes.node,
   text: PropTypes.string,
   lastItem: PropTypes.bool,
+  /** 目前所在頁（麵包屑最後一項）：加 aria-current="page" */
+  current: PropTypes.bool,
   onClick: PropTypes.func
 };
 
@@ -53,8 +59,11 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     links = _ref.links,
     separator = _ref.separator;
   return /*#__PURE__*/React__default.createElement(Breadcrumbs$1, {
-    className: classNames('breadcrumbs', className),
-    "aria-label": "breadcrumb",
+    className: classNames('breadcrumbs', className)
+    /* nav 地標名稱依語系（原本中文頁也唸英文 breadcrumb） */,
+    "aria-label": getIntl().formatMessage({
+      id: 'aria.breadcrumbs'
+    }),
     separator: separator && separator.length > 0 ? separator : undefined
   }, Array.isArray(links) && links.length > 0 && links.map(function (_ref2, i) {
     var icon = _ref2.icon,
@@ -63,18 +72,20 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
       onClick = _ref2.onClick;
     var lastLink = i === links.length - 1;
 
-    /* 尾巴 */
+    /* 尾巴＝目前所在頁：aria-current="page" 標在這裡（WCAG 4.1.2，數位部人工檢測 GN1410200E，2026-10-07） */
     if (lastLink) return /*#__PURE__*/React__default.createElement(BreadcrumbItem, {
       key: i.toString(),
       lastItem: true,
+      current: true,
       icon: icon,
       text: text,
       onClick: onClick
     });
 
-    /* 頭 */
+    /* 頭、中間用 Link 而不是 NavLink：NavLink 沒加 exact 時，「首頁」的 /zh-tw/ 是所有網址的開頭，
+       會被自動標成 aria-current="page"＋active，讀屏誤報首頁為目前頁（GN1410200E） */
     if (i === 0) {
-      return /*#__PURE__*/React__default.createElement(NavLink, {
+      return /*#__PURE__*/React__default.createElement(Link, {
         className: "breadcrumbs__link",
         key: i.toString(),
         to: href || '/',
@@ -86,7 +97,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     }
 
     /* 中間 */
-    return href ? /*#__PURE__*/React__default.createElement(NavLink, {
+    return href ? /*#__PURE__*/React__default.createElement(Link, {
       className: "breadcrumbs__link",
       key: i.toString(),
       to: href,

package/lib/components/{Button-7bd5aa09.js → Button-8cf35bc0.js}

@@ -1,7 +1,7 @@
 import { c as _objectWithoutProperties, _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-b76a85f4.js';
+import { c as classNames } from './index-c33afcb5.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,7 +1,7 @@
-export { B as default } from './Button-7bd5aa09.js';
+export { B as default } from './Button-8cf35bc0.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-b76a85f4.js';
+import './index-c33afcb5.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-b76a85f4.js';
+import { a as classnames, c as classNames } from './index-c33afcb5.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,12 +1,53 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import { c as classNames } from './index-b76a85f4.js';
+import { c as classNames } from './index-c33afcb5.js';
 import PropTypes from 'prop-types';
 import { Typography } from '@material-ui/core';
-import { M as MoreButton } from './MoreButton-19055e07.js';
+import { M as MoreButton } from './MoreButton-0b5aaef3.js';
+import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import '@material-ui/icons';
-import './globalConfig';
+
+/*
+ * 在 HTML 字串裡另開新視窗的連結文字後面補「（另開新視窗）」
+ * （數位部人工檢測 HM1240404E，2026-10-07：要直接寫在連結文字上，不能只放 title）。
+ * convert2HtmlEntities 與時間軸資料處理共用；不對外匯出。
+ */
+const HINT_CLASS = 'newwindow-hint';
+const hasHint = text => /另開新視窗|另开新窗口|new window/i.test(text);
+const newWindowHintText = () => getIntl().formatMessage({
+  id: 'aria.newWindow'
+});
+
+/**
+ * @param {string} html
+ * @param {object} [options]
+ * @param {boolean} [options.treatMissingTargetAsBlank] 沒寫 target 的連結也當成另開新視窗
+ *   （@daoyi/timeline 的 DOMPurify 會把它們強制改成 _blank）
+ * @param {string} [options.className] 提示 span 的 class
+ */
+const addNewWindowHint = function (html) {
+  let {
+    treatMissingTargetAsBlank = false,
+    className = HINT_CLASS
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (typeof html !== 'string' || html.indexOf('<a') === -1 || typeof DOMParser === 'undefined') return html;
+  const doc = new DOMParser().parseFromString(`<body>${html}</body>`, 'text/html');
+  const hint = newWindowHintText();
+  let changed = false;
+  doc.body.querySelectorAll('a[href]').forEach(a => {
+    const target = (a.getAttribute('target') || (treatMissingTargetAsBlank ? '_blank' : '')).toLowerCase();
+    if (target !== '_blank') return;
+    if (!a.getAttribute('rel')) a.setAttribute('rel', 'noopener noreferrer');
+    if (hasHint(a.textContent)) return;
+    const span = doc.createElement('span');
+    span.className = className;
+    span.textContent = hint;
+    a.appendChild(span);
+    changed = true;
+  });
+  return changed ? doc.body.innerHTML : html;
+};
 
 const HtmlToReactParser = require('html-to-react').Parser;
 const htmlToReactParser = new HtmlToReactParser();
@@ -47,7 +88,8 @@ const md = require('markdown-it')({
 // eslint-disable-next-line import/prefer-default-export
 const convert2HtmlEntities = text => {
   if (text === undefined) return '';
-  return htmlToReactParser.parse(md.render(text));
+  /* 後台文稿裡 target="_blank" 的連結，連結文字補「（另開新視窗）」（HM1240404E，2026-10-07） */
+  return htmlToReactParser.parse(addNewWindowHint(md.render(text)));
 };
 
 /* eslint-disable react/no-danger */

package/lib/components/{ContactModal-159de99c.js → ContactModal-19979528.js}

@@ -8,15 +8,15 @@ import '@material-ui/styles';
 import { u as useTheme } from './useTheme-98b6cf17.js';
 import './withTheme-3486f38b.js';
 import axios from 'axios';
-import { M as Modal } from './Modal-e04532fa.js';
+import { M as Modal } from './Modal-b984f381.js';
 import { c as commonjsGlobal, a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
-import { c as classNames } from './index-b76a85f4.js';
+import { c as classNames } from './index-c33afcb5.js';
 import { Input, IconButton, Button, Box, Typography, FormControl, RadioGroup, FormControlLabel, Radio, TextField, TextareaAutosize } from '@material-ui/core';
-import { S as Select } from './Select-89841c71.js';
+import { S as Select } from './Select-979f7e73.js';
 import { VolumeUp } from '@material-ui/icons';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-dc603596.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-370e163a.js';
 
 var isArray$1 = Array.isArray;
 var keyList = Object.keys;
@@ -9984,7 +9984,7 @@ const VCode = _ref => {
   }, [visible]);
   const vcodeNumber = `${convert(data[0])}${convert(data[1])}${convert(data[2])}${convert(data[3])}`;
 
-  /* WCAG 1.1.1 驗證碼語音替代（tltc 認證模式）：speechSynthesis 逐字報讀，
+  /* WCAG 1.1.1 驗證碼語音替代（tltc 認證模式）：speechSynthesis 逐字報讀，
      讓無法辨識圖片的使用者取得驗證碼內容 */
   const speakVerificationCode = () => {
     if ('speechSynthesis' in window) {
@@ -11677,15 +11677,23 @@ const FormItem = _ref => {
   } = getFormItemIds(name);
   /* 這些欄位型別會渲染帶 inputId 的 input，標題才能用 label htmlFor；其餘型別改以 aria-labelledby 關聯 */
   const hasInputId = ['input', 'textarea', 'datePicker', 'email', 'vcode'].includes(type);
-  /* WCAG 1.4.3 必填星號依主題深淺自動選色：formItem.scss 的 #b91c1c 只適用淺底 Modal，
-     深色主題（如 ocean Paper #30353d）對比僅約 1.5:1（WAVE 實測被抓）→ 深色用 #ff8a80（約 5.4:1）。
+  /* WCAG 1.4.3 必填星號依主題深淺自動選色：formItem.scss 的 #b91c1c 只適用淺底 Modal，
+     深色主題（如 ocean Paper #30353d）對比僅約 1.5:1（WAVE 實測被抓）→ 深色用 #ff8a80（約 5.4:1）。
      錯誤訊息同色，一併套用 */
   const theme = useTheme();
   const starStyle = theme && theme.palette && theme.palette.type === 'dark' ? {
     color: '#ff8a80'
   } : undefined;
+  /* WCAG 3.3.2（數位部人工檢測 GN1330201E，2026-10-07）：必填要直接寫成文字「（必填）」，
+     原本只有 aria-hidden 的星號，檢測認定讀屏無法正確提示。文字在 label 裡，會成為欄位名稱的一部分 */
+  const requiredMark = required && /*#__PURE__*/React__default.createElement("span", {
+    className: "formItem__title__star",
+    style: starStyle
+  }, formatMessage({
+    id: 'common.form.required'
+  }));
 
-  /* WCAG 3.3.1 欄位出錯時：aria-invalid，並以 aria-describedby 指向下方的錯誤訊息，
+  /* WCAG 3.3.1 欄位出錯時：aria-invalid，並以 aria-describedby 指向下方的錯誤訊息，
      讀屏聚焦欄位就會唸出錯在哪裡（規範 04 §2）。沒有錯誤時兩者都不輸出 */
   const render = (field, _ref2) => {
     let {
@@ -11750,7 +11758,13 @@ const FormItem = _ref => {
           key: option.value
         }, /*#__PURE__*/React__default.createElement(FormControlLabel, {
           value: option.value,
-          control: /*#__PURE__*/React__default.createElement(Radio, null),
+          htmlFor: `${inputId}-${option.value}`,
+          control: /*#__PURE__*/React__default.createElement(Radio, {
+            inputProps: {
+              id: `${inputId}-${option.value}`,
+              title: option.label
+            }
+          }),
           label: option.label
         }), option && option.desc && /*#__PURE__*/React__default.createElement(Typography, {
           variant: "caption",
@@ -11807,18 +11821,10 @@ const FormItem = _ref => {
         className: "formItem__title",
         id: labelId,
         htmlFor: inputId
-      }, label, required && /*#__PURE__*/React__default.createElement("div", {
-        className: "formItem__title__star",
-        style: starStyle,
-        "aria-hidden": "true"
-      }, "*")) : /*#__PURE__*/React__default.createElement("div", {
+      }, label, requiredMark) : /*#__PURE__*/React__default.createElement("div", {
         className: "formItem__title",
         id: labelId
-      }, label, required && /*#__PURE__*/React__default.createElement("div", {
-        className: "formItem__title__star",
-        style: starStyle,
-        "aria-hidden": "true"
-      }, "*"))), hint && /*#__PURE__*/React__default.createElement(Box, {
+      }, label, requiredMark)), hint && /*#__PURE__*/React__default.createElement(Box, {
         my: 1
       }, /*#__PURE__*/React__default.createElement(Typography, {
         variant: "body2"
@@ -11987,10 +11993,10 @@ const problemMail = _ref2 => {
   return body.join('<br />');
 };
 
-var css_248z = "@charset \"UTF-8\";\n/* 送出失敗的錯誤摘要（WCAG 3.3.1，規範 04 §2）；深色主題由 ContactModal 以 inline color 覆寫 */\n.contactModal__errorSummary {\n  color: #b91c1c;\n  border-left: 4px solid currentColor;\n  padding: 0.5rem 0.75rem;\n  margin-bottom: 1rem;\n  /* 容器常駐 DOM（role=\"alert\" 才能可靠播報），沒有錯誤時不佔版面 */\n}\n.contactModal__errorSummary:empty {\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n.contactModal__errorSummary__title {\n  margin: 0 0 0.25rem;\n  font-weight: bold;\n}\n.contactModal__errorSummary__list {\n  margin: 0;\n  padding-left: 1.25rem;\n}\n.contactModal__errorSummary__link {\n  padding: 0;\n  border: 0;\n  background: none;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  text-decoration: underline;\n  cursor: pointer;\n}";
+var css_248z = "@charset \"UTF-8\";\n/* 送出失敗的錯誤摘要（WCAG 3.3.1，規範 04 §2）；深色主題由 ContactModal 以 inline color 覆寫 */\n.contactModal__errorSummary {\n  color: #b91c1c;\n  border-left: 4px solid currentColor;\n  padding: 0.5rem 0.75rem;\n  margin-bottom: 1rem;\n  /* 容器常駐 DOM（role=\"alert\" 才能可靠播報），沒有錯誤時不佔版面 */\n}\n.contactModal__errorSummary:empty {\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n.contactModal__errorSummary__title {\n  margin: 0 0 0.25rem;\n  font-weight: bold;\n}\n.contactModal__errorSummary__list {\n  margin: 0;\n  padding-left: 1.25rem;\n}\n.contactModal__errorSummary__link {\n  padding: 0;\n  border: 0;\n  background: none;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n/* 必填欄位的說明（WCAG 3.3.2，GN1330201E） */\n.contactModal__requiredNote {\n  margin: 0 0 1rem;\n}";
 styleInject(css_248z);
 
-/* 錯誤摘要的「前往該欄位」：優先聚焦帶 inputId 的欄位；
+/* 錯誤摘要的「前往該欄位」：優先聚焦帶 inputId 的欄位；
    單選、下拉、上傳沒有該 id，改找欄位容器內第一個看得到、可聚焦的元素 */
 var focusFormItem = function focusFormItem(name) {
   var _getFormItemIds = getFormItemIds(name),
@@ -12175,8 +12181,8 @@ var ContactModal = function ContactModal(_ref) {
     setOpen(false);
   };
 
-  /* 送出：先取得驗證結果決定摘要內容，再交給 formik 送出。
-     formik 送出時會把所有欄位標為 touched，欄位下方的錯誤訊息才會出現；驗證通過才會真的寄信。
+  /* 送出：先取得驗證結果決定摘要內容，再交給 formik 送出。
+     formik 送出時會把所有欄位標為 touched，欄位下方的錯誤訊息才會出現；驗證通過才會真的寄信。
      （原本在 handleSubmit 之後同步讀取驗證結果，但 formik 2 的驗證是非同步的，第一次按送出時讀不到） */
   var handleSubmit = function handleSubmit() {
     formik.validateForm().then(function (errors) {
@@ -12244,7 +12250,14 @@ var ContactModal = function ContactModal(_ref) {
         return focusFormItem(name);
       }
     }, message));
-  })))), /*#__PURE__*/React__default.createElement(FormikProvider, {
+  })))), template.some(function (_ref9) {
+    var required = _ref9.required;
+    return required;
+  }) && /*#__PURE__*/React__default.createElement("p", {
+    className: "contactModal__requiredNote"
+  }, formatMessage({
+    id: 'common.form.requiredNote'
+  })), /*#__PURE__*/React__default.createElement(FormikProvider, {
     value: formik
   }, template.map(function (schema) {
     return /*#__PURE__*/React__default.createElement(FormItem, _extends$1({

package/lib/components/ContactModal.js

@@ -1,4 +1,4 @@
-export { C as default } from './ContactModal-159de99c.js';
+export { C as default } from './ContactModal-19979528.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
@@ -9,16 +9,16 @@ import '@material-ui/styles';
 import './useTheme-98b6cf17.js';
 import './withTheme-3486f38b.js';
 import 'axios';
-import './Modal-e04532fa.js';
-import './index-b76a85f4.js';
+import './Modal-b984f381.js';
+import './index-c33afcb5.js';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-7bd5aa09.js';
+import './Button-8cf35bc0.js';
 import './style-inject.es-1f59c1d0.js';
-import './Spin-8f87eadc.js';
+import './Spin-07679812.js';
 import './globalConfig';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-89841c71.js';
-import './Empty-c6a44967.js';
-import './createSvgIcon-dc603596.js';
+import './Select-979f7e73.js';
+import './Empty-48685dd0.js';
+import './createSvgIcon-370e163a.js';
 import 'react-dom';

package/lib/components/{Drawer-2328b5f7.js → Drawer-b770014f.js}

@@ -3,8 +3,8 @@ 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, CloseRounded } from '@material-ui/icons';
-import { S as Select } from './Select-89841c71.js';
-import { S as SegmentedControl } from './SegmentedControl-81f63afc.js';
+import { S as Select } from './Select-979f7e73.js';
+import { S as SegmentedControl } from './SegmentedControl-804da0a6.js';
 import { useRouteMatch, NavLink } from 'react-router-dom';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

package/lib/components/Drawer.js

@@ -1,18 +1,18 @@
-export { D as default } from './Drawer-2328b5f7.js';
+export { D as default } from './Drawer-b770014f.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Select-89841c71.js';
-import './index-b76a85f4.js';
+import './Select-979f7e73.js';
+import './index-c33afcb5.js';
 import './defaultTheme-c5dd0f64.js';
 import 'react-is';
 import '@material-ui/styles';
 import './useTheme-98b6cf17.js';
 import './withTheme-3486f38b.js';
-import './Empty-c6a44967.js';
+import './Empty-48685dd0.js';
 import './style-inject.es-1f59c1d0.js';
 import './globalConfig';
-import './SegmentedControl-81f63afc.js';
+import './SegmentedControl-804da0a6.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-b76a85f4.js';
+import { c as classNames } from './index-c33afcb5.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-c6a44967.js → Empty-48685dd0.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-b76a85f4.js';
+import { c as classNames } from './index-c33afcb5.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-c6a44967.js';
+export { E as default } from './Empty-48685dd0.js';
 import 'react';
 import 'prop-types';
-import './index-b76a85f4.js';
+import './index-c33afcb5.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-b76a85f4.js';
+import { c as classNames } from './index-c33afcb5.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-a9e3fae1.js';

package/lib/components/{ExtraTools-2691c13e.js → ExtraTools-c46c1965.js}

@@ -1,11 +1,11 @@
 import { _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
 import * as React from 'react';
 import React__default, { Component, forwardRef, useState, useRef, useEffect } from 'react';
-import { c as classNames } from './index-b76a85f4.js';
+import { c as classNames } from './index-c33afcb5.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-6ebfa9c1.js';
+import { T as Tooltip } from './Tooltip-bbbaa9c7.js';
 import { s as snaToExcel, f as fileDownload$1, a as jsonExcel } from './dataExport-a9e3fae1.js';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
@@ -2888,7 +2888,7 @@ const worksSlider = data => (data || []).map(_ref6 => {
   };
 });
 
-/* \u532F\u51FA\u6A94\u540D\u7684\u65E5\u671F\u5F8C\u7DB4\uFF08YYYY-MM-DD\uFF09\uFF0C
+/* \u532F\u51FA\u6A94\u540D\u7684\u65E5\u671F\u5F8C\u7DB4\uFF08YYYY-MM-DD\uFF09\uFF0C
    \u8207 DownloadMenu \u4E0B\u8F09\u5716\u7247\u5171\u7528 */
 const exportDateSuffix = () => {
   const now = new Date();