@gientech/modual 2.0.3 → 2.0.5

package/src/modules/databaseId/server.ts

@@ -0,0 +1,286 @@
+import axios from 'axios';
+
+type IDataSourceType = 'DataTable' | 'DirectDB';
+
+interface DatabaseApiProps {
+  url?: string;
+  token?: string;
+  role?: string;
+  eventsEmit?: (name: string, data: any) => void;
+}
+
+const AxiosInstance = ({ url, token, role, eventsEmit }: DatabaseApiProps) => {
+  const axios$ = axios.create({
+    baseURL: url,
+    // 配置请求超时时间
+    timeout: 1000000,
+  });
+  // 请求拦截
+  axios$.interceptors.request.use((config: any) => {
+    let target_cookie = token;
+
+    const noA = ['user/login', 'user/kaptcha', 'user/regist'];
+    // dangerous behaviour
+    if (!target_cookie && !noA.some((item: string) => config.url.includes(item))) {
+      // 通过eventsEmit抛出认证错误事件，让调用层处理
+      if (eventsEmit) {
+        eventsEmit('request:error_auth', {
+          errorMsg: '未登录或token已过期',
+          redirect: '/login',
+        });
+      }
+      return Promise.reject(new Error('未登录或token已过期'));
+    }
+
+    config.headers.Authorization = target_cookie || '';
+    // 这里传中文会报错
+    config.headers.userName = role === '未登录用户' ? '' : role;
+    return config;
+  });
+
+  // 返回拦截
+  axios$.interceptors.response.use(
+    response => {
+      // 获取接口返回结果
+      const noA = ['user/kaptcha'];
+      const res = response.data;
+      if (noA.some((item: string) => response.config.url && response.config.url.includes(item))) {
+        return res;
+      }
+      if (res.size && res.type) {
+        return res;
+      }
+      const { success, errorMsg, errorCode } = res;
+
+      if (success) {
+        return res;
+      } else {
+        // 通过eventsEmit抛出业务错误事件，让调用层处理
+        if (eventsEmit) {
+          eventsEmit('request:error_business', {
+            errorCode,
+            errorMsg: errorMsg || '请求出错，请稍后再试',
+            response: res,
+          });
+        }
+      }
+    },
+    error => {
+      // 主动取消请求，不给报错信息
+      if (error.message === 'canceled') {
+        return Promise.reject(error);
+      }
+
+      // 通过eventsEmit抛出网络错误事件，让调用层处理
+      if (eventsEmit) {
+        let errorType = 'request:error_network';
+        let errorData: any = {
+          errorMsg: '网络请求失败',
+          error: error,
+        };
+
+        if (error?.response?.status === 401) {
+          errorType = 'request:error_auth';
+          errorData = {
+            errorMsg: '没有足够权限',
+            error: error,
+            redirect: '/login',
+          };
+        } else if (
+          error?.response?.data?.errorCode === '30013' ||
+          error?.response?.data?.errorCode === '30023'
+        ) {
+          errorType = 'request:error_business';
+          errorData = {
+            errorCode: error?.response?.data?.errorCode,
+            errorMsg: error?.response?.data?.errorMsg || '请求出错，请稍后再试',
+            error: error,
+          };
+        }
+
+        eventsEmit(errorType, errorData);
+      }
+      return Promise.reject(error);
+    }
+  );
+
+  //获取直连table列表
+  const getTableList = async (id: string | number) => {
+    try {
+      const res: any = await axios$.get(`/directDB/queryTableList/${id}`);
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('getTableList error:', e);
+    }
+  };
+
+  //获取上传table列表
+  // /database/dataTable/queryTableFileTreeList/{databaseId}
+  const getTableTreeList = async (id: string | number) => {
+    try {
+      const res: any = await axios$.get(`/dataTable/queryTableFileTreeList/${id}`);
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('getTableTreeList error:', e);
+    }
+  };
+
+  const getDBDetailById = async (id: string | number, type: IDataSourceType) => {
+    const typeToUrl = getTypeToUrl(type);
+    try {
+      const res: any = await axios$.get(`/${typeToUrl}/queryDBInfo/${id}`);
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('getDBDetailById error:', e);
+    }
+  };
+
+  //删除table
+  const delTableById = async (id: string | number, type: IDataSourceType) => {
+    const typeToUrl = getTypeToUrl(type);
+    try {
+      const res: any = await axios$.delete(`/${typeToUrl}/deleteTable/${id}`);
+
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('delTableById error:', e);
+    }
+  };
+
+  //删除文件
+  // /database/dataTable/deleteTableFileData/{fileId}
+  const delFileById = async (fileId: any) => {
+    try {
+      const res: any = await axios$.delete(`/dataTable/deleteTableFileData/${fileId}`);
+
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('delFileById', e);
+    }
+  };
+
+  //解析文件
+  const parseFiles = async ({ fileIds, isGenDescription, tableDescriptionMap }: any) => {
+    try {
+      const res: any = await axios$.post(`/dataTable/parseFiles`, {
+        fileIds,
+        isGenDescription,
+        tableDescriptionMap,
+      });
+
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('parseFiles error:', e);
+    }
+  };
+
+  //重新导入
+  // /database/dataTable/reParseFile/{fileId}
+  const reParseFile = async (fileId: number | string) => {
+    try {
+      const res: any = await axios$.post(`/dataTable/reParseFile/${fileId}`);
+
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('reParseFile error:', e);
+    }
+  };
+
+  //追加数据
+  const parseAppendFile = async ({ fileIds, tableId }: any) => {
+    try {
+      const res: any = await axios$.post(`/dataTable/parseAppendFiles`, {
+        fileIds,
+        tableId,
+      });
+
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('parseAppendFile error:', e);
+    }
+  };
+
+  // /database/dataTable/queryTableMeta/{tableId}
+  const getTableInfoById = async (id: string | number) => {
+    try {
+      const res: any = await axios$.get(`/dataTable/queryTableMeta/${id}`);
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('getTableInfoById error:', e);
+    }
+  };
+
+  // 编辑table
+  const updateTableInfo = async ({ tableId, description, businessName }: any) => {
+    try {
+      const res: any = await axios$.post(`/dataTable/updateTableInfo`, {
+        tableId,
+        businessName,
+        description,
+      });
+
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('updateTableInfo error:', e);
+    }
+  };
+
+  // AI优化表描述
+  // /database/genTableDescription/{tableId}
+  const optimizeDesc = async (tableId: string | number) => {
+    try {
+      const res: any = await axios$.get(`/genTableDescription/${tableId}`);
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('optimizeDesc error:', e);
+    }
+  };
+
+  // 删除已上传文件
+  // /database/dataTable/cancelUploadFile
+
+  const deleteUploadedFiles = async (fileIds: string[] | number[]) => {
+    try {
+      const res: any = await axios$.post(`/dataTable/cancelUploadFile`, {
+        fileIds,
+      });
+
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('deleteUploadedFiles error:', e);
+    }
+  };
+
+  return {
+    getTableList,
+    getTableTreeList,
+    getDBDetailById,
+    delTableById,
+    delFileById,
+    parseFiles,
+    reParseFile,
+    parseAppendFile,
+    deleteUploadedFiles,
+    getTableInfoById,
+    updateTableInfo,
+    optimizeDesc,
+  };
+};
+
+const getTypeToUrl = (type: IDataSourceType) => {
+  return type == 'DataTable' ? 'dataTable' : 'directDB';
+};
+
+export default AxiosInstance;

package/src/modules/databaseId/style.css

@@ -0,0 +1,5 @@
+.database-upload-drawer {
+  .ant-drawer-body {
+    padding: 0;
+  }
+}

package/src/modules/databaseTable/EditRowDrawer.tsx

@@ -0,0 +1,124 @@
+import React, { useState } from 'react';
+import { List, Input, Button, Row, Col, Drawer } from 'antd';
+import { SquarePen, X } from 'lucide-react';
+import { Button as IButton } from '@mxmweb/zui';
+
+interface EditRowDrawerProps {
+  drawerVisible: boolean;
+  rowData: any;
+  handleDrawerClose: (type: 'confirm' | 'cancel', data?: any) => void;
+  tableId?: string | number;
+}
+const EditRowDrawer = ({ drawerVisible, handleDrawerClose, rowData }: EditRowDrawerProps) => {
+  const [data, setData] = useState(rowData.data);
+
+  // 编辑状态
+  const [editingId, setEditingId] = useState(null);
+  const [editingValue, setEditingValue] = useState('');
+
+  // 开始编辑
+  const handleEdit = (record: any) => {
+    setEditingValue(record.value);
+    setEditingId(record.columnId);
+  };
+
+  // 取消编辑
+  const handleCancel = () => {
+    setEditingId(null);
+  };
+
+  // 保存编辑
+  const handleSave = (id: any) => {
+    if (!editingValue.trim()) return; // 简单验证
+
+    setData(
+      data.map((item: any) => (item.columnId === id ? { ...item, value: editingValue } : item))
+    );
+    setEditingId(null);
+  };
+
+  return (
+    <Drawer
+      title="列数值修改"
+      placement="right"
+      width={840}
+      onClose={() => handleDrawerClose('cancel')}
+      open={drawerVisible}
+      closeIcon={false}
+      extra={
+        <X
+          size={20}
+          color="#888888"
+          onClick={() => handleDrawerClose('cancel')}
+          className="cursor-pointer"
+        />
+      }
+      footer={
+        <div
+          className={`flex justify-end items-center gap-3`}
+          style={{
+            justifyContent: 'end',
+          }}
+        >
+          <IButton mode="default" label="取消" onClick={() => handleDrawerClose('cancel')} />
+          <IButton
+            mode="primary"
+            label="确认"
+            onClick={async () => {
+              await handleDrawerClose('confirm', data);
+            }}
+          />
+        </div>
+      }
+    >
+      <Row
+        gutter={16}
+        style={{
+          padding: '12px 18px',
+          background: '#fafafa',
+          borderBottom: '1px solid #f0f0f0',
+          fontWeight: 'bold',
+        }}
+      >
+        <Col span={4}>列名称</Col>
+        <Col span={20}>数值</Col>
+      </Row>
+      <List
+        dataSource={data}
+        renderItem={(item: any) => (
+          <List.Item
+            actions={[
+              editingId !== item.columnId && (
+                <Button
+                  type="text"
+                  icon={<SquarePen size={14} />}
+                  onClick={() => handleEdit(item)}
+                />
+              ),
+            ]}
+          >
+            <div style={{ display: 'flex', width: '100%', height: '54px', lineHeight: '54px' }}>
+              <div style={{ width: '150px', marginLeft: 15 }}>{item.columnName}</div>
+              <div style={{ width: '550px' }}>
+                {editingId === item.columnId ? (
+                  <Input
+                    value={editingValue}
+                    onChange={e => setEditingValue(e.target.value)}
+                    onPressEnter={() => handleSave(item.columnId)}
+                    onBlur={() => handleSave(item.columnId)}
+                  />
+                ) : (
+                  <div className="w-full truncate" title={item.value}>
+                    {item.value}
+                  </div>
+                )}
+              </div>
+            </div>
+          </List.Item>
+        )}
+      />
+    </Drawer>
+  );
+};
+
+export default EditRowDrawer;