@daoyi/nmtl-ui 2.0.1-beta.14 → 2.0.1-beta.140

package/lib/utils/removeDuplicateItem.js

@@ -1 +1,11 @@
-var r=function(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"value";return Array.isArray(r)?r.filter((function(r,t,e){return e.findIndex((function(t){return t[n]===r[n]}))===t})):[]};export{r as default};
+var removeDuplicateItem = function removeDuplicateItem(array) {
+  var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'value';
+  if (Array.isArray(array)) return array.filter(function (v, i, a) {
+    return a.findIndex(function (t) {
+      return t[key] === v[key];
+    }) === i;
+  });
+  return [];
+};
+
+export { removeDuplicateItem as default };

package/lib/utils/sendEmail.js

@@ -1 +1,39 @@
-import r from"axios";var e=function(e,t,a){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:5e3;r.defaults.timeout=o;try{return r.post(t,{sendMail:e}).then((function(r){return a({state:r&&200===r.status})})).catch((function(r){return console.error("api:axios:catch:error: ",r.message),{state:!1,error:r.message}}))}catch(r){return console.error("api:axios:try:catch:error: ",r.message),{state:!1,error:r.message}}};export{e as default};
+import axios from 'axios';
+
+// const sendMail = {
+// 	from: "orient.cc.noreply@gmail.com",
+// 	to: email,
+// 	subject: `ATC_${card_id}`+" card status has been changed (Orient-CC)",
+// 	text: context,
+// };
+//
+// apiUrl: "https://api.daoyidh.com/mail"
+var sendEmail = function sendEmail(sendMail, apiUrl, onSuccess) {
+  var timeout = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10000;
+  // timeout
+  axios.defaults.timeout = timeout;
+  try {
+    // axios api
+    return axios.post(apiUrl, {
+      sendMail: sendMail
+    }).then(function (res) {
+      return onSuccess({
+        state: res && res.status === 200
+      });
+    }).catch(function (err) {
+      console.error('api:axios:catch:error: ', err.message);
+      return {
+        state: false,
+        error: err.message
+      };
+    });
+  } catch (err) {
+    console.error('api:axios:try:catch:error: ', err.message);
+    return {
+      state: false,
+      error: err.message
+    };
+  }
+};
+
+export { sendEmail as default };

package/lib/utils/snaDefine-6a2bcd94.js

@@ -0,0 +1,5 @@
+var snaDefine = {
+  mainNode: 'mainNode'
+};
+
+export { snaDefine as s };

package/lib/utils/snaDefine.js

@@ -1 +1 @@
-var a={mainNode:"mainNode"};export{a as default};
+export { s as default } from './snaDefine-6a2bcd94.js';

package/lib/utils/snaPreProcess.js

@@ -1 +1,84 @@
-import{_ as e}from"./_rollupPluginBabelHelpers-928a52ce.js";import n from"./snaDefine.js";var r=function(r){var a=r.mainNodes,t=r.snaData;if(!(a&&Array.isArray(a)&&t&&Array.isArray(t)))return console.log("ERROR: wrong input data.",a,t),{nodes:[],links:[]};var i=[];t.forEach((function(e){var r=e.sourceId,t=e.sourceType,o=e.source,u=e.sourceHide,s=e.targetId,d=e.targetType,f=e.target,c=e.targetHide;i.find((function(n){return n.name===e.source}))||i.push({name:o,id:r,type:-1!==a.indexOf(r)?n.mainNode:t,hasClick:-1===a.indexOf(r),hide:u||"0"}),i.find((function(n){return n.name===e.target}))||i.push({name:f,id:s,type:-1!==a.indexOf(s)?n.mainNode:d,hasClick:-1===a.indexOf(s),hide:c||"0"})}));var o=e(new Set(i.map((function(e){return JSON.stringify(e)})))).map((function(e){return JSON.parse(e)})),u=[];return t.forEach((function(e){var n=e.source,r=e.target;u.push({target:o.findIndex((function(e){return r===e.name})),source:o.findIndex((function(e){return n===e.name}))})})),{nodes:o,links:u}};export{r as default};
+import { _ as _toConsumableArray } from './_rollupPluginBabelHelpers-9802e640.js';
+import { s as snaDefine } from './snaDefine-6a2bcd94.js';
+
+var snaPreProcess = function snaPreProcess(_ref) {
+  var mainNodes = _ref.mainNodes,
+    snaData = _ref.snaData;
+  if (!mainNodes || !Array.isArray(mainNodes) || !snaData || !Array.isArray(snaData)) {
+    // eslint-disable-next-line no-console
+    console.log('ERROR: wrong input data.', mainNodes, snaData);
+    return {
+      nodes: [],
+      links: []
+    };
+  }
+
+  // 將所有source、target都建成node 並給予node的type好區分在圖上的圓圈大小與顏色
+  var nodes = [];
+  snaData.forEach(function (item) {
+    var sourceId = item.sourceId,
+      sourceType = item.sourceType,
+      source = item.source,
+      sourceHide = item.sourceHide,
+      targetId = item.targetId,
+      targetType = item.targetType,
+      target = item.target,
+      targetHide = item.targetHide;
+
+    // 避免出現無關聯的 node
+    var foundSrc = nodes.find(function (n) {
+      return n.id === item.sourceId;
+    });
+    if (!foundSrc) {
+      nodes.push({
+        name: source,
+        id: sourceId,
+        type: mainNodes.indexOf(sourceId) !== -1 ? snaDefine.mainNode : sourceType,
+        hasClick: mainNodes.indexOf(sourceId) === -1,
+        hide: sourceHide || '0'
+      });
+    }
+
+    // 避免出現無關聯的 node
+    var foundTar = nodes.find(function (n) {
+      return n.id === item.targetId;
+    });
+    if (!foundTar) {
+      nodes.push({
+        name: target,
+        id: targetId,
+        type: mainNodes.indexOf(targetId) !== -1 ? snaDefine.mainNode : targetType,
+        hasClick: mainNodes.indexOf(targetId) === -1,
+        hide: targetHide || '0'
+      });
+    }
+  });
+
+  // 刪除重複的node
+  var uniqueNodes = _toConsumableArray(new Set(nodes.map(function (item) {
+    return JSON.stringify(item);
+  }))).map(function (item) {
+    return JSON.parse(item);
+  });
+
+  // 把有關係的node建立link
+  var links = [];
+  snaData.forEach(function (item) {
+    var sourceId = item.sourceId,
+      targetId = item.targetId;
+    links.push({
+      target: uniqueNodes.findIndex(function (uniqueNode) {
+        return targetId === uniqueNode.id;
+      }),
+      source: uniqueNodes.findIndex(function (uniqueNode) {
+        return sourceId === uniqueNode.id;
+      })
+    });
+  });
+  return {
+    nodes: uniqueNodes,
+    links: links
+  };
+};
+
+export { snaPreProcess as default };

package/lib/utils/syncTimelineA11y.js

@@ -0,0 +1,293 @@
+import { b as _slicedToArray } from './_rollupPluginBabelHelpers-9802e640.js';
+import { getIntl } from '../components/globalConfig';
+
+/* 視覺隱藏的播報區（不依賴各站的 .visually-hidden） */
+var VISUALLY_HIDDEN = 'position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;';
+var MENU_BUTTON_LABELS = [['.tl-icon-zoom-in', 'chronology.zoomIn'], ['.tl-icon-zoom-out', 'chronology.zoomOut'], ['.tl-icon-goback', 'chronology.backToStart']];
+
+/**
+ * 建立後的鍵盤與報讀整理（數位部人工檢測退回 2026-10-07、人工測試回饋 2026-10-08；主站 nmtl-web timelineA11y.js 同步），回傳解除的函式：
+ *  1. 只有目前這張投影片可以被 Tab 走到：其餘投影片加 inert
+ *  2. 箭頭的 aria-label 拿掉標題連結上的「（另開新視窗）」（箭頭本身不會另開）
+ *  3. 焦點順序與畫面一致：上一張 → 投影片內容 → 下一張（套件 DOM 是 內容 → 下一張 → 上一張）
+ *  4. 換頁時以 aria-live 播報「第 x 張，共 y 張：年份 標題」（原本焦點留在箭頭上，報讀軟體聽不到換到哪一張）
+ *  5. 下方時間刻度的事件標記：原本只能滑鼠點選。改為 tablist／tab（只有目前事件可 Tab 到），
+ *     方向鍵／Home／End／PageUp／PageDown 換到對應事件
+ *  6. 放大、縮小、回到第一張：原本是沒有名稱的 span，補 role="button"、tabindex、名稱，Enter／空白鍵可操作
+ *  8. Google 雲端硬碟預覽器 iframe：tabindex="-1"＋aria-hidden（見 prepareTimelineData 檔頭 GN1210200E）
+ *  7. 套件在 document 上監聽左右鍵換頁（每建一次就多綁一個、從不移除），焦點在頁籤、搜尋框等時間軸外的元件時
+ *     按左右鍵也會換投影片 → 只有焦點在這個時間軸的箭頭上才讓它生效
+ * @param {object} timeline new Timeline(...) 的實例
+ * @param {HTMLElement} root 時間軸容器
+ *
+ * 用法：
+ *   const timeline = new Timeline('timeline-embed', prepareTimelineData(data), options);
+ *   return syncTimelineA11y(timeline, document.getElementById('timeline-embed'));
+ */
+var syncTimelineA11y = function syncTimelineA11y(timeline, root) {
+  if (!timeline || !root) return function () {};
+  var t = function t(id, values) {
+    return getIntl().formatMessage({
+      id: id
+    }, values);
+  };
+  var hint = t('aria.newWindow');
+  var text = function text(el) {
+    return el ? el.textContent.split(hint).join('').replace(/\s+/g, ' ').trim() : '';
+  };
+  // eslint-disable-next-line no-underscore-dangle
+  var currentIdOf = function currentIdOf() {
+    return timeline.current_id || timeline._storyslider && timeline._storyslider.current_id;
+  };
+  var slides = function slides() {
+    return Array.from(root.querySelectorAll('.tl-slide')).filter(function (s) {
+      return !s.classList.contains('tl-slide-titleslide');
+    });
+  };
+  var syncInert = function syncInert(currentId) {
+    root.querySelectorAll('.tl-slide').forEach(function (slide) {
+      if (slide.id === currentId) slide.removeAttribute('inert');else slide.setAttribute('inert', '');
+    });
+  };
+  var syncNavLabels = function syncNavLabels() {
+    root.querySelectorAll('.tl-slidenav-previous, .tl-slidenav-next').forEach(function (nav) {
+      var label = nav.getAttribute('aria-label');
+      if (label && label.indexOf(hint) !== -1) nav.setAttribute('aria-label', label.split(hint).join(''));
+      /* 箭頭的預覽區（aria-hidden）會複製相鄰投影片的標題，標題裡的站內連結（span role="link" tabindex="0"）
+         跟著進來，變成「按鈕裡又一個可聚焦的連結」→ 移出 Tab 順序 */
+      var previewFocusables = nav.querySelectorAll('.tl-slidenav-content-container a, .tl-slidenav-content-container [tabindex]');
+      previewFocusables.forEach(function (el) {
+        return el.setAttribute('tabindex', '-1');
+      });
+    });
+  };
+  /* 8. Google 雲端硬碟預覽器（iframe）：會把 Tab 攔在內部循環（鍵盤陷阱）→ 不讓鍵盤進入、對報讀軟體隱藏，
+     改由圖說的「在 Google 雲端硬碟檢視原始檔案」連結提供；滑鼠仍可在頁內縮放、翻頁 */
+  var syncIframes = function syncIframes() {
+    root.querySelectorAll('.tl-slide iframe[src*="drive.google.com"]').forEach(function (frame) {
+      frame.setAttribute('tabindex', '-1');
+      frame.setAttribute('aria-hidden', 'true');
+      /* 套件會拿圖說（含「在 Google 雲端硬碟檢視原始檔案」連結文字）當 title，改成描述這個預覽器 */
+      var slide = frame.closest('.tl-slide');
+      var title = t('chronology.drivePreview', {
+        title: text(slide && slide.querySelector('.tl-headline:not(.tl-headline-date)'))
+      });
+      if (frame.getAttribute('title') !== title) frame.setAttribute('title', title);
+    });
+  };
+
+  /* 3. 「上一張」移到投影片內容之前；兩個箭頭都是絕對定位，畫面不變 */
+  var orderNav = function orderNav() {
+    var prev = root.querySelector('.tl-slidenav-previous');
+    var mask = root.querySelector('.tl-slider-container-mask');
+    if (prev && mask && mask.parentNode === prev.parentNode && prev.nextElementSibling !== mask) {
+      mask.parentNode.insertBefore(prev, mask);
+    }
+  };
+
+  /* 4. 換頁播報：播報區放在時間軸容器外面（套件重建內容時會清掉容器內不認得的節點） */
+  var live = root.nextElementSibling && root.nextElementSibling.classList.contains('tl-a11y-live') ? root.nextElementSibling : null;
+  if (!live) {
+    live = document.createElement('div');
+    live.className = 'tl-a11y-live';
+    live.setAttribute('role', 'status');
+    live.setAttribute('aria-live', 'polite');
+    live.setAttribute('style', VISUALLY_HIDDEN);
+    root.parentNode.insertBefore(live, root.nextSibling);
+  }
+  /* 只在使用者剛操作過時間軸（按鍵、點擊）之後播報：套件初次載入也會觸發 change，不能一進頁面就念 */
+  var lastUserAction = 0;
+  var markUserAction = function markUserAction() {
+    lastUserAction = Date.now();
+  };
+  var announce = function announce(currentId) {
+    if (Date.now() - lastUserAction > 2000) return;
+    var list = slides();
+    var index = list.findIndex(function (s) {
+      return s.id === currentId;
+    });
+    if (index === -1) return;
+    var slide = list[index];
+    live.textContent = t('chronology.slideAnnounce', {
+      index: index + 1,
+      total: list.length,
+      date: text(slide.querySelector('.tl-headline-date')),
+      title: text(slide.querySelector('.tl-headline:not(.tl-headline-date)'))
+    });
+  };
+
+  /* 5. 時間刻度標記：tablist／tab */
+  var markerContainer = function markerContainer() {
+    return root.querySelector('.tl-timenav-item-container');
+  };
+  var markers = function markers() {
+    return Array.from(root.querySelectorAll('.tl-timemarker'));
+  };
+  var slideIdOf = function slideIdOf(marker) {
+    return marker.id.replace(/-marker$/, '');
+  };
+  var syncMarkers = function syncMarkers(currentId) {
+    var container = markerContainer();
+    if (!container) return;
+    container.setAttribute('role', 'tablist');
+    container.setAttribute('aria-label', t('chronology.eventsLabel'));
+    markers().forEach(function (marker) {
+      var slide = document.getElementById(slideIdOf(marker));
+      var selected = slideIdOf(marker) === currentId;
+      marker.setAttribute('role', 'tab');
+      marker.setAttribute('aria-selected', String(selected));
+      marker.setAttribute('aria-controls', slideIdOf(marker));
+      marker.setAttribute('tabindex', selected ? '0' : '-1');
+      var label = [text(slide && slide.querySelector('.tl-headline-date')), text(marker.querySelector('.tl-headline'))].filter(Boolean).join(' ');
+      if (label) marker.setAttribute('aria-label', label);
+      /* 標記內的標題常是連結：標記已是 tab，裡面的連結不再各自佔一個 Tab 停點 */
+      marker.querySelectorAll('a, button, [tabindex]').forEach(function (el) {
+        return el.setAttribute('tabindex', '-1');
+      });
+    });
+  };
+  var focusMarkerAfterChange = false;
+  var onMarkerKeyDown = function onMarkerKeyDown(e) {
+    var marker = e.target.closest && e.target.closest('.tl-timemarker');
+    if (!marker) return;
+    var list = markers();
+    var index = list.indexOf(marker);
+    var last = list.length - 1;
+    var target = {
+      ArrowRight: Math.min(index + 1, last),
+      ArrowLeft: Math.max(index - 1, 0),
+      Home: 0,
+      End: last,
+      PageDown: Math.min(index + 10, last),
+      PageUp: Math.max(index - 10, 0)
+    }[e.key];
+    if (target === undefined) return;
+    e.preventDefault();
+    if (target === index) return;
+    focusMarkerAfterChange = true;
+    timeline.goToId(slideIdOf(list[target]));
+  };
+
+  /* 6. 放大／縮小／回到第一張 */
+  var syncMenuButtons = function syncMenuButtons() {
+    MENU_BUTTON_LABELS.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        iconSelector = _ref2[0],
+        id = _ref2[1];
+      var icon = root.querySelector(".tl-menubar-button ".concat(iconSelector));
+      var button = icon && icon.closest('.tl-menubar-button');
+      if (!button) return;
+      button.setAttribute('role', 'button');
+      button.tabIndex = 0;
+      button.setAttribute('aria-label', t(id));
+      button.setAttribute('aria-disabled', String(button.classList.contains('tl-menubar-button-inactive')));
+      icon.setAttribute('aria-hidden', 'true');
+    });
+  };
+  var onMenuKeyDown = function onMenuKeyDown(e) {
+    var button = e.target.closest && e.target.closest('.tl-menubar-button');
+    if (!button || e.key !== 'Enter' && e.key !== ' ') return;
+    e.preventDefault();
+    button.click();
+    setTimeout(syncMenuButtons, 0);
+  };
+
+  /* 7. 套件的全域左右鍵：焦點不在本時間軸的箭頭上就不換頁（時間刻度標記由 5. 自己處理） */
+  var blockKeyNav = false;
+  /* 套件每建一次時間軸就多綁一個 document 監聽器、從不移除；元件卸載或重建後，舊實例仍會被左右鍵觸發 →
+     解除時不還原 goToNext／goToPrev，而是讓舊實例永久停用 */
+  var disposed = false;
+  var onKeyCapture = function onKeyCapture(e) {
+    if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return;
+    var onArrow = root.contains(e.target) && e.target.closest('.tl-slidenav-previous, .tl-slidenav-next');
+    blockKeyNav = !onArrow;
+  };
+  var onKeyBubble = function onKeyBubble() {
+    blockKeyNav = false;
+  };
+  var originalNext = timeline.goToNext;
+  var originalPrev = timeline.goToPrev;
+  /* 套件的監聽器是匿名函式、拿不到也移除不了，只能在它呼叫的 goToNext／goToPrev 上把關 */
+  /* eslint-disable no-param-reassign */
+  timeline.goToNext = function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return blockKeyNav || disposed ? undefined : originalNext.apply(timeline, args);
+  };
+  timeline.goToPrev = function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    return blockKeyNav || disposed ? undefined : originalPrev.apply(timeline, args);
+  };
+  /* eslint-enable no-param-reassign */
+  window.addEventListener('keydown', onKeyCapture, true);
+  window.addEventListener('keydown', onKeyBubble);
+  root.addEventListener('keydown', onMarkerKeyDown);
+  root.addEventListener('keydown', onMenuKeyDown);
+  var timer;
+  /* changed：只有真正換頁（change 事件）才播報，初次載入與重建不播 */
+  var apply = function apply(changed) {
+    orderNav();
+    syncIframes();
+    syncMenuButtons();
+    var currentId = currentIdOf();
+    /* 剛載入時 current_id 可能還是空的：先不動 inert，避免把畫面上的這張也設成 inert */
+    if (currentId) {
+      syncInert(currentId);
+      syncMarkers(currentId);
+      if (changed === true) announce(currentId);
+      if (focusMarkerAfterChange) {
+        focusMarkerAfterChange = false;
+        var marker = document.getElementById("".concat(currentId, "-marker"));
+        if (marker) marker.focus({
+          preventScroll: true
+        });
+      }
+    }
+    syncNavLabels();
+    /* 套件在同一輪事件裡才更新箭頭標題，下一輪再整理一次 */
+    clearTimeout(timer);
+    timer = setTimeout(syncNavLabels, 0);
+  };
+  /* 投影片是套件非同步建出來的：建好（loaded）與每次換頁（change）都重新套用 */
+  var onChange = function onChange() {
+    return apply(true);
+  };
+  timeline.on('loaded', apply);
+  timeline.on('change', onChange);
+  root.addEventListener('keydown', markUserAction, true);
+  root.addEventListener('click', markUserAction, true);
+  /* 套件是非同步分批建出投影片、時間刻度、工具列的（loaded 事件時工具列還沒建好）：
+     結構有變動就再整理一次（不播報）。自己做的 setAttribute 不會觸發 childList */
+  var frame;
+  var observer = new MutationObserver(function () {
+    cancelAnimationFrame(frame);
+    frame = requestAnimationFrame(function () {
+      return apply(false);
+    });
+  });
+  observer.observe(root, {
+    childList: true,
+    subtree: true
+  });
+  apply();
+  return function () {
+    clearTimeout(timer);
+    timeline.off('loaded', apply);
+    timeline.off('change', onChange);
+    observer.disconnect();
+    cancelAnimationFrame(frame);
+    root.removeEventListener('keydown', markUserAction, true);
+    root.removeEventListener('click', markUserAction, true);
+    disposed = true;
+    window.removeEventListener('keydown', onKeyCapture, true);
+    window.removeEventListener('keydown', onKeyBubble);
+    root.removeEventListener('keydown', onMarkerKeyDown);
+    root.removeEventListener('keydown', onMenuKeyDown);
+    if (live.parentNode) live.parentNode.removeChild(live);
+  };
+};
+
+export { syncTimelineA11y as default };