重构

Author: codebdy

src/example/WorkflowEditor/PublishButton.tsx

@@ -1,6 +1,6 @@
 import { Button, Modal, message } from "antd"
 import { memo, useState } from "react"
-import { useEditorStore } from "../../workflow-editor"
+import { useEditorEngine } from "../../workflow-editor"
 import { useTranslate } from "../../workflow-editor/react-locales"
 import { CloseCircleOutlined } from "@ant-design/icons"
 import { styled } from "styled-components"
@@ -49,7 +49,7 @@ export const PublishButton = memo(() => {
   const [errors, setErrors] = useState<IErrorItem[]>();
 
   const t = useTranslate()
-  const editorStore = useEditorStore()
+  const editorStore = useEditorEngine()
 
   const handleValidate = () => {
     const result = editorStore?.validate()

src/workflow-editor/WorkflowDiagram/OperationBar/index.tsx

@@ -4,7 +4,7 @@ import { MiniFloatContainer } from "../ZoomBar"
 import { undoIcon, redoIcon } from "../../icons"
 import { useRedoList } from "../../hooks/useRedoList"
 import { useUndoList } from "../../hooks/useUndoList"
-import { useEditorStore } from "../../hooks"
+import { useEditorEngine } from "../../hooks"
 
 export const OperationBar = memo((
   props: {
@@ -15,7 +15,7 @@ export const OperationBar = memo((
   const redoList = useRedoList();
   const undoList = useUndoList();
 
-  const store = useEditorStore();
+  const store = useEditorEngine();
 
   const handleUndo = useCallback(()=>{
     store?.undo()

src/workflow-editor/WorkflowDiagram/SettingsPanel/index.tsx

@@ -4,7 +4,7 @@ import { memo, useCallback } from "react"
 import { NodeTitle } from "./NodeTitle"
 import { Footer } from "./Footer"
 import { useSelectedNode } from "../../hooks/useSelectedNode"
-import { useEditorStore } from "../../hooks"
+import { useEditorEngine } from "../../hooks"
 import { styled } from "styled-components"
 import { useMaterialUI } from "../../hooks/useMaterialUI"
 
@@ -15,7 +15,7 @@ const Content = styled.div`
 export const SettingsPanel = memo(() => {
   const selectedNode = useSelectedNode()
   const materialUi = useMaterialUI(selectedNode)
-  const store = useEditorStore()
+  const store = useEditorEngine()
   const handelClose = useCallback(() => {
     store?.selectNode(undefined)
   }, [store])

src/workflow-editor/WorkflowDiagram/WorkFlowScope.tsx

@@ -2,7 +2,7 @@ import { memo, useEffect, useMemo, useState } from "react"
 import { ThemeProvider } from "styled-components"
 import { IThemeToken } from "../theme"
 import { useToken } from "antd/es/theme/internal"
-import { EditorStore } from "../classes"
+import { EditorEngine } from "../classes"
 import { WorkflowEditorStoreContext } from "../contexts"
 import { ConfigRoot } from "./ConfigRoot"
 import { ILocales, LocalesManager } from "@rxdrag/locales"
@@ -28,8 +28,8 @@ const WorkFlowScopeInner = memo((props: {
       mode
     }
   }, [mode, themeToken, token])
-  const store: EditorStore = useMemo(() => {
-    return new EditorStore()
+  const store: EditorEngine = useMemo(() => {
+    return new EditorEngine()
   }, [])
 
   useEffect(() => {

src/workflow-editor/classes/EditorStore.ts renamed to src/workflow-editor/classes/EditorEngine.ts

@@ -8,7 +8,7 @@ import { Action, ActionType, AddNodeAction, ChangeNodeAction, DeleteNodeAction,
 import { IMaterialUIs, INodeMaterial, Translate } from "../interfaces/material"
 import { createUuid } from "../utils/create-uuid"
 
-export class EditorStore {
+export class EditorEngine {
   store: Store<IState>
   t: Translate = (msg: string) => msg
   materials: INodeMaterial[] = []

src/workflow-editor/classes/index.ts

@@ -1 +1 @@
-export * from "./EditorStore"
+export * from "./EditorEngine"

src/workflow-editor/contexts.ts

@@ -1,4 +1,4 @@
 import { createContext } from "react";
-import { EditorStore } from "./classes";
+import { EditorEngine } from "./classes";
 
-export const WorkflowEditorStoreContext = createContext<EditorStore | undefined>(undefined)
+export const WorkflowEditorStoreContext = createContext<EditorEngine | undefined>(undefined)

src/workflow-editor/hooks/index.ts

@@ -1,4 +1,4 @@
-export * from "./useEditorStore"
+export * from "./useEditorEngine"
 export * from "./useExport"
 export * from "./useImport"
 export * from "./useSelectedNode"

src/workflow-editor/hooks/useEditorStore.ts renamed to src/workflow-editor/hooks/useEditorEngine.ts

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { WorkflowEditorStoreContext } from "../contexts";
 
-export function useEditorStore() {
+export function useEditorEngine() {
   return useContext(WorkflowEditorStoreContext)
 }

src/workflow-editor/hooks/useError.ts

@@ -1,11 +1,11 @@
 import { useCallback, useEffect, useState } from "react"
 import { IErrors } from "../interfaces/state"
-import { useEditorStore } from "./useEditorStore"
+import { useEditorEngine } from "./useEditorEngine"
 
 export function useError(nodeId: string) {
   const [errors, setErrors] = useState<IErrors>()
 
-  const store = useEditorStore()
+  const store = useEditorEngine()
 
   const handleErrorsChange = useCallback((errs: IErrors) => {
     setErrors(errs)