@openli1115/lowcode-edit-pro-table 1.0.23

package/es/components/edit-pro-table/components/ExportExcelButton.js

@@ -0,0 +1,91 @@
+import _Button from "@alifd/next/es/button";
+import _Icon from "@alifd/next/es/icon";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+import { baseUrl } from "../../utils";
+var exportUrl = baseUrl + "/modules/commExcel/export";
+var ExportExcelButton = function ExportExcelButton(_ref) {
+  var tableDataSource = _ref.tableDataSource,
+    columns = _ref.columns,
+    tableName = _ref.tableName;
+  var handleExport = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var res, blob, contentDisposition, fileName, fileNameMatch, downloadUrl, link;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 1;
+            return fetch(exportUrl, {
+              method: 'POST',
+              headers: {
+                'Content-Type': 'application/json',
+                Authorization: "Bearer " + (window.token || localStorage.getItem('token'))
+              },
+              body: JSON.stringify({
+                columns: columns.map(function (item) {
+                  var _item$title, _item$title$props;
+                  return {
+                    title: typeof item.title === 'string' ? item.title : (_item$title = item.title) === null || _item$title === void 0 ? void 0 : (_item$title$props = _item$title.props) === null || _item$title$props === void 0 ? void 0 : _item$title$props.children[0],
+                    dataIndex: item.dataIndex
+                  };
+                }),
+                tableName: tableName || '',
+                data: tableDataSource
+              })
+            });
+          case 1:
+            res = _context.sent;
+            if (res.ok) {
+              _context.next = 2;
+              break;
+            }
+            throw new Error("\u5BFC\u51FA\u5931\u8D25: " + res.status + " " + res.statusText);
+          case 2:
+            _context.next = 3;
+            return res.blob();
+          case 3:
+            blob = _context.sent;
+            // 尝试从 Content-Disposition 获取文件名，否则使用默认名
+            contentDisposition = res.headers.get('Content-Disposition');
+            fileName = 'export.xls'; // 默认文件名（.xls 格式）
+            if (contentDisposition) {
+              fileNameMatch = contentDisposition.match(/filename\*?=['"]?(?:UTF-\d['"]*)?([^;\r\n"']*)['"]?/i);
+              if (fileNameMatch && fileNameMatch[1]) {
+                fileName = fileNameMatch[1];
+              }
+            }
+            // 创建下载链接
+            downloadUrl = window.URL.createObjectURL(blob);
+            link = document.createElement('a');
+            link.href = downloadUrl;
+            link.download = decodeURIComponent(fileName); // 强制下载而非在新标签页打开
+            document.body.appendChild(link);
+            link.click();
+            // 清理
+            setTimeout(function () {
+              document.body.removeChild(link);
+              window.URL.revokeObjectURL(downloadUrl);
+            }, 100);
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleExport() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement(_Button, {
+    type: "primary",
+    onClick: handleExport
+  }, /*#__PURE__*/React.createElement(_Icon, {
+    type: "download"
+  }), " \u5BFC\u51FA");
+};
+export default ExportExcelButton;

package/es/components/edit-pro-table/components/ImportExcelButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const ImportExcelButton: ({ importTemplateList, onImport, }: {
+    importTemplateList: any;
+    onImport: any;
+}) => JSX.Element;
+export default ImportExcelButton;

package/es/components/edit-pro-table/components/ImportExcelButton.js

@@ -0,0 +1,105 @@
+import _Modal from "antd/es/modal";
+import _Card from "antd/es/card";
+import _Space from "antd/es/space";
+import _Upload from "antd/es/upload";
+import _Button from "@alifd/next/es/button";
+import _Icon from "@alifd/next/es/icon";
+import _message from "antd/es/message";
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+import { baseUrl } from "../../utils";
+var importUrl = baseUrl + "/modules/transition/form/uploadExcelToJson";
+var ImportExcelButton = function ImportExcelButton(_ref) {
+  var importTemplateList = _ref.importTemplateList,
+    onImport = _ref.onImport;
+  var _useState = useState(false),
+    importLoading = _useState[0],
+    setImportLoading = _useState[1];
+  var _useState2 = useState(false),
+    importModalVisible = _useState2[0],
+    setImportModalVisible = _useState2[1];
+  var handleChange = function handleChange(info) {
+    console.log('info', info);
+    var status = info.file.status;
+    setImportLoading(true);
+    // if (status !== 'uploading') {
+    //   console.log(info.file, info.fileList);
+    // }
+    if (status === 'done') {
+      setImportLoading(false);
+      console.log('response', info.file.response);
+      var data = info.file.response.data;
+      setImportModalVisible(false);
+      onImport(data);
+      _message.success("\u6587\u4EF6\u5BFC\u5165\u6210\u529F.");
+    } else if (status === 'error') {
+      setImportLoading(false);
+      _message.error("\u6587\u4EF6\u5BFC\u5165\u5931\u8D25.");
+    }
+  };
+  var beforeUpload = function beforeUpload(file) {
+    return new Promise(function (resolve, reject) {
+      var reader = new FileReader();
+      reader.onload = function (e) {
+        if (e.total > 5 * 1024 * 1024) {
+          _message.error("\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC75M");
+          reject();
+          return;
+        }
+      };
+      reader.readAsDataURL(file);
+    });
+  };
+  var templateUrl = '';
+  if (importTemplateList && importTemplateList.length) {
+    templateUrl = JSON.parse(importTemplateList) && JSON.parse(importTemplateList).length ? JSON.parse(importTemplateList)[0].url : '';
+  }
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(_Button, {
+    type: "primary",
+    onClick: function onClick() {
+      return setImportModalVisible(true);
+    }
+  }, /*#__PURE__*/React.createElement(_Icon, {
+    type: "upload"
+  }), " \u5BFC\u5165"), /*#__PURE__*/React.createElement(_Modal, {
+    title: "\u5BFC\u5165Excel\u6587\u4EF6",
+    open: importModalVisible,
+    maskClosable: false,
+    onOk: function onOk() {
+      return setImportModalVisible(false);
+    },
+    onCancel: function onCancel() {
+      return setImportModalVisible(false);
+    },
+    okButtonProps: {
+      loading: importLoading
+    }
+  }, /*#__PURE__*/React.createElement(_Card, {
+    bordered: false,
+    bodyStyle: {
+      padding: '0 0 0 80px'
+    }
+  }, /*#__PURE__*/React.createElement(_Space, {
+    size: 12
+  }, /*#__PURE__*/React.createElement(_Upload, {
+    action: importUrl,
+    headers: {
+      Authorization: "Bearer " + (window.token || localStorage.getItem('token'))
+    },
+    maxCount: 1,
+    accept: ".xlsx,.xls"
+    // beforeUpload={beforeUpload}
+    ,
+    onChange: handleChange
+  }, /*#__PURE__*/React.createElement(_Button, null, /*#__PURE__*/React.createElement(_Icon, {
+    type: "upload"
+  }), " \u4E0A\u4F20Excel\u6587\u4EF6")), templateUrl && /*#__PURE__*/React.createElement("a", {
+    href: templateUrl,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, "\u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F")))));
+};
+export default ImportExcelButton;

package/es/components/edit-pro-table/edit-pro-table.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { ProColumns } from '@ant-design/pro-components';
+import type { TablePaginationConfig } from 'antd/es/table';
+export interface EditProTableProps {
+    rowKey?: string;
+    tableName?: string;
+    columns?: ProColumns<DataSourceType>[];
+    dataSource?: DataSourceType[];
+    headerTitle?: string;
+    exportButton?: boolean;
+    importButton?: boolean;
+    importTemplateList?: string;
+    tableHeaderBold?: boolean;
+    tableHeaderSize?: string;
+    toolBarRender?: boolean;
+    search?: boolean;
+    intl?: string;
+    screen_inner_id?: string;
+    bind_inner_field?: string;
+    pagination?: false | TablePaginationConfig;
+    scroll?: object;
+    actionColumnProps?: {
+        title?: string;
+        width?: number;
+        fixed?: 'left' | 'right' | false;
+    };
+    loading?: boolean;
+    rowCheck?: boolean;
+    onSubmit?: (data: any) => Promise<void>;
+    onChange?: (newData: readonly DataSourceType[]) => void;
+}
+type DataSourceType = {
+    id: string | number;
+    inner_status?: 'add' | 'edit' | 'delete';
+    [key: string]: any;
+};
+declare const EditProTable: React.FC<EditProTableProps>;
+export default EditProTable;