@openli1115/lowcode-edit-pro-table 1.0.23

package/lib/components/ProTimePicker/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _timePicker = _interopRequireDefault(require("@alifd/next/lib/time-picker"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _utils = require("../utils");
+var _useComponentContext2 = require("../../context/useComponentContext");
+var _excluded = ["screen_structure", "screen_structure_field", "defaultValue", "disableEdit"];
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+var moment = window.moment;
+
+// 工具函数：Date 转字符串 "HH:mm:ss"
+function timeDateToString(date) {
+  if (!date) return '';
+  if (moment) {
+    // 使用 moment 格式化
+    return moment(date).format('HH:mm:ss');
+  }
+  // 降级方案
+  var d = new Date(date);
+  var h = String(d.getHours()).padStart(2, '0');
+  var m = String(d.getMinutes()).padStart(2, '0');
+  var s = String(d.getSeconds()).padStart(2, '0');
+  return h + ":" + m + ":" + s;
+}
+var ProTimePicker = function ProTimePicker(props) {
+  var screen_structure = props.screen_structure,
+    screen_structure_field = props.screen_structure_field,
+    defaultValue = props.defaultValue,
+    disableEdit = props.disableEdit,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  var _getStructureFieldNam = (0, _utils.getStructureFieldName)(screen_structure, screen_structure_field),
+    structureName = _getStructureFieldNam.structureName,
+    structureField = _getStructureFieldNam.structureField;
+  var fieldPath = structureName + "." + structureField;
+  var _useComponentContext = (0, _useComponentContext2.useComponentContext)(fieldPath),
+    value = _useComponentContext.value,
+    onValueChange = _useComponentContext.onValueChange;
+  console.log('ProTimePicker useComponentContext value', value, fieldPath);
+  // console.log('otherProps', otherProps);
+
+  var handleChange = function handleChange(newValue) {
+    // updateScreenStructure(screen_structure, screen_structure_field, value);
+    if (onValueChange) {
+      onValueChange(timeDateToString(newValue));
+    }
+    // 触发标准 onChange
+    if (props.onChange) {
+      props.onChange(timeDateToString(newValue), structureName, structureField);
+    }
+  };
+  return /*#__PURE__*/React.createElement("span", {
+    className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
+  }, /*#__PURE__*/React.createElement(_timePicker["default"], (0, _extends2["default"])({}, props, {
+    value: value,
+    onChange: handleChange
+  })));
+};
+var _default = exports["default"] = ProTimePicker;

package/lib/components/colorful-button/colorful-button.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import './index.scss';
+export interface ColorfulButtonProps {
+    /**
+     * 类型
+     */
+    type?: "primary" | "secondary" | "normal";
+    color?: string;
+    style?: object;
+}
+declare const ColorfulButton: React.FC<ColorfulButtonProps>;
+export default ColorfulButton;

package/lib/components/colorful-button/colorful-button.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+require("./index.scss");
+var _excluded = ["type", "color", "style"];
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+var ColorfulButton = function ColorfulButton(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'primary' : _ref$type,
+    color = _ref.color,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _style = style || {};
+  if (color) {
+    _style.backgroundColor = color;
+  }
+  var _otherProps = otherProps || {};
+  _otherProps.style = _style;
+  return /*#__PURE__*/React.createElement(_button["default"], (0, _extends2["default"])({
+    type: type
+  }, _otherProps), "fusion button");
+};
+ColorfulButton.displayName = 'ColorfulButton';
+var _default = exports["default"] = ColorfulButton;

package/lib/components/colorful-button/index.d.ts

@@ -0,0 +1,3 @@
+import ColorfulButton from './colorful-button';
+export type { ColorfulButtonProps } from './colorful-button';
+export default ColorfulButton;

package/lib/components/colorful-button/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _colorfulButton = _interopRequireDefault(require("./colorful-button"));
+var _default = exports["default"] = _colorfulButton["default"];

package/lib/components/colorful-button/index.scss

@@ -0,0 +1,5 @@
+@import '../../variables.scss';
+
+#{$biz-css-prefix}-colorful-button {
+  border: 2px dashed blue;
+}

package/lib/components/colorful-input/colorful-input.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './index.scss';
+export interface ColorfulInputProps {
+    color?: string;
+    style?: object;
+}
+declare const ColorfulInput: React.FC<ColorfulInputProps>;
+export default ColorfulInput;

package/lib/components/colorful-input/colorful-input.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+require("./index.scss");
+var _excluded = ["color", "style"];
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+var ColorfulInput = function ColorfulInput(_ref) {
+  var color = _ref.color,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _style = style || {};
+  if (color) {
+    _style.backgroundColor = color;
+  }
+  var _otherProps = otherProps || {};
+  _otherProps.style = _style;
+  return /*#__PURE__*/React.createElement(_input["default"], _otherProps);
+};
+var _default = exports["default"] = ColorfulInput;

package/lib/components/colorful-input/index.d.ts

@@ -0,0 +1,3 @@
+import ColorfulInput from './colorful-input';
+export type { ColorfulInputProps } from './colorful-input';
+export default ColorfulInput;

package/lib/components/colorful-input/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _colorfulInput = _interopRequireDefault(require("./colorful-input"));
+var _default = exports["default"] = _colorfulInput["default"];

package/lib/components/colorful-input/index.scss

@@ -0,0 +1,5 @@
+@import '../../variables.scss';
+
+#{$biz-css-prefix}-colorful-button {
+  border: 2px dashed blue;
+}

package/lib/components/edit-pro-table/components/ExportExcelButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const ExportExcelButton: ({ tableDataSource, columns, tableName, }: {
+    tableDataSource: any;
+    columns: any;
+    tableName: any;
+}) => JSX.Element;
+export default ExportExcelButton;

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

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _utils = require("../../utils");
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+var exportUrl = _utils.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 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var res, blob, contentDisposition, fileName, fileNameMatch, downloadUrl, link;
+      return _regenerator["default"].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["default"], {
+    type: "primary",
+    onClick: handleExport
+  }, /*#__PURE__*/React.createElement(_icon["default"], {
+    type: "download"
+  }), " \u5BFC\u51FA");
+};
+var _default = exports["default"] = ExportExcelButton;

package/lib/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/lib/components/edit-pro-table/components/ImportExcelButton.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _modal = _interopRequireDefault(require("antd/lib/modal"));
+var _card = _interopRequireDefault(require("antd/lib/card"));
+var _space = _interopRequireDefault(require("antd/lib/space"));
+var _upload = _interopRequireDefault(require("antd/lib/upload"));
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+var _message2 = _interopRequireDefault(require("antd/lib/message"));
+var _utils = require("../../utils");
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+var importUrl = _utils.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);
+      _message2["default"].success("\u6587\u4EF6\u5BFC\u5165\u6210\u529F.");
+    } else if (status === 'error') {
+      setImportLoading(false);
+      _message2["default"].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) {
+          _message2["default"].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["default"], {
+    type: "primary",
+    onClick: function onClick() {
+      return setImportModalVisible(true);
+    }
+  }, /*#__PURE__*/React.createElement(_icon["default"], {
+    type: "upload"
+  }), " \u5BFC\u5165"), /*#__PURE__*/React.createElement(_modal["default"], {
+    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["default"], {
+    bordered: false,
+    bodyStyle: {
+      padding: '0 0 0 80px'
+    }
+  }, /*#__PURE__*/React.createElement(_space["default"], {
+    size: 12
+  }, /*#__PURE__*/React.createElement(_upload["default"], {
+    action: importUrl,
+    headers: {
+      Authorization: "Bearer " + (window.token || localStorage.getItem('token'))
+    },
+    maxCount: 1,
+    accept: ".xlsx,.xls"
+    // beforeUpload={beforeUpload}
+    ,
+    onChange: handleChange
+  }, /*#__PURE__*/React.createElement(_button["default"], null, /*#__PURE__*/React.createElement(_icon["default"], {
+    type: "upload"
+  }), " \u4E0A\u4F20Excel\u6587\u4EF6")), templateUrl && /*#__PURE__*/React.createElement("a", {
+    href: templateUrl,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, "\u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F")))));
+};
+var _default = exports["default"] = ImportExcelButton;

package/lib/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;