@daoyi/nmtl-ui 2.0.1-beta.133 → 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-a5be9257.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';
@@ -54,7 +54,9 @@ const DrawerList = _ref => {
     const internalProps = {
       component: NavLink,
       to: `${url}${path}`,
-      activeClassName: 'Mui-selected drawer__link--active'
+      /* 不沿用 Mui-selected：各站的選中底色是為其他清單調的，套到抽屜會與文字色衝突
+         （ocean 白字配淺藍底只有 1.78:1）。選中樣式一律由 drawer__link--active 決定 */
+      activeClassName: 'drawer__link--active'
     };
     /* 外部連結比照桌機頁首另開新視窗，並預先提示（WCAG 3.2.2） */
     const externalProps = {
@@ -89,7 +91,7 @@ DrawerList.propTypes = {
   setOpen: PropTypes.func.isRequired
 };
 
-var css_248z = "@charset \"UTF-8\";\n/* 抽屜內容統一靠左對齊在同一條線上（選單文字、工具區標籤都從 1.5rem 起排） */\n.drawer {\n  /* 兩層 class 提高權重，蓋過 MUI 主題注入的 .MuiIconButton-root */\n  /* ListItem（渲染成 <a>）。hover／選中底色沿用 MUI 與各站主題的 MuiListItem、Mui-selected 設定 */\n  /* 目前所在頁：左側色條＋粗體，不只靠底色（WCAG 1.4.1）。\n     色條畫在文字元素上取 currentColor：各站常以 !important 改抽屜文字色（ada 白字、tahl 藍綠），\n     色條才會與文字同色；ListItem 本身是 position:relative，色條貼齊整列左緣 */\n  /* 語系超過 3 種時退回下拉：撐滿工具區寬度 */\n}\n.drawer__icon {\n  display: none !important;\n}\n.drawer__paper {\n  width: 20rem;\n  max-width: 90vw;\n  /* 開啟時 MUI 把焦點放在紙面本身（tabindex=-1 的容器，非操作元件），不畫焦點框；\n     須 !important 才蓋得過各站 a11y.scss 的全域 :focus-visible */\n}\n.drawer__paper:focus {\n  outline: none !important;\n}\n.drawer__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.5rem;\n  padding: 0.75rem 0.5rem 0.75rem 1.5rem;\n}\n.drawer__header-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n.drawer__header-title {\n  font-size: 1.125rem;\n  font-weight: bold;\n}\n.drawer__header .drawer__close {\n  flex-shrink: 0;\n  /* 觸控目標 48px（WCAG 2.5.5）：共用主題把 IconButton padding 改成 8（只剩 40px），\n     部分子站手機版又把根字級縮到 70%，故用 px 保底 */\n  min-width: 48px;\n  min-height: 48px;\n  margin-left: auto;\n  /* 深色主題（palette.type=dark，如 ada、tahl）的 IconButton 預設白色，在淺色抽屜上看不見 → 沿用抽屜文字色 */\n  color: inherit;\n}\n.drawer__header .drawer__close.Mui-focusVisible {\n  outline: 2px solid currentColor;\n}\n.drawer__list > li {\n  list-style: none;\n}\n.drawer__list .drawer__link {\n  /* 觸控目標 48px（WCAG 2.5.5） */\n  min-height: 3rem;\n  /* 文字與工具區標籤對齊 1.5rem（蓋過 MuiListItem-gutters 的 16px） */\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n  color: inherit;\n  text-decoration: none;\n  /* 連結撐滿抽屜寬度，紙面又會捲動（overflow:auto），外凸的焦點框左右會被裁掉 → 內縮完整框。\n     各站 a11y.scss 的全域 :focus-visible 以 !important 設 outline-offset，這裡也須 !important 才蓋得過 */\n}\n.drawer__list .drawer__link:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: -4px !important;\n}\n.drawer__link--active .MuiTypography-root {\n  font-weight: 700;\n}\n.drawer__link--active .MuiTypography-root::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 0.25rem;\n  background: currentColor;\n}\n.drawer__tools {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  padding: 1.25rem 1.5rem;\n}\n.drawer__lang.select {\n  width: 100%;\n}\n\n@media screen and (max-width: 768px) {\n  .drawer {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .drawer__icon {\n    display: flex !important;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/* 抽屜內容統一靠左對齊在同一條線上（選單文字、工具區標籤都從 1.5rem 起排） */\n.drawer {\n  /* 兩層 class 提高權重，蓋過 MUI 主題注入的 .MuiIconButton-root */\n  /* ListItem（渲染成 <a>）。hover／選中底色沿用 MUI 與各站主題的 MuiListItem、Mui-selected 設定 */\n  /* 目前所在頁的淡底：取文字色加 8% 透明度疊在原本的底色上，\n     深淺底、各站自訂色都不會讓文字對比變差（不像各站的 Mui-selected 底色會衝突） */\n  /* 目前所在頁：左側色條＋粗體，不只靠底色（WCAG 1.4.1）。\n     色條畫在文字元素上取 currentColor：各站常以 !important 改抽屜文字色（ada 白字、tahl 藍綠），\n     色條才會與文字同色；ListItem 本身是 position:relative，色條貼齊整列左緣 */\n  /* 語系超過 3 種時退回下拉：撐滿工具區寬度 */\n}\n.drawer__icon {\n  display: none !important;\n}\n.drawer__paper {\n  width: 20rem;\n  max-width: 90vw;\n  /* 開啟時 MUI 把焦點放在紙面本身（tabindex=-1 的容器，非操作元件），不畫焦點框；\n     須 !important 才蓋得過各站 a11y.scss 的全域 :focus-visible */\n}\n.drawer__paper:focus {\n  outline: none !important;\n}\n.drawer__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.5rem;\n  padding: 0.75rem 0.5rem 0.75rem 1.5rem;\n}\n.drawer__header-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n.drawer__header-title {\n  font-size: 1.125rem;\n  font-weight: bold;\n}\n.drawer__header .drawer__close {\n  flex-shrink: 0;\n  /* 觸控目標 48px（WCAG 2.5.5）：共用主題把 IconButton padding 改成 8（只剩 40px），\n     部分子站手機版又把根字級縮到 70%，故用 px 保底 */\n  min-width: 48px;\n  min-height: 48px;\n  margin-left: auto;\n  /* 深色主題（palette.type=dark，如 ada、tahl）的 IconButton 預設白色，在淺色抽屜上看不見 → 沿用抽屜文字色 */\n  color: inherit;\n}\n.drawer__header .drawer__close.Mui-focusVisible {\n  outline: 2px solid currentColor;\n}\n.drawer__list > li {\n  list-style: none;\n}\n.drawer__list .drawer__link {\n  /* 觸控目標 48px（WCAG 2.5.5） */\n  min-height: 3rem;\n  /* 文字與工具區標籤對齊 1.5rem（蓋過 MuiListItem-gutters 的 16px） */\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n  color: inherit;\n  text-decoration: none;\n  /* 連結撐滿抽屜寬度，紙面又會捲動（overflow:auto），外凸的焦點框左右會被裁掉 → 內縮完整框。\n     各站 a11y.scss 的全域 :focus-visible 以 !important 設 outline-offset，這裡也須 !important 才蓋得過 */\n}\n.drawer__list .drawer__link:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: -4px !important;\n}\n.drawer__link--active::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: currentColor;\n  opacity: 0.08;\n  pointer-events: none;\n}\n.drawer__link--active .MuiTypography-root {\n  font-weight: 700;\n}\n.drawer__link--active .MuiTypography-root::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 0.25rem;\n  background: currentColor;\n}\n.drawer__tools {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  padding: 1.25rem 1.5rem;\n}\n.drawer__lang.select {\n  width: 100%;\n}\n\n@media screen and (max-width: 768px) {\n  .drawer {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .drawer__icon {\n    display: flex !important;\n  }\n}";
 styleInject(css_248z);
 
 /* 語系不多時並排成分段按鈕（點一下即切換），太多才退回下拉 */

package/lib/components/Drawer.js

@@ -1,18 +1,18 @@
-export { D as default } from './Drawer-a5be9257.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';