ls-pro-common 3.0.97 → 3.0.98

package/es/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/es/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/es/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/lib/components/InputTable.js

@@ -5,8 +5,8 @@ import _Popover from "antd/es/popover";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
@@ -39,6 +39,7 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
     text = _useState6[0],
     setText = _useState6[1];
   var inputRef = useRef();
+  var initRows = useRef(null); //用于存储初始行数据
   var columns = prop.columns,
     url = prop.url,
     textName = prop.textName,
@@ -138,11 +139,32 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
   };
   var loadData = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(param) {
-      var current, pageSize, restParams, data, _tableRef$current, _tableRef$current$cle, result, rows, formValue, val, _selectRowRef$current, arr, pageSelectedRows;
+      var current, pageSize, restParams, _selectRowRef$current, _rows, data, _tableRef$current2, _tableRef$current2$cl, result, rows, formValue, val, _selectRowRef$current2, arr, pageSelectedRows;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            current = param.current, pageSize = param.pageSize, restParams = _objectWithoutProperties(param, _excluded2);
+            current = param.current, pageSize = param.pageSize, restParams = _objectWithoutProperties(param, _excluded2); //如果精灵框初始有值(用于编辑页面）先把初始值加载到第一页，才能默认选中。
+            if (!(visible && multiple && Array.isArray(initRows.current))) {
+              _context.next = 9;
+              break;
+            }
+            _rows = initRows.current;
+            initRows.current = null;
+            (_selectRowRef$current = selectRowRef.current).push.apply(_selectRowRef$current, _toConsumableArray(_rows));
+            selectedKeys.push.apply(selectedKeys, _toConsumableArray(_rows.map(function (o) {
+              return o[tableKey];
+            })));
+            setSelectedKeys(Array.from(new Set(selectedKeys)));
+            setTimeout(function () {
+              var _tableRef$current, _tableRef$current$rel;
+              (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : (_tableRef$current$rel = _tableRef$current.reload) === null || _tableRef$current$rel === void 0 ? void 0 : _tableRef$current$rel.call(_tableRef$current);
+            }, 0);
+            return _context.abrupt("return", {
+              data: _rows,
+              total: _rows.length,
+              success: true
+            });
+          case 9:
             data = {};
             if (isV2) {
               data['page.pn'] = current;
@@ -158,27 +180,27 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
             }
             if (!keepSelect) {
               selectRowRef.current = [];
-              (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : (_tableRef$current$cle = _tableRef$current.clearSelected) === null || _tableRef$current$cle === void 0 ? void 0 : _tableRef$current$cle.call(_tableRef$current);
+              (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : (_tableRef$current2$cl = _tableRef$current2.clearSelected) === null || _tableRef$current2$cl === void 0 ? void 0 : _tableRef$current2$cl.call(_tableRef$current2);
             }
             if (beforeLoad) {
               beforeLoad(data);
             }
             if (!(method !== 'GET')) {
-              _context.next = 12;
+              _context.next = 20;
               break;
             }
-            _context.next = 9;
+            _context.next = 17;
             return httpPost(url, data);
-          case 9:
+          case 17:
             result = _context.sent;
-            _context.next = 15;
+            _context.next = 23;
             break;
-          case 12:
-            _context.next = 14;
+          case 20:
+            _context.next = 22;
             return httpGet(url, data);
-          case 14:
+          case 22:
             result = _context.sent;
-          case 15:
+          case 23:
             rows = (result.rows || []).filter(function (o) {
               return o;
             });
@@ -199,7 +221,7 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
                     return o[valueField] === row[valueField];
                   });
                 });
-                (_selectRowRef$current = selectRowRef.current).push.apply(_selectRowRef$current, _toConsumableArray(pageSelectedRows));
+                (_selectRowRef$current2 = selectRowRef.current).push.apply(_selectRowRef$current2, _toConsumableArray(pageSelectedRows));
                 selectedKeys.push.apply(selectedKeys, _toConsumableArray(pageSelectedRows.map(function (o) {
                   return o[tableKey];
                 })));
@@ -211,7 +233,7 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
               total: Number(result.total || 0),
               success: true
             });
-          case 19:
+          case 27:
           case "end":
             return _context.stop();
         }
@@ -229,14 +251,18 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
     })) === null || _columns$find === void 0 ? void 0 : _columns$find.searchField) || valueField;
     var param = {
       current: 1,
-      pageSize: 10
+      pageSize: 1000
     };
     if (Array.isArray(val)) val = val.join(',');
     if (val.toString().includes(',')) {
       fieldName += '_in';
     }
+    if (isV2) {
+      fieldName = 'search.' + fieldName;
+    }
     param[fieldName] = val;
     loadData(param).then(function (result) {
+      initRows.current = result.data;
       var rows = (result.data || []).filter(function (o) {
         return o;
       });
@@ -315,10 +341,10 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
     }
   };
   var handleClear = function handleClear() {
-    var _tableRef$current2, _tableRef$current2$cl;
+    var _tableRef$current3, _tableRef$current3$cl;
     selectRowRef.current = [];
     setSelectedKeys([]);
-    (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : (_tableRef$current2$cl = _tableRef$current2.clearSelected) === null || _tableRef$current2$cl === void 0 ? void 0 : _tableRef$current2$cl.call(_tableRef$current2);
+    (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 ? void 0 : (_tableRef$current3$cl = _tableRef$current3.clearSelected) === null || _tableRef$current3$cl === void 0 ? void 0 : _tableRef$current3$cl.call(_tableRef$current3);
     setText('');
     var formValue = getFormValue();
     if (!formValue) return;
@@ -378,15 +404,15 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
   });
   useEffect(function () {
     if (!text && multiple) {
-      var _tableRef$current3, _tableRef$current3$cl;
+      var _tableRef$current4, _tableRef$current4$cl;
       selectRowRef.current = [];
-      (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 ? void 0 : (_tableRef$current3$cl = _tableRef$current3.clearSelected) === null || _tableRef$current3$cl === void 0 ? void 0 : _tableRef$current3$cl.call(_tableRef$current3);
+      (_tableRef$current4 = tableRef.current) === null || _tableRef$current4 === void 0 ? void 0 : (_tableRef$current4$cl = _tableRef$current4.clearSelected) === null || _tableRef$current4$cl === void 0 ? void 0 : _tableRef$current4$cl.call(_tableRef$current4);
     }
   }, [text, multiple]);
   useEffect(function () {
     if (visible && loadOnShow) {
-      var _tableRef$current4, _tableRef$current4$re;
-      (_tableRef$current4 = tableRef.current) === null || _tableRef$current4 === void 0 ? void 0 : (_tableRef$current4$re = _tableRef$current4.reload) === null || _tableRef$current4$re === void 0 ? void 0 : _tableRef$current4$re.call(_tableRef$current4);
+      var _tableRef$current5, _tableRef$current5$re;
+      (_tableRef$current5 = tableRef.current) === null || _tableRef$current5 === void 0 ? void 0 : (_tableRef$current5$re = _tableRef$current5.reload) === null || _tableRef$current5$re === void 0 ? void 0 : _tableRef$current5$re.call(_tableRef$current5);
     }
   }, [visible, loadOnShow]);
   var tableDom = /*#__PURE__*/React.createElement(ProTable, _extends({

package/lib/components/ProButton/index.d.ts

@@ -0,0 +1,10 @@
+/** @name 防抖按钮 */
+/// <reference types="react" />
+import { type ButtonProps, TooltipProps } from 'antd';
+export interface ProButtonProps extends ButtonProps {
+    /** @name 防抖时间,默认为300ms */
+    time?: number;
+    tip?: JSX.Element | string;
+    tipProps?: TooltipProps;
+}
+export default function ProButton(props: ProButtonProps): JSX.Element;

package/lib/components/ProButton/index.js

@@ -0,0 +1,40 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["onClick", "time", "tip", "tipProps"];
+import React from "react";
+/** @name 防抖按钮 */
+import { useRef } from 'react';
+export default function ProButton(props) {
+  var onClick = props.onClick,
+    _props$time = props.time,
+    time = _props$time === void 0 ? 300 : _props$time,
+    tip = props.tip,
+    tipProps = props.tipProps,
+    rest = _objectWithoutProperties(props, _excluded);
+  var clickTime = useRef(0);
+  var handleClick = function handleClick(e) {
+    if (time > 0) {
+      var now = Date.now();
+      if (now - clickTime.current > time) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+      }
+      clickTime.current = now;
+    } else {
+      onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    }
+  };
+  if (tip) {
+    return /*#__PURE__*/React.createElement(_Tooltip, _extends({}, tipProps, {
+      title: tip
+    }), /*#__PURE__*/React.createElement(_Button, _extends({
+      onClick: handleClick
+    }, rest)));
+  }
+  return /*#__PURE__*/React.createElement(_Button, _extends({
+    onClick: handleClick
+  }, rest));
+}

package/lib/components/RecordLog/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 记录变更日志
+ *
+ * @param recordKey 记录key
+ */
+import React from 'react';
+import './index.less';
+export interface RecordLogProps {
+    recordKey: string;
+    fieldsMap?: Record<string, string>;
+    showResourceName?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const RecordLog: (props: RecordLogProps) => JSX.Element;
+export default RecordLog;

package/lib/components/RecordLog/index.js

@@ -0,0 +1,114 @@
+import "antd/es/empty/style";
+import _Empty from "antd/es/empty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * 记录变更日志
+ *
+ * @param recordKey 记录key
+ */
+import React, { useEffect, useState, useMemo } from 'react';
+import { EditOutlined, ArrowRightOutlined } from '@ant-design/icons';
+import { httpGet } from '../../http';
+import './index.less';
+var OP_TYPE_MAP = {
+  A: '新增',
+  U: '编辑',
+  D: '删除'
+};
+var RecordLog = function RecordLog(props) {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    logData = _useState2[0],
+    setLogData = _useState2[1];
+  var _props$recordKey = props.recordKey,
+    recordKey = _props$recordKey === void 0 ? '' : _props$recordKey,
+    _props$fieldsMap = props.fieldsMap,
+    fieldsMap = _props$fieldsMap === void 0 ? {} : _props$fieldsMap,
+    _props$showResourceNa = props.showResourceName,
+    showResourceName = _props$showResourceNa === void 0 ? true : _props$showResourceNa,
+    style = props.style,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className;
+  var getLogData = function getLogData() {
+    var url = '/lesoon-petrel-behaviour-api/behUserOperateLog/page';
+    var params = {
+      pageSize: 5000,
+      sort: 'createTime desc',
+      where: {
+        dataCode: recordKey
+      }
+    };
+    httpGet(url, params).then(function (res) {
+      var rows = (res === null || res === void 0 ? void 0 : res.rows) || [];
+      rows.forEach(function (row) {
+        try {
+          row.content = JSON.parse(row.content);
+          row.content.forEach(function (item) {
+            var o = item.oldValue || '';
+            item.oldValue = !o || o == '[]' || (o === null || o === void 0 ? void 0 : o.length) == 0 ? '空' : o + '';
+            var n = item.newValue || '';
+            item.newValue = !n || n == '[]' || (n === null || n === void 0 ? void 0 : n.length) == 0 ? '空' : n + '';
+            item.fieldDisPlayName = fieldsMap[item.fieldName] || item.fieldDisPlayName;
+          });
+        } catch (_unused) {
+          row.content = [];
+        }
+      });
+      setLogData(rows);
+    });
+  };
+  useEffect(function () {
+    if (!recordKey) return;
+    getLogData();
+  }, [recordKey]);
+  var renderFields = function renderFields(fields) {
+    if (!fields || !fields.length) return null;
+    return fields.map(function (field) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "log-item-field",
+        key: Math.random() + ''
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "log-item-label"
+      }, field.fieldDisPlayName, " :"), /*#__PURE__*/React.createElement("span", {
+        className: "log-item-value"
+      }, field.oldValue), /*#__PURE__*/React.createElement(ArrowRightOutlined, {
+        style: {
+          fontSize: '14px',
+          margin: '0 10px'
+        }
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "log-item-value"
+      }, field.newValue));
+    });
+  };
+  var LogDom = useMemo(function () {
+    return logData.map(function (item) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: "record-log-item"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "log-item-time"
+      }, item.createTime), /*#__PURE__*/React.createElement("div", {
+        className: "log-item-center"
+      }, /*#__PURE__*/React.createElement(EditOutlined, {
+        style: {
+          fontSize: '20px'
+        }
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "log-item-line"
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "log-item-box"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "log-item-header"
+      }, showResourceName && /*#__PURE__*/React.createElement("span", null, item.resourceName || ''), /*#__PURE__*/React.createElement("span", null, item.creator || ''), /*#__PURE__*/React.createElement("span", null, OP_TYPE_MAP[item.operateType] || OP_TYPE_MAP['U']), /*#__PURE__*/React.createElement("span", null, item.dataName || ''), /*#__PURE__*/React.createElement("span", null, item.dataCode || '')), /*#__PURE__*/React.createElement("div", {
+        className: "log-item-content"
+      }, renderFields(item.content)))));
+    });
+  }, [logData]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "record-log ".concat(className),
+    style: style
+  }, logData.length ? LogDom : /*#__PURE__*/React.createElement(_Empty, {
+    description: "\u6682\u65E0\u53D8\u66F4\u6570\u636E"
+  }));
+};
+export default RecordLog;