ls-pro-common 1.0.0

package/es/utils/index.js

@@ -0,0 +1,205 @@
+import "antd/es/modal/style";
+import _Modal from "antd/es/modal";
+import "antd/es/message/style";
+import _message from "antd/es/message";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import React from "react";
+import { QuestionCircleOutlined } from '@ant-design/icons';
+export var getUrlQuery = function getUrlQuery(name) {
+  var url = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : location.search.substr(1) || '';
+  var reg = new RegExp('(^|[&|?])' + name + '=([^&]*)(&|$)'),
+      r = url.match(reg);
+  if (r != null) return unescape(decodeURI(r[2]));
+  return '';
+};
+/**
+ * 设置url传参
+ * @param {*} url
+ * @param {*} keyvals
+ * @returns
+ */
+
+export var setUrlQuery = function setUrlQuery(url) {
+  var keyvals = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var newUrl = url;
+
+  for (var name in keyvals) {
+    var reg = new RegExp('(^|)' + name + '=([^&]*)(|$)');
+    var tmp = name + '=' + keyvals[name];
+
+    if (newUrl.match(reg) != null) {
+      // @ts-ignore
+      newUrl = newUrl.replace(eval(reg), tmp);
+    } else {
+      newUrl = newUrl + (newUrl.match('[\?]') ? '&' : '?') + tmp;
+    }
+  }
+
+  return newUrl;
+};
+/**
+ * 设置文档title
+ * @param {*} title
+ * @returns
+ */
+
+export var setTitle = function setTitle(title) {
+  if (!title) return;
+  title = title.length > 10 ? title.substring(0, 10) + '...' : title;
+  document.title = title;
+};
+/**
+ * 获取Cookie
+ * @param {String} name cookie名
+ * @returns
+ */
+
+export var getCookie = function getCookie(name) {
+  var arr,
+      reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
+  if (arr = document.cookie.match(reg)) return arr[2];else return null;
+};
+/**
+ * 设置Cookie
+ * @param {*} key Cookie名称
+ * @param {*} value  Cookie 值
+ * @param { Number } day 有效天数 默认1天,
+ */
+
+export var setCookie = function setCookie(key, value) {
+  var day = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+
+  if (day !== 0) {
+    var d = new Date(Date.now() + day * 24 * 60 * 60 * 1000);
+    document.cookie = "".concat(key, "=").concat(value, ";expires=").concat(d.toUTCString(), ";path=/");
+  } else {
+    document.cookie = key + "=;path=/";
+  }
+};
+/**
+ * 判断是否登录
+ * @returns
+ */
+
+export var isLogin = function isLogin() {
+  return !!getCookie('token');
+};
+/**
+ * 设置本地缓存
+ * @param { String } key 关键字
+ * @param { Object } data 值
+ */
+
+export var setCache = function setCache(key, data) {
+  if (_typeof(data) === 'object') {
+    data = JSON.stringify(data);
+  }
+
+  localStorage.setItem(key, data);
+};
+/**
+ * 读取本地缓存
+ * @param { String } key 关键字
+ * @returns 关键字对应的值
+ */
+
+export var getCache = function getCache(key) {
+  var data = localStorage.getItem(key);
+
+  if (data && (data.startsWith('{') || data.startsWith('['))) {
+    data = JSON.parse(data);
+  }
+
+  return data;
+};
+/**
+ * 简单日期格式化
+ * @param {*} dt 传入时间参数，若不传取当前时间
+ * @param {*} showTime 是否返回当前时间,默认返回时间
+ * @returns xxxx年-xx月-xx日 [xx时:xx分:xx秒]
+ */
+
+export var dateFormat = function dateFormat(dt) {
+  var showTime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var ct = dt ? dt : new Date(Date.now());
+  var str = ct.getFullYear() + '-' + ('' + (ct.getMonth() + 1)).padStart(2, '0') + '-' + ('' + ct.getDate()).padStart(2, '0');
+
+  if (showTime) {
+    str += ' ' + (ct.getHours() + '').padStart(2, '0') + ':' + (ct.getMinutes() + '').padStart(2, '0') + ":" + (ct.getSeconds() + '').padStart(2, '0');
+  }
+
+  return str;
+};
+/** @name 显示错误 */
+
+export var showError = function showError(text) {
+  _message.error(text);
+};
+/** @name 显示警示 */
+
+export var showWarn = function showWarn(text) {
+  _message.warn(text);
+};
+/** @name 显示成功 */
+
+export var showSuccess = function showSuccess(text) {
+  _message.success(text);
+};
+/** @name 显示确认 */
+
+export var showConfirm = function showConfirm(text) {
+  var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '系统提示';
+  return new Promise(function (resolve, reject) {
+    _Modal.confirm({
+      title: title,
+      content: text,
+      icon: /*#__PURE__*/React.createElement(QuestionCircleOutlined, null),
+      okType: 'danger',
+      closable: true,
+      onOk: function onOk() {
+        resolve(true);
+      },
+      onCancel: function onCancel() {
+        reject(false);
+      }
+    });
+  });
+};
+/**
+ * 日期组选择转换
+ * @param values 选择的值
+ * @param startField  第一个字段
+ * @param endField  第二个字段
+ * @param endSuffix
+ * @returns
+ */
+
+export var rangeToSearch = function rangeToSearch(values, startField, endField) {
+  var endSuffix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+  var data = {};
+  Array.isArray(values) && values[0] && (data[startField] = values[0]);
+  Array.isArray(values) && values[1] && (data[endField] = values[1] + endSuffix);
+  return data;
+};
+/** @name 状态列表 */
+
+export var statusList = [{
+  value: 1,
+  text: '启用',
+  label: '1→启用'
+}, {
+  value: 0,
+  text: '禁用',
+  label: '0→禁用'
+}];
+/** @name 是否列表 */
+
+export var yesnoList = [{
+  value: 1,
+  text: '是',
+  label: '1→是'
+}, {
+  value: 0,
+  text: '否',
+  label: '0→否'
+}];

package/lib/components/EditModalForm.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { ModalFormProps } from 'ls-pro-form';
+export declare type EditModalFormProps<T = Record<string, any>> = ModalFormProps & {
+    labelWidth: number | undefined;
+};
+declare function EditModalForm<T = Record<string, any>>({ labelWidth, ...rest }: EditModalFormProps<T>): JSX.Element;
+export default EditModalForm;

package/lib/components/EditModalForm.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lsProForm = require("ls-pro-form");
+
+var _excluded = ["labelWidth"];
+
+function EditModalForm(_ref) {
+  var labelWidth = _ref.labelWidth,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var defProps = (0, _objectSpread2.default)({
+    layout: 'horizontal'
+  }, rest);
+
+  if (labelWidth) {
+    defProps.labelCol = {
+      flex: "0 0 ".concat(labelWidth, "px")
+    };
+    defProps.wrapperCol = {
+      style: {
+        maxWidth: 'calc(100% - 100px)'
+      }
+    };
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, rest.visible ? /*#__PURE__*/_react.default.createElement(_lsProForm.ModalForm, defProps) : null);
+}
+
+var _default = EditModalForm;
+exports.default = _default;

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

@@ -0,0 +1,29 @@
+import type { TableToolbar } from '../../typing';
+interface ActionType {
+    reload: (resetPageIndex?: boolean) => void;
+}
+/**
+ * 单表基本增删改查 hooks
+ * @param service 单表服务
+ * @param toolbar 定义基础功能按钮
+ * @param initItem 对象初始值,新增时设置默认值
+ * @param onBeforeSave 保存之前方法,开放给每个模块重写
+ * @param onBeforeRemove 删除之前方法，开放给每个模块重写
+ * @returns
+ */
+declare function useSingle(service: any, toolbar?: TableToolbar, initItem?: any, beforeSave?: Function, beforeRemove?: Function): {
+    tableRef: import("react").MutableRefObject<ActionType | undefined>;
+    selectRows: any;
+    showEdit: boolean;
+    editItem: any;
+    baseToolBar: 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;
+};
+export default useSingle;

package/lib/hooks/useSingle/index.js

@@ -0,0 +1,288 @@
+"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"];
+
+/**
+ * 单表基本增删改查 hooks
+ * @param service 单表服务
+ * @param toolbar 定义基础功能按钮
+ * @param initItem 对象初始值,新增时设置默认值
+ * @param onBeforeSave 保存之前方法,开放给每个模块重写
+ * @param onBeforeRemove 删除之前方法，开放给每个模块重写
+ * @returns
+ */
+function useSingle(service, toolbar, initItem, beforeSave, beforeRemove) {
+  /** 选中行数据 */
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      selectRows = _useState2[0],
+      setSelectedRows = _useState2[1];
+  /** 显示新增编辑框 */
+
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      showEdit = _useState4[0],
+      setShowEdit = _useState4[1];
+  /** 新增或编辑对象初始值 */
+
+
+  var _useState5 = (0, _react.useState)(initItem),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      editItem = _useState6[0],
+      setEditItem = _useState6[1];
+  /** 表格ref */
+
+
+  var tableRef = (0, _react.useRef)();
+  /** 新增按钮事件 */
+
+  var onAdd = function onAdd() {
+    setEditItem(initItem);
+    setShowEdit(true);
+  };
+  /** 编辑按钮事件 */
+
+
+  var onEdit = function onEdit() {
+    if (!selectRows.length) {
+      (0, _utils.showWarn)('请先选择需要更改的数据');
+      return;
+    }
+
+    setEditItem(selectRows[0]);
+    setShowEdit(true);
+  };
+  /** 删除按钮事件 */
+
+
+  var onRemove = function onRemove() {
+    if (!selectRows.length) {
+      (0, _utils.showWarn)('请选择需要删除的数据');
+      return;
+    }
+
+    (0, _utils.showConfirm)('确认要删除选择的数据?').then(function () {
+      var ids = selectRows.map(function (o) {
+        return o.id;
+      });
+      service.remove(ids).then(function (result) {
+        var _result$flag;
+
+        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);
+
+          if (tableRef.current) {
+            tableRef.current.reload(false);
+          }
+        }
+      });
+    });
+  };
+  /** 新增，更改对应的保存事件 */
+
+
+  var onSave = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(formData) {
+      var _result$flag2;
+
+      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)({}, initItem), formData);
+              _context.t0 = beforeSave;
+
+              if (!_context.t0) {
+                _context.next = 7;
+                break;
+              }
+
+              _context.next = 5;
+              return beforeSave(data);
+
+            case 5:
+              _context.t1 = _context.sent;
+              _context.t0 = _context.t1 === false;
+
+            case 7:
+              if (!_context.t0) {
+                _context.next = 9;
+                break;
+              }
+
+              return _context.abrupt("return", false);
+
+            case 9:
+              _context.next = 11;
+              return service.save(data);
+
+            case 11:
+              result = _context.sent;
+
+              if (!((result === null || result === void 0 ? void 0 : (_result$flag2 = result.flag) === null || _result$flag2 === void 0 ? void 0 : _result$flag2.retCode) === '0')) {
+                _context.next = 16;
+                break;
+              }
+
+              (0, _utils.showSuccess)(result.flag.retMsg);
+
+              if (tableRef.current) {
+                tableRef.current.reload(false);
+              }
+
+              return _context.abrupt("return", true);
+
+            case 16:
+              return _context.abrupt("return", false);
+
+            case 17:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function onSave(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  /** 加载数据方法 */
+
+
+  var onLoad = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(params, sort, filter) {
+      var current, pageSize, rest, param, result;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              current = params.current, pageSize = params.pageSize, rest = (0, _objectWithoutProperties2.default)(params, _excluded);
+              param = {};
+
+              if (current) {
+                param.page = current;
+                param.pageSize = pageSize;
+              }
+
+              if (Object.keys(rest).length) {
+                param.where = rest;
+              }
+
+              console.log("useSingle", param, sort, filter);
+              _context2.next = 7;
+              return service.load(param);
+
+            case 7:
+              result = _context2.sent;
+              result.data = result.rows;
+              result.success = true;
+              return _context2.abrupt("return", result);
+
+            case 11:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function onLoad(_x2, _x3, _x4) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var baseToolBar = [];
+
+  if (toolbar === null || toolbar === void 0 ? void 0 : toolbar.add) {
+    baseToolBar.push( /*#__PURE__*/_react.default.createElement(_button.default, {
+      key: "add",
+      onClick: onAdd,
+      icon: /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null)
+    }, "\u65B0\u589E"));
+  }
+
+  if (toolbar === null || toolbar === void 0 ? void 0 : toolbar.edit) {
+    baseToolBar.push( /*#__PURE__*/_react.default.createElement(_button.default, {
+      key: "edit",
+      disabled: selectRows.length === 0,
+      onClick: onEdit,
+      icon: /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null)
+    }, "\u7F16\u8F91"));
+  }
+
+  if (toolbar === null || toolbar === void 0 ? void 0 : toolbar.remove) {
+    baseToolBar.push( /*#__PURE__*/_react.default.createElement(_button.default, {
+      key: "remove",
+      onClick: onRemove,
+      danger: true,
+      disabled: selectRows.length === 0,
+      icon: /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null)
+    }, "\u5220\u9664"));
+  }
+
+  if (toolbar === null || toolbar === void 0 ? void 0 : toolbar.import) {
+    baseToolBar.push( /*#__PURE__*/_react.default.createElement(_button.default, {
+      key: "import",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.ImportOutlined, null)
+    }, "\u5BFC\u5165"));
+  }
+
+  if (toolbar === null || toolbar === void 0 ? void 0 : toolbar.export) {
+    baseToolBar.push( /*#__PURE__*/_react.default.createElement(_button.default, {
+      key: "export",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.ExportOutlined, null)
+    }, "\u5BFC\u51FA"));
+  }
+
+  return {
+    tableRef: tableRef,
+    selectRows: selectRows,
+    showEdit: showEdit,
+    editItem: editItem,
+    baseToolBar: baseToolBar,
+    setSelectedRows: setSelectedRows,
+    setShowEdit: setShowEdit,
+    setEditItem: setEditItem,
+    onRemove: onRemove,
+    onSave: onSave,
+    onLoad: onLoad,
+    onAdd: onAdd,
+    onEdit: onEdit
+  };
+}
+
+;
+var _default = useSingle;
+exports.default = _default;

package/lib/http/index.d.ts

@@ -0,0 +1,47 @@
+declare const request: import("umi-request").RequestMethod<false>;
+/**
+ * get请求
+ * @param url 接口
+ * @param params 参数{key:value}
+ * @returns Promise<ApiResponse>
+ */
+export declare function httpGet(url: string, params?: Record<string, any>): Promise<any>;
+/**
+ * post请求
+ * @param url 接口
+ * @param data 参数{key:value}
+ * @param isJson json请求还是form请求,默认为json请求
+ * @returns Promise<ApiResponse>
+ */
+export declare function httpPost(url: string, data?: Record<string, any>, isJson?: boolean): Promise<any>;
+/**
+ * put 请求
+ * @param url 接口
+ * @param data 参数{key:value}
+ * @returns Promise<ApiResponse>
+ */
+export declare function httpPut(url: string, data?: Record<string, any>): Promise<any>;
+/**
+ * delete 请求
+ * @param url 接口
+ * @param data 参数[]
+ * @returns Promise<ApiResponse>
+ */
+export declare function httpDelete(url: string, data: any): Promise<any>;
+/**
+ * 读取数据字典
+ * @param dictCode 字典编码
+ * @returns Promise<Record<string,string>>
+ */
+export declare function getDict(dictCode: string): Promise<any>;
+/**
+ * 加载下拉框的数据源
+ * @param url 后端接口
+ * @param param 请求参数
+ * @param valueField 值字段
+ * @param labelField 显示字段
+ * @param showValue 显示值
+ * @returns
+ */
+export declare function fetchOptions(url: string, param: any, valueField: string, labelField: string, showValue?: boolean): Promise<any>;
+export default request;