@daoyi/nmtl-ui 2.0.1-beta.127 → 2.0.1-beta.129

package/lib/components/BarChart.js

@@ -1,7 +1,7 @@
 import React__default, { useEffect } from 'react';
 import { c as classNames } from './index-b76a85f4.js';
 import PropTypes from 'prop-types';
-import { g as constant$1, h as interpolateNumber, j as color, k as interpolateRgb, l as interpolateString, n as exponent, o as ordinal, p as initRange, r as map, s as slice$1, u as bisectRight, v as formatSpecifier, w as formatPrefix, x as format, d as d3Select } from './transform-3a04288b.js';
+import { 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';
 
 function sequence(start, stop, step) {
@@ -666,8 +666,8 @@ var BarChart = function BarChart(_ref) {
         maxValue = parseInt(item.count, 10);
       }
     });
-    d3Select('div#barChart').html('');
-    var svg = d3Select('#barChart').append('svg').attr('width', width + margin.left + margin.right).attr('height', height + margin.top + margin.bottom).append('g').attr('transform', "translate(".concat(margin.left, ",").concat(margin.top, ")"));
+    select('div#barChart').html('');
+    var svg = select('#barChart').append('svg').attr('width', width + margin.left + margin.right).attr('height', height + margin.top + margin.bottom).append('g').attr('transform', "translate(".concat(margin.left, ",").concat(margin.top, ")"));
     // X axis
     var x = band().range([0, width]).domain(data.map(function (d) {
       return d.year;

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

@@ -2753,6 +2753,12 @@ const downloadGephi = snaData => {
 
 /* 轉檔工具, 提供API轉下載tsv/xlsx */
 
+/* 欄名走套件自帶的 getIntl()：zh-tw 語系表的值與原本寫死的欄名相同，子站（僅 zh-tw）輸出不變；
+   主站英文頁輸出英文欄名（nmtl-web i18n 盤點 D6） */
+const header = id => getIntl().formatMessage({
+  id
+});
+
 /* 大事年表 */
 const chronologyConvert = data => {
   const getText = function () {
@@ -2764,6 +2770,15 @@ const chronologyConvert = data => {
     };
   };
 
+  /* 資料來源：主站把名稱包在 .tooltipsources 裡（「資料來源：」前綴隨語系變動，無法再靠中文字剝除）；
+     子站的時間軸 HTML 沒有這一層，沿用原本剝除「註」「資料來源：」的寫法 */
+  const getSources = function () {
+    let after = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    const tagged = after.match(/<span class="tooltipsources">([\s\S]*?)<\/span>/);
+    if (tagged) return tagged[1].replaceAll(/(<([^>]+)>)/gi, '').trim();
+    return after.replaceAll('\n', '').replaceAll('\t', '').replace('註', '').replace('資料來源：', '').replaceAll(/(<([^>]+)>)/gi, '');
+  };
+
   /* 做資料過濾 */
   const newData = (data || []).map(_ref => {
     let {
@@ -2779,11 +2794,11 @@ const chronologyConvert = data => {
       }
     } = _ref;
     return {
-      日期: `${year || ''}/${month || ''}/${day || ''}`,
-      名稱: (displayDate || '').replace('<span>', '').replace('</span>', ''),
-      描述: (headline || '').replaceAll(/(<([^>]+)>)/gi, ''),
-      類型: getText(text).before,
-      '註(資料集名稱)': getText(text).after.replaceAll('\n', '').replaceAll('\t', '').replace('註', '').replace('資料來源：', '').replaceAll(/(<([^>]+)>)/gi, '')
+      [header('export.chronology.date')]: `${year || ''}/${month || ''}/${day || ''}`,
+      [header('export.chronology.name')]: (displayDate || '').replace('<span>', '').replace('</span>', ''),
+      [header('export.chronology.description')]: (headline || '').replaceAll(/(<([^>]+)>)/gi, ''),
+      [header('export.chronology.type')]: getText(text).before,
+      [header('export.chronology.source')]: getSources(getText(text).after)
     };
   });
   return newData;
@@ -2800,12 +2815,12 @@ const mapConvert = data => (data || []).map(_ref2 => {
     posY
   } = _ref2;
   return {
-    '名稱(書名/文章名)': title || '',
-    作者: author || '',
-    出版者: publisher || '',
-    '地點(作品描述區域)': locations || '',
-    經度: posX || '',
-    緯度: posY || ''
+    [header('export.works.title')]: title || '',
+    [header('export.works.author')]: author || '',
+    [header('export.map.publisher')]: publisher || '',
+    [header('export.map.location')]: locations || '',
+    [header('export.map.longitude')]: posX || '',
+    [header('export.map.latitude')]: posY || ''
   };
 });
 
@@ -2821,13 +2836,13 @@ const mapLgConvert = data => (data || []).map(_ref3 => {
     activePosY
   } = _ref3;
   return {
-    組織名稱: title || '',
-    創立地點: locationOfFormation,
-    創立地點經度: createPosX || '',
-    創立地點緯度: createPosY || '',
-    活動地點: workLocations || '',
-    活動地點經度: activePosX || '',
-    活動地點緯度: activePosY || ''
+    [header('export.mapLg.orgName')]: title || '',
+    [header('export.mapLg.foundingPlace')]: locationOfFormation,
+    [header('export.mapLg.foundingLongitude')]: createPosX || '',
+    [header('export.mapLg.foundingLatitude')]: createPosY || '',
+    [header('export.mapLg.activityPlace')]: workLocations || '',
+    [header('export.mapLg.activityLongitude')]: activePosX || '',
+    [header('export.mapLg.activityLatitude')]: activePosY || ''
   };
 });
 
@@ -2842,16 +2857,16 @@ const worksBarChart = data => (data || []).map(_ref4 => {
     genreName
   } = _ref4;
   return {
-    '出版年/發表年': date || year || '',
-    '名稱(書名/文章名)': title || '',
-    作者: (authors || []).map(_ref5 => {
+    [header('export.works.publishYear')]: date || year || '',
+    [header('export.works.title')]: title || '',
+    [header('export.works.author')]: (authors || []).map(_ref5 => {
       let {
         author
       } = _ref5;
       return author;
     }).join(','),
-    關鍵字: (keywords || '').replaceAll('\n', ''),
-    文學分類: genreName || ''
+    [header('export.works.keywords')]: (keywords || '').replaceAll('\n', ''),
+    [header('export.works.genre')]: genreName || ''
   };
 });
 
@@ -2863,9 +2878,9 @@ const worksSlider = data => (data || []).map(_ref6 => {
     date
   } = _ref6;
   return {
-    '名稱(書名/文章名)': title || '',
-    作者: author || '',
-    '出版日期/發表日期': date || ''
+    [header('export.works.title')]: title || '',
+    [header('export.works.author')]: author || '',
+    [header('export.works.publishDate')]: date || ''
     // 文學分類: genreName || '',
     // 作品描述地: workDesc || '',
     // 作家出生地: locations,
@@ -3157,6 +3172,15 @@ styleInject(css_248z);
 
 /* eslint-disable prefer-destructuring */
 
+/* 元件內部字串：呼叫端有傳 intl（各站自己的 react-intl）就沿用；沒傳就走套件自帶的 getIntl()，
+   語系由各站在 IndexProvider 以 getIntl().setLocale() 設定。
+   原本沒傳時直接落在寫死的中文，英文頁的工具列整排都是中文（nmtl-web i18n 盤點 D1） */
+const translate = (intl, id) => intl ? intl.formatMessage({
+  id
+}) : getIntl().formatMessage({
+  id
+});
+
 /* 視覺隱藏文字（供按鈕內容作為可及名稱, WCAG 4.1.2） */
 const hiddenTextStyle = {
   position: 'absolute',
@@ -3214,10 +3238,8 @@ const DownloadMenu = _ref2 => {
   /* react-data-export 的隱藏觸發器（見下方 xlsxTrigger 說明） */
   const xlsxTriggerRef = useRef(null);
   const hideButton = type => (exclude || []).filter(key => key === type).length > 0;
-  const t = (key, fallback) => intl ? intl.formatMessage({
-    id: key
-  }) : fallback;
-  const downloadLabel = t('knowledge.writersAndWorksSNA.download', '下載');
+  const t = id => translate(intl, id);
+  const downloadLabel = t('knowledge.writersAndWorksSNA.download');
 
   /* xlsx 需由 react-data-export 產生檔案，但它只會把傳入的 element 包一層 <span onClick>；
      若直接把 MenuItem 交給它，選單裡就會出現 <span><li role="menuitem"></span>——
@@ -3231,11 +3253,11 @@ const DownloadMenu = _ref2 => {
       id: domToImageId,
       fileName: `${exportFileName}_${exportDateSuffix()}`
     }),
-    label: t('knowledge.writersAndWorksSNA.download.img', '下載圖片')
+    label: t('knowledge.writersAndWorksSNA.download.img')
   }, {
     key: 'downloadGephi',
     onClick: () => downloadGephi(data),
-    label: t('knowledge.writersAndWorksSNA.download.gephi', '下載Gephi')
+    label: t('knowledge.writersAndWorksSNA.download.gephi')
   }, {
     key: 'downloadTsv',
     onClick: () => exportXlsx({
@@ -3244,11 +3266,11 @@ const DownloadMenu = _ref2 => {
       extType: 'tsv',
       fileName: exportFileName
     }),
-    label: t('knowledge.writersAndWorksSNA.download.tsv', '下載Tsv')
+    label: t('knowledge.writersAndWorksSNA.download.tsv')
   }, {
     key: 'downloadXls',
     onClick: () => xlsxTriggerRef.current && xlsxTriggerRef.current.click(),
-    label: t('knowledge.writersAndWorksSNA.download.xls', '下載Excel'),
+    label: t('knowledge.writersAndWorksSNA.download.xls'),
     requireExcel: true
   }];
   const menuItems = btns.filter(_ref3 => {
@@ -3360,17 +3382,13 @@ const FullscreenBtn = _ref5 => {
   return /*#__PURE__*/React__default.createElement("div", {
     className: classNames('extraTools__fullscreenBtn', className)
   }, /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: intl ? intl.formatMessage({
-      id: 'knowledge.writersAndWorksSNA.fullscreen'
-    }) : '全螢幕模式',
+    title: translate(intl, 'knowledge.writersAndWorksSNA.fullscreen'),
     placement: "bottom"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "extraTools__fullscreenBtn-icon",
     role: "button",
     tabIndex: 0,
-    "aria-label": intl ? intl.formatMessage({
-      id: 'knowledge.writersAndWorksSNA.fullscreen'
-    }) : '全螢幕模式',
+    "aria-label": translate(intl, 'knowledge.writersAndWorksSNA.fullscreen'),
     onClick: () => {
       if (screenfull.isEnabled && fullscreenDomId) screenfull.request(document.getElementById(fullscreenDomId));
     },
@@ -3420,12 +3438,9 @@ const FontSizeChanger = _ref6 => {
       if (el.getAttribute('tabindex') === '0') return;
       const isUp = el.classList.contains('font-size-up');
       const labelId = isUp ? 'knowledge.writersAndWorksSNA.big' : 'knowledge.writersAndWorksSNA.small';
-      const fallback = isUp ? '字級放大' : '字級縮小';
       el.setAttribute('tabindex', '0');
       el.setAttribute('role', 'button');
-      el.setAttribute('aria-label', intl ? intl.formatMessage({
-        id: labelId
-      }) : fallback);
+      el.setAttribute('aria-label', translate(intl, labelId));
       el.addEventListener('keydown', event => {
         if (event.key === 'Enter' || event.key === ' ') {
           event.preventDefault();
@@ -3443,29 +3458,21 @@ const FontSizeChanger = _ref6 => {
     customButtons: {
       /* 外層按鈕由 react-font-size-changer 渲染，以 role="img" + aria-label 提供按鈕可及名稱（WCAG 4.1.2） */
       up: /*#__PURE__*/React__default.createElement(Tooltip, {
-        title: intl ? intl.formatMessage({
-          id: 'knowledge.writersAndWorksSNA.big'
-        }) : '字級放大',
+        title: translate(intl, 'knowledge.writersAndWorksSNA.big'),
         placement: "bottom"
       }, /*#__PURE__*/React__default.createElement("span", {
         role: "img",
-        "aria-label": intl ? intl.formatMessage({
-          id: 'knowledge.writersAndWorksSNA.big'
-        }) : '字級放大'
+        "aria-label": translate(intl, 'knowledge.writersAndWorksSNA.big')
       }, /*#__PURE__*/React__default.createElement(SVGComponent$2, {
         fill: iconColor,
         "aria-hidden": "true"
       }))),
       down: /*#__PURE__*/React__default.createElement(Tooltip, {
-        title: intl ? intl.formatMessage({
-          id: 'knowledge.writersAndWorksSNA.small'
-        }) : '字級縮小',
+        title: translate(intl, 'knowledge.writersAndWorksSNA.small'),
         placement: "bottom"
       }, /*#__PURE__*/React__default.createElement("span", {
         role: "img",
-        "aria-label": intl ? intl.formatMessage({
-          id: 'knowledge.writersAndWorksSNA.small'
-        }) : '字級縮小'
+        "aria-label": translate(intl, 'knowledge.writersAndWorksSNA.small')
       }, /*#__PURE__*/React__default.createElement(SVGComponent$1, {
         fill: iconColor,
         "aria-hidden": "true"
@@ -3514,14 +3521,10 @@ const SNAResetBtn = _ref7 => {
   }, /*#__PURE__*/React__default.createElement("div", {
     id: "resetBtn"
   }, /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: intl ? intl.formatMessage({
-      id: 'common.sna.reset'
-    }) : '回到原來位置與大小',
+    title: translate(intl, 'common.sna.reset'),
     placement: "bottom"
   }, /*#__PURE__*/React__default.createElement(IconButton, {
-    "aria-label": intl ? intl.formatMessage({
-      id: 'common.sna.reset'
-    }) : '回到原來位置與大小',
+    "aria-label": translate(intl, 'common.sna.reset'),
     onClick: () => renderSNA(),
     style: {
       padding: '0px'

package/lib/components/ExtraTools.js

@@ -1,4 +1,4 @@
-export { E as default } from './ExtraTools-11d483d5.js';
+export { E as default } from './ExtraTools-2691c13e.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import './index-b76a85f4.js';

package/lib/components/{ForwardLink-fec856b3.js → ForwardLink-5fbd2705.js}

@@ -12,7 +12,19 @@ var css_248z = ".forwardLink {\n  width: -moz-fit-content;\n  width: fit-content
 styleInject(css_248z);
 
 var _excluded = ["className", "linkClassName", "title", "target", "disabled", "children", "tip", "onClick"];
-var locale = '/zh-tw'; // 20230318 暫時寫死，若套件納入語系控制，可將其置換
+
+/*
+ * 導頁前綴沿用目前網址的語系段（/en/…、/zh-tw/…）。
+ * 原本寫死 '/zh-tw'（2023-03-18 暫時寫死），英文頁上的 ForwardLink 一律把使用者帶回中文站（nmtl-web i18n 盤點 D2）。
+ * history.location.pathname 不含 Router basename（各站 contextRoot），第一段就是語系；
+ * 只接受已知語系代碼，避免把 hr／lg／ra 這類兩個字母的子站代碼誤認成語系。
+ */
+var KNOWN_LOCALES = ['zh-tw', 'zh-cn', 'en', 'en-us'];
+var DEFAULT_LOCALE = 'zh-tw';
+var getLocalePrefix = function getLocalePrefix(pathname) {
+  var firstSegment = (pathname || '').split('/').filter(Boolean)[0];
+  return "/".concat(firstSegment && KNOWN_LOCALES.includes(firstSegment.toLowerCase()) ? firstSegment : DEFAULT_LOCALE);
+};
 
 /*
  * ⚠️ 本元件刻意「不輸出 href 屬性」，請勿改回 <a> 或 react-router <Link>。
@@ -69,7 +81,7 @@ var ForwardLink = function ForwardLink(_ref) {
   var go = useCallback(function () {
     if (onClick && onClick() === false) return;
     var to = {
-      pathname: "".concat(locale).concat(pathname),
+      pathname: "".concat(getLocalePrefix(history.location.pathname)).concat(pathname),
       search: search
     };
     if (target === '_blank') {

package/lib/components/ForwardLink.js

@@ -1,4 +1,4 @@
-export { F as default } from './ForwardLink-fec856b3.js';
+export { F as default } from './ForwardLink-5fbd2705.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';

package/lib/components/KeywordTicker.js

@@ -2,7 +2,7 @@ import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { c as classNames } from './index-b76a85f4.js';
-import { F as ForwardLink } from './ForwardLink-fec856b3.js';
+import { F as ForwardLink } from './ForwardLink-5fbd2705.js';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './index-b47819f3.js';

package/lib/components/SNA.js

@@ -1,15 +1,19 @@
 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-11d483d5.js';
+import { s as select, c as creator, e as event, d as dispatch, a 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-849a452c.js';
+import { E as ExtraTools } from './ExtraTools-2691c13e.js';
+import { getIntl } from './globalConfig';
 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-a9e3fae1.js';
-import './globalConfig';
+
+function d3Create(name) {
+  return select(creator(name).call(document.documentElement));
+}
 
 function sourceEvent() {
   var current = event, source;
@@ -60,7 +64,7 @@ function noevent$1() {
 
 function dragDisable(view) {
   var root = view.document.documentElement,
-      selection = d3Select(view).on("dragstart.drag", noevent$1, true);
+      selection = select(view).on("dragstart.drag", noevent$1, true);
   if ("onselectstart" in root) {
     selection.on("selectstart.drag", noevent$1, true);
   } else {
@@ -71,7 +75,7 @@ function dragDisable(view) {
 
 function yesdrag(view, noclick) {
   var root = view.document.documentElement,
-      selection = d3Select(view).on("dragstart.drag", null);
+      selection = select(view).on("dragstart.drag", null);
   if (noclick) {
     selection.on("click.drag", noevent$1, true);
     setTimeout(function() { selection.on("click.drag", null); }, 0);
@@ -136,7 +140,7 @@ function drag() {
     if (touchending || !filter.apply(this, arguments)) return;
     var gesture = beforestart("mouse", container.apply(this, arguments), mouse, this, arguments);
     if (!gesture) return;
-    d3Select(event.view).on("mousemove.drag", mousemoved, true).on("mouseup.drag", mouseupped, true);
+    select(event.view).on("mousemove.drag", mousemoved, true).on("mouseup.drag", mouseupped, true);
     dragDisable(event.view);
     nopropagation$1();
     mousemoving = false;
@@ -155,7 +159,7 @@ function drag() {
   }
 
   function mouseupped() {
-    d3Select(event.view).on("mousemove.drag mouseup.drag", null);
+    select(event.view).on("mousemove.drag mouseup.drag", null);
     yesdrag(event.view, mousemoving);
     noevent$1();
     gestures.mouse("end");
@@ -1228,7 +1232,7 @@ function zoom() {
   function mousedowned() {
     if (touchending || !filter.apply(this, arguments)) return;
     var g = gesture(this, arguments, true),
-        v = d3Select(event.view).on("mousemove.zoom", mousemoved, true).on("mouseup.zoom", mouseupped, true),
+        v = select(event.view).on("mousemove.zoom", mousemoved, true).on("mouseup.zoom", mouseupped, true),
         p = mouse(this),
         x0 = event.clientX,
         y0 = event.clientY;
@@ -1265,8 +1269,8 @@ function zoom() {
         t1 = constrain(translate(scale(t0, k1), p0, p1), extent.apply(this, arguments), translateExtent);
 
     noevent();
-    if (duration > 0) d3Select(this).transition().duration(duration).call(schedule, t1, p0);
-    else d3Select(this).call(zoom.transform, t1);
+    if (duration > 0) select(this).transition().duration(duration).call(schedule, t1, p0);
+    else select(this).call(zoom.transform, t1);
   }
 
   function touchstarted() {
@@ -1342,7 +1346,7 @@ function zoom() {
       g.end();
       // If this was a dbltap, reroute to the (optional) dblclick.zoom handler.
       if (g.taps === 2) {
-        var p = d3Select(this).on("dblclick.zoom");
+        var p = select(this).on("dblclick.zoom");
         if (p) p.apply(this, arguments);
       }
     }
@@ -1418,12 +1422,18 @@ var SNA = function SNA(props) {
     backgroundColor = props.backgroundColor,
     iconColor = props.iconColor;
   var g;
+  /* 元件內部字串：有傳 intl 就沿用，沒傳就走套件自帶的 getIntl()；原本沒傳時落在寫死的中文（nmtl-web i18n 盤點 D3） */
+  var translateText = function translateText(id) {
+    return intl ? intl.formatMessage({
+      id: id
+    }) : getIntl().formatMessage({
+      id: id
+    });
+  };
   if (!SNAData || SNAData.nodes.length === 0) {
     return /*#__PURE__*/React__default.createElement("div", {
       className: "noData"
-    }, intl ? intl.formatMessage({
-      id: 'common.noData'
-    }) : '暫無資料');
+    }, translateText('common.noData'));
   }
   var contentWidth = useMemo(function () {
     return screen.width > 1050 ? width : screen.width - 80;
@@ -1435,39 +1445,25 @@ var SNA = function SNA(props) {
     switch (type) {
       case 'mainNode':
         // 主要搜尋中心
-        return intl ? intl.formatMessage({
-          id: 'SNA.search.center'
-        }) : '主要搜尋中心';
+        return translateText('SNA.search.center');
       case 'organization':
         // 組織
-        return intl ? intl.formatMessage({
-          id: 'SNA.organization'
-        }) : '組織';
+        return translateText('SNA.organization');
       case 'person':
         // 作家
-        return intl ? intl.formatMessage({
-          id: 'SNA.author'
-        }) : '作家';
+        return translateText('SNA.author');
       case 'publication':
         // 著作
-        return intl ? intl.formatMessage({
-          id: 'SNA.publication'
-        }) : '作家';
+        return translateText('SNA.publication');
       case 'article':
         // 單篇作品
-        return intl ? intl.formatMessage({
-          id: 'SNA.article'
-        }) : '單篇作品';
+        return translateText('SNA.article');
       case 'keyword':
         // 關鍵字
-        return intl ? intl.formatMessage({
-          id: 'SNA.keyword'
-        }) : '關鍵字';
+        return translateText('SNA.keyword');
       case 'event':
         // 事件
-        return intl ? intl.formatMessage({
-          id: 'SNA.event'
-        }) : '事件';
+        return translateText('SNA.event');
       default:
         return '';
     }
@@ -1528,7 +1524,13 @@ var SNA = function SNA(props) {
     }).distance(50)).force('charge', manyBody().strength(-200).distanceMax(1000)).force('center', center(contentWidth / 2, contentHeight / 2)).force('collide', collide().radius(function () {
       return nodeRadius + 5;
     }).strength(1).iterations(10)).force('x', x(contentWidth / 2)).force('y', y(contentHeight / 2)).force('radial', radial(100, contentWidth / 1.5, contentHeight / 1.5));
-    var svg = d3Select('#sna-graph').append('svg').attr('viewBox', [0, 0, contentWidth, contentHeight]).style('background-color', backgroundColor);
+
+    /* 效能：SVG 先建在未掛上文件的節點，全部節點／標籤／連線建好後才一次掛進 #sna-graph（見 init 結尾）。
+       Adobe Fonts 動態子集 kit（abo/ada/hr/ra 的 index.html 載入）在 body 掛 MutationObserver，
+       每筆 mutation 都用 TreeWalker 重掃目標整棵子樹收集文字；d3 逐一 append 進 live DOM 時，
+       每加一個節點就產生一筆以父層 <g> 為目標的紀錄 → O(n²)，ra 1,428 個節點首次載入主執行緒凍結 39–73 秒。
+       離線建好再掛上，kit 只收到一筆紀錄、只掃一次 */
+    var svg = d3Create('svg').attr('viewBox', [0, 0, contentWidth, contentHeight]).style('background-color', backgroundColor);
     svg.append('defs').append('marker').attr('id', 'arrowhead').attr('viewBox', arrowViewBox).attr('refX', nodeRadius * 2 + nodeRadius * arrowPercent).attr('refY', 0).attr('orient', 'auto').attr('markerWidth', nodeRadius * (1 + arrowPercent)).attr('markerHeight', nodeRadius * (1 + arrowPercent)).attr('xoverflow', 'visible').append('svg:path').attr('d', arrowPath).attr('fill', '#999').style('stroke', 'none');
     // 增加一層g用來包住所有的物件，並對此g加入縮放功能
     g = svg.append('g');
@@ -1632,6 +1634,10 @@ var SNA = function SNA(props) {
         return getLineCurve(d.source, d.target, lineRaduis);
       });
     });
+
+    // 一次掛上（原因見上方建立 svg 處）；simulation 的 tick 由 d3-timer 排在之後的 frame，掛上前不會跑
+    var container = document.getElementById('sna-graph');
+    if (container) container.appendChild(svg.node());
   };
   var renderSNA = function renderSNA() {
     if (SNAData && SNAData.nodes && SNAData.nodes.length > 0) {

package/lib/components/globalConfig.js

@@ -96,7 +96,45 @@ var zhtw = {
 	"aria.pagination.changed": "已切換至第 {page} 頁，結果已更新",
 	"aria.keyword.groupLabel": "關鍵字，共 {count} 個，可用方向鍵瀏覽",
 	"common.select.placeholder": "請選擇…",
-	"common.share.facebook": "分享至 Facebook"
+	"common.share.facebook": "分享至 Facebook",
+	"knowledge.writersAndWorksSNA.download": "下載",
+	"knowledge.writersAndWorksSNA.download.img": "下載圖片",
+	"knowledge.writersAndWorksSNA.download.gephi": "下載Gephi",
+	"knowledge.writersAndWorksSNA.download.tsv": "下載Tsv",
+	"knowledge.writersAndWorksSNA.download.xls": "下載Excel",
+	"knowledge.writersAndWorksSNA.fullscreen": "全螢幕模式",
+	"knowledge.writersAndWorksSNA.big": "字級放大",
+	"knowledge.writersAndWorksSNA.small": "字級縮小",
+	"common.noData": "暫無資料",
+	"SNA.search.center": "主要搜尋中心",
+	"SNA.organization": "組織",
+	"SNA.author": "作家",
+	"SNA.publication": "著作",
+	"SNA.article": "單篇作品",
+	"SNA.keyword": "關鍵字",
+	"SNA.event": "事件",
+	"export.chronology.date": "日期",
+	"export.chronology.name": "名稱",
+	"export.chronology.description": "描述",
+	"export.chronology.type": "類型",
+	"export.chronology.source": "註(資料集名稱)",
+	"export.works.title": "名稱(書名/文章名)",
+	"export.works.author": "作者",
+	"export.works.publishYear": "出版年/發表年",
+	"export.works.keywords": "關鍵字",
+	"export.works.genre": "文學分類",
+	"export.works.publishDate": "出版日期/發表日期",
+	"export.map.publisher": "出版者",
+	"export.map.location": "地點(作品描述區域)",
+	"export.map.longitude": "經度",
+	"export.map.latitude": "緯度",
+	"export.mapLg.orgName": "組織名稱",
+	"export.mapLg.foundingPlace": "創立地點",
+	"export.mapLg.foundingLongitude": "創立地點經度",
+	"export.mapLg.foundingLatitude": "創立地點緯度",
+	"export.mapLg.activityPlace": "活動地點",
+	"export.mapLg.activityLongitude": "活動地點經度",
+	"export.mapLg.activityLatitude": "活動地點緯度"
 };
 
 var zhcn = {
@@ -181,7 +219,47 @@ var zhcn = {
 	"aria.pagination.changed": "已切换至第 {page} 页，结果已更新",
 	"aria.keyword.groupLabel": "关键字，共 {count} 个，可用方向键浏览",
 	"common.select.placeholder": "请选择…",
-	"common.share.facebook": "分享至 Facebook"
+	"common.share.facebook": "分享至 Facebook",
+	"common.form.code.check": "请输入验证码(点击图片可更换验证码)",
+	"common.sna.reset": "回到原来位置与大小",
+	"knowledge.writersAndWorksSNA.download": "下载",
+	"knowledge.writersAndWorksSNA.download.img": "下载图片",
+	"knowledge.writersAndWorksSNA.download.gephi": "下载Gephi",
+	"knowledge.writersAndWorksSNA.download.tsv": "下载Tsv",
+	"knowledge.writersAndWorksSNA.download.xls": "下载Excel",
+	"knowledge.writersAndWorksSNA.fullscreen": "全屏模式",
+	"knowledge.writersAndWorksSNA.big": "字号放大",
+	"knowledge.writersAndWorksSNA.small": "字号缩小",
+	"common.noData": "暂无资料",
+	"SNA.search.center": "主要搜寻中心",
+	"SNA.organization": "组织",
+	"SNA.author": "作家",
+	"SNA.publication": "著作",
+	"SNA.article": "单篇作品",
+	"SNA.keyword": "关键字",
+	"SNA.event": "事件",
+	"export.chronology.date": "日期",
+	"export.chronology.name": "名称",
+	"export.chronology.description": "描述",
+	"export.chronology.type": "类型",
+	"export.chronology.source": "注(资料集名称)",
+	"export.works.title": "名称(书名/文章名)",
+	"export.works.author": "作者",
+	"export.works.publishYear": "出版年/发表年",
+	"export.works.keywords": "关键字",
+	"export.works.genre": "文学分类",
+	"export.works.publishDate": "出版日期/发表日期",
+	"export.map.publisher": "出版者",
+	"export.map.location": "地点(作品描述区域)",
+	"export.map.longitude": "经度",
+	"export.map.latitude": "纬度",
+	"export.mapLg.orgName": "组织名称",
+	"export.mapLg.foundingPlace": "创立地点",
+	"export.mapLg.foundingLongitude": "创立地点经度",
+	"export.mapLg.foundingLatitude": "创立地点纬度",
+	"export.mapLg.activityPlace": "活动地点",
+	"export.mapLg.activityLongitude": "活动地点经度",
+	"export.mapLg.activityLatitude": "活动地点纬度"
 };
 
 var enus = {
@@ -266,7 +344,47 @@ var enus = {
 	"aria.pagination.changed": "Moved to page {page}. Results updated",
 	"aria.keyword.groupLabel": "Keywords, {count} items, use arrow keys to browse",
 	"common.select.placeholder": "Please select...",
-	"common.share.facebook": "Share on Facebook"
+	"common.share.facebook": "Share on Facebook",
+	"common.form.code.check": "Enter the verification code (click the image for a new one)",
+	"common.sna.reset": "Reset position and size",
+	"knowledge.writersAndWorksSNA.download": "Download",
+	"knowledge.writersAndWorksSNA.download.img": "Download image",
+	"knowledge.writersAndWorksSNA.download.gephi": "Download Gephi",
+	"knowledge.writersAndWorksSNA.download.tsv": "Download TSV",
+	"knowledge.writersAndWorksSNA.download.xls": "Download Excel",
+	"knowledge.writersAndWorksSNA.fullscreen": "Full screen",
+	"knowledge.writersAndWorksSNA.big": "Increase font size",
+	"knowledge.writersAndWorksSNA.small": "Decrease font size",
+	"common.noData": "No data",
+	"SNA.search.center": "Main node",
+	"SNA.organization": "Organization",
+	"SNA.author": "Author",
+	"SNA.publication": "Publication",
+	"SNA.article": "Article",
+	"SNA.keyword": "Keyword",
+	"SNA.event": "Event",
+	"export.chronology.date": "Date",
+	"export.chronology.name": "Name",
+	"export.chronology.description": "Description",
+	"export.chronology.type": "Type",
+	"export.chronology.source": "Note (dataset)",
+	"export.works.title": "Title (book/article)",
+	"export.works.author": "Author",
+	"export.works.publishYear": "Year of publication",
+	"export.works.keywords": "Keywords",
+	"export.works.genre": "Literary genre",
+	"export.works.publishDate": "Publication date",
+	"export.map.publisher": "Publisher",
+	"export.map.location": "Location (region described)",
+	"export.map.longitude": "Longitude",
+	"export.map.latitude": "Latitude",
+	"export.mapLg.orgName": "Organization name",
+	"export.mapLg.foundingPlace": "Place of founding",
+	"export.mapLg.foundingLongitude": "Founding place longitude",
+	"export.mapLg.foundingLatitude": "Founding place latitude",
+	"export.mapLg.activityPlace": "Place of activity",
+	"export.mapLg.activityLongitude": "Activity place longitude",
+	"export.mapLg.activityLatitude": "Activity place latitude"
 };
 
 var _languages;

package/lib/components/{transform-3a04288b.js → transform-849a452c.js}

@@ -988,7 +988,7 @@ Selection$1.prototype = selection.prototype = {
   dispatch: selection_dispatch
 };
 
-function d3Select(selector) {
+function select(selector) {
   return typeof selector === "string"
       ? new Selection$1([[document.querySelector(selector)]], [document.documentElement])
       : new Selection$1([[selector]], root);
@@ -5472,4 +5472,4 @@ Transform.prototype = {
 
 var identity = new Transform(1, 0, 0);
 
-export { DragEvent as D, Transform as T, dispatch as a, interrupt as b, customEvent as c, d3Select as d, event as e, category10 as f, constant as g, interpolateNumber as h, identity as i, color as j, interpolateRgb as k, interpolateString as l, map$2 as m, exponent as n, ordinal as o, initRange as p, quadtree as q, map as r, slice as s, timer as t, bisectRight as u, formatSpecifier as v, formatPrefix as w, format as x };
+export { DragEvent as D, Transform as T, customEvent as a, interrupt as b, creator as c, dispatch as d, event as e, category10 as f, constant as g, interpolateNumber as h, identity as i, color as j, interpolateRgb as k, interpolateString as l, map$2 as m, exponent as n, ordinal as o, initRange as p, quadtree as q, map as r, select as s, timer as t, slice as u, bisectRight as v, formatSpecifier as w, formatPrefix as x, format as y };

package/lib/utils/{_rollupPluginBabelHelpers-8dd26e1a.js → _rollupPluginBabelHelpers-9802e640.js}

@@ -118,4 +118,4 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-export { _toConsumableArray as _, _slicedToArray as a, _objectWithoutProperties as b, _objectSpread2 as c };
+export { _toConsumableArray as _, _defineProperty as a, _slicedToArray as b, _objectWithoutProperties as c, _objectSpread2 as d };

package/lib/utils/arrayMerge.js

@@ -1,4 +1,4 @@
-import { c as _objectSpread2 } from './_rollupPluginBabelHelpers-8dd26e1a.js';
+import { d as _objectSpread2 } from './_rollupPluginBabelHelpers-9802e640.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/lib/utils/exportXlsx.js

@@ -1,4 +1,5 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-8dd26e1a.js';
+import { a as _defineProperty, b as _slicedToArray } from './_rollupPluginBabelHelpers-9802e640.js';
+import { getIntl } from '../components/globalConfig';
 
 var fileDownload = function(data, filename, mime, bom) {
     var blobData = (typeof bom !== 'undefined') ? [bom, data] : [data];
@@ -78,7 +79,13 @@ var snaToExcel = function snaToExcel(data) {
   return [];
 };
 
-/* 轉檔工具, 提供API轉下載tsv/xlsx */
+/* 欄名走套件自帶的 getIntl()：zh-tw 語系表的值與原本寫死的欄名相同，子站（僅 zh-tw）輸出不變；
+   主站英文頁輸出英文欄名（nmtl-web i18n 盤點 D6） */
+var header = function header(id) {
+  return getIntl().formatMessage({
+    id: id
+  });
+};
 
 /* 大事年表 */
 var chronologyConvert = function chronologyConvert(data) {
@@ -94,8 +101,18 @@ var chronologyConvert = function chronologyConvert(data) {
     };
   };
 
+  /* 資料來源：主站把名稱包在 .tooltipsources 裡（「資料來源：」前綴隨語系變動，無法再靠中文字剝除）；
+     子站的時間軸 HTML 沒有這一層，沿用原本剝除「註」「資料來源：」的寫法 */
+  var getSources = function getSources() {
+    var after = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var tagged = after.match(/<span class="tooltipsources">([\s\S]*?)<\/span>/);
+    if (tagged) return tagged[1].replaceAll(/(<([^>]+)>)/gi, '').trim();
+    return after.replaceAll('\n', '').replaceAll('\t', '').replace('註', '').replace('資料來源：', '').replaceAll(/(<([^>]+)>)/gi, '');
+  };
+
   /* 做資料過濾 */
   var newData = (data || []).map(function (_ref) {
+    var _ref2;
     var _ref$start_date = _ref.start_date,
       day = _ref$start_date.day,
       month = _ref$start_date.month,
@@ -104,96 +121,65 @@ var chronologyConvert = function chronologyConvert(data) {
       _ref$text = _ref.text,
       headline = _ref$text.headline,
       text = _ref$text.text;
-    return {
-      日期: "".concat(year || '', "/").concat(month || '', "/").concat(day || ''),
-      名稱: (displayDate || '').replace('<span>', '').replace('</span>', ''),
-      描述: (headline || '').replaceAll(/(<([^>]+)>)/gi, ''),
-      類型: getText(text).before,
-      '註(資料集名稱)': getText(text).after.replaceAll('\n', '').replaceAll('\t', '').replace('註', '').replace('資料來源：', '').replaceAll(/(<([^>]+)>)/gi, '')
-    };
+    return _ref2 = {}, _defineProperty(_ref2, header('export.chronology.date'), "".concat(year || '', "/").concat(month || '', "/").concat(day || '')), _defineProperty(_ref2, header('export.chronology.name'), (displayDate || '').replace('<span>', '').replace('</span>', '')), _defineProperty(_ref2, header('export.chronology.description'), (headline || '').replaceAll(/(<([^>]+)>)/gi, '')), _defineProperty(_ref2, header('export.chronology.type'), getText(text).before), _defineProperty(_ref2, header('export.chronology.source'), getSources(getText(text).after)), _ref2;
   });
   return newData;
 };
 
 /* 文學數據 - 地圖 */
 var mapConvert = function mapConvert(data) {
-  return (data || []).map(function (_ref2) {
-    var title = _ref2.title,
-      author = _ref2.author,
-      publisher = _ref2.publisher,
-      locations = _ref2.locations,
-      posX = _ref2.posX,
-      posY = _ref2.posY;
-    return {
-      '名稱(書名/文章名)': title || '',
-      作者: author || '',
-      出版者: publisher || '',
-      '地點(作品描述區域)': locations || '',
-      經度: posX || '',
-      緯度: posY || ''
-    };
+  return (data || []).map(function (_ref3) {
+    var _ref4;
+    var title = _ref3.title,
+      author = _ref3.author,
+      publisher = _ref3.publisher,
+      locations = _ref3.locations,
+      posX = _ref3.posX,
+      posY = _ref3.posY;
+    return _ref4 = {}, _defineProperty(_ref4, header('export.works.title'), title || ''), _defineProperty(_ref4, header('export.works.author'), author || ''), _defineProperty(_ref4, header('export.map.publisher'), publisher || ''), _defineProperty(_ref4, header('export.map.location'), locations || ''), _defineProperty(_ref4, header('export.map.longitude'), posX || ''), _defineProperty(_ref4, header('export.map.latitude'), posY || ''), _ref4;
   });
 };
 
 /* 文學數據 - 地圖(文學聚落) */
 var mapLgConvert = function mapLgConvert(data) {
-  return (data || []).map(function (_ref3) {
-    var title = _ref3.title,
-      locationOfFormation = _ref3.locationOfFormation,
-      workLocations = _ref3.workLocations,
-      createPosX = _ref3.createPosX,
-      createPosY = _ref3.createPosY,
-      activePosX = _ref3.activePosX,
-      activePosY = _ref3.activePosY;
-    return {
-      組織名稱: title || '',
-      創立地點: locationOfFormation,
-      創立地點經度: createPosX || '',
-      創立地點緯度: createPosY || '',
-      活動地點: workLocations || '',
-      活動地點經度: activePosX || '',
-      活動地點緯度: activePosY || ''
-    };
+  return (data || []).map(function (_ref5) {
+    var _ref6;
+    var title = _ref5.title,
+      locationOfFormation = _ref5.locationOfFormation,
+      workLocations = _ref5.workLocations,
+      createPosX = _ref5.createPosX,
+      createPosY = _ref5.createPosY,
+      activePosX = _ref5.activePosX,
+      activePosY = _ref5.activePosY;
+    return _ref6 = {}, _defineProperty(_ref6, header('export.mapLg.orgName'), title || ''), _defineProperty(_ref6, header('export.mapLg.foundingPlace'), locationOfFormation), _defineProperty(_ref6, header('export.mapLg.foundingLongitude'), createPosX || ''), _defineProperty(_ref6, header('export.mapLg.foundingLatitude'), createPosY || ''), _defineProperty(_ref6, header('export.mapLg.activityPlace'), workLocations || ''), _defineProperty(_ref6, header('export.mapLg.activityLongitude'), activePosX || ''), _defineProperty(_ref6, header('export.mapLg.activityLatitude'), activePosY || ''), _ref6;
   });
 };
 
 /* 文學數據 - 年度聲量 */
 var worksBarChart = function worksBarChart(data) {
-  return (data || []).map(function (_ref4) {
-    var date = _ref4.date,
-      year = _ref4.year,
-      title = _ref4.title,
-      keywords = _ref4.keywords,
-      authors = _ref4.authors,
-      genreName = _ref4.genreName;
-    return {
-      '出版年/發表年': date || year || '',
-      '名稱(書名/文章名)': title || '',
-      作者: (authors || []).map(function (_ref5) {
-        var author = _ref5.author;
-        return author;
-      }).join(','),
-      關鍵字: (keywords || '').replaceAll('\n', ''),
-      文學分類: genreName || ''
-    };
+  return (data || []).map(function (_ref7) {
+    var _ref9;
+    var date = _ref7.date,
+      year = _ref7.year,
+      title = _ref7.title,
+      keywords = _ref7.keywords,
+      authors = _ref7.authors,
+      genreName = _ref7.genreName;
+    return _ref9 = {}, _defineProperty(_ref9, header('export.works.publishYear'), date || year || ''), _defineProperty(_ref9, header('export.works.title'), title || ''), _defineProperty(_ref9, header('export.works.author'), (authors || []).map(function (_ref8) {
+      var author = _ref8.author;
+      return author;
+    }).join(',')), _defineProperty(_ref9, header('export.works.keywords'), (keywords || '').replaceAll('\n', '')), _defineProperty(_ref9, header('export.works.genre'), genreName || ''), _ref9;
   });
 };
 
 /* 文學數據 - 文學自由搭配 */
 var worksSlider = function worksSlider(data) {
-  return (data || []).map(function (_ref6) {
-    var title = _ref6.title,
-      author = _ref6.author,
-      date = _ref6.date;
-    return {
-      '名稱(書名/文章名)': title || '',
-      作者: author || '',
-      '出版日期/發表日期': date || ''
-      // 文學分類: genreName || '',
-      // 作品描述地: workDesc || '',
-      // 作家出生地: locations,
-      // 獲獎獎項: awards || '',
-    };
+  return (data || []).map(function (_ref10) {
+    var _ref11;
+    var title = _ref10.title,
+      author = _ref10.author,
+      date = _ref10.date;
+    return _ref11 = {}, _defineProperty(_ref11, header('export.works.title'), title || ''), _defineProperty(_ref11, header('export.works.author'), author || ''), _defineProperty(_ref11, header('export.works.publishDate'), date || ''), _ref11;
   });
 };
 

package/lib/utils/historyAppendSearch.js

@@ -1,4 +1,4 @@
-import { b as _objectWithoutProperties, c as _objectSpread2 } from './_rollupPluginBabelHelpers-8dd26e1a.js';
+import { c as _objectWithoutProperties, d as _objectSpread2 } from './_rollupPluginBabelHelpers-9802e640.js';
 import PropTypes from 'prop-types';
 
 var queryString = {};

package/lib/utils/snaPreProcess.js

@@ -1,4 +1,4 @@
-import { _ as _toConsumableArray } from './_rollupPluginBabelHelpers-8dd26e1a.js';
+import { _ as _toConsumableArray } from './_rollupPluginBabelHelpers-9802e640.js';
 import { s as snaDefine } from './snaDefine-6a2bcd94.js';
 
 var snaPreProcess = function snaPreProcess(_ref) {

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@daoyi/nmtl-ui",
 	"packageManager": "pnpm@10.34.5",
-	"version": "2.0.1-beta.127",
+	"version": "2.0.1-beta.129",
 	"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",