feat: Add base project structure with API and web components

2025-12-02 20:28:01 +08:00
parent f3de6d6cc9
commit c1adc62ec6
817 changed files with 111226 additions and 106 deletions
--- a/web/src/views/ApplicationConfig/components/ReleaseModal.tsx
+++ b/web/src/views/ApplicationConfig/components/ReleaseModal.tsx
@@ -0,0 +1,100 @@
+import { forwardRef, useImperativeHandle, useState } from 'react';
+import { Form, Input } from 'antd';
+import { useTranslation } from 'react-i18next';
+
+import type { ReleaseModalRef } from '../types'
+import RbModal from '@/components/RbModal'
+import { publishRelease } from '@/api/application'
+import type { Application } from '@/views/ApplicationManagement/types'
+
+const FormItem = Form.Item;
+
+interface ReleaseModalProps {
+  refreshTable: () => void;
+  data: Application
+}
+
+const ReleaseModal = forwardRef<ReleaseModalRef, ReleaseModalProps>(({
+  refreshTable,
+  data
+}, ref) => {
+  const { t } = useTranslation();
+  const [visible, setVisible] = useState(false);
+  const [form] = Form.useForm();
+  const [loading, setLoading] = useState(false)
+
+  // 封装取消方法，添加关闭弹窗逻辑
+  const handleClose = () => {
+    setVisible(false);
+    form.resetFields();
+    setLoading(false)
+  };
+
+  const handleOpen = () => {
+    setVisible(true);
+  };
+  // 封装保存方法，添加提交逻辑
+  const handleSave = () => {
+    form.validateFields().then(() => {
+      setLoading(true)
+      const values = form.getFieldsValue()
+      publishRelease(data.id, values)
+        .then(() => {
+          handleClose()
+          refreshTable()
+        })
+        .finally(() => {
+          setLoading(false)
+        })
+    })
+  }
+
+  // 暴露给父组件的方法
+  useImperativeHandle(ref, () => ({
+    handleOpen,
+    handleClose
+  }));
+
+  return (
+    <>
+      <RbModal
+        title={t('application.releaseNewVersion')}
+        open={visible}
+        onCancel={handleClose}
+        okText={t('application.release')}
+        onOk={handleSave}
+        confirmLoading={loading}
+      >
+        <Form
+          form={form}
+          layout="vertical"
+        >
+          {/* 版本名 */}
+          <FormItem
+            name="version_name"
+            label={t('application.versionName')}
+            rules={[
+              { required: true, message: t('common.pleaseEnter') },
+            ]}
+            extra={t('application.versionNameTip')}
+          >
+            <Input placeholder={t('common.enter')} />
+          </FormItem>
+          {/* 版本描述 */}
+          <FormItem
+            name="release_notes"
+            label={t('application.versionDescription')}
+            rules={[
+              { required: true, message: t('common.pleaseEnter') },
+            ]}
+            extra={t('application.versionDescriptionTip')}
+          >
+            <Input.TextArea placeholder={t('common.enter')} />
+          </FormItem>
+        </Form>
+      </RbModal>
+    </>
+  );
+});
+
+export default ReleaseModal;