ls-pro-common 3.0.97 → 3.0.98

package/lib/utils/modal.js

@@ -0,0 +1,225 @@
+import "antd/es/spin/style";
+import _Spin from "antd/es/spin";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/modal/style";
+import _Modal from "antd/es/modal";
+import "antd/es/message/style";
+import _message from "antd/es/message";
+import React from "react";
+import ReactDOM from 'react-dom';
+import { QuestionCircleOutlined } from '@ant-design/icons';
+_message.config({
+  maxCount: 1
+});
+/** @name 获取全屏元素 */
+export var getFullScreenElement = function getFullScreenElement() {
+  //@ts-ignore
+  return document.fullscreenElement ||
+  //@ts-ignore
+  document.mozFullScreenElement ||
+  //@ts-ignore
+  document.msFullScreenElement ||
+  //@ts-ignore
+  document.webkitFullscreenElement || undefined;
+};
+/** @name 显示错误 */
+export var showError = function showError(text) {
+  var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
+  if (!text) {
+    text = '出错了!!';
+  }
+  _message.error({
+    content: text,
+    duration: duration,
+    getPopupContainer: function getPopupContainer(e) {
+      return getFullScreenElement() || document.body;
+    },
+    onClick: function onClick(e) {
+      var _e$target;
+      var tag = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName.toLowerCase();
+      if (tag === 'img' || tag === 'path' || tag === 'svg') {
+        try {
+          _message.destroy();
+        } catch (e) {}
+        try {
+          var _e$target2, _e$target2$closest;
+          var msg = (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : (_e$target2$closest = _e$target2.closest('.ant-message')) === null || _e$target2$closest === void 0 ? void 0 : _e$target2$closest.parentNode;
+          if (msg) {
+            var _msg$parentNode;
+            (_msg$parentNode = msg.parentNode) === null || _msg$parentNode === void 0 ? void 0 : _msg$parentNode.removeChild(msg);
+          }
+        } catch (e) {}
+      }
+    }
+  });
+};
+/** @name 显示警示 */
+export var showWarn = function showWarn(text) {
+  var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
+  if (!text) {
+    text = '请注意!';
+  }
+  _message.warn({
+    content: text,
+    duration: duration,
+    getPopupContainer: function getPopupContainer(e) {
+      return getFullScreenElement() || document.body;
+    },
+    onClick: function onClick(e) {
+      var _e$target3;
+      var tag = (_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : _e$target3.tagName.toLowerCase();
+      if (tag === 'img' || tag === 'path' || tag === 'svg') {
+        try {
+          _message.destroy();
+        } catch (e) {}
+        try {
+          var _e$target4, _e$target4$closest;
+          var msg = (_e$target4 = e.target) === null || _e$target4 === void 0 ? void 0 : (_e$target4$closest = _e$target4.closest('.ant-message')) === null || _e$target4$closest === void 0 ? void 0 : _e$target4$closest.parentNode;
+          if (msg) {
+            var _msg$parentNode2;
+            (_msg$parentNode2 = msg.parentNode) === null || _msg$parentNode2 === void 0 ? void 0 : _msg$parentNode2.removeChild(msg);
+          }
+        } catch (e) {}
+      }
+    }
+  });
+};
+/** @name 显示成功 */
+export var showSuccess = function showSuccess(text) {
+  var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
+  if (!text) {
+    text = '操作成功!';
+  }
+  _message.success({
+    content: text,
+    duration: duration,
+    getPopupContainer: function getPopupContainer(e) {
+      return getFullScreenElement() || document.body;
+    },
+    onClick: function onClick(e) {
+      var _e$target5;
+      var tag = (_e$target5 = e.target) === null || _e$target5 === void 0 ? void 0 : _e$target5.tagName.toLowerCase();
+      if (tag === 'img' || tag === 'path' || tag === 'svg') {
+        try {
+          _message.destroy();
+        } catch (e) {}
+        try {
+          var _e$target6, _e$target6$closest;
+          var msg = (_e$target6 = e.target) === null || _e$target6 === void 0 ? void 0 : (_e$target6$closest = _e$target6.closest('.ant-message')) === null || _e$target6$closest === void 0 ? void 0 : _e$target6$closest.parentNode;
+          if (msg) {
+            var _msg$parentNode3;
+            (_msg$parentNode3 = msg.parentNode) === null || _msg$parentNode3 === void 0 ? void 0 : _msg$parentNode3.removeChild(msg);
+          }
+        } catch (e) {}
+      }
+    }
+  });
+};
+/**
+ * 弹框提示
+ *
+ * @param text 提示信息
+ * @param title 标题，默认 系统提示
+ * @param type 类型
+ * @param opts 附加参数
+ * @returns Promise<Boolean>
+ */
+export var showAlert = function showAlert(text) {
+  var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '系统提示';
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'error';
+  var opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  return new Promise(function (resolve, reject) {
+    _Modal[type](_objectSpread({
+      content: text,
+      title: title,
+      getContainer: getFullScreenElement() || document.body,
+      onOk: function onOk() {
+        resolve(true);
+      },
+      onCancel: function onCancel() {
+        reject(false);
+      }
+    }, opts));
+  });
+};
+/**
+ * 请求接口出错
+ *
+ * @param retMsg 错误原因
+ * @param retCode 错误码
+ * @param faultCode 故障码
+ * @param opts 附加参数
+ */
+export var httpError = function httpError(retMsg, retCode, faultCode) {
+  var opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var msg = /*#__PURE__*/React.createElement(React.Fragment, null, "\u9519\u8BEF\u539F\u56E0:", /*#__PURE__*/React.createElement("b", null, retMsg), /*#__PURE__*/React.createElement("br", null), "\u9519\u8BEF\u7801:", /*#__PURE__*/React.createElement("b", null, retCode), /*#__PURE__*/React.createElement("br", null), "\u6545\u969C\u7801:", /*#__PURE__*/React.createElement("b", null, faultCode));
+  return showAlert(msg, '请求接口出错', 'error', opts);
+};
+/** 销毁所有弹框 */
+export var exitAlert = function exitAlert() {
+  _Modal.destroyAll();
+};
+/** @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,
+      cancelButtonProps: {
+        className: 'ant-btn-gray'
+      },
+      getContainer: getFullScreenElement() || document.body,
+      onOk: function onOk() {
+        resolve(true);
+      },
+      onCancel: function onCancel() {
+        reject(false);
+      }
+    });
+  });
+};
+var timeout = false;
+/**
+ * Token过期重新登录
+ *
+ * @returns
+ */
+export var reLogin = function reLogin() {
+  if (timeout) return;
+  timeout = true;
+  _Modal.warning({
+    title: '登录状态已过期,请重新登录',
+    okText: '重新登录',
+    maskClosable: false,
+    getContainer: getFullScreenElement() || document.body,
+    afterClose: function afterClose() {
+      timeout = false;
+      (window.top || window).location.href = location.pathname === '/' ? '/login' : '/login?redirect=' + encodeURIComponent(location.href);
+    }
+  });
+};
+/** 显示加载 */
+export var showLoading = function showLoading() {
+  var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '处理中...';
+  var loading = document.getElementById('myloading');
+  if (loading) return;
+  var loadWrapper = document.createElement('div');
+  loadWrapper.setAttribute('id', 'myloading');
+  ReactDOM.render( /*#__PURE__*/React.createElement(_Spin, {
+    tip: text
+  }), loadWrapper);
+  var pNode = getFullScreenElement() || document.body;
+  pNode.appendChild(loadWrapper);
+};
+/** 退出加载 */
+export var exitLoading = function exitLoading() {
+  var loading = document.getElementById('myloading');
+  if (loading) {
+    var _loading$parentNode;
+    (_loading$parentNode = loading.parentNode) === null || _loading$parentNode === void 0 ? void 0 : _loading$parentNode.removeChild(loading);
+  }
+};

package/lib/utils/size.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 处理普通的尺码横排
+ *
+ * @param orgSizeHeader 后端返回的原始尺码组表头
+ * @param typeWidth 尺码组宽 sizeTypeNo，默认120
+ * @param sizeWidth 尺码宽f1~f100， 默认100
+ * @returns 返回已处理好的表头[{dataIndex:sizeTypeNo,title:'国标码',width:120,children[...]},{dataIndex:'f1',...}...]
+ */
+export declare const handleSizeCols: (orgSizeHeader: any[], typeWidth?: number, sizeWidth?: number) => any[];

package/lib/utils/size.js

@@ -0,0 +1,81 @@
+/**
+ * 处理普通的尺码横排
+ *
+ * @param orgSizeHeader 后端返回的原始尺码组表头
+ * @param typeWidth 尺码组宽 sizeTypeNo，默认120
+ * @param sizeWidth 尺码宽f1~f100， 默认100
+ * @returns 返回已处理好的表头[{dataIndex:sizeTypeNo,title:'国标码',width:120,children[...]},{dataIndex:'f1',...}...]
+ */
+export var handleSizeCols = function handleSizeCols(orgSizeHeader) {
+  var typeWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 120;
+  var sizeWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 100;
+  // f1~f100 当所有尺码组都为null时，删除不需要的尺码。
+  var arr = orgSizeHeader.map(function (o) {
+    var _loop = function _loop(key) {
+      if (orgSizeHeader.every(function (item) {
+        return !item['f' + key];
+      })) {
+        delete o['f' + key];
+      }
+    };
+    for (var key = 1; key <= 100; key++) {
+      _loop(key);
+    }
+    return o;
+  });
+  // 多表头时找到最底层的表头
+  var findNext = function findNext(item) {
+    if (item.children.length) {
+      return findNext(item.children[0]);
+    }
+    return item;
+  };
+  var headers = []; // 用于保存返回表头
+  var header; // 用于保存每个配码的表头信息
+  arr.forEach(function (h, i) {
+    // 先处理尺码组
+    header = {
+      dataIndex: 'sizeTypeNo',
+      title: h.sizeTypeNo,
+      width: typeWidth,
+      ellipsis: true
+    };
+    //当返回多个尺码组时，需要用children支持多表头
+    if (arr.length > i + 1) {
+      header.children = [];
+    }
+    // 第一个尺码组，直接添加，第二个之后，加到上一个的children中。
+    if (i === 0) {
+      headers.push(header);
+    } else {
+      findNext(headers.find(function (o) {
+        return o.dataIndex === 'sizeTypeNo';
+      })).children.push(header);
+    }
+    // 处理 f1~f100
+    var _loop2 = function _loop2(k) {
+      if (k === 'sizeTypeNo') return "continue";
+      header = {
+        dataIndex: k,
+        title: h[k] || ' ',
+        width: sizeWidth,
+        ellipsis: true
+      };
+      if (arr.length > i + 1) {
+        header.children = [];
+      }
+      if (i === 0) {
+        headers.push(header);
+      } else {
+        findNext(headers.find(function (o) {
+          return o.dataIndex === k;
+        })).children.push(header);
+      }
+    };
+    for (var k in h) {
+      var _ret = _loop2(k);
+      if (_ret === "continue") continue;
+    }
+  });
+  return headers;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ls-pro-common",
-  "version": "3.0.97",
+  "version": "3.0.98",
   "description": "ls-pro-common",
   "license": "MIT",
   "sideEffects": [
@@ -27,6 +27,7 @@
     "ls-pro-descriptions": "^3.0.1",
     "ls-pro-card": "^3.0.3",
     "ls-pro-utils": "^3.0.6",
+    "ls-pro-tools": "^3.0.0",
     "@babel/runtime": "^7.16.3",
     "classnames": "^2.2.6",
     "moment": "^2.27.0",