改造原GG-Editor原圖形拖拽起始點為樹型選單。也就是拖拽選單中的一項到畫布，畫布上顯示相應的圖形，然后再編輯關系。
1.原始功能樣式：
2.目標功能樣式(樹形選單是antD框架中樣式)：
------------------------------------------------------------------------------------------
一、總體功能描述（參考新建關系模型頁面，及問題目標樣式圖）：
1.從左側樹型選單，拖拽至右側畫板中，并編輯表的關系。
2.點擊表結點圖示，彈出頁面，設定表組件。（也就是頁面上的設定表組件按鈕）
3.點擊連接組件（連線），彈出頁面，設定連接組件。（也就是頁面上的設定連接組件按鈕）
4). 2，3兩步填寫完畢提交后，資料資訊由其頁面（子組件表單頁）傳至當前頁面（父組件表單頁）后，再錄入模型名稱、
模型描述、高級配置項，提交資料至后臺。
當前已完成后半部分，即表單頁面的資料收集，存于父組件表單。
二、需要幫助部分：
左側樹形選單拖拽至右側畫布中，轉為正常圖形來編輯。
-------------------------------------------------------------------------------------------
原始碼：
codesandbox 上初始化有小問題
github 拉取后正常運行( cnpm install )
https://codesandbox.io/s/github/zhuifeng00001/GG-Editor
https://github.com/zhuifeng00001/GG-Editor
uj5u.com熱心網友回復：
已經解決了.用的下邊的選單改造的.https://codesandbox.io/embed/rrw7mrknyp
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/75531.html
標籤：JavaScript
上一篇：如何實作這個 react 選單同一時間,只有一個展開?
下一篇：微服務系統前端跨域問題如何解決