[fix] Fix handler required problem (#525)

* [type:fix] fix handler required flag

* [type:fix] fix handler required flag

* [type:fix] fix handler required flag

Author: VampireAchao

src/locales/en-US.json

@@ -38,6 +38,8 @@
   "SHENYU.COMMON.INPUTMATCHTYPE": "MatchMode",
   "SHENYU.COMMON.CONDITION": "Conditions",
   "SHENYU.COMMON.DEAL": "Handler",
+  "SHENYU.COMMON.DEAL.COMPONENT": "Component Handler",
+  "SHENYU.COMMON.DEAL.CUSTOM": "Custom Handler",
   "SHENYU.COMMON.SETTING": "Configuration",
   "SHENYU.COMMON.YES": "YES",
   "SHENYU.COMMON.NO": "NO",

src/locales/zh-CN.json

@@ -37,6 +37,8 @@
   "SHENYU.COMMON.INPUTMATCHTYPE": "请选择匹配方式",
   "SHENYU.COMMON.CONDITION": "条件",
   "SHENYU.COMMON.DEAL": "处理",
+  "SHENYU.COMMON.DEAL.COMPONENT": "组件处理",
+  "SHENYU.COMMON.DEAL.CUSTOM": "自定义处理",
   "SHENYU.COMMON.SETTING": "配置",
   "SHENYU.COMMON.YES": "是",
   "SHENYU.COMMON.NO": "否",

src/routes/Plugin/Common/CommonRuleHandle.js

@@ -26,10 +26,10 @@ const { Option } = Select;
 
 const formItemLayout = {
   labelCol: {
-    sm: { span: 3 },
+    sm: { span: 4 },
   },
   wrapperCol: {
-    sm: { span: 21 },
+    sm: { span: 20 },
   },
 };
 
@@ -46,7 +46,8 @@ export default class CommonRuleHandle extends Component {
     const { getFieldDecorator, getFieldValue } = form;
     return (
       <FormItem
-        label={getIntlContent("SHENYU.COMMON.DEAL")}
+        required={true}
+        label={getIntlContent("SHENYU.COMMON.DEAL.CUSTOM")}
         {...formItemLayout}
         className={styles.rootFormItem}
       >

src/routes/Plugin/Common/Rule.js

@@ -509,10 +509,10 @@ class AddModal extends Component {
     const { getFieldDecorator } = form;
     const formItemLayout = {
       labelCol: {
-        sm: { span: 3 },
+        sm: { span: 4 },
       },
       wrapperCol: {
-        sm: { span: 21 },
+        sm: { span: 20 },
       },
     };
     const formCheckLayout = {

src/routes/Plugin/PluginRuleHandle/GeneralContextRuleHandle.js

@@ -111,9 +111,10 @@ export default class GeneralContextRuleHandle extends Component {
 
     return (
       <FormItem
-        label={getIntlContent("SHENYU.COMMON.DEAL")}
-        labelCol={{ span: 3 }}
-        wrapperCol={{ span: 21 }}
+        required={true}
+        label={getIntlContent("SHENYU.COMMON.DEAL.COMPONENT")}
+        labelCol={{ span: 4 }}
+        wrapperCol={{ span: 20 }}
         className={styles.rootFormItem}
       >
         <Tabs defaultActiveKey={currentType} onChange={this.handleTabChange}>

src/routes/Plugin/PluginRuleHandle/HystrixRuleHandle.js

@@ -165,10 +165,10 @@ export default class HystrixRuleHandle extends Component {
     } = this.state;
     const formItemLayout = {
       labelCol: {
-        sm: { span: 3 },
+        sm: { span: 4 },
       },
       wrapperCol: {
-        sm: { span: 21 },
+        sm: { span: 20 },
       },
     };
     // eslint-disable-next-line
@@ -203,7 +203,8 @@ export default class HystrixRuleHandle extends Component {
           )}
         </FormItem>
         <FormItem
-          label={getIntlContent("SHENYU.COMMON.DEAL")}
+          required={true}
+          label={getIntlContent("SHENYU.COMMON.DEAL.COMPONENT")}
           {...formItemLayout}
         >
           <div className={styles.handleWrap} style={{ marginTop: 0 }}>

src/routes/Plugin/PluginRuleHandle/ParamPluginRuleHandle.js

@@ -326,9 +326,10 @@ export default class ParamPluginRuleHandle extends Component {
 
     return (
       <Form.Item
-        label={getIntlContent("SHENYU.COMMON.DEAL")}
-        labelCol={{ span: 3 }}
-        wrapperCol={{ span: 21 }}
+        required={true}
+        label={getIntlContent("SHENYU.COMMON.DEAL.COMPONENT")}
+        labelCol={{ span: 4 }}
+        wrapperCol={{ span: 20 }}
       >
         {getFieldDecorator("handle", {
           initialValue: handle,

src/routes/Plugin/PluginRuleHandle/RequestRuleHandle.js

@@ -415,9 +415,10 @@ export default class RequestRuleHandle extends Component {
     const rowStyle = { display: "flex", alignItems: "center" };
     return (
       <FormItem
-        label={getIntlContent("SHENYU.COMMON.DEAL")}
-        labelCol={{ span: 3 }}
-        wrapperCol={{ span: 21 }}
+        required={true}
+        label={getIntlContent("SHENYU.COMMON.DEAL.COMPONENT")}
+        labelCol={{ span: 4 }}
+        wrapperCol={{ span: 20 }}
         className={styles.rootFormItem}
       >
         <Tabs defaultActiveKey={currentType} onChange={this.handleTabChange}>

src/routes/Plugin/PluginRuleHandle/ResponseRuleHandle.js

@@ -423,9 +423,10 @@ export default class ResponseRuleHandle extends Component {
 
     return (
       <Form.Item
-        label={getIntlContent("SHENYU.COMMON.DEAL")}
-        labelCol={{ span: 3 }}
-        wrapperCol={{ span: 21 }}
+        required={true}
+        label={getIntlContent("SHENYU.COMMON.DEAL.COMPONENT")}
+        labelCol={{ span: 4 }}
+        wrapperCol={{ span: 20 }}
       >
         {getFieldDecorator("handle", {
           initialValue: handle,