添加文件生成功能，支持自定义文件模板

exts/yapi-plugin-gen-java-services/Services/Services.js

@@ -0,0 +1,76 @@
+import React, {PureComponent as Component} from 'react'
+import PropTypes from 'prop-types'
+import {connect} from 'react-redux';
+import {getToken} from '../../../client/reducer/modules/project.js'
+import './Services.scss';
+import {withRouter} from "react-router-dom";
+import axios from "axios";
+import {message} from "antd";
+
+@connect(
+  state => {
+    return {
+      token: state.project.token
+    }
+  },
+  {
+    getToken
+  }
+)
+class Services extends Component {
+  static propTypes = {
+    projectId: PropTypes.number,
+    token: PropTypes.string,
+    getToken: PropTypes.func,
+    match: PropTypes.object
+  }
+
+  constructor(props, context) {
+    super(props, context);
+    this.state = {
+      render_data: {}
+    }
+  }
+
+  componentDidMount() {
+    this.getSyncData();
+  }
+
+  async getSyncData() {
+    let projectId = this.props.match.params.id;
+    let interfaceId = this.props.match.params.actionId;
+    let result = await axios.get(`/api/plugin/codeGen?projectId=${projectId}&interfaceId=${interfaceId}`);
+    if (result.data) {
+      this.setState({
+        render_data: result.data
+      });
+    }
+  }
+  async preCopy(code) {
+    await navigator.clipboard.writeText(code)
+    message.success("复制成功")
+  }
+  render() {
+    let render_vide = [];
+    if (this.state.render_data) {
+      Object.keys(this.state.render_data)
+      Object.keys(this.state.render_data).forEach((tag) => {
+        render_vide.push(<h5 key={tag + "_desc"}>{tag}</h5>)
+        render_vide.push(<pre key={tag + "_code"}><span className='btn-pre-copy' onClick={()=>this.preCopy(this.state.render_data[tag])}>复制代码</span>{this.state.render_data[tag] + "\n"}</pre>)
+      });
+    }
+    console.log(render_vide)
+    return (
+      <div className="project-services">
+        <section className="news-box m-panel">
+          <div className="token">
+            {render_vide}
+          </div>
+        </section>
+      </div>
+    );
+  }
+}
+
+
+module.exports = withRouter(Services);

exts/yapi-plugin-gen-java-services/Services/Services.scss

@@ -0,0 +1,30 @@
+.project-services {
+    margin: 0;
+    pre {
+        background: #efefef;
+    }
+}
+
+
+pre{
+    position: relative;
+    background-color: #f5f5f5;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    padding: 10px;
+}
+pre .btn-pre-copy{
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -khtml-user-select: none;
+    user-select: none;
+    position: absolute;
+    top: 10px;
+    right: 12px;
+    font-size: 12px;
+    line-height: 1;
+    cursor: pointer;
+    color: hsla(0,0%,54.9%,.8);
+    transition: color .1s;
+}

exts/yapi-plugin-gen-java-services/Services/codeTemplate.js

@@ -0,0 +1,145 @@
+import React, {Component} from 'react';
+import {connect} from 'react-redux';
+import PropTypes from 'prop-types';
+import {Form, Button, message} from 'antd';
+import {handleSwaggerUrlData} from 'client/reducer/modules/project';
+
+const FormItem = Form.Item;
+import axios from 'axios';
+import AceEditor from "../../../client/components/AceEditor/AceEditor";
+// layout
+const formItemLayout = {
+  labelCol: {
+    lg: {span: 5},
+    xs: {span: 24},
+    sm: {span: 10}
+  },
+  wrapperCol: {
+    lg: {span: 16},
+    xs: {span: 24},
+    sm: {span: 12}
+  },
+  className: 'form-item'
+};
+const tailFormItemLayout = {
+  wrapperCol: {
+    sm: {
+      span: 16,
+      offset: 11
+    }
+  }
+};
+
+@connect(
+  state => {
+    return {
+      projectMsg: state.project.currProject
+    };
+  },
+  {
+    handleSwaggerUrlData
+  }
+)
+@Form.create()
+export default class CodeGenTemplate extends Component {
+  static propTypes = {
+    form: PropTypes.object,
+    match: PropTypes.object,
+    projectId: PropTypes.number,
+    projectMsg: PropTypes.object,
+    handleSwaggerUrlData: PropTypes.func
+  };
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      config_data: {template_data: "", _id: null}
+    };
+  }
+
+  handleSubmit = async () => {
+    const {form, projectId} = this.props;
+    let params = {
+      project_id: projectId,
+      template_data: this.state.config_data.template_data,
+      uid: this.props.projectMsg.uid
+    };
+    if (this.state.config_data._id) {
+      params.id = this.state.config_data._id;
+    }
+    form.validateFields(async (err, values) => {
+      if (!err) {
+        let assignValue = Object.assign(params, values);
+        await axios.post('/api/plugin/template/save', assignValue).then(res => {
+          if (res.data.errcode === 0) {
+            message.success('保存成功');
+          } else {
+            message.error(res.data.errmsg);
+          }
+        });
+      }
+    });
+
+  };
+
+
+  UNSAFE_componentWillMount() {
+    //查询同步任务
+    this.setState({
+      config_data: {}
+    });
+    this.getSyncData();
+  }
+
+  async getSyncData() {
+    let projectId = this.props.projectMsg._id;
+    let result = await axios.get('/api/plugin/template/get?projectId=' + projectId);
+    if (result.data.errcode === 0) {
+      if (result.data.data) {
+        let templateData = result.data.data.find(it => it.tag === "default")
+        if (templateData == null) {
+          templateData = result.data.data[0]
+        }
+        this.setState({
+          config_data: templateData
+        });
+      }
+    }
+  }
+
+  handleTemplateInput = e => {
+    let config_data = this.state.config_data;
+    config_data.template_data = e.text;
+    this.setState({
+      config_data: config_data
+    });
+  };
+
+
+  render() {
+    const templateEditor = (
+      <FormItem {...formItemLayout} label="默认模板">
+        <AceEditor
+          data={this.state.config_data.template_data}
+          onChange={this.handleTemplateInput}
+          style={{minHeight: '300px'}}
+        />
+
+      </FormItem>
+    )
+    return (
+      <div className="m-panel">
+        <Form>
+          <div>
+            {templateEditor}
+          </div>
+          <FormItem {...tailFormItemLayout}>
+            <Button type="primary" htmlType="submit" icon="save" size="large" onClick={this.handleSubmit}>
+              保存
+            </Button>
+          </FormItem>
+        </Form>
+      </div>
+    );
+  }
+}