From 634fc65da9a17ef4e4ef0deb675527923a462c7c Mon Sep 17 00:00:00 2001
From: kujirahand <web@kujirahand.com>
Date: Wed, 13 Nov 2024 18:02:10 +0900
Subject: [PATCH] =?UTF-8?q?=E3=80=8C=E3=83=86=E3=83=BC=E3=83=96=E3=83=AB?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E3=80=8D=E5=91=BD=E4=BB=A4=E3=82=92=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0=20#1789?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugin_browser_dom_parts.mts | 92 ++++++++++++++++++++------------
 1 file changed, 58 insertions(+), 34 deletions(-)

diff --git a/src/plugin_browser_dom_parts.mts b/src/plugin_browser_dom_parts.mts
index 5bb8ef6c..60a4fb9d 100644
--- a/src/plugin_browser_dom_parts.mts
+++ b/src/plugin_browser_dom_parts.mts
@@ -371,41 +371,8 @@ export default {
     josi: [['の', 'から']],
     pure: true,
     fn: function (aa: any, sys: any) {
-      if (typeof (aa) === 'string') {
-        const rr = []
-        const rows = aa.split('\n')
-        for (const row of rows) { rr.push(row.split(',')) }
-        aa = rr
-      }
-      const domOption = sys.__getSysVar('DOM部品オプション')
-      const bgColor: Array<string> = JSON.parse(JSON.stringify(domOption['テーブル背景色'])) // 複製して使う
-      const hasHeader: boolean = domOption['テーブルヘッダ']
-      const isNumRight: boolean = domOption['テーブル数値右寄せ']
-      for (let i = 0; i < 3; i++) { bgColor.push('') }
-      const bgHead = bgColor.shift() || ''
       const table = sys.__exec('DOM部品作成', ['table', sys])
-      for (let i = 0; i < aa.length; i++) {
-        const rowNo = i
-        const row = aa[rowNo]
-        const tr = document.createElement('tr')
-        // 色指定
-        if (bgHead !== '') {
-          const no = hasHeader ? rowNo : rowNo + 1
-          tr.style.backgroundColor = (no === 0) ? bgHead : bgColor[no % 2]
-          tr.style.color = (no === 0) ? 'white' : 'black'
-        }
-        for (let col of row) {
-          col = '' + col
-          const td = document.createElement((rowNo === 0 && hasHeader) ? 'th' : 'td')
-          td.innerHTML = sys.__tohtml(col)
-          if (isNumRight && col.match(/^(\+|-)?\d+(\.\d+)?$/)) { // number?
-            td.style.textAlign = 'right'
-          }
-          tr.appendChild(td)
-        }
-        table.appendChild(tr)
-      }
-      return table
+      return sys.__exec('テーブル更新', [table, aa, sys])
     }
   },
   'ヘッダ無テーブル作成': { // @二次元配列AA(あるいは文字列の簡易CSVデータ)からヘッダ無しのTABLE要素を作成し、DOMオブジェクトを返す // @へっだなしてーぶるさくせい
@@ -418,6 +385,63 @@ export default {
       return sys.__exec('テーブル作成', [aa, sys])
     }
   },
+  'テーブル更新': { // @既に作成したテーブルTBLを二次元配列AA(あるいは文字列の簡易CSVデータ)で更新する // @てーぶるこうしん
+    type: 'func',
+    josi: [['を'], ['に', 'へ']],
+    pure: true,
+    fn: function (tbl: any, aa: any, sys: any) {
+      // 既存のテーブルを取得
+      if (typeof tbl === 'string') {
+        tbl = sys.__query(tbl, 'テーブル更新', false);
+      }
+      tbl.innerHTML = ''; // 初期化
+      // テーブルに差し込むデータを確認
+      if (typeof aa === 'string') {
+        const rr = [];
+        const rows = aa.split('\n');
+        for (const row of rows) {
+          rr.push(row.split(","));
+        }
+        aa = rr;
+      }
+      const domOption = sys.__getSysVar("DOM部品オプション");
+      const bgColor: Array<string> = JSON.parse(
+        JSON.stringify(domOption["テーブル背景色"]),
+      ); // 複製して使う
+      const hasHeader: boolean = domOption["テーブルヘッダ"];
+      const isNumRight: boolean = domOption["テーブル数値右寄せ"];
+      for (let i = 0; i < 3; i++) {
+        bgColor.push("");
+      }
+      const bgHead = bgColor.shift() || "";
+      const table = tbl
+      for (let i = 0; i < aa.length; i++) {
+        const rowNo = i;
+        const row = aa[rowNo];
+        const tr = document.createElement("tr");
+        // 色指定
+        if (bgHead !== "") {
+          const no = hasHeader ? rowNo : rowNo + 1;
+          tr.style.backgroundColor = no === 0 ? bgHead : bgColor[no % 2];
+          tr.style.color = no === 0 ? "white" : "black";
+        }
+        for (let col of row) {
+          col = "" + col;
+          const td = document.createElement(
+            rowNo === 0 && hasHeader ? "th" : "td",
+          );
+          td.innerHTML = sys.__tohtml(col);
+          if (isNumRight && col.match(/^(\+|-)?\d+(\.\d+)?$/)) {
+            // number?
+            td.style.textAlign = "right";
+          }
+          tr.appendChild(td);
+        }
+        table.appendChild(tr);
+      }
+      return table;
+    },
+  },
   'テーブルセル変更': { // @TABLE要素のセル[行,列]をVへ変更する。Vが二次元配列変数であれば複数のセルを一括変更する // @てーぶるせるへんこう
     type: 'func',
     josi: [['の'], ['を'], ['に', 'へ']],