😆 狀 態 機（2024 新版）（（（

[syimyuzya]

目前請在測試版推導器試用：https://syimyuzya.github.io/qieyun-autoderiver/

演示一：上次的狀態機的改版

按鈕改為利用新的 reset 功能實現

/* 狀態機演示：利用動態選項列表實現帶狀態的響應
 *
 * @author SyiMyuZya
 */
if (!音韻地位) {
    const buttons = [
        ['加一|好耶\n譯：加一', false, { reset: true }], // 按鈕，不需要勾選與否，所以始終掛着 reset
        ['減一|壞耶\n譯：減一', false, { reset: true }], // 第一項的字串格式：「<選項屬性名>|<GUI顯示名>\n<說明>」
    ];
    if (!('值' in 選項)) return [
        ...buttons,
        ['值', [1, 0]],
    ];
    let 新值 = 選項.值;
    if (選項.加一) 新值++;
    if (選項.減一) 新值--;
    return [
        ...buttons,
        ['值', [1, 新值]],
    ];
}
return String(選項.值 || 0);

演示二：當指定選項發生變動時響應

/* GUI 內部狀態演示：利用 hidden 屬性保存上一次的部分選項值
 * 
 * @author SyiMyuZya
 */

if (!音韻地位) {
  let justChanged = null;
  const old選項 = 選項._memo;
  if (old選項) {
    for (const name of ['參數A', '參數B']) {
      if (old選項[name] !== 選項[name]) {
        justChanged = name;
        break;
      }
    }
    if (justChanged) {
      justChanged = `${justChanged}: ${old選項[justChanged]} → ${選項[justChanged]}`;
    }
  }

  const { 參數A = 0, 參數B = 0 } = 選項
  return [
    ['參數A', 0],
    ['參數B', 0],
    ['參數C', 0],
    '',
    ['結果', [1, justChanged ?? 選項.結果 ?? '調整選項A或選項B以更新結果（選項C不會更新結果）']],
    ['_memo', [1, { value: { 參數A, 參數B }}], { hidden: true }],
  ];
}

return 'haha';