@guo514360255/antd-lib 1.4.1

package/dist/CustomFormModal/index.js

@@ -0,0 +1,293 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["type", "onSubmit", "columns", "saveRequest", "updateRequest", "detailRequest", "handleData", "title", "formList"];
+/*
+ * @Author: 郭郭
+ * @Date: 2025/8/15
+ * @Description:
+ */
+
+import { DeleteOutlined } from '@ant-design/icons';
+import { Button, Drawer, Form, message, Modal } from 'antd';
+import cloneDeep from 'lodash/cloneDeep';
+import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import CustomUpload from "../CustomUpload";
+import FormItem from "../FormItem";
+import "./index.less";
+var CustomFormModal = /*#__PURE__*/forwardRef(function (props, ref) {
+  var type = props.type,
+    onSubmit = props.onSubmit,
+    columns = props.columns,
+    saveRequest = props.saveRequest,
+    updateRequest = props.updateRequest,
+    detailRequest = props.detailRequest,
+    handleData = props.handleData,
+    title = props.title,
+    _props$formList = props.formList,
+    formList = _props$formList === void 0 ? {} : _props$formList,
+    other = _objectWithoutProperties(props, _excluded);
+  var formRef = useRef();
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    values = _useState2[0],
+    setValues = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var _message$useMessage = message.useMessage(),
+    _message$useMessage2 = _slicedToArray(_message$useMessage, 2),
+    messageApi = _message$useMessage2[0],
+    messageHolder = _message$useMessage2[1];
+  var formKey = '_form_key';
+  var modalType = {
+    modal: Modal,
+    drawer: Drawer
+  };
+  var Component = modalType[type || 'drawer'];
+  var placeholder = {
+    input: '输入',
+    upload: '上传'
+  };
+  var handleColumns = function handleColumns(columns) {
+    var newColumns = (columns || []).filter(function (item) {
+      return !item.hideInForm;
+    });
+    newColumns === null || newColumns === void 0 || newColumns.forEach(function (item) {
+      // 所有select/treeSelect都附加搜索功能
+      if (['select', 'treeSelect'].includes(item.type)) {
+        item.fieldProps = _objectSpread({
+          showSearch: true
+        }, item.fieldProps || {});
+      }
+      return item;
+    });
+    return cloneDeep(newColumns).map(function (item) {
+      if (item.formKey) {
+        var _key = /_form_key$/.test(item.formKey) ? '' : formKey;
+        item.dataIndex = item.formKey + _key;
+      }
+      return item;
+    });
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      open: function open(values) {
+        return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          var _formRef$current, data;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                setOpen(true);
+                if (!(values !== null && values !== void 0 && values.id && detailRequest)) {
+                  _context.next = 9;
+                  break;
+                }
+                _context.next = 4;
+                return detailRequest(values.id);
+              case 4:
+                data = _context.sent;
+                columns === null || columns === void 0 || columns.forEach(function (item) {
+                  if (item.formKey) {
+                    data["".concat(item.dataIndex).concat(formKey)] = data[item.dataIndex];
+                  }
+                });
+                formRef === null || formRef === void 0 || (_formRef$current = formRef.current) === null || _formRef$current === void 0 || _formRef$current.setFieldsValue(data || {});
+                setValues(data || {});
+                return _context.abrupt("return");
+              case 9:
+                setTimeout(function () {
+                  var _formRef$current2;
+                  formRef === null || formRef === void 0 || (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 || _formRef$current2.setFieldsValue(values || {});
+                  setValues(values || {});
+                });
+              case 10:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }))();
+      }
+    };
+  });
+  var submitEvent = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _formRef$current3, _formRef$current4, formData, data, result, _key2;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setLoading(true);
+            _context2.prev = 1;
+            _context2.next = 4;
+            return (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.validateFields();
+          case 4:
+            formData = _context2.sent;
+            data = _objectSpread(_objectSpread({}, values), formData);
+            result = {};
+            for (_key2 in data) {
+              if (new RegExp(formKey).test(_key2)) {
+                result[_key2.replace(new RegExp(formKey), '')] = data[_key2];
+              } else {
+                result[_key2] = data[_key2];
+              }
+            }
+            if (handleData) {
+              result = handleData(result);
+            }
+            if (!values.id) {
+              _context2.next = 15;
+              break;
+            }
+            if (!updateRequest) {
+              _context2.next = 13;
+              break;
+            }
+            _context2.next = 13;
+            return updateRequest(result);
+          case 13:
+            _context2.next = 18;
+            break;
+          case 15:
+            if (!saveRequest) {
+              _context2.next = 18;
+              break;
+            }
+            _context2.next = 18;
+            return saveRequest(result);
+          case 18:
+            setOpen(false);
+            (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 || _formRef$current4.resetFields();
+            if (onSubmit) {
+              onSubmit();
+            }
+            messageApi.success('提交成功');
+            _context2.next = 27;
+            break;
+          case 24:
+            _context2.prev = 24;
+            _context2.t0 = _context2["catch"](1);
+            console.log(_context2.t0, 'submit request error');
+          case 27:
+            setLoading(false);
+          case 28:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[1, 24]]);
+    }));
+    return function submitEvent() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var close = function close() {
+    var _formRef$current5;
+    setOpen(false);
+    (_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 || _formRef$current5.resetFields();
+    if (onSubmit) {
+      onSubmit();
+    }
+  };
+  var footer = [/*#__PURE__*/React.createElement(Button, {
+    key: "cancel",
+    size: "large",
+    onClick: close
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    key: "submit",
+    type: "primary",
+    size: "large",
+    loading: loading,
+    onClick: submitEvent
+  }, "\u63D0\u4EA4")];
+  var getPlaceholder = function getPlaceholder(type, title) {
+    return "\u8BF7".concat(placeholder[type || 'input'] || placeholder.default).concat(title ? title : '');
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, messageHolder, /*#__PURE__*/React.createElement(Component, _extends({
+    width: other.width || 600,
+    footer: footer,
+    title: "".concat(!!values.id ? '编辑' : '新增').concat(title || '')
+  }, other, {
+    open: open,
+    onClose: close,
+    className: "formContainer"
+  }), /*#__PURE__*/React.createElement(Form, {
+    size: "large",
+    layout: "vertical",
+    autoComplete: "off",
+    ref: formRef
+  }, handleColumns(columns || []).map(function (item) {
+    var defaultPlaceholder = getPlaceholder(item.type, item.title);
+    return item.type === 'group' ? /*#__PURE__*/React.createElement(Form.List, {
+      name: item.dataIndex,
+      key: item.dataIndex
+    }, function (fields, _ref2, _ref3) {
+      var add = _ref2.add,
+        remove = _ref2.remove;
+      var errors = _ref3.errors;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, fields.map(function (field, key) {
+        return /*#__PURE__*/React.createElement(Form.Item, {
+          label: key === 0 ? "".concat(item.title) : '',
+          key: field.key,
+          rules: item.required ? [{
+            required: true
+          }] : [],
+          className: "dynamicItemContainer"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "listGroupContainer"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "listGroupContent"
+        }, (formList[item.dataIndex] || []).map(function (list) {
+          var placeholder = getPlaceholder(list.type, list.title);
+          return /*#__PURE__*/React.createElement(Form.Item, {
+            name: [field.name, list.dataIndex],
+            label: list.title,
+            key: list.dataIndex,
+            labelAlign: "right",
+            rules: [{
+              required: list.required,
+              message: placeholder
+            }].concat(_toConsumableArray(list.rules || []))
+          }, list.type === 'upload' ? /*#__PURE__*/React.createElement(CustomUpload, list) : /*#__PURE__*/React.createElement(FormItem, _extends({}, list, {
+            defaultPlaceholder: placeholder
+          })));
+        })), /*#__PURE__*/React.createElement("span", {
+          className: "listDelIcon"
+        }, /*#__PURE__*/React.createElement(DeleteOutlined, {
+          onClick: function onClick() {
+            return remove(field.name);
+          }
+        }))));
+      }), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
+        type: "dashed",
+        block: true,
+        onClick: function onClick() {
+          return add();
+        }
+      }, '新增' + item.title), /*#__PURE__*/React.createElement(Form.ErrorList, {
+        errors: errors
+      })));
+    }) : /*#__PURE__*/React.createElement(Form.Item, {
+      key: item.dataIndex,
+      label: item.title ? "".concat(item.title) : '',
+      name: item.dataIndex,
+      rules: [{
+        required: item.required,
+        message: defaultPlaceholder
+      }].concat(_toConsumableArray(item.rules || []))
+    }, item.type === 'upload' ?
+    /*#__PURE__*/
+    // @ts-ignore
+    React.createElement(CustomUpload, item) : /*#__PURE__*/React.createElement(FormItem, _extends({}, item, {
+      defaultPlaceholder: defaultPlaceholder
+    })));
+  }))));
+});
+export default CustomFormModal;

package/dist/CustomFormModal/index.less

@@ -0,0 +1,29 @@
+.formContainer{
+  .ant-drawer-footer{
+    display: flex;
+    gap: 16px;
+  }
+  .dynamicItemContainer{
+    display: flex;
+    width: 100%;
+    > div {
+      width: 100%;
+      .listGroupContainer{
+        display: flex;
+        gap: 20px;
+        background-color: #f4f4f4;
+        border-radius: 4px;
+        padding: 10px 10px 0 10px;
+        .listGroupContent{
+          flex: 1;
+        }
+      }
+      > div:nth-child(2) {
+      }
+    }
+    .listDelIcon{
+      color: #F5222D;
+      cursor: pointer;
+    }
+  }
+}

package/dist/CustomTable/index.d.ts

@@ -0,0 +1,5 @@
+import { CustomTableProps } from "./table";
+import React from 'react';
+import './index.less';
+declare const CustomTable: React.ForwardRefExoticComponent<Omit<CustomTableProps, "ref"> & React.RefAttributes<any>>;
+export default CustomTable;