[type:feat] plugin template page add generate button

src/components/GlobalHeader/index.js

@@ -244,6 +244,7 @@ class GlobalHeader extends PureComponent {
       "/config/dict",
       "/config/namespace",
       "/config/pluginhandle",
+      "/config/plugin",
       "/system/resource",
       "/system/role",
       "/system/manage",

src/index.less

@@ -37,10 +37,7 @@ body,
   .optionParts {
     display: flex;
     justify-content: center;
-
-    div:first-child {
-      margin-right: 16px;
-    }
+    gap: 16px;
   }
 }
 

src/locales/en-US.json

@@ -298,6 +298,7 @@
   "SHENYU.BUTTON.SYSTEM.ENABLE": "Enable",
   "SHENYU.BUTTON.SYSTEM.EDITRESOURCEDETAILS": "EditDetails",
   "SHENYU.BUTTON.SYSTEM.RESOURCE": "Resource",
+  "SHENYU.BUTTON.SYSTEM.GENERATE": "Generate",
   "SHENYU.BUTTON.DATA.PERMISSION.CONFIG": "ConfigureDataPermission",
   "SHENYU.MESSAGE.SESSION.INVALID": "Session is invalid",
   "SHENYU.MESSAGE.SESSION.RELOGIN": "Please login in again",

src/locales/zh-CN.json

@@ -302,6 +302,7 @@
   "SHENYU.BUTTON.SYSTEM.ENABLE": "启用",
   "SHENYU.BUTTON.SYSTEM.EDITRESOURCEDETAILS": "编辑详情",
   "SHENYU.BUTTON.SYSTEM.RESOURCE": "资源",
+  "SHENYU.BUTTON.SYSTEM.GENERATE": "生成",
   "SHENYU.BUTTON.DATA.PERMISSION.CONFIG": "配置数据权限",
   "SHENYU.MESSAGE.SESSION.INVALID": "会话超时",
   "SHENYU.MESSAGE.SESSION.RELOGIN": "会话超时,请重新登录",

src/models/plugin.js

@@ -22,6 +22,7 @@ import {
   updatePlugin,
   deletePlugin,
   addPlugin,
+  generatePlugin,
   updatepluginEnabled,
   fetchPluginHandleByPluginId,
   addPluginResource,
@@ -74,6 +75,17 @@ export default {
         message.warn(json.message);
       }
     },
+    *generate(params, { call, put }) {
+      const { payload, callback, fetchValue } = params;
+      const json = yield call(generatePlugin, payload);
+      if (json.code === 200) {
+        message.success(getIntlContent("SHENYU.COMMON.RESPONSE.ADD.SUCCESS"));
+        callback?.();
+        yield put({ type: "reload", fetchValue });
+      } else {
+        message.warn(json.message);
+      }
+    },
     *changeStatus({ payload }, { call, put }) {
       const json = yield call(updatePlugin, payload);
       if (json.code === 200) {

src/routes/System/Plugin/index.js

@@ -27,6 +27,8 @@ import {
   Tag,
   Typography,
   Switch,
+  Dropdown,
+  Menu,
 } from "antd";
 import { connect } from "dva";
 import { Link } from "dva/router";
@@ -46,6 +48,7 @@ const { Option } = Select;
   authMenu: resource.authMenu,
   language: global.language,
   loading: loading.effects["plugin/fetch"],
+  namespaces: global.namespaces,
 }))
 export default class Plugin extends Component {
   components = resizableComponents;
@@ -151,6 +154,35 @@ export default class Plugin extends Component {
     });
   };
 
+  getNamespaceMenus = (record) => {
+    const { namespaces } = this.props;
+    return (
+      <Menu>
+        {namespaces.map((namespace) => (
+          <Menu.Item key={namespace.id}>
+            <a onClick={() => this.generateClick(record, namespace)}>
+              {namespace.name}
+            </a>
+          </Menu.Item>
+        ))}
+      </Menu>
+    );
+  };
+
+  generateClick = (record, namespace) => {
+    const { dispatch } = this.props;
+    dispatch({
+      type: "plugin/generate",
+      payload: {
+        pluginId: record.id,
+        namespaceId: namespace.namespaceId,
+      },
+      fetchValue: this.currentQueryPayload({
+        pageSize: 12,
+      }),
+    });
+  };
+
   resourceClick = (record) => {
     // code here...
     const { dispatch } = this.props;
@@ -418,7 +450,7 @@ export default class Plugin extends Component {
           dataIndex: "time",
           key: "time",
           ellipsis: true,
-          width: 160,
+          width: 200,
           fixed: "right",
           render: (text, record) => {
             return (
@@ -443,6 +475,13 @@ export default class Plugin extends Component {
                     {getIntlContent("SHENYU.BUTTON.SYSTEM.RESOURCE")}
                   </div>
                 </AuthButton>
+                <AuthButton perms="system:plugin:add">
+                  <Dropdown overlay={this.getNamespaceMenus(record)}>
+                    <div className="edit">
+                      {getIntlContent("SHENYU.BUTTON.SYSTEM.GENERATE")}
+                    </div>
+                  </Dropdown>
+                </AuthButton>
               </div>
             );
           },

src/services/api.js

@@ -195,6 +195,13 @@ export async function addPlugin(params) {
   });
 }
 
+/* generatePlugin */
+export async function generatePlugin({ pluginId, namespaceId }) {
+  return request(`${baseUrl}/namespacePlugin/${namespaceId}/${pluginId}`, {
+    method: `PUT`,
+  });
+}
+
 function readFileAsBase64(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();