Zenn
Open4

MUI Treeviewの調査

React
mui
smallStallsmallStall

label Propsの型がReact.ReactNodeだったため、取り扱いやすさを重視して変更した
patch-packageにて生成

patches/@mui+lab+5.0.0-alpha.120.patch
diff --git a/node_modules/@mui/lab/TreeItem/TreeItem.d.ts b/node_modules/@mui/lab/TreeItem/TreeItem.d.ts
index 8ae9995..0051c7d 100644
--- a/node_modules/@mui/lab/TreeItem/TreeItem.d.ts
+++ b/node_modules/@mui/lab/TreeItem/TreeItem.d.ts
@@ -53,7 +53,7 @@ export interface TreeItemProps
   /**
    * The tree node label.
    */
-  label?: React.ReactNode;
+  label?: {value : number, content: string};
   /**
    * The id of the node.
    */
diff --git a/node_modules/@mui/lab/TreeItem/TreeItemContent.d.ts b/node_modules/@mui/lab/TreeItem/TreeItemContent.d.ts
index 97bf66d..b3c5ece 100644
--- a/node_modules/@mui/lab/TreeItem/TreeItemContent.d.ts
+++ b/node_modules/@mui/lab/TreeItem/TreeItemContent.d.ts
@@ -28,7 +28,7 @@ export interface TreeItemContentProps extends StandardProps<React.HTMLAttributes
   /**
    * The tree node label.
    */
-  label?: React.ReactNode;
+  label?: {value : number, content: string} ;
   /**
    * The id of the node.
    */
smallStallsmallStall

今日の進捗
ドラッグドロップはできないが、そこそこ動いた。
数値はアップボタンとダウンボタンががあると良いかもしれない。

smallStallsmallStall

ドラッグドロップについてはあったほうが良いと勝手に思っていたが、そもそも必要なのかがよくわからない。
doneかどうかを調べてアプリ側で勝手に並べ替えるほうが良いかもしれない。
デスクトップアプリをメインに考えるのなら切り取りとペーストでも対応できるし。