codingapi · xlorne · May 10, 2025 · May 10, 2025 · May 10, 2025 · May 10, 2025
diff --git a/admin-ui/package.json b/admin-ui/package.json
@@ -6,9 +6,9 @@
     "@ant-design/icons": "^5.4.0",
     "@ant-design/pro-components": "^2.8.7",
     "@babel/standalone": "^7.25.6",
-    "@codingapi/flow-pc": "^0.0.8",
-    "@codingapi/form-pc": "^0.0.16",
-    "@codingapi/ui-framework": "^0.0.12",
+    "@codingapi/flow-pc": "^0.0.17",
+    "@codingapi/form-pc": "^0.0.17",
+    "@codingapi/ui-framework": "^0.0.17",
     "@dnd-kit/core": "^6.2.0",
     "@dnd-kit/sortable": "^9.0.0",
     "@handsontable/react-wrapper": "^15.0.0",

diff --git a/admin-ui/src/config/menus.tsx b/admin-ui/src/config/menus.tsx
@@ -24,7 +24,7 @@ export const menus = [
     {
         path: '/mirco',
         name: '微前端',
-        icon: "FormOutlined",
+        icon: "AppstoreOutlined",
         page: 'mirco',
     },
     {

diff --git a/admin-ui/src/pages/flow/leave/LeaveForm.tsx b/admin-ui/src/pages/flow/leave/LeaveForm.tsx
@@ -1,13 +1,12 @@
 import React, {useEffect} from "react";
-import {FlowFormViewProps} from "@codingapi/ui-framework";
-import {Form,FormInput,FormTextArea} from "@codingapi/form-pc";
-import {ValidateUtils} from "@codingapi/ui-framework";
+import {FlowFormViewProps, ValidateUtils} from "@codingapi/ui-framework";
+import {Form, FormInput, FormTextArea} from "@codingapi/form-pc";
 
 const LeaveForm: React.FC<FlowFormViewProps> = (props) => {
 
     useEffect(() => {
         if (props.dataVersion && props.data) {
-            console.log('data',props.data);
+            console.log('data', props.data);
             props.form?.setFieldsValue({
                 ...props.data
             });
@@ -33,8 +32,8 @@ const LeaveForm: React.FC<FlowFormViewProps> = (props) => {
             <FormInput
                 name={"days"}
                 label={"请假天数"}
-               inputType={"number"}
-               required={true}
+                inputType={"number"}
+                required={true}
                 validateFunction={ValidateUtils.validateNotEmpty}
             />
 

diff --git a/admin-ui/src/pages/flow/user/index.tsx b/admin-ui/src/pages/flow/user/index.tsx
@@ -182,6 +182,7 @@ const UserPage = () => {
                 <Modal
                     title={"编辑用户"}
                     open={visible}
+                    destroyOnHidden={true}
                     onClose={()=>{
                         setVisible(false);
                     }}

diff --git a/admin-ui/src/pages/flow/user/select.tsx b/admin-ui/src/pages/flow/user/select.tsx
@@ -43,7 +43,7 @@ const UserSelect:React.FC<UserSelectProps> = (props) => {
             open={props.visible}
             onCancel={() => props.setVisible(false)}
             onClose={() => props.setVisible(false)}
-            destroyOnClose={true}
+            destroyOnHidden={true}
             title={"选择用户"}
             onOk={() => {
                 if (props.onSelect) {

diff --git a/admin-ui/src/pages/flow/work/index.tsx b/admin-ui/src/pages/flow/work/index.tsx
@@ -195,7 +195,7 @@ const FlowPage = () => {
                 data-testid={"flow-editor"}
                 title="编辑流程"
                 open={editorVisible}
-                destroyOnClose={true}
+                destroyOnHidden={true}
                 onClose={()=>{
                     setEditorVisible(false)
                 }}

diff --git a/admin-ui/src/pages/flow/work/select.tsx b/admin-ui/src/pages/flow/work/select.tsx
@@ -63,7 +63,7 @@ const FlowSelect: React.FC<FlowSelectProps> = (props) => {
             open={props.visible}
             onCancel={() => props.setVisible(false)}
             onClose={() => props.setVisible(false)}
-            destroyOnClose={true}
+            destroyOnHidden={true}
             title={"选择流程"}
             onOk={() => {
                 if (props.onSelect) {

diff --git a/admin-ui/src/pages/form/index.tsx b/admin-ui/src/pages/form/index.tsx
@@ -2,25 +2,25 @@ import React from 'react';
 import {PageContainer} from "@ant-design/pro-components";
 import {Button, Col, message, Row} from "antd";
 import {
+    Form,
+    FormCaptcha,
     FormCascader,
+    FormCheckbox,
     FormCode,
     FormColor,
     FormDate,
+    FormInput,
+    FormPassword,
     FormRadio,
     FormRate,
     FormSelect,
     FormSlider,
     FormStepper,
     FormSwitch,
     FormTextArea,
-    FormUploader,
-    FormCheckbox,
-    FormCaptcha,
-    FormPassword,
-    FormInput,
-    Form
+    FormUploader
 } from "@codingapi/form-pc";
-import {FormInstance,FormField} from "@codingapi/ui-framework";
+import {FormField, FormInstance} from "@codingapi/ui-framework";
 
 
 const FooterButtons: React.FC<{ formInstance: FormInstance }> = ({formInstance}) => {
@@ -69,7 +69,12 @@ const FooterButtons: React.FC<{ formInstance: FormInstance }> = ({formInstance})
 
             <Button
                 onClick={async () => {
-                    await formInstance.validate();
+                    const result = await formInstance.validate();
+                    if (result) {
+                        message.success("验证通过");
+                    } else {
+                        message.error("验证失败");
+                    }
                 }}
             >验证表单</Button>
 
@@ -379,6 +384,9 @@ const FormPage = () => {
                     <Form
                         form={leftFormInstance}
                         layout={"horizontal"}
+                        onFinish={async (values)=>{
+                            message.success(JSON.stringify(values));
+                        }}
                         footer={(
                             <FooterButtons
                                 formInstance={leftFormInstance}
@@ -567,6 +575,9 @@ const FormPage = () => {
 
                 <Col span={12}>
                     <Form
+                        onFinish={async (values)=>{
+                            message.success(JSON.stringify(values));
+                        }}
                         form={rightFormInstance}
                         footer={(
                             <FooterButtons

diff --git a/admin-ui/todo.md b/admin-ui/todo.md
diff --git a/mobile-ui/package.json b/mobile-ui/package.json
@@ -4,9 +4,9 @@
   "private": true,
   "dependencies": {
     "@babel/standalone": "^7.25.6",
-    "@codingapi/flow-mobile": "^0.0.3",
-    "@codingapi/form-mobile": "^0.0.3",
-    "@codingapi/ui-framework": "^0.0.12",
+    "@codingapi/flow-mobile": "^0.0.17",
+    "@codingapi/form-mobile": "^0.0.17",
+    "@codingapi/ui-framework": "^0.0.17",
     "@logicflow/core": "^2.0.10",
     "@logicflow/extension": "^2.0.14",
     "@reduxjs/toolkit": "^2.2.7",

diff --git a/mobile-ui/readme.md b/mobile-ui/readme.md
@@ -1,3 +1,33 @@
-# TODO
-1. 流程图展示
-2. 流程的审批历史记录展示
+# Mobile-ui with Antd For Micro Frontends
+
+This is a simple React App with Webpack5 & Typescript.
+
+## Features
+1. Support Webpack 5 ModuleFederationPlugin for Micro Frontends
+2. Support Dynamic zip component loading
+3. Support Dynamic Routing & Dynamic Menu
+4. Support Axios for API calls
+5. Support Antd & Pro-Components UI Library
+6. Support Redux for State Management
+7. Support Mock Server for API Mocking
+8. Support Monaco Editor for Code Editor
+9. Support Access ControlPanel for Menu & Page Components
+
+## Running
+```shell
+yarn
+
+yarn start
+```
+## Build
+```shell
+yarn build
+```
+
+## Deploy
+```shell
+cd scripts
+sh package.sh
+sh deploy.sh
+```
+
diff --git a/mobile-ui/scripts/.gitignore b/mobile-ui/scripts/.gitignore
@@ -0,0 +1 @@
+/mobile
diff --git a/mobile-ui/scripts/deploy.sh b/mobile-ui/scripts/deploy.sh
@@ -0,0 +1,8 @@
+serverHost=server
+serverAccount=root
+serverPort=22
+serverPath=/opt/test/
+
+
+scp -o ConnectTimeout=30 -P $serverPort  -r * $serverAccount@$serverHost:$serverPath
+ssh -p $serverPort $serverAccount@$serverHost "cd $serverPath && sed -i 's/\r//g' *.sh && sh install.sh"
diff --git a/mobile-ui/scripts/docker-compose.yaml b/mobile-ui/scripts/docker-compose.yaml
@@ -0,0 +1,12 @@
+version: "3"
+
+services:
+  admin-nginx:
+    image: nginx:latest
+    volumes:
+      - "./admin:/usr/share/nginx/html"
+    environment:
+      TZ: "Asia/Shanghai"
+    restart: always
+    ports:
+      - "13000:80"
diff --git a/mobile-ui/scripts/install.sh b/mobile-ui/scripts/install.sh
@@ -0,0 +1,3 @@
+docker-compose build --no-cache
+docker-compose up -d
+docker ps -a
diff --git a/mobile-ui/scripts/package.sh b/mobile-ui/scripts/package.sh
@@ -0,0 +1,8 @@
+rm -rf mobile
+
+cd ..
+yarn
+yarn run build
+
+
+cp -r ./dist/ ./scripts/mobile/
diff --git a/mobile-ui/src/pages/form/index.tsx b/mobile-ui/src/pages/form/index.tsx
@@ -66,7 +66,12 @@ const FooterButtons: React.FC<{ formInstance: FormInstance }> = ({formInstance})
 
             <Button
                 onClick={async () => {
-                    await formInstance.validate();
+                    const result = await formInstance.validate();
+                    if (result) {
+                        Toast.show("验证通过");
+                    } else {
+                        Toast.show("验证失败");
+                    }
                 }}
             >验证表单</Button>
 
@@ -374,6 +379,9 @@ const FormPage = ()=>{
                     <Form
                         layout={"horizontal"}
                         form={rightFormInstance}
+                        onFinish={async (values)=>{
+                            Toast.show(JSON.stringify(values));
+                        }}
                         footer={(
                             <FooterButtons formInstance={rightFormInstance}/>
                         )}
@@ -390,6 +398,9 @@ const FormPage = ()=>{
                     <Form
                         form={leftFormInstance}
                         layout={"horizontal"}
+                        onFinish={async (values)=>{
+                            Toast.show(JSON.stringify(values));
+                        }}
                         footer={(
                             <FooterButtons
                                 formInstance={leftFormInstance}