ls-pro-common 1.0.4 → 1.0.5

package/lib/hooks/useDtl/index.js

@@ -0,0 +1,665 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _utils = require("../../utils");
+
+var _excluded = ["current", "pageSize"];
+
+function useDtl(dtlParam) {
+  var mstService = dtlParam.service,
+      masterObject = dtlParam.initItem,
+      _dtlParam$mstKeyField = dtlParam.mstKeyField,
+      mstKeyField = _dtlParam$mstKeyField === void 0 ? 'id' : _dtlParam$mstKeyField,
+      dtlService = dtlParam.dtlService,
+      relationField = dtlParam.relationField,
+      toolConfig = dtlParam.toolConfig,
+      dtlItem = dtlParam.dtlItem,
+      beforeLoad = dtlParam.beforeLoad,
+      beforeAdd = dtlParam.beforeAdd,
+      beforeEdit = dtlParam.beforeEdit,
+      beforeRemove = dtlParam.beforeRemove,
+      afterSave = dtlParam.afterSave,
+      afterRemove = dtlParam.afterRemove;
+  /** @name 选中行数据 */
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      selectedRows = _useState2[0],
+      setSelectedRows = _useState2[1];
+  /** @name 显示新增编辑框 */
+
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      showEdit = _useState4[0],
+      setShowEdit = _useState4[1];
+  /** @name 新增或编辑对象初始值 */
+
+
+  var _useState5 = (0, _react.useState)(dtlItem),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      editItem = _useState6[0],
+      setEditItem = _useState6[1];
+  /** @name 从表表格Ref */
+
+
+  var tableRef = (0, _react.useRef)();
+  /** @name 主表表单Ref */
+
+  var formRef = (0, _react.useRef)();
+  /** @name 从表编辑表单Ref */
+
+  var dtlFormRef = (0, _react.useRef)();
+
+  var onSaveMst = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(values) {
+      var _result$flag;
+
+      var data, result;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, masterObject), values);
+              _context.next = 3;
+              return mstService.save(data);
+
+            case 3:
+              result = _context.sent;
+              _context.t0 = afterSave;
+
+              if (!_context.t0) {
+                _context.next = 10;
+                break;
+              }
+
+              _context.next = 8;
+              return afterSave(result, data);
+
+            case 8:
+              _context.t1 = _context.sent;
+              _context.t0 = _context.t1 === false;
+
+            case 10:
+              if (!_context.t0) {
+                _context.next = 12;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 12:
+              if ((result === null || result === void 0 ? void 0 : (_result$flag = result.flag) === null || _result$flag === void 0 ? void 0 : _result$flag.retCode) === '0') {
+                (0, _utils.showSuccess)(result.flag.retMsg);
+                Object.assign(masterObject, result.data);
+                setEditItem({});
+              }
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function onSaveMst(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  /** 删除按钮事件 */
+
+
+  var onRemoveMst = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var _result$flag2;
+
+      var ids, result;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(!masterObject || !masterObject[mstKeyField])) {
+                _context2.next = 2;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 2:
+              _context2.next = 4;
+              return (0, _utils.showConfirm)('确认要删除当前数据?');
+
+            case 4:
+              if (!beforeRemove) {
+                _context2.next = 10;
+                break;
+              }
+
+              _context2.next = 7;
+              return beforeRemove([masterObject]);
+
+            case 7:
+              ids = _context2.sent;
+
+              if (!(ids === false)) {
+                _context2.next = 10;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 10:
+              if (!ids) {
+                ids = [masterObject[mstKeyField]];
+              }
+
+              _context2.next = 13;
+              return mstService.remove(ids);
+
+            case 13:
+              result = _context2.sent;
+              _context2.t0 = afterRemove;
+
+              if (!_context2.t0) {
+                _context2.next = 20;
+                break;
+              }
+
+              _context2.next = 18;
+              return afterRemove(result, masterObject[mstKeyField]);
+
+            case 18:
+              _context2.t1 = _context2.sent;
+              _context2.t0 = _context2.t1 === false;
+
+            case 20:
+              if (!_context2.t0) {
+                _context2.next = 22;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 22:
+              if (!((result === null || result === void 0 ? void 0 : (_result$flag2 = result.flag) === null || _result$flag2 === void 0 ? void 0 : _result$flag2.retCode) === '0')) {
+                _context2.next = 25;
+                break;
+              }
+
+              (0, _utils.showSuccess)(result.flag.retMsg);
+              return _context2.abrupt("return", true);
+
+            case 25:
+              return _context2.abrupt("return", false);
+
+            case 26:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function onRemoveMst() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  /** 新增按钮事件 */
+
+
+  var onAddDtl = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              if (masterObject[mstKeyField]) {
+                _context3.next = 3;
+                break;
+              }
+
+              (0, _utils.showWarn)("请先保存主表");
+              return _context3.abrupt("return", false);
+
+            case 3:
+              _context3.t0 = beforeAdd;
+
+              if (!_context3.t0) {
+                _context3.next = 9;
+                break;
+              }
+
+              _context3.next = 7;
+              return beforeAdd(dtlItem);
+
+            case 7:
+              _context3.t1 = _context3.sent;
+              _context3.t0 = _context3.t1 === false;
+
+            case 9:
+              if (!_context3.t0) {
+                _context3.next = 11;
+                break;
+              }
+
+              return _context3.abrupt("return", false);
+
+            case 11:
+              setEditItem(dtlItem);
+              setShowEdit(true);
+              return _context3.abrupt("return", true);
+
+            case 14:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+
+    return function onAddDtl() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  /** 编辑按钮事件 */
+
+
+  var onEditDtl = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+      return _regenerator.default.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              if (selectedRows.length) {
+                _context4.next = 3;
+                break;
+              }
+
+              (0, _utils.showWarn)('请先选择需要更改的数据');
+              return _context4.abrupt("return", false);
+
+            case 3:
+              _context4.t0 = beforeEdit;
+
+              if (!_context4.t0) {
+                _context4.next = 9;
+                break;
+              }
+
+              _context4.next = 7;
+              return beforeEdit(selectedRows[0]);
+
+            case 7:
+              _context4.t1 = _context4.sent;
+              _context4.t0 = _context4.t1 === false;
+
+            case 9:
+              if (!_context4.t0) {
+                _context4.next = 11;
+                break;
+              }
+
+              return _context4.abrupt("return", false);
+
+            case 11:
+              setEditItem(selectedRows[0]);
+              setShowEdit(true);
+              return _context4.abrupt("return", true);
+
+            case 14:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }));
+
+    return function onEditDtl() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  /** 删除按钮事件 */
+
+
+  var onRemoveDtl = function onRemoveDtl() {
+    if (!selectedRows.length) {
+      (0, _utils.showWarn)('请选择需要删除的数据');
+      return;
+    }
+
+    (0, _utils.showConfirm)('确认要删除选择的数据?').then( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+      var _result$flag3;
+
+      var ids, result;
+      return _regenerator.default.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              if (!beforeRemove) {
+                _context5.next = 6;
+                break;
+              }
+
+              _context5.next = 3;
+              return beforeRemove(selectedRows);
+
+            case 3:
+              ids = _context5.sent;
+
+              if (!(ids === false)) {
+                _context5.next = 6;
+                break;
+              }
+
+              return _context5.abrupt("return");
+
+            case 6:
+              if (!ids) {
+                ids = selectedRows.map(function (o) {
+                  return o.id;
+                });
+              }
+
+              _context5.next = 9;
+              return dtlService.remove(ids);
+
+            case 9:
+              result = _context5.sent;
+              _context5.t0 = afterRemove;
+
+              if (!_context5.t0) {
+                _context5.next = 16;
+                break;
+              }
+
+              _context5.next = 14;
+              return afterRemove(result, selectedRows);
+
+            case 14:
+              _context5.t1 = _context5.sent;
+              _context5.t0 = _context5.t1 === false;
+
+            case 16:
+              if (!_context5.t0) {
+                _context5.next = 18;
+                break;
+              }
+
+              return _context5.abrupt("return");
+
+            case 18:
+              if ((result === null || result === void 0 ? void 0 : (_result$flag3 = result.flag) === null || _result$flag3 === void 0 ? void 0 : _result$flag3.retCode) === '0') {
+                (0, _utils.showSuccess)(result.flag.retMsg);
+
+                if (tableRef.current) {
+                  tableRef.current.reload(false);
+                }
+              }
+
+            case 19:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
+    })));
+  };
+  /** 新增，更改对应的保存事件 */
+
+
+  var onSaveDtl = /*#__PURE__*/function () {
+    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(formData) {
+      var _result$flag4;
+
+      var data, result;
+      return _regenerator.default.wrap(function _callee6$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, editItem), formData);
+
+              if (!data.id) {
+                data[relationField] = masterObject[mstKeyField];
+              }
+
+              _context6.next = 4;
+              return dtlService.save(data);
+
+            case 4:
+              result = _context6.sent;
+              _context6.t0 = afterSave;
+
+              if (!_context6.t0) {
+                _context6.next = 11;
+                break;
+              }
+
+              _context6.next = 9;
+              return afterSave(data);
+
+            case 9:
+              _context6.t1 = _context6.sent;
+              _context6.t0 = _context6.t1 === false;
+
+            case 11:
+              if (!_context6.t0) {
+                _context6.next = 13;
+                break;
+              }
+
+              return _context6.abrupt("return", false);
+
+            case 13:
+              if (!((result === null || result === void 0 ? void 0 : (_result$flag4 = result.flag) === null || _result$flag4 === void 0 ? void 0 : _result$flag4.retCode) === '0')) {
+                _context6.next = 17;
+                break;
+              }
+
+              (0, _utils.showSuccess)(result.flag.retMsg);
+
+              if (tableRef.current) {
+                tableRef.current.reload(false);
+              }
+
+              return _context6.abrupt("return", true);
+
+            case 17:
+              return _context6.abrupt("return", false);
+
+            case 18:
+            case "end":
+              return _context6.stop();
+          }
+        }
+      }, _callee6);
+    }));
+
+    return function onSaveDtl(_x2) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  /** 加载数据方法 */
+
+
+  var onLoadDtl = /*#__PURE__*/function () {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(params, sort, filter) {
+      var current, pageSize, rest, param, key, result;
+      return _regenerator.default.wrap(function _callee7$(_context7) {
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              current = params.current, pageSize = params.pageSize, rest = (0, _objectWithoutProperties2.default)(params, _excluded);
+
+              if (!(!masterObject || !masterObject[mstKeyField])) {
+                _context7.next = 3;
+                break;
+              }
+
+              return _context7.abrupt("return", {
+                data: [],
+                success: true
+              });
+
+            case 3:
+              param = {};
+
+              if (current) {
+                param.page = current;
+                param.pageSize = pageSize;
+              }
+
+              param.where = {};
+              param.where[relationField] = masterObject[mstKeyField];
+
+              if (Object.keys(rest).length) {
+                Object.assign(param.where, rest);
+              }
+
+              for (key in param.where) {
+                if (param.where[key] === '') {
+                  delete param.where[key];
+                }
+              }
+
+              _context7.t0 = beforeLoad;
+
+              if (!_context7.t0) {
+                _context7.next = 15;
+                break;
+              }
+
+              _context7.next = 13;
+              return beforeLoad(param);
+
+            case 13:
+              _context7.t1 = _context7.sent;
+              _context7.t0 = _context7.t1 === false;
+
+            case 15:
+              if (!_context7.t0) {
+                _context7.next = 17;
+                break;
+              }
+
+              return _context7.abrupt("return", {
+                data: [],
+                success: true
+              });
+
+            case 17:
+              _context7.next = 19;
+              return dtlService.load(param);
+
+            case 19:
+              result = _context7.sent;
+              result.data = result.rows;
+              result.success = true;
+              return _context7.abrupt("return", result);
+
+            case 23:
+            case "end":
+              return _context7.stop();
+          }
+        }
+      }, _callee7);
+    }));
+
+    return function onLoadDtl(_x3, _x4, _x5) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+
+  var tableTools = [];
+
+  if (toolConfig === null || toolConfig === void 0 ? void 0 : toolConfig.add) {
+    tableTools.push( /*#__PURE__*/_react.default.createElement(_button.default, {
+      key: "add",
+      onClick: onAddDtl,
+      icon: /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null)
+    }, "\u65B0\u589E"));
+  }
+
+  if (toolConfig === null || toolConfig === void 0 ? void 0 : toolConfig.edit) {
+    tableTools.push( /*#__PURE__*/_react.default.createElement(_button.default, {
+      key: "edit",
+      disabled: selectedRows.length !== 1,
+      onClick: onEditDtl,
+      icon: /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null)
+    }, "\u7F16\u8F91"));
+  }
+
+  if (toolConfig === null || toolConfig === void 0 ? void 0 : toolConfig.remove) {
+    tableTools.push( /*#__PURE__*/_react.default.createElement(_button.default, {
+      key: "remove",
+      onClick: onRemoveDtl,
+      danger: true,
+      disabled: selectedRows.length === 0,
+      icon: /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null)
+    }, "\u5220\u9664"));
+  }
+
+  if (toolConfig === null || toolConfig === void 0 ? void 0 : toolConfig.import) {
+    tableTools.push( /*#__PURE__*/_react.default.createElement(_button.default, {
+      key: "import",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.ImportOutlined, null)
+    }, "\u5BFC\u5165"));
+  }
+
+  if (toolConfig === null || toolConfig === void 0 ? void 0 : toolConfig.export) {
+    tableTools.push( /*#__PURE__*/_react.default.createElement(_button.default, {
+      key: "export",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.ExportOutlined, null)
+    }, "\u5BFC\u51FA"));
+  }
+
+  return {
+    formRef: formRef,
+    tableRef: tableRef,
+    dtlFormRef: dtlFormRef,
+    selectedRows: selectedRows,
+    showEdit: showEdit,
+    editItem: editItem,
+    tableTools: tableTools,
+    setSelectedRows: setSelectedRows,
+    setShowEdit: setShowEdit,
+    setEditItem: setEditItem,
+    onRemoveDtl: onRemoveDtl,
+    onSaveDtl: onSaveDtl,
+    onLoadDtl: onLoadDtl,
+    onAddDtl: onAddDtl,
+    onEditDtl: onEditDtl,
+    onSaveMst: onSaveMst,
+    onRemoveMst: onRemoveMst
+  };
+}
+
+;
+var _default = useDtl;
+exports.default = _default;

package/lib/hooks/useSingle/index.d.ts

@@ -1,29 +1,40 @@
 import type { ActionType } from 'ls-pro-table';
 import type { ProFormInstance } from 'ls-pro-form';
-import type { TableToolbar } from '../../typing';
+import type { ApiResponse, TableToolbar } from '../../typing';
+export declare type SingleParamType = {
+    service: any;
+    toolConfig?: TableToolbar;
+    initItem?: any;
+    beforeLoad?: (param: Record<string, any>) => Promise<boolean>;
+    beforeRemove?: (rows: any[]) => Promise<any>;
+    beforeAdd?: (item: any) => Promise<any>;
+    beforeEdit?: (item: any) => Promise<any>;
+    afterRemove?: (result: ApiResponse, rows?: any[]) => Promise<boolean>;
+    afterSave?: (result: ApiResponse, item?: any) => Promise<boolean>;
+};
 /**
  * 单表基本增删改查 hooks
  * @param service 单表服务
- * @param toolbar 定义基础功能按钮
+ * @param toolConfig 定义基础功能按钮
  * @param initItem 对象初始值,新增时设置默认值
- * @param onBeforeSave 保存之前方法,开放给每个模块重写
  * @param onBeforeRemove 删除之前方法，开放给每个模块重写
  * @returns
  */
-declare function useSingle(service: any, toolConfig?: TableToolbar, initItem?: any, beforeSave?: Function, beforeRemove?: Function): {
+declare function useSingle(inParam: SingleParamType): {
     formRef: import("react").MutableRefObject<ProFormInstance<any> | undefined>;
+    editFormRef: import("react").MutableRefObject<ProFormInstance<any> | undefined>;
     tableRef: import("react").MutableRefObject<ActionType | undefined>;
     selectedRows: any;
     showEdit: boolean;
     editItem: any;
-    baseToolBar: JSX.Element[];
+    tableTools: JSX.Element[];
     setSelectedRows: import("react").Dispatch<any>;
     setShowEdit: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     setEditItem: import("react").Dispatch<any>;
     onRemove: () => void;
     onSave: (formData: any) => Promise<boolean>;
     onLoad: (params: Record<string, any>, sort: Record<string, any>, filter: Record<string, any>) => Promise<any>;
-    onAdd: () => void;
-    onEdit: () => void;
+    onAdd: () => Promise<void>;
+    onEdit: () => Promise<void>;
 };
 export default useSingle;