@pointcloud/pcloud-components 0.1.3 → 0.1.5

package/dist/esm/DUpload/index.js

@@ -0,0 +1,372 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+var _excluded = ["value", "thumbOption", "uploadButton", "itemClassName", "enablePreview", "className", "maxCount", "children", "itemRender", "customRequest", "onRemove", "onDownload", "onPreview", "onChange", "defaultFileList", "showUploadList", "fileList"];
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-16 09:37:07
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-06-30 16:32:19
+ * @Description  : 基于antd的Upload组件
+ */
+
+import React, { forwardRef, useEffect, useMemo, useRef, useState, useContext } from 'react';
+import { Upload } from 'antd';
+import helper from "./helper";
+import { ConfigContext } from "../ConfigProvider";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var defaultUploadButton = /*#__PURE__*/_jsxs("div", {
+  children: [/*#__PURE__*/_jsx("span", {
+    style: {
+      fontSize: 18
+    },
+    children: "+"
+  }), /*#__PURE__*/_jsx("div", {
+    style: {
+      marginTop: 8
+    },
+    children: "\u4E0A\u4F20"
+  })]
+});
+function downloadFn(file) {
+  if (file instanceof Blob) {
+    helper.downloadFile(file);
+  } else if (file !== null && file !== void 0 && file.url) {
+    var fileName = (file === null || file === void 0 ? void 0 : file.fileName) || (file === null || file === void 0 ? void 0 : file.name) || (file === null || file === void 0 ? void 0 : file.id) || (file === null || file === void 0 ? void 0 : file.uid);
+    helper.downloadFile(file.url, typeof fileName === 'number' ? String(fileName) : fileName);
+  } else {
+    if (file) throw new TypeError("\u8FD4\u56DE\u503C\u5FC5\u987B\u662FBlob\u6216Dupload\u5BF9\u8C61,\u4F46\u5374\u5F97\u5230\u4E00\u4E2A: ".concat(_typeof(file)));
+  }
+}
+function previewFn(file) {
+  if (file instanceof Blob) {
+    helper.previewFile(file);
+  } else if (file !== null && file !== void 0 && file.url) {
+    helper.previewFile(file.url);
+  } else {
+    if (file) throw new TypeError("\u8FD4\u56DE\u503C\u5FC5\u987B\u662FBlob\u6216Dupload\u5BF9\u8C61,\u4F46\u5374\u5F97\u5230\u4E00\u4E2A: ".concat(_typeof(file)));
+  }
+}
+function downloadOrPreview(file, fn, execFn) {
+  if (typeof fn === 'function') {
+    var resultFile = fn(file);
+    if (resultFile && 'then' in resultFile && typeof resultFile.then === 'function') {
+      resultFile.then(function (_file) {
+        return execFn(_file);
+      });
+    } else {
+      execFn(resultFile);
+    }
+    // 默认的预览逻辑
+  } else {
+    execFn(file);
+  }
+}
+function InternalUpload(props, ref) {
+  var value = props.value,
+    thumbOption = props.thumbOption,
+    uploadButton = props.uploadButton,
+    _props$itemClassName = props.itemClassName,
+    itemClassName = _props$itemClassName === void 0 ? '' : _props$itemClassName,
+    enablePreview = props.enablePreview,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$maxCount = props.maxCount,
+    maxCount = _props$maxCount === void 0 ? 10 : _props$maxCount,
+    children = props.children,
+    itemRender = props.itemRender,
+    customRequest = props.customRequest,
+    onRemove = props.onRemove,
+    onDownload = props.onDownload,
+    onPreview = props.onPreview,
+    onChange = props.onChange,
+    defaultFileList = props.defaultFileList,
+    showUploadList = props.showUploadList,
+    _fileList = props.fileList,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+
+  // 缓存的文件列表
+  var listRef = useRef({
+    timer: null,
+    list: []
+  });
+
+  // 缩略图相关选项
+  var _thumbOption = useMemo(function () {
+    return thumbOption === null ? thumbOption : helper.getThumbOption(thumbOption);
+  }, [thumbOption]);
+  function updateFileList(file, status) {
+    var needChange = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    var thumbUrl = arguments.length > 3 ? arguments[3] : undefined;
+    file.status = status;
+    file.thumbUrl = thumbUrl;
+    file.id = file.uid;
+    var list = _toConsumableArray(listRef.current.list);
+    setFileList(list);
+    if (onChange && needChange) {
+      onChange(list, {
+        file: file,
+        fileList: list
+      });
+    }
+  }
+  var customRequestFun = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(requestOption) {
+      var file, _list, _thumbOption$filter, base64Url, _thumbOption$onError, _compress, _base64Url, _thumbOption$onError2;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            file = requestOption.file; // 若超出最大限制则不上传
+            if (!(listRef.current.list.filter(function (item) {
+              return (item === null || item === void 0 ? void 0 : item.status) !== 'removed';
+            }).length >= maxCount)) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            // 标记当前文件为新上传的
+            file.source = 'upload';
+
+            // 用户自定义的上传逻辑
+            if (!(typeof customRequest === 'function')) {
+              _context.next = 9;
+              break;
+            }
+            _list = customRequest(file, listRef.current.list, requestOption);
+            if (_list && 'then' in _list && typeof _list.then === 'function') {
+              _list.then(function (list) {
+                if (list) {
+                  setFileList(_toConsumableArray(list));
+                  listRef.current.list = _toConsumableArray(list);
+                  onChange === null || onChange === void 0 ? void 0 : onChange(list, {
+                    file: file,
+                    fileList: list
+                  });
+                }
+              });
+            } else if (_list instanceof Array) {
+              if (_list) {
+                setFileList(_toConsumableArray(_list));
+                listRef.current.list = _toConsumableArray(_list);
+                onChange === null || onChange === void 0 ? void 0 : onChange(_list, {
+                  file: file,
+                  fileList: _list
+                });
+              }
+            }
+            _context.next = 42;
+            break;
+          case 9:
+            // 默认的上传逻辑
+            listRef.current.list.push(file);
+            if (!(_thumbOption && typeof _thumbOption.getThumbUrl === 'function')) {
+              _context.next = 25;
+              break;
+            }
+            updateFileList(file, 'uploading');
+            _context.prev = 12;
+            _context.next = 15;
+            return _thumbOption.getThumbUrl(file, _thumbOption);
+          case 15:
+            base64Url = _context.sent;
+            updateFileList(file, 'done', false, base64Url);
+            _context.next = 23;
+            break;
+          case 19:
+            _context.prev = 19;
+            _context.t0 = _context["catch"](12);
+            (_thumbOption$onError = _thumbOption.onError) === null || _thumbOption$onError === void 0 ? void 0 : _thumbOption$onError.call(_thumbOption, _context.t0);
+            updateFileList(file, 'done', false);
+          case 23:
+            _context.next = 42;
+            break;
+          case 25:
+            if (!(_thumbOption && (_thumbOption$filter = _thumbOption.filter) !== null && _thumbOption$filter !== void 0 && _thumbOption$filter.call(_thumbOption, file))) {
+              _context.next = 41;
+              break;
+            }
+            _compress = file.size > _thumbOption.size ? _thumbOption.compress : null;
+            updateFileList(file, 'uploading');
+            _context.prev = 28;
+            _context.next = 31;
+            return helper.imageToBase64(file, _compress);
+          case 31:
+            _base64Url = _context.sent;
+            updateFileList(file, 'done', false, _base64Url);
+            _context.next = 39;
+            break;
+          case 35:
+            _context.prev = 35;
+            _context.t1 = _context["catch"](28);
+            (_thumbOption$onError2 = _thumbOption.onError) === null || _thumbOption$onError2 === void 0 ? void 0 : _thumbOption$onError2.call(_thumbOption, _context.t1);
+            updateFileList(file, 'done', false);
+          case 39:
+            _context.next = 42;
+            break;
+          case 41:
+            updateFileList(file, 'done');
+          case 42:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[12, 19], [28, 35]]);
+    }));
+    return function customRequestFun(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var onRemoveFun = function onRemoveFun(file) {
+    // 用户自定义的删除逻辑
+    if (typeof onRemove === 'function') {
+      var _list2 = onRemove(file, listRef.current.list);
+      if (_list2 && 'then' in _list2 && typeof _list2.then === 'function') {
+        _list2.then(function (list) {
+          if (list) {
+            setFileList(_toConsumableArray(list));
+            onChange === null || onChange === void 0 ? void 0 : onChange(list, {
+              file: file,
+              fileList: list
+            });
+          }
+        });
+      } else if (_list2 instanceof Array) {
+        if (_list2) {
+          setFileList(_toConsumableArray(_list2));
+          onChange === null || onChange === void 0 ? void 0 : onChange(_list2, {
+            file: file,
+            fileList: _list2
+          });
+        }
+      }
+    } else {
+      // 默认的删除逻辑
+      if (file.source === 'upload') {
+        var index = listRef.current.list.findIndex(function (item) {
+          return item.uid === file.uid;
+        });
+        if (index >= 0) listRef.current.list.splice(index, 1);
+      } else {
+        file.status = 'removed';
+      }
+      var _list3 = _toConsumableArray(listRef.current.list);
+      setFileList(_list3);
+      onChange === null || onChange === void 0 ? void 0 : onChange(_list3, {
+        file: file,
+        fileList: _list3
+      });
+    }
+  };
+  var _onDownload = function _onDownload(file) {
+    return downloadOrPreview(file, onDownload, downloadFn);
+  };
+  var _onPreview = function _onPreview(file) {
+    return downloadOrPreview(file, onPreview, previewFn);
+  };
+
+  // 拦截listItem的渲染，添加类名,强制修改预览图标的样式
+  var _itemRender = function _itemRender(originNode, file) {
+    // 给列表项添加类名,用以修改预览图标样式
+    var _enablePreview = typeof enablePreview === 'function' ? enablePreview(file) : enablePreview;
+    var _itemClassName = _enablePreview ? "".concat(originNode.props.className, " ").concat(itemClassName, " preview") : "".concat(originNode.props.className, " ").concat(itemClassName);
+    var _originNode = _objectSpread(_objectSpread({}, originNode), {}, {
+      props: _objectSpread(_objectSpread({}, originNode.props), {}, {
+        title: (file === null || file === void 0 ? void 0 : file.fileName) || (file === null || file === void 0 ? void 0 : file.name) || '',
+        className: _itemClassName
+      })
+    });
+
+    // 解决下载、删除按钮在Form组件 disable状态下被禁用的问题
+    var action = helper.deepFindJsx(_originNode, function (item) {
+      var _item$props;
+      return ((_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.className) === 'ant-upload-list-item-actions' && item.type === 'span';
+    });
+    if (action) {
+      // 查找下载、删除图标，将其外层包裹的的Button组件删除掉
+      var actionChildren = action.props.children.map(function (item, index) {
+        if (index > 0) {
+          var _item$props2, _item$props3, _children2;
+          var _children = (item === null || item === void 0 ? void 0 : (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.children) || (item === null || item === void 0 ? void 0 : (_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.icon);
+          if ((_children2 = _children) !== null && _children2 !== void 0 && _children2.props) {
+            _children = _objectSpread(_objectSpread({}, _children), {}, {
+              key: index,
+              props: _objectSpread(_objectSpread({
+                title: item.props.title
+              }, _children.props), {}, {
+                onClick: function onClick(e) {
+                  var _item$props$onClick, _item$props4;
+                  return (_item$props$onClick = (_item$props4 = item.props).onClick) === null || _item$props$onClick === void 0 ? void 0 : _item$props$onClick.call(_item$props4, e);
+                }
+              })
+            });
+          }
+          return _children || item;
+        }
+        return item;
+      });
+
+      // 替换修改后的action
+      var _children3 = _toConsumableArray(_originNode.props.children);
+      _children3[1] = _objectSpread(_objectSpread({}, _children3[1]), {}, {
+        props: _objectSpread(_objectSpread({}, _children3[1].props), {}, {
+          children: actionChildren
+        })
+      });
+      var _originNodeClone = _objectSpread(_objectSpread({}, _originNode), {}, {
+        props: _objectSpread(_objectSpread({}, _originNode.props), {}, {
+          children: _children3
+        })
+      });
+      return _originNodeClone;
+    }
+    return _originNode;
+  };
+  var _showUploadList = typeof showUploadList === 'boolean' ? showUploadList : _objectSpread(_objectSpread({}, showUploadList), {}, {
+    showPreviewIcon: true,
+    showDownloadIcon: true
+  });
+  var _finalFileList = listRef.current.list.filter(function (item) {
+    return item.status !== 'removed';
+  });
+  var _props = _objectSpread({
+    maxCount: maxCount,
+    action: undefined,
+    className: "".concat(getPrefixCls('upload'), " ").concat(className),
+    // @ts-ignore
+    fileList: fileList,
+    itemRender: itemRender || _itemRender,
+    customRequest: customRequestFun,
+    onRemove: onRemoveFun,
+    onDownload: _onDownload,
+    onPreview: _onPreview,
+    showUploadList: _showUploadList
+  }, otherProps);
+  var _uploadButton = uploadButton === null ? null : uploadButton || children || defaultUploadButton;
+  useEffect(function () {
+    var list = helper.getUploadFile(_fileList || value || defaultFileList, maxCount);
+    listRef.current.list = list;
+    setFileList(list);
+  }, [_fileList, value, defaultFileList]);
+  return /*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({
+    listType: "picture-card"
+  }, _props), {}, {
+    fileList: _finalFileList,
+    ref: ref,
+    children: _finalFileList.length >= maxCount ? null : _uploadButton
+  }));
+}
+var DUpload = /*#__PURE__*/forwardRef(InternalUpload);
+DUpload.imageToBase64 = helper.imageToBase64;
+export default DUpload;

package/dist/esm/DUpload/index.less

@@ -0,0 +1,19 @@
+@import '../commonStyle/index.less';
+
+.@{prefix}-upload {
+  .preview .ant-upload-list-item-actions a[target='_blank'][rel='noopener noreferrer'] {
+    opacity: initial !important;
+    pointer-events: initial !important;
+  }
+
+  .ant-upload-list.ant-upload-list-picture-card .ant-upload-span {
+    .ant-upload-list-item-thumbnail {
+      height: 46px;
+    }
+
+    .ant-upload-list-item-name {
+      position: absolute;
+      display: initial;
+    }
+  }
+}

package/dist/esm/ErrorBoundary/index.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+/// <reference types="react" />
 import './index.less';
 declare function ErrorBoundary<T>({ err }: {
     err?: T;
-}): React.JSX.Element;
+}): JSX.Element;
 export default ErrorBoundary;

package/dist/esm/ErrorBoundary/index.js

@@ -1,11 +1,10 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import * as React from 'react';
 import classNames from 'classnames';
 import "./index.less";
 import { ConfigContext } from "../ConfigProvider";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function ErrorBoundary(_ref) {
   var err = _ref.err;
   var _React$useContext = React.useContext(ConfigContext),
@@ -16,13 +15,18 @@ function ErrorBoundary(_ref) {
   function refreshPage() {
     window.location.reload();
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: wrapperClass
-  }, /*#__PURE__*/React.createElement("h2", null, "\u62B1\u6B49,\u7CFB\u7EDF\u51FA\u73B0\u95EE\u9898."), /*#__PURE__*/React.createElement("div", {
-    className: "error-text"
-  }, err && JSON.stringify(err)), /*#__PURE__*/React.createElement("div", {
-    className: "error-refresh",
-    onClick: refreshPage
-  }, "\u91CD\u65B0\u5237\u65B0\u6D4F\u89C8\u5668"));
+  return /*#__PURE__*/_jsxs("div", {
+    className: wrapperClass,
+    children: [/*#__PURE__*/_jsx("h2", {
+      children: "\u62B1\u6B49,\u7CFB\u7EDF\u51FA\u73B0\u95EE\u9898."
+    }), /*#__PURE__*/_jsx("div", {
+      className: "error-text",
+      children: err && JSON.stringify(err)
+    }), /*#__PURE__*/_jsx("div", {
+      className: "error-refresh",
+      onClick: refreshPage,
+      children: "\u91CD\u65B0\u5237\u65B0\u6D4F\u89C8\u5668"
+    })]
+  });
 }
 export default ErrorBoundary;

package/dist/esm/ErrorBoundary/index.less

@@ -1,4 +1,5 @@
 @import '../commonStyle/index.less';
+
 .@{prefix}-error-boundary {
   display: flex;
   flex-direction: column;

package/dist/esm/LModal/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { LModalProps } from './interface';
 import './styles/index.less';
-declare function LModal(props: LModalProps): React.JSX.Element;
+declare function LModal(props: LModalProps): JSX.Element;
 export default LModal;

package/dist/esm/LModal/index.js

@@ -1,16 +1,11 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "mode"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { ConfigContext } from "../ConfigProvider";
 import { Modal } from 'antd';
 import React, { useContext, useEffect, useMemo, useRef } from 'react';
 import "./styles/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
 function LModal(props) {
   var children = props.children,
     _props$mode = props.mode,
@@ -28,7 +23,7 @@ function LModal(props) {
     }, otherProps);
   }, [otherProps]);
   useEffect(function () {
-    if (otherProps.visible) {
+    if (otherProps.open) {
       document.body.style.overflow = 'hidden';
     } else {
       document.body.style.overflow = '';
@@ -36,7 +31,7 @@ function LModal(props) {
     return function () {
       document.body.style.overflow = '';
     };
-  }, [otherProps.visible]);
+  }, [otherProps.open]);
   useEffect(function () {
     if (containerRef.current) {
       if (mode === 'absolute') {
@@ -46,9 +41,12 @@ function LModal(props) {
       }
     }
   }, [mode, containerRef.current]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: containerRef,
-    className: "".concat(getPrefixCls('modal-container'), " ").concat(getPrefixCls(mode === 'absolute' ? 'absolute-modal-container' : 'relative-modal-container'))
-  }, /*#__PURE__*/React.createElement(Modal, style, children));
+    className: "".concat(getPrefixCls('modal-container'), " ").concat(getPrefixCls(mode === 'absolute' || mode === 'panel' ? 'absolute-modal-container' : 'relative-modal-container')),
+    children: /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, style), {}, {
+      children: children
+    }))
+  });
 }
 export default LModal;

package/dist/esm/LModal/interface.d.ts

@@ -3,6 +3,6 @@ import { ReactNode } from 'react';
 declare type IModalProps = Omit<ModalProps, 'width' | 'className'>;
 export interface LModalProps extends IModalProps {
     children?: ReactNode | undefined;
-    mode?: 'absolute' | 'relative';
+    mode?: 'absolute' | 'relative' | 'panel';
 }
 export {};

package/dist/esm/LModal/styles/index.less

@@ -1,25 +1,27 @@
-@import '../../commonStyle/index.less';
-.@{prefix}-modal-container {
-  .ant-modal-wrap {
-    .ant-modal {
-      max-width: unset;
-      height: 100%;
-      .ant-modal-content {
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-}
-
-.@{prefix}-absolute-modal-container {
-  .ant-modal-wrap {
-    position: fixed;
-  }
-}
-
-.@{prefix}-relative-modal-container {
-  .ant-modal-wrap {
-    position: absolute;
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-modal-container {
+  .ant-modal-wrap {
+    .ant-modal {
+      max-width: unset;
+      height: 100%;
+
+      .ant-modal-content {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+}
+
+.@{prefix}-absolute-modal-container {
+  .ant-modal-wrap {
+    position: fixed;
+  }
+}
+
+.@{prefix}-relative-modal-container {
+  .ant-modal-wrap {
+    position: absolute;
+  }
+}

package/dist/esm/LabelValue/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { LabelValueProps } from './interface';
 import './styles/index.less';
-declare function LabelValue({ label, value, emptyValue, className, noWrap, noColon }: LabelValueProps): React.JSX.Element;
+declare function LabelValue({ label, value, emptyValue, className, noWrap, noColon }: LabelValueProps): JSX.Element;
 declare namespace LabelValue {
     var defaultProps: {
         className: string;

package/dist/esm/LabelValue/index.js

@@ -1,11 +1,10 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { useContext } from 'react';
 import classNames from 'classnames';
 import { ConfigContext, defaultPrefixCls } from "../ConfigProvider";
 import "./styles/index.less";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 function LabelValue(_ref) {
   var label = _ref.label,
     value = _ref.value,
@@ -18,14 +17,17 @@ function LabelValue(_ref) {
     getPrefixCls = _useContext.getPrefixCls;
   var classname = getPrefixCls('label-value');
   var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-label-value"), !!prefixCls), classname, className);
-  return /*#__PURE__*/React.createElement("div", {
-    className: wrapperClass
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(defaultPrefixCls, "-label")
-  }, label, noColon ? '' : ':'), /*#__PURE__*/React.createElement("span", {
-    title: value,
-    className: "".concat(noWrap ? "".concat(defaultPrefixCls, "-value no-wrap") : "".concat(defaultPrefixCls, "-value"))
-  }, value || emptyValue || '暂无'));
+  return /*#__PURE__*/_jsxs("div", {
+    className: wrapperClass,
+    children: [/*#__PURE__*/_jsxs("span", {
+      className: "".concat(defaultPrefixCls, "-label"),
+      children: [label, noColon ? '' : ':']
+    }), /*#__PURE__*/_jsx("span", {
+      title: value,
+      className: "".concat(noWrap ? "".concat(defaultPrefixCls, "-value no-wrap") : "".concat(defaultPrefixCls, "-value")),
+      children: value || emptyValue || '暂无'
+    })]
+  });
 }
 LabelValue.defaultProps = {
   className: '',

package/dist/esm/LabelValue/styles/index.less

@@ -1,14 +1,18 @@
 @import '../../commonStyle/index.less';
+
 .@{prefix}-label-value {
   display: inline-flex;
+
   span {
     &:first-child {
       max-width: 120px;
       padding-right: 4px;
       white-space: nowrap;
     }
+
     &:last-child {
       flex: 1;
+
       &.no-wrap {
         overflow: hidden;
         white-space: nowrap;

package/dist/esm/Loading/interface.d.ts

@@ -1,10 +1,10 @@
+import { SpinProps } from 'antd';
 import React, { ReactInstance } from 'react';
-export interface LoadingInstanceProps {
+export interface LoadingInstanceProps extends SpinProps {
     /**
-     * @description 加载的文字提示
-     * @default '数据请求中...'
+     * @description 加载框容器
+     * @default body
      */
-    tip?: string;
     container?: ReactInstance | undefined;
 }
 export interface LoadingProps {