feat(settings): support multi workspace for SettingsForm

Author: janryWang

packages/react-settings-form/src/SettingsForm.tsx

@@ -18,16 +18,21 @@ import { NodePath } from './components/NodePath'
 import { Empty } from 'antd'
 import cls from 'classnames'
 import './styles.less'
+import { useWorkbench } from 'packages/react/lib'
 
 const GlobalState = {
   idleRequest: null,
 }
 
 export const SettingsForm: React.FC<ISettingFormProps> = observer(
   (props) => {
-    const operation = useOperation()
-    const node = useCurrentNode()
-    const selected = useSelected()
+    const workbench = useWorkbench()
+    const currentWorkspace =
+      workbench?.activeWorkspace || workbench?.currentWorkspace
+    const currentWorkspaceId = currentWorkspace?.id
+    const operation = useOperation(currentWorkspaceId)
+    const node = useCurrentNode(currentWorkspaceId)
+    const selected = useSelected(currentWorkspaceId)
     const prefix = usePrefix('settings-form')
     const schema = node?.designerProps?.propsSchema
     const form = useMemo(() => {

packages/react/src/hooks/useCurrentNode.ts

@@ -1,8 +1,8 @@
 import { useSelected } from './useSelected'
 import { useTree } from './useTree'
 
-export const useCurrentNode = () => {
-  const selected = useSelected()
-  const tree = useTree()
+export const useCurrentNode = (workspaceId?: string) => {
+  const selected = useSelected(workspaceId)
+  const tree = useTree(workspaceId)
   return tree?.findById?.(selected[0])
 }

packages/react/src/hooks/useSelected.ts

@@ -1,6 +1,6 @@
 import { useSelection } from './useSelection'
 
-export const useSelected = () => {
-  const selection = useSelection()
+export const useSelected = (workspaceId?: string) => {
+  const selection = useSelection(workspaceId)
   return selection?.selected || []
 }