fix form

Author: xlorne

admin-pro-ui/src/components/flow/nodes/panel/circulate.tsx

@@ -3,7 +3,7 @@ import {ProForm} from "@ant-design/pro-components";
 import {Button, Drawer, Space, Tabs} from "antd";
 import NodePanel from "@/components/flow/nodes/panel/NodePanel";
 import EdgePanel from "@/components/flow/nodes/panel/EdgePanel";
-import {SettingPanelProps} from "@/components/flow/nodes/panel/panel.types";
+import {SettingPanelProps} from "@/components/flow/types";
 
 const CirculateSettingPanel: React.FC<SettingPanelProps> = (props) => {
 

admin-pro-ui/src/components/flow/nodes/panel/node.tsx

@@ -4,13 +4,8 @@ import {Button, Drawer, Space, Tabs} from "antd";
 import NodePanel from "@/components/flow/nodes/panel/NodePanel";
 import EdgePanel from "@/components/flow/nodes/panel/EdgePanel";
 import ButtonPanel from "@/components/flow/nodes/panel/ButtonPanel";
+import {SettingPanelProps} from "@/components/flow/types";
 
-interface SettingPanelProps {
-    visible: boolean;
-    setVisible: (visible: boolean) => void;
-    properties: any;
-    onSettingChange: (values: any) => void;
-}
 
 const NodeSettingPanel: React.FC<SettingPanelProps> = (props) => {
 

admin-pro-ui/src/components/flow/nodes/panel/over.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import {ProForm} from "@ant-design/pro-components";
 import {Button, Drawer, Space} from "antd";
 import NodePanel from "@/components/flow/nodes/panel/NodePanel";
-import {SettingPanelProps} from "@/components/flow/nodes/panel/panel.types";
+import {SettingPanelProps} from "@/components/flow/types";
 
 const OverSettingPanel: React.FC<SettingPanelProps> = (props) => {
 

admin-pro-ui/src/components/flow/nodes/panel/panel.types.ts

@@ -3,8 +3,8 @@ import {Button, Drawer, Space, Tabs} from "antd";
 import EdgePanel from "@/components/flow/nodes/panel/EdgePanel";
 import NodePanel from "@/components/flow/nodes/panel/NodePanel";
 import {ProForm} from "@ant-design/pro-components";
-import {SettingPanelProps} from "@/components/flow/nodes/panel/panel.types";
 import ButtonPanel from "@/components/flow/nodes/panel/ButtonPanel";
+import {SettingPanelProps} from "@/components/flow/types";
 
 const StartSettingPanel: React.FC<SettingPanelProps> = (props) => {
 

admin-pro-ui/src/components/flow/nodes/panel/start.tsx

@@ -48,3 +48,12 @@ export interface NodeButtonProperties {
     groovy:string;
     eventKey:string;
 }
+
+
+export interface SettingPanelProps {
+    visible: boolean;
+    setVisible: (visible: boolean) => void;
+    properties: any;
+    onSettingChange: (values: any) => void;
+}
+

admin-pro-ui/src/components/flow/types.ts

@@ -29,6 +29,8 @@ const Captcha:React.FC<FormItemProps> = (props)=>{
                 className={"form-captcha-input"}
                 disabled={props.disabled}
                 value={props.value}
+                addonAfter={props.addonAfter}
+                addonBefore={props.addonBefore}
                 placeholder={props.placeholder}
                 onChange={(value) => {
                     const currentValue = value.target.value;

admin-pro-ui/src/components/form/captcha.tsx

@@ -23,6 +23,8 @@ const FormInput: React.FC<FormItemProps> = (props) => {
                 type={inputType}
                 placeholder={props.placeholder}
                 maxLength={props.inputMaxLength}
+                addonAfter={props.addonAfter}
+                addonBefore={props.addonBefore}
                 onChange={(value) => {
                     const currentValue = value.target.value;
                     formAction?.setFieldValue(props.name, currentValue);

admin-pro-ui/src/components/form/input.tsx

@@ -19,6 +19,8 @@ const FormPassword: React.FC<FormItemProps> = (props) => {
             <Input.Password
                 disabled={props.disabled}
                 value={props.value}
+                addonAfter={props.addonAfter}
+                addonBefore={props.addonBefore}
                 placeholder={props.placeholder}
                 onChange={(value) => {
                     const currentValue = value.target.value;

admin-pro-ui/src/components/form/password.tsx

@@ -20,6 +20,8 @@ const FormStepper: React.FC<FormItemProps> = (props) => {
                 style={{
                     width:"100%"
                 }}
+                addonBefore={props.addonBefore}
+                addonAfter={props.addonAfter}
                 disabled={props.disabled}
                 value={props.value}
                 max={props.stepperMaxNumber}

admin-pro-ui/src/components/form/stepper.tsx

@@ -49,6 +49,10 @@ export interface FormItemProps {
     label?: React.ReactNode;
     // 帮助提示信息
     help?: string;
+    // 前缀
+    addonBefore?:React.ReactNode;
+    // 后缀
+    addonAfter?:React.ReactNode;
     // 表单值
     value?: any;
     // 输入提示