@daoyi/nmtl-ui 2.0.1-beta.116 → 2.0.1-beta.118

package/lib/components/Avatar.js

@@ -11,19 +11,22 @@ var Avatar = function Avatar(_ref) {
   var className = _ref.className,
     shape = _ref.shape,
     src = _ref.src,
+    alt = _ref.alt,
     _onError = _ref.onError,
     _ref$defaultImg = _ref.defaultImg,
     defaultImg = _ref$defaultImg === void 0 ? '' : _ref$defaultImg;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Avatar$1, {
     className: classNames('avatar', className),
     variant: shape,
-    src: src
+    src: src,
+    alt: alt
   }, defaultImg), typeof _onError === 'function' && /*#__PURE__*/React__default.createElement("img", {
     src: src,
     onError: function onError() {
       return _onError();
     },
-    alt: "test",
+    alt: "",
+    "aria-hidden": true,
     style: {
       display: 'none'
     }
@@ -33,6 +36,7 @@ Avatar.defaultProps = {
   className: undefined,
   shape: 'circular',
   src: undefined,
+  alt: undefined,
   onError: undefined,
   defaultImg: undefined
 };
@@ -45,6 +49,8 @@ Avatar.propTypes = {
   shape: PropTypes.oneOf(['circle', 'circular', 'rounded', 'square']),
   /** 圖片來源 */
   src: PropTypes.string,
+  /** 圖片文字替代（WCAG 1.1.1）；裝飾或與相鄰文字重複時傳空字串 */
+  alt: PropTypes.string,
   /** 圖片有錯誤則callback */
   onError: PropTypes.func,
   defaultImg: PropTypes.string

package/lib/components/BarChart.js

@@ -672,7 +672,8 @@ var BarChart = function BarChart(_ref) {
     var x = band().range([0, width]).domain(data.map(function (d) {
       return d.year;
     })).padding(0.2);
-    svg.append('g').attr('id', 'xaxis').attr('transform', "translate(0,".concat(height, ")")).call(axisBottom(x)).style('color', fontColor).selectAll('text').attr('transform', 'translate(-10,0)rotate(-45)').style('text-anchor', 'end').style('color', fontColor).style('font-size', 16).style('cursor', 'pointer').on('click', function (d) {
+    svg.append('g').attr('id', 'xaxis').attr('transform', "translate(0,".concat(height, ")")).call(axisBottom(x)).style('color', fontColor).selectAll('text').attr('transform', 'translate(-10,0)rotate(-45)').style('text-anchor', 'end').style('color', fontColor)
+    /* WCAG 1.4.4 / Freego CS2140401C：D3 inline font-size 改相對單位（16→1rem） */.style('font-size', '1rem').style('cursor', 'pointer').on('click', function (d) {
       setSelectedYear(d);
     });
 
@@ -707,7 +708,8 @@ var BarChart = function BarChart(_ref) {
     });
     svg.append('g').call(axisLeft(y).tickValues(sequence(y.domain()[0], y.domain()[1] + 1, scaleTicks)).tickFormat(function (d) {
       return Math.round(d);
-    })).attr('id', 'yaxis').style('color', fontColor).style('font-size', 15);
+    })).attr('id', 'yaxis').style('color', fontColor)
+    /* WCAG 1.4.4 / Freego CS2140401C：D3 inline font-size 改相對單位（15→0.9375rem） */.style('font-size', '0.9375rem');
   };
   function shiftYaxis() {
     var element = document.getElementById('barChart__block');

package/lib/components/{ContactModal-7f35b424.js → ContactModal-c3d96d09.js}

@@ -12,7 +12,7 @@ import 'react-is';
 import '@material-ui/styles';
 import { u as useTheme } from './useTheme-d16d02d9.js';
 import './withTheme-2d778133.js';
-import { S as Select } from './Select-52ab5299.js';
+import { S as Select } from './Select-141d7992.js';
 import { VolumeUp } from '@material-ui/icons';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

package/lib/components/ContactModal.js

@@ -1,4 +1,4 @@
-export { C as default } from './ContactModal-7f35b424.js';
+export { C as default } from './ContactModal-c3d96d09.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
@@ -18,7 +18,7 @@ import './defaultTheme-ed7746fe.js';
 import '@material-ui/styles';
 import './useTheme-d16d02d9.js';
 import './withTheme-2d778133.js';
-import './Select-52ab5299.js';
+import './Select-141d7992.js';
 import './Empty-c6a44967.js';
 import './createSvgIcon-e3803ee1.js';
 import 'react-dom';

package/lib/components/{Drawer-43937e1c.js → Drawer-c04df870.js}

@@ -3,7 +3,7 @@ import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { List, ListItem, ListItemIcon, ListItemText, IconButton, Drawer as Drawer$1, Divider } from '@material-ui/core';
 import { DehazeRounded } from '@material-ui/icons';
-import { S as Select } from './Select-52ab5299.js';
+import { S as Select } from './Select-141d7992.js';
 import { useHistory, useRouteMatch } from 'react-router-dom';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
@@ -82,7 +82,8 @@ var Drawer = function Drawer(_ref) {
     locale = _ref.locale,
     supportLanguages = _ref.supportLanguages,
     drawerList = _ref.drawerList,
-    onLanguageChange = _ref.onLanguageChange;
+    onLanguageChange = _ref.onLanguageChange,
+    languageSelectLabel = _ref.languageSelectLabel;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -108,8 +109,8 @@ var Drawer = function Drawer(_ref) {
     onClose: function onClose() {
       return setOpen(false);
     },
-    onKeyDown: function onKeyDown() {
-      return setOpen(false);
+    onKeyDown: function onKeyDown(event) {
+      if (event.key === 'Escape') setOpen(false);
     }
   }, (logo || title) && /*#__PURE__*/React__default.createElement("div", {
     className: "drawer__header"
@@ -125,6 +126,9 @@ var Drawer = function Drawer(_ref) {
     setOpen: setOpen
   }), /*#__PURE__*/React__default.createElement(Divider, null), Array.isArray(supportLanguages) && supportLanguages.length > 0 && /*#__PURE__*/React__default.createElement(Select, {
     className: "drawer__lang",
+    ariaLabel: languageSelectLabel || getIntl().formatMessage({
+      id: 'aria.header.languageSelect'
+    }),
     defaultValue: checkLanguageSupport({
       language: locale,
       supportLanguages: supportLanguages
@@ -149,7 +153,8 @@ Drawer.defaultProps = {
   ],
 
   drawerList: undefined,
-  onLanguageChange: function onLanguageChange() {}
+  onLanguageChange: function onLanguageChange() {},
+  languageSelectLabel: undefined
 };
 Drawer.propTypes = {
   title: PropTypes.string,
@@ -157,7 +162,9 @@ Drawer.propTypes = {
   locale: PropTypes.string,
   supportLanguages: PropTypes.arrayOf(PropTypes.any),
   drawerList: PropTypes.arrayOf(PropTypes.any),
-  onLanguageChange: PropTypes.func
+  onLanguageChange: PropTypes.func,
+  /** 語言下拉的無障礙名稱（WCAG 3.3.2）；未提供時使用套件內 aria.header.languageSelect */
+  languageSelectLabel: PropTypes.string
 };
 
 export { Drawer as D, checkLanguageSupport as c, defaultSupportLanguage as d };

package/lib/components/Drawer.js

@@ -1,10 +1,10 @@
-export { D as default } from './Drawer-43937e1c.js';
+export { D as default } from './Drawer-c04df870.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Select-52ab5299.js';
+import './Select-141d7992.js';
 import './index-b76a85f4.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';

package/lib/components/ExportButton.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { c as classNames } from './index-b76a85f4.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-d55d6fa3.js';
+import { f as fileDownload, j as jsonTxt, a as jsonExcel } from './dataExport-a9e3fae1.js';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/{ExtraTools-55f66039.js → ExtraTools-0f9ca8be.js}

@@ -6,7 +6,7 @@ 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 { s as snaToExcel, f as fileDownload$1, a as jsonExcel } from './dataExport-d55d6fa3.js';
+import { s as snaToExcel, f as fileDownload$1, a as jsonExcel } from './dataExport-a9e3fae1.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var __assign$3 = (undefined && undefined.__assign) || function () {
@@ -2872,11 +2872,19 @@ const worksSlider = data => (data || []).map(_ref6 => {
   };
 });
 
+/* \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();
+  const pad = n => String(n).padStart(2, '0');
+  return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())}`;
+};
 const exportXlsx = _ref => {
   let {
     data,
     dataType,
-    extType = 'xlsx'
+    extType = 'xlsx',
+    fileName = 'output'
   } = _ref;
   let metadata;
   switch (dataType) {
@@ -2887,7 +2895,7 @@ const exportXlsx = _ref => {
       metadata = data;
       break;
   }
-  fileDownload$1(`\uFEFF${jsonExcel(metadata)}`, `output.${extType}`);
+  fileDownload$1(`\uFEFF${jsonExcel(metadata, extType === 'tsv' ? '\t' : ',')}`, `${fileName}_${exportDateSuffix()}.${extType}`);
 };
 
 // 供外部使用dataConvert
@@ -3192,14 +3200,16 @@ const DownloadMenu = _ref2 => {
     data,
     dataType,
     domToImageId,
-    DownloadExcel
+    DownloadExcel,
+    exportFileName
   } = _ref2;
   const [anchorEl, setAnchorEl] = useState(null);
   const hideButton = type => (exclude || []).filter(key => key === type).length > 0;
   const btns = [{
     key: 'downloadImage',
     onClick: () => domToImage({
-      id: domToImageId
+      id: domToImageId,
+      fileName: `${exportFileName}_${exportDateSuffix()}`
     }),
     label: intl ? 'knowledge.writersAndWorksSNA.download.img' : '下載圖片'
   }, {
@@ -3211,7 +3221,8 @@ const DownloadMenu = _ref2 => {
     onClick: () => exportXlsx({
       data,
       dataType,
-      extType: 'tsv'
+      extType: 'tsv',
+      fileName: exportFileName
     }),
     label: intl ? 'knowledge.writersAndWorksSNA.download.tsv' : '下載Tsv'
   }, {
@@ -3279,7 +3290,8 @@ DownloadMenu.defaultProps = {
   dataType: undefined,
   iconColor: '#825c0d',
   domToImageId: 'network-graph',
-  DownloadExcel: undefined
+  DownloadExcel: undefined,
+  exportFileName: 'output'
 };
 
 /* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
@@ -3299,7 +3311,9 @@ DownloadMenu.propTypes = {
   /** 指定dom轉換畫布的DOM ID */
   domToImageId: PropTypes.string,
   /** Download元件, 由外部傳入的原因是需要環境設定 */
-  DownloadExcel: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
+  DownloadExcel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  /** 匯出檔名前綴（下載圖片/Tsv 檔名＝前綴_YYYY-MM-DD） */
+  exportFileName: PropTypes.string
 };
 const FullscreenBtn = _ref4 => {
   let {
@@ -3514,7 +3528,8 @@ var ExtraTools = function ExtraTools(_ref) {
     FontSizeOptions = _ref.FontSizeOptions,
     DownloadExcel = _ref.DownloadExcel,
     fullscreenDomId = _ref.fullscreenDomId,
-    renderSNA = _ref.renderSNA;
+    renderSNA = _ref.renderSNA,
+    exportFileName = _ref.exportFileName;
   var hideButton = function hideButton(keys) {
     return (exclude || []).filter(function (key) {
       return keys.some(function (item) {
@@ -3533,7 +3548,8 @@ var ExtraTools = function ExtraTools(_ref) {
     FontSizeOptions: FontSizeOptions,
     DownloadExcel: DownloadExcel,
     fullscreenDomId: fullscreenDomId,
-    renderSNA: renderSNA
+    renderSNA: renderSNA,
+    exportFileName: exportFileName
   };
   var isIOSMobile = /iPhone|iPad|iPod/i.test(navigator.userAgent);
   var tools = [{
@@ -3585,7 +3601,8 @@ ExtraTools.defaultProps = {
   },
   DownloadExcel: undefined,
   fullscreenDomId: undefined,
-  renderSNA: undefined
+  renderSNA: undefined,
+  exportFileName: 'output'
 };
 
 /* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
@@ -3613,7 +3630,9 @@ ExtraTools.propTypes = {
   /** 全螢幕指定DOM */
   fullscreenDomId: PropTypes.string,
   /** 重設SNA */
-  renderSNA: PropTypes.func
+  renderSNA: PropTypes.func,
+  /** 匯出檔名前綴（下載圖片/Tsv 檔名＝前綴_YYYY-MM-DD） */
+  exportFileName: PropTypes.string
 };
 
 export { ExtraTools as E };

package/lib/components/ExtraTools.js

@@ -1,4 +1,4 @@
-export { E as default } from './ExtraTools-55f66039.js';
+export { E as default } from './ExtraTools-0f9ca8be.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import './index-b76a85f4.js';
@@ -7,4 +7,4 @@ import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
 import './Tooltip-6ebfa9c1.js';
 import './style-inject.es-1f59c1d0.js';
-import './dataExport-d55d6fa3.js';
+import './dataExport-a9e3fae1.js';

package/lib/components/Footer.js

@@ -3,7 +3,7 @@ import React__default, { useState, useEffect } from 'react';
 import { c as classNames } from './index-b76a85f4.js';
 import PropTypes from 'prop-types';
 import axios from 'axios';
-import { C as ContactModal } from './ContactModal-7f35b424.js';
+import { C as ContactModal } from './ContactModal-c3d96d09.js';
 import { S as Spin } from './Spin-8dc60bfe.js';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
@@ -18,7 +18,7 @@ import './defaultTheme-ed7746fe.js';
 import '@material-ui/styles';
 import './useTheme-d16d02d9.js';
 import './withTheme-2d778133.js';
-import './Select-52ab5299.js';
+import './Select-141d7992.js';
 import './Empty-c6a44967.js';
 import './createSvgIcon-e3803ee1.js';
 import 'react-dom';

package/lib/components/Header.js

@@ -7,8 +7,8 @@ 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-d12e1b4f.js';
-import { S as Select } from './Select-52ab5299.js';
-import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-43937e1c.js';
+import { S as Select } from './Select-141d7992.js';
+import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-c04df870.js';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';
@@ -45,7 +45,8 @@ var Header = function Header(props) {
   var onSearch = props.onSearch;
     props.setDarkMode;
     var onLanguageChange = props.onLanguageChange,
-    onSearchIconClick = props.onSearchIconClick;
+    onSearchIconClick = props.onSearchIconClick,
+    languageSelectLabel = props.languageSelectLabel;
   var history = useHistory();
   var search = history.location.search;
   var _useRouteMatch = useRouteMatch(),
@@ -150,6 +151,9 @@ var Header = function Header(props) {
     "aria-hidden": "true"
   })), showDarkModeSwitch , Array.isArray(supportLanguages) && supportLanguages.length > 0 && /*#__PURE__*/React__default.createElement(Select, {
     className: "header__language",
+    ariaLabel: languageSelectLabel || getIntl().formatMessage({
+      id: 'aria.header.languageSelect'
+    }),
     defaultValue: checkLanguageSupport({
       language: locale,
       supportLanguages: supportLanguages
@@ -163,7 +167,8 @@ var Header = function Header(props) {
     logo: logo,
     drawerList: pages,
     supportLanguages: supportLanguages,
-    onLanguageChange: onLanguageChange
+    onLanguageChange: onLanguageChange,
+    languageSelectLabel: languageSelectLabel
   }));
 };
 Header.defaultProps = {
@@ -180,7 +185,8 @@ Header.defaultProps = {
   onSearch: function onSearch() {},
   setDarkMode: function setDarkMode() {},
   onLanguageChange: function onLanguageChange() {},
-  onSearchIconClick: function onSearchIconClick() {}
+  onSearchIconClick: function onSearchIconClick() {},
+  languageSelectLabel: undefined
 };
 Header.propTypes = {
   /** Css Name */
@@ -212,7 +218,9 @@ Header.propTypes = {
   /** 語系變動時的callback */
   onLanguageChange: PropTypes.func,
   /** SearchIcon點擊時的callback */
-  onSearchIconClick: PropTypes.func
+  onSearchIconClick: PropTypes.func,
+  /** 語言下拉的無障礙名稱（WCAG 3.3.2）；未提供時使用套件內 aria.header.languageSelect */
+  languageSelectLabel: PropTypes.string
 };
 
 export { Header as default };

package/lib/components/SNA.js

@@ -2,13 +2,13 @@ import React__default, { useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { c as classNames } from './index-b76a85f4.js';
 import { e as event, d as d3Select, a as dispatch, c as customEvent, D as DragEvent, q as quadtree, m as map, t as timer, T as Transform, i as identity, b as interrupt, o as ordinal, f as category10 } from './transform-3a04288b.js';
-import { E as ExtraTools } from './ExtraTools-55f66039.js';
+import { E as ExtraTools } from './ExtraTools-0f9ca8be.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
 import './Tooltip-6ebfa9c1.js';
-import './dataExport-d55d6fa3.js';
+import './dataExport-a9e3fae1.js';
 
 function sourceEvent() {
   var current = event, source;
@@ -1408,7 +1408,8 @@ var SNA = function SNA(props) {
     SNAData = props.SNAData,
     handleClickNodeGoto = props.handleClickNodeGoto,
     DownloadExcel = props.DownloadExcel,
-    nodeAriaHint = props.nodeAriaHint;
+    nodeAriaHint = props.nodeAriaHint,
+    exportFileName = props.exportFileName;
   // styles
   var width = props.width,
     height = props.height,
@@ -1505,7 +1506,8 @@ var SNA = function SNA(props) {
     return "M".concat(source.x, ", ").concat(source.y, " Q").concat(qx, " ").concat(qy, " ").concat(target.x, " ").concat(target.y);
   };
   var init = function init(networkData) {
-    var edgeLabelSize = '10px';
+    /* WCAG 1.4.4 / Freego CS2140401C：SVG 文字字型尺寸改相對單位（10px→0.625rem） */
+    var edgeLabelSize = '0.625rem';
     var lineRaduis = 30;
     var nodeStroke = 1.5;
     var nodeRadius = 10 - nodeStroke;
@@ -1577,13 +1579,15 @@ var SNA = function SNA(props) {
     });
     var nodeLabel = g.append('g').selectAll('text').data(nodes).join('text').attr('fill', fontColor).attr('text-anchor', 'middle').attr('key', function (d) {
       return d.type;
-    }).style('color', '#fff').style('font-size', '14px').text(function (d) {
+    }).style('color', '#fff')
+    /* WCAG 1.4.4 / Freego CS2140401C：SVG 文字字型尺寸改相對單位（14px→0.875rem） */.style('font-size', '0.875rem').text(function (d) {
       return d.name;
     });
     var edgepaths = g.selectAll('.edgepath').data(links).enter().append('path').attr('class', 'edgepath').attr('fill-opacity', 0).attr('stroke-opacity', 0).attr('id', function (d, i) {
       return "edgepath".concat(i);
     }).style('pointer-events', 'none');
-    var edgelabels = g.selectAll('.edgelabel').data(links).enter().append('text').style('pointer-events', 'none').attr('class', 'edgelabel').attr('font-size', edgeLabelSize).attr('fill', '#aaa').attr('visibility', 'visible').attr('key', function (d) {
+    var edgelabels = g.selectAll('.edgelabel').data(links).enter().append('text').style('pointer-events', 'none').attr('class', 'edgelabel')
+    /* rem 需以 style 設定（SVG presentation attribute 對 rem 支援不一致） */.style('font-size', edgeLabelSize).attr('fill', '#aaa').attr('visibility', 'visible').attr('key', function (d) {
       return d.type;
     }).attr('id', function (d, i) {
       return "edgelabel".concat(i);
@@ -1659,7 +1663,8 @@ var SNA = function SNA(props) {
     exclude: exclude,
     DownloadExcel: DownloadExcel,
     fullscreenDomId: "sna-graph",
-    renderSNA: renderSNA
+    renderSNA: renderSNA,
+    exportFileName: exportFileName
   }), /*#__PURE__*/React__default.createElement("div", {
     id: "sna-graph"
   }));
@@ -1677,7 +1682,8 @@ SNA.defaultProps = {
   iconColor: '#825c0d',
   exclude: ['downloadXls', 'downloadTsv'],
   handleClickNodeGoto: null,
-  DownloadExcel: undefined
+  DownloadExcel: undefined,
+  exportFileName: 'output'
 };
 
 /* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
@@ -1707,7 +1713,9 @@ SNA.propTypes = {
   /** 按下點後要轉址的功能 */
   handleClickNodeGoto: PropTypes.func,
   /** Download元件, 由外部傳入的原因是需要環境設定 */
-  DownloadExcel: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
+  DownloadExcel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  /** 匯出檔名前綴（下載圖片/Tsv 檔名＝前綴_YYYY-MM-DD） */
+  exportFileName: PropTypes.string
 };
 
 export { SNA as default };

package/lib/components/{Select-52ab5299.js → Select-141d7992.js}

@@ -63,6 +63,12 @@ var Select = function Select(props) {
     renderValue: function renderValue(id) {
       var finder = itemFind(id);
       var content = _typeof(finder) === 'object' ? finder.label : finder;
+      /* WCAG 3.1.2 局部語言：選項可帶 lang（如語言選單的「English」），顯示值同步標註 */
+      if (_typeof(finder) === 'object' && finder.lang) {
+        content = /*#__PURE__*/React__default.createElement("span", {
+          lang: finder.lang
+        }, content);
+      }
       if (!id && id !== 0 || id.length === 0) {
         content = /*#__PURE__*/React__default.createElement("span", {
           className: "select__placeholder",
@@ -85,9 +91,11 @@ var Select = function Select(props) {
   }, Array.isArray(options) && options.length > 0 ? options.map(function (option) {
     var key = _typeof(option) === 'object' ? option.value : option;
     var text = _typeof(option) === 'object' ? option.label : option;
+    var optionLang = _typeof(option) === 'object' ? option.lang : undefined;
     return /*#__PURE__*/React__default.createElement(MenuItem, {
       key: key,
       value: key,
+      lang: optionLang,
       ListItemClasses: menuItemClass
     }, text);
   }) : /*#__PURE__*/React__default.createElement(Empty, null)));

package/lib/components/Select.js

@@ -1,4 +1,4 @@
-export { S as default } from './Select-52ab5299.js';
+export { S as default } from './Select-141d7992.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';

package/lib/components/{dataExport-d55d6fa3.js → dataExport-a9e3fae1.js}

@@ -34,24 +34,23 @@ var fileDownload = function(data, filename, mime, bom) {
     }
 };
 
-const jsonExcel = json => {
+// delimiter 預設逗號（CSV/EXCEL 沿用既有行為）；.tsv 需傳 '\t'——
+// tsv 以逗號分隔時，試算表軟體會整列擠進單一儲存格。
+// 值內的 tab/換行以空白取代，避免斷欄斷行
+const jsonExcel = function (json) {
+  let delimiter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';
+  const cleanCell = value => String(value == null ? '' : value).replace(/[\t\r\n]+/g, ' ');
   let output = '';
   if (Array.isArray(json) && json.length > 0) {
     const keys = Object.keys(json[0]);
-    output += `${keys.toString()}\n`;
+    output += `${keys.map(cleanCell).join(delimiter)}\n`;
     json.forEach(item => {
-      keys.forEach(key => {
-        output += `${item[key]},`;
-      });
-      output += '\n';
+      output += `${keys.map(key => cleanCell(item[key])).join(delimiter)}\n`;
     });
   } else {
     const keys = Object.keys(json);
-    output += `${keys.toString()}\n`;
-    keys.forEach(key => {
-      output += `${json[key]},`;
-    });
-    output += '\n';
+    output += `${keys.map(cleanCell).join(delimiter)}\n`;
+    output += `${keys.map(key => cleanCell(json[key])).join(delimiter)}\n`;
   }
   return output;
 };

package/lib/components/globalConfig.js

@@ -61,6 +61,7 @@ var zhtw = {
 	"aria.header.logoHome": "回首頁",
 	"aria.header.logoHomeWithTitle": "{title}，回首頁",
 	"aria.header.navigation": "主選單",
+	"aria.header.languageSelect": "選擇語言",
 	"aria.autocomplete.search": "執行搜尋",
 	"aria.modal.close": "關閉視窗",
 	"aria.newWindow": "（另開新視窗）",
@@ -142,6 +143,7 @@ var zhcn = {
 	"aria.header.logoHome": "回首页",
 	"aria.header.logoHomeWithTitle": "{title}，回首页",
 	"aria.header.navigation": "主选单",
+	"aria.header.languageSelect": "选择语言",
 	"aria.autocomplete.search": "执行搜寻",
 	"aria.modal.close": "关闭视窗",
 	"aria.newWindow": "（另开新视窗）",
@@ -223,6 +225,7 @@ var enus = {
 	"aria.header.logoHome": "Back to home",
 	"aria.header.logoHomeWithTitle": "{title}, back to home",
 	"aria.header.navigation": "Main menu",
+	"aria.header.languageSelect": "Select language",
 	"aria.autocomplete.search": "Search",
 	"aria.modal.close": "Close dialog",
 	"aria.newWindow": " (opens in new window)",

package/lib/utils/exportXlsx.js

@@ -36,24 +36,29 @@ var fileDownload = function(data, filename, mime, bom) {
     }
 };
 
+// delimiter 預設逗號（CSV/EXCEL 沿用既有行為）；.tsv 需傳 '\t'——
+// tsv 以逗號分隔時，試算表軟體會整列擠進單一儲存格。
+// 值內的 tab/換行以空白取代，避免斷欄斷行
 var jsonExcel = function jsonExcel(json) {
+  var delimiter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';
+  var cleanCell = function cleanCell(value) {
+    return String(value == null ? '' : value).replace(/[\t\r\n]+/g, ' ');
+  };
   var output = '';
   if (Array.isArray(json) && json.length > 0) {
     var keys = Object.keys(json[0]);
-    output += "".concat(keys.toString(), "\n");
+    output += "".concat(keys.map(cleanCell).join(delimiter), "\n");
     json.forEach(function (item) {
-      keys.forEach(function (key) {
-        output += "".concat(item[key], ",");
-      });
-      output += '\n';
+      output += "".concat(keys.map(function (key) {
+        return cleanCell(item[key]);
+      }).join(delimiter), "\n");
     });
   } else {
     var _keys = Object.keys(json);
-    output += "".concat(_keys.toString(), "\n");
-    _keys.forEach(function (key) {
-      output += "".concat(json[key], ",");
-    });
-    output += '\n';
+    output += "".concat(_keys.map(cleanCell).join(delimiter), "\n");
+    output += "".concat(_keys.map(function (key) {
+      return cleanCell(json[key]);
+    }).join(delimiter), "\n");
   }
   return output;
 };
@@ -192,11 +197,22 @@ var worksSlider = function worksSlider(data) {
   });
 };
 
+/* \u532F\u51FA\u6A94\u540D\u7684\u65E5\u671F\u5F8C\u7DB4\uFF08YYYY-MM-DD\uFF09\uFF0C
+   \u8207 DownloadMenu \u4E0B\u8F09\u5716\u7247\u5171\u7528 */
+var exportDateSuffix = function exportDateSuffix() {
+  var now = new Date();
+  var pad = function pad(n) {
+    return String(n).padStart(2, '0');
+  };
+  return "".concat(now.getFullYear(), "-").concat(pad(now.getMonth() + 1), "-").concat(pad(now.getDate()));
+};
 var exportXlsx = function exportXlsx(_ref) {
   var data = _ref.data,
     dataType = _ref.dataType,
     _ref$extType = _ref.extType,
-    extType = _ref$extType === void 0 ? 'xlsx' : _ref$extType;
+    extType = _ref$extType === void 0 ? 'xlsx' : _ref$extType,
+    _ref$fileName = _ref.fileName,
+    fileName = _ref$fileName === void 0 ? 'output' : _ref$fileName;
   var metadata;
   switch (dataType) {
     case 'sna':
@@ -206,7 +222,7 @@ var exportXlsx = function exportXlsx(_ref) {
       metadata = data;
       break;
   }
-  fileDownload("\uFEFF".concat(jsonExcel(metadata)), "output.".concat(extType));
+  fileDownload("\uFEFF".concat(jsonExcel(metadata, extType === 'tsv' ? '\t' : ',')), "".concat(fileName, "_").concat(exportDateSuffix(), ".").concat(extType));
 };
 
 // 供外部使用dataConvert
@@ -216,4 +232,4 @@ exportXlsx.mapLgConvert = mapLgConvert;
 exportXlsx.worksBarChart = worksBarChart;
 exportXlsx.worksSlider = worksSlider;
 
-export { exportXlsx as default };
+export { exportXlsx as default, exportDateSuffix };

package/package.json

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