Merge pull request #205 from codebdy/add-yup-validation

Add yup validation

Author: codebdy

apps/example-antd5/package.json

@@ -28,8 +28,14 @@
     "@rxdrag/shared": "workspace:*",
     "@rxdrag/minions-runtime-react": "workspace:*",
     "@rxdrag/controller-editor-antd5": "workspace:*",
+    "@rxdrag/react-antd-shell-inline": "workspace:*",
+    "example-common": "workspace:*",
+    "controller-editor-example": "workspace:*",
+    "logicflow-editor-example": "workspace:*",
+    "inline-editor-example": "workspace:*",
     "antd": "^5.6.2",
     "axios": "^1.4.0",
+    "styled-components": "^5.3.9",
     "classnames": "^2.3.2",
     "mockjs": "^1.1.0",
     "react": "^18.2.0",
@@ -45,8 +51,9 @@
     "@types/react-dom": "^18.0.11",
     "@vitejs/plugin-react": "^3.1.0",
     "@types/lodash": "^4.14.191",
+    "@types/styled-components": "^5.1.26",
     "typescript": "^4.9.3",
     "vite": "^4.2.0",
     "vite-plugin-require-transform": "^1.0.9"
   }
-}
+}

apps/example-antd5/src/App.tsx

@@ -2,11 +2,15 @@ import { Routes, Route } from 'react-router-dom';
 import './App.css';
 import { IFrameCanvasRender } from '@rxdrag/react-core';
 import { IFramePreviewRender } from "@rxdrag/react-antd-shell"
-import { usePredefinedComponents } from './hooks/usePredefinedComponents';
-import { Antd5Example } from './Antd5Example';
+import { Antd5Example } from './normal/Antd5Example';
 import { useMemo } from 'react';
-import { controllerDefines } from 'controller/defines';
 import { ControllerFactories } from '@rxdrag/react-runner';
+import { controllerDefines } from 'normal/controller/defines';
+import { usePredefinedComponents } from 'normal/hooks/usePredefinedComponents';
+import { routes } from 'example-common';
+import { InlineEditorExample } from "inline-editor-example";
+import { LogicflowEditorExample } from "logicflow-editor-example";
+import { ControllerEditorExample } from "controller-editor-example";
 
 function App() {
   const { designers, components } = usePredefinedComponents()
@@ -22,15 +26,21 @@ function App() {
 
   return (
     <Routes>
-      <Route path={'/'} element={<Antd5Example />}>
+      <Route path={routes.index} element={<Antd5Example />}>
+      </Route>
+      <Route path={routes.inline} element={<InlineEditorExample />}>
+      </Route>
+      <Route path={routes.controller} element={<ControllerEditorExample />}>
+      </Route>
+      <Route path={routes.logicflow} element={<LogicflowEditorExample />}>
       </Route>
       <Route path={'/canvas-render'} element={<IFrameCanvasRender designers={designers} />}>
       </Route>
       <Route path={'/preview-render'} element={<IFramePreviewRender components={components} controllerFactories={controllerFactories} />}>
       </Route>
     </Routes>
 
-  );
+  );//
 }
 
 export default App;

apps/example-antd5/src/Antd5Example.tsx renamed to apps/example-antd5/src/normal/Antd5Example.tsx

@@ -13,14 +13,15 @@ import {
   historyIcon,
   outlineIcon,
 } from "@rxdrag/react-antd-shell"
-import { toolsLocales } from "./locales"
+import { toolsLocales } from "../locales"
 import { ResourceWidget } from "./ResourceWidget"
 import { SaveButton } from "./widgets/SaveButton"
 import { PagesWidget } from "./PagesWidget"
 import { pages } from "./data"
-import { minionsLocales } from "controller/locales"
-import { minionsMaterialCategories } from "controller/materials"
-import { controllerDefines } from "controller/defines"
+import { minionsLocales } from "normal/controller/locales"
+import { minionsMaterialCategories } from "normal/controller/materials"
+import { controllerDefines } from "normal/controller/defines"
+import { MenuButton } from "example-common"
 
 export enum LeftNavType {
   pages = "pages",
@@ -69,7 +70,9 @@ export const Antd5Example = memo(() => {
       }
       topBar={
         <>
-          <Logo />
+          <Space>
+            <Logo />
+          </Space>
           <Space>
             <ThemeButton />
             <LangButtons />
@@ -79,6 +82,7 @@ export const Antd5Example = memo(() => {
               icon={<GithubFilled />}
             > Github</Button>
             <SaveButton />
+            <MenuButton />
           </Space>
         </>
       }

apps/example-antd5/src/PagesWidget/index.tsx renamed to apps/example-antd5/src/normal/PagesWidget/index.tsx

@@ -1,6 +1,6 @@
 import { ComponentResourceWidget, PaneContainer, TemplateResourceWidget } from "@rxdrag/react-antd-shell"
 import { useSettersTranslate, useRegisterComponentMaterial } from "@rxdrag/react-core"
-import { materials, fields } from "materials"
+import { materials, fields } from "normal/materials"
 import { memo, useEffect } from "react"
 import { FieldMaterial } from "@rxdrag/react-antd-materials"
 import { ResourceCollapsePanel } from "./ResourceCollapsePanel"