@lingxiteam/assets 1.0.11 → 1.0.12

package/lib/error/errorDisplay/Mobile/Modal/index.js

@@ -0,0 +1,127 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = require("react-dom");
+var _compUtils = require("../../compUtils");
+var _Modal = _interopRequireDefault(require("./Modal"));
+var _excluded = ["close", "visible", "getContainer"],
+  _excluded2 = ["getContainer"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+var LxMobileModalNodes = {};
+var nbr = 0;
+var closeTimer;
+function open() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var close = props.close,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? true : _props$visible,
+    _props$getContainer = props.getContainer,
+    getContainer = _props$getContainer === void 0 ? function () {
+      return document.body;
+    } : _props$getContainer,
+    config = _objectWithoutProperties(props, _excluded);
+  var createModal = function createModal() {
+    var key = "lxm-modal-".concat(nbr);
+    var root = getContainer() || document.body;
+    var rootChild = root ? (0, _compUtils.getChildren)(root) : [];
+    var div = rootChild.find(function (item) {
+      return item.getAttribute('lxm-modal-key') === key;
+    });
+    if (!div) {
+      div = document.createElement('div');
+      div.setAttribute('lxm-modal-key', key);
+      root.appendChild(div);
+    }
+    var onCloseModal = function onCloseModal() {
+      if (LxMobileModalNodes[key]) {
+        var _LxMobileModalNodes$k, _LxMobileModalNodes$k2;
+        (_LxMobileModalNodes$k = LxMobileModalNodes[key]) === null || _LxMobileModalNodes$k === void 0 ? void 0 : (_LxMobileModalNodes$k2 = _LxMobileModalNodes$k.nodeDiv) === null || _LxMobileModalNodes$k2 === void 0 ? void 0 : _LxMobileModalNodes$k2.classList.add('lxm-modal-close-move');
+        clearTimeout(closeTimer);
+        closeTimer = setTimeout(function () {
+          var _LxMobileModalNodes$k3, _LxMobileModalNodes$k4, _LxMobileModalNodes$k5;
+          (0, _reactDom.unmountComponentAtNode)((_LxMobileModalNodes$k3 = LxMobileModalNodes[key]) === null || _LxMobileModalNodes$k3 === void 0 ? void 0 : _LxMobileModalNodes$k3.nodeDiv);
+          (_LxMobileModalNodes$k4 = LxMobileModalNodes[key]) === null || _LxMobileModalNodes$k4 === void 0 ? void 0 : (_LxMobileModalNodes$k5 = _LxMobileModalNodes$k4.nodeDiv) === null || _LxMobileModalNodes$k5 === void 0 ? void 0 : _LxMobileModalNodes$k5.remove();
+          delete LxMobileModalNodes[key];
+          clearTimeout(closeTimer);
+        }, 300);
+      }
+    };
+    var renderNode = function renderNode() {
+      var args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(_Modal.default, _extends({}, args, {
+        visible: visible,
+        onCancel: function onCancel() {
+          if ((config === null || config === void 0 ? void 0 : config.onClose) instanceof Function) {
+            config === null || config === void 0 ? void 0 : config.onClose();
+          }
+          onCloseModal();
+        },
+        onOk: function onOk() {
+          if ((config === null || config === void 0 ? void 0 : config.onOk) instanceof Function) {
+            config === null || config === void 0 ? void 0 : config.onOk();
+          }
+          onCloseModal();
+        }
+      })), div);
+    };
+    renderNode(config);
+    LxMobileModalNodes[key] = {
+      root: root,
+      nodeDiv: div,
+      renderNode: renderNode
+    };
+    nbr += 1;
+    return key;
+  };
+  var modalKey = createModal();
+  var onClose = function onClose() {
+    if (LxMobileModalNodes[modalKey]) {
+      var _LxMobileModalNodes$m, _LxMobileModalNodes$m2;
+      (_LxMobileModalNodes$m = LxMobileModalNodes[modalKey]) === null || _LxMobileModalNodes$m === void 0 ? void 0 : (_LxMobileModalNodes$m2 = _LxMobileModalNodes$m.nodeDiv) === null || _LxMobileModalNodes$m2 === void 0 ? void 0 : _LxMobileModalNodes$m2.classList.add('lxmModalClose');
+      clearTimeout(closeTimer);
+      closeTimer = setTimeout(function () {
+        var _LxMobileModalNodes$m3, _LxMobileModalNodes$m4, _LxMobileModalNodes$m5;
+        (0, _reactDom.unmountComponentAtNode)((_LxMobileModalNodes$m3 = LxMobileModalNodes[modalKey]) === null || _LxMobileModalNodes$m3 === void 0 ? void 0 : _LxMobileModalNodes$m3.nodeDiv);
+        (_LxMobileModalNodes$m4 = LxMobileModalNodes[modalKey]) === null || _LxMobileModalNodes$m4 === void 0 ? void 0 : (_LxMobileModalNodes$m5 = _LxMobileModalNodes$m4.nodeDiv) === null || _LxMobileModalNodes$m5 === void 0 ? void 0 : _LxMobileModalNodes$m5.remove();
+        delete LxMobileModalNodes[modalKey];
+        clearTimeout(closeTimer);
+      }, 300);
+    }
+  };
+  var onUpdate = function onUpdate() {
+    var args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (LxMobileModalNodes[modalKey]) {
+      var _LxMobileModalNodes$m6;
+      (_LxMobileModalNodes$m6 = LxMobileModalNodes[modalKey]) === null || _LxMobileModalNodes$m6 === void 0 ? void 0 : _LxMobileModalNodes$m6.renderNode(_objectSpread(_objectSpread({}, config), args));
+    }
+  };
+  return {
+    onClose: onClose,
+    onUpdate: onUpdate
+  };
+}
+var ModalWraper = function ModalWraper(props) {
+  var _props$getContainer2 = props.getContainer,
+    getContainer = _props$getContainer2 === void 0 ? function () {
+      return document.body;
+    } : _props$getContainer2,
+    config = _objectWithoutProperties(props, _excluded2);
+  var root = getContainer() || document.body;
+  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(_Modal.default, config), root);
+};
+ModalWraper.open = open;
+var _default = ModalWraper;
+exports.default = _default;

package/lib/error/errorDisplay/Mobile/defaultGlobalConfig.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setGlobalConfig = exports.defaultGlobalConfig = void 0;
+var _compUtils = require("../compUtils");
+var defaultGlobalConfig = {
+  duration: null,
+  maxLine: null,
+  maxLen: null,
+  showType: 'modal',
+  maxCount: null,
+  resolve: process.env.LingXi_ERROR_RESOLVE || (0, _compUtils.resolveRequestPath)('/lcdp/error/queryErrorInfoByCodeOrMsg')
+};
+exports.defaultGlobalConfig = defaultGlobalConfig;
+var setGlobalConfig = function setGlobalConfig() {
+  var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  Object.assign(defaultGlobalConfig, config);
+};
+exports.setGlobalConfig = setGlobalConfig;

package/lib/error/errorDisplay/SVGstring.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WarnIcon = exports.ErrDollIcon = exports.CloseWhiteIcon = exports.CloseIcon = exports.BackIcon = exports.ArrowIcon = void 0;
+var ArrowIcon = "<svg viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M6.33595 2C7.00675 2 7.37969 2.77595 6.96064 3.29976L4.62514 6.21913C4.30488 6.61946 3.69601 6.61946 3.37575 6.21913L1.04025 3.29976C0.621206 2.77595 0.994144 2 1.66495 2L6.33595 2Z\" fill=\"rgba(28, 36, 46, 0.25)\"/>\n</svg>\n";
+exports.ArrowIcon = ArrowIcon;
+var CloseIcon = "<svg viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7.80926 6.99927L11.9108 2.11021C11.9796 2.02896 11.9218 1.90552 11.8155 1.90552H10.5686C10.4952 1.90552 10.4249 1.93833 10.3764 1.99458L6.99363 6.02739L3.61082 1.99458C3.56394 1.93833 3.49363 1.90552 3.41863 1.90552H2.17176C2.06551 1.90552 2.00769 2.02896 2.07644 2.11021L6.17801 6.99927L2.07644 11.8883C2.06104 11.9064 2.05116 11.9286 2.04798 11.9521C2.04479 11.9757 2.04843 11.9997 2.05846 12.0212C2.0685 12.0428 2.08451 12.061 2.10459 12.0737C2.12467 12.0865 2.14798 12.0931 2.17176 12.093H3.41863C3.49207 12.093 3.56238 12.0602 3.61082 12.004L6.99363 7.97114L10.3764 12.004C10.4233 12.0602 10.4936 12.093 10.5686 12.093H11.8155C11.9218 12.093 11.9796 11.9696 11.9108 11.8883L7.80926 6.99927Z\" fill=\"rgba(28, 36, 46, 0.45)\"/>\n</svg>";
+exports.CloseIcon = CloseIcon;
+var CloseWhiteIcon = "<svg viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7.80926 6.99927L11.9108 2.11021C11.9796 2.02896 11.9218 1.90552 11.8155 1.90552H10.5686C10.4952 1.90552 10.4249 1.93833 10.3764 1.99458L6.99363 6.02739L3.61082 1.99458C3.56394 1.93833 3.49363 1.90552 3.41863 1.90552H2.17176C2.06551 1.90552 2.00769 2.02896 2.07644 2.11021L6.17801 6.99927L2.07644 11.8883C2.06104 11.9064 2.05116 11.9286 2.04798 11.9521C2.04479 11.9757 2.04843 11.9997 2.05846 12.0212C2.0685 12.0428 2.08451 12.061 2.10459 12.0737C2.12467 12.0865 2.14798 12.0931 2.17176 12.093H3.41863C3.49207 12.093 3.56238 12.0602 3.61082 12.004L6.99363 7.97114L10.3764 12.004C10.4233 12.0602 10.4936 12.093 10.5686 12.093H11.8155C11.9218 12.093 11.9796 11.9696 11.9108 11.8883L7.80926 6.99927Z\" fill=\"rgba(255, 255, 255, 0.45)\"/>\n</svg>";
+exports.CloseWhiteIcon = CloseWhiteIcon;
+var WarnIcon = "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8C1 11.8664 4.13359 15 8 15C11.8664 15 15 11.8664 15 8C15 4.13359 11.8664 1 8 1C4.13359 1 1 4.13359 1 8Z\" fill=\"white\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8C1 11.8664 4.13359 15 8 15C11.8664 15 15 11.8664 15 8C15 4.13359 11.8664 1 8 1C4.13359 1 1 4.13359 1 8ZM8 12.375C7.75801 12.375 7.5625 12.1795 7.5625 11.9375C7.5625 11.6955 7.75801 11.5 8 11.5C8.24199 11.5 8.4375 11.6955 8.4375 11.9375C8.4375 12.1795 8.24199 12.375 8 12.375ZM8 10.625C7.75801 10.625 7.5625 10.4295 7.5625 10.1875V4.0625C7.5625 3.82051 7.75801 3.625 8 3.625C8.24199 3.625 8.4375 3.82051 8.4375 4.0625V10.1875C8.4375 10.4295 8.24199 10.625 8 10.625Z\" fill=\"#FA7570\"/>\n</svg>";
+exports.WarnIcon = WarnIcon;
+var BackIcon = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16.0659 5.32803C16.6113 4.82749 16.6477 3.97957 16.1472 3.43413C15.6466 2.88869 14.7987 2.8523 14.2533 3.35283L6.01923 11.0194C5.43997 11.551 5.44047 12.4647 6.02032 12.9956L14.2544 20.6482C14.8003 21.1481 15.6482 21.1108 16.1482 20.5648C16.6481 20.0188 16.6108 19.1709 16.0648 18.671L8.90922 12.0059L16.0659 5.32803Z\" fill=\"#1C242E\" fill-opacity=\"0.75\"/>\n</svg>";
+exports.BackIcon = BackIcon;
+var ErrDollIcon = "<svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.1052 38.705C22.1052 36.827 22.8514 35.0255 24.1795 33.6973C25.5076 32.3694 27.3089 31.623 29.1871 31.623C29.1874 31.623 29.1876 31.623 29.1878 31.623C29.3984 31.623 29.6005 31.7067 29.7494 31.8557C29.8983 32.0047 29.982 32.2069 29.982 32.4173C29.982 35.2405 29.982 44.6211 29.982 44.6211L22.1052 44.7511V38.705Z\" fill=\"white\" stroke=\"#9DB9F5\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M71.9916 38.7141C71.9916 34.7981 68.8169 31.623 64.9005 31.623C64.9001 31.623 64.9001 31.623 64.8998 31.623C64.6917 31.623 64.4918 31.7058 64.3448 31.8531C64.1975 32.0005 64.1147 32.2 64.1147 32.4081C64.1147 35.2198 64.1147 44.6211 64.1147 44.6211L71.9916 44.7511V38.7141Z\" fill=\"white\" stroke=\"#9DB9F5\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M79.8686 59.3024C79.8686 45.5294 68.6868 34.3477 54.9139 34.3477H39.1833C25.4104 34.3477 14.2285 45.5294 14.2285 59.3024V61.905C14.2285 75.6778 21.4604 85.5469 35.2333 85.5469H58.8637C72.6367 85.5469 79.8686 75.6778 79.8686 61.905V59.3024Z\" fill=\"white\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M62.7284 35.2939C71.1503 39.3043 76.9769 47.8963 76.9769 57.8384V60.441C76.9769 74.2139 69.7451 84.0829 55.9721 84.0829H32.3417C29.762 84.0829 27.4117 83.7367 25.2954 83.0834C28.1051 84.4908 31.4392 85.2593 35.2826 85.2593H58.913C72.6859 85.2593 79.9178 75.3903 79.9178 61.6174V59.0148C79.9178 47.9525 72.7043 38.5618 62.7284 35.2939Z\" fill=\"#DCE7FA\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M79.8686 59.3024C79.8686 45.5294 68.6868 34.3477 54.9139 34.3477H39.1833C25.4104 34.3477 14.2285 45.5294 14.2285 59.3024V61.905C14.2285 75.6778 21.4604 85.5469 35.2333 85.5469H58.8637C72.6367 85.5469 79.8686 75.6778 79.8686 61.905V59.3024Z\" stroke=\"#9DB9F5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M51.138 34.6254C51.138 36.5625 49.0029 37.0589 47.1847 37.0589C45.3665 37.0589 43.2314 36.5625 43.2314 34.6254C43.2314 32.3068 45.1572 28.9296 46.4644 26.8694C46.62 26.6215 46.8919 26.471 47.1847 26.4707C47.4775 26.4707 47.7497 26.6215 47.9053 26.8694C49.2122 28.9296 51.138 32.3068 51.138 34.6254Z\" fill=\"#E0E8FA\" stroke=\"#9DB9F5\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M71.9917 59.9471C71.9917 50.8901 64.6387 43.5371 55.5816 43.5371H38.5152C29.4583 43.5371 22.1052 50.8901 22.1052 59.9471C22.1052 69.0041 24.8635 75.0443 33.9204 75.0443H60.1764C69.2335 75.0443 71.9917 69.0041 71.9917 59.9471Z\" fill=\"white\"/>\n<path d=\"M55.5816 41.5674H38.5152C28.3707 41.5674 20.136 49.802 20.136 59.9466C20.136 65.1393 21.0009 69.1168 22.9952 72.0093C25.2813 75.325 28.9354 77.013 33.9204 77.013H60.1764C65.1615 77.013 68.8156 75.325 71.1016 72.0093C73.0959 69.1168 73.9608 65.1393 73.9608 59.9466C73.9608 49.802 65.7262 41.5674 55.5816 41.5674Z\" fill=\"#9DB9F5\"/>\n<g>\n<path d=\"M38.515 45.5059H55.5814C63.5509 45.5059 70.0222 51.9772 70.0222 59.9467C70.0222 69.0583 67.2531 73.0747 60.1762 73.0747H33.9202C26.8434 73.0747 24.0742 69.0582 24.0742 59.9467C24.0742 51.9772 30.5456 45.5059 38.515 45.5059Z\" fill=\"#E0E8FA\"/>\n<mask maskUnits=\"userSpaceOnUse\" x=\"24\" y=\"45\" width=\"47\" height=\"29\">\n<path d=\"M38.515 45.5059H55.5814C63.5509 45.5059 70.0222 51.9772 70.0222 59.9467C70.0222 69.0583 67.2531 73.0747 60.1762 73.0747H33.9202C26.8434 73.0747 24.0742 69.0582 24.0742 59.9467C24.0742 51.9772 30.5456 45.5059 38.515 45.5059Z\" fill=\"white\"/>\n</mask>\n</g>\n<g>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M56.5781 61.3919C54.2445 61.3919 52.3528 59.5002 52.3528 57.1667C52.3528 54.8331 54.2445 52.9414 56.5781 52.9414C58.9116 52.9414 60.8033 54.8331 60.8033 57.1667C60.8033 57.9937 60.5657 58.7652 60.1551 59.4166C60.4357 59.5491 60.707 59.7378 60.9494 59.9802C61.8445 60.8753 62.0069 62.1641 61.3121 62.8589C60.6174 63.5536 59.3286 63.3912 58.4335 62.4962C58.0595 62.1222 57.8135 61.6795 57.7044 61.2401C57.3458 61.3391 56.9681 61.3919 56.5781 61.3919Z\" fill=\"white\"/>\n<path d=\"M60.1551 59.4166L59.7282 60.3209L58.7069 59.8388L59.3091 58.8834L60.1551 59.4166ZM60.9494 59.9802L60.2423 60.6873H60.2423L60.9494 59.9802ZM61.3121 62.8589L60.605 62.1518L61.3121 62.8589ZM58.4335 62.4962L59.1406 61.7891L59.1406 61.7891L58.4335 62.4962ZM57.7044 61.2401L57.4384 60.2761L58.4276 60.0032L58.6749 60.9992L57.7044 61.2401ZM53.3528 57.1667C53.3528 58.9479 54.7968 60.3919 56.5781 60.3919V62.3919C53.6923 62.3919 51.3528 60.0525 51.3528 57.1667H53.3528ZM56.5781 53.9414C54.7968 53.9414 53.3528 55.3854 53.3528 57.1667H51.3528C51.3528 54.2808 53.6923 51.9414 56.5781 51.9414V53.9414ZM59.8033 57.1667C59.8033 55.3854 58.3593 53.9414 56.5781 53.9414V51.9414C59.4639 51.9414 61.8033 54.2808 61.8033 57.1667H59.8033ZM59.3091 58.8834C59.6221 58.3869 59.8033 57.7995 59.8033 57.1667H61.8033C61.8033 58.1878 61.5094 59.1434 61.0011 59.9499L59.3091 58.8834ZM60.2423 60.6873C60.0799 60.5249 59.903 60.4034 59.7282 60.3209L60.582 58.5123C60.9684 58.6947 61.3341 58.9507 61.6566 59.2731L60.2423 60.6873ZM60.605 62.1518C60.7531 62.0037 60.924 61.369 60.2423 60.6873L61.6566 59.2731C62.765 60.3816 63.2607 62.3245 62.0192 63.566L60.605 62.1518ZM59.1406 61.7891C59.8223 62.4707 60.457 62.2998 60.605 62.1518L62.0192 63.566C60.7777 64.8075 58.8348 64.3117 57.7264 63.2033L59.1406 61.7891ZM58.6749 60.9992C58.738 61.2532 58.8885 61.537 59.1406 61.7891L57.7264 63.2033C57.2306 62.7075 56.889 62.1059 56.7338 61.4811L58.6749 60.9992ZM56.5781 60.3919C56.8774 60.3919 57.1657 60.3514 57.4384 60.2761L57.9703 62.2041C57.5259 62.3267 57.0588 62.3919 56.5781 62.3919V60.3919Z\" fill=\"#9DB9F5\"/>\n</g>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M43.8279 68.5705C43.581 69.6875 44.4885 70.6494 45.6325 70.6494H48.1566C49.3006 70.6494 50.2081 69.6875 49.9612 68.5705C49.5823 66.8565 48.7392 64.7055 46.8946 64.7055C45.0499 64.7055 44.2069 66.8565 43.8279 68.5705Z\" fill=\"#9DB9F5\"/>\n<g>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M37.608 61.3919C39.9415 61.3919 41.8332 59.5002 41.8332 57.1667C41.8332 54.8331 39.9415 52.9414 37.608 52.9414C35.2744 52.9414 33.3827 54.8331 33.3827 57.1667C33.3827 57.9937 33.6203 58.7652 34.0309 59.4166C33.7504 59.5491 33.479 59.7378 33.2366 59.9802C32.3415 60.8753 32.1791 62.1641 32.8739 62.8589C33.5687 63.5536 34.8575 63.3912 35.7525 62.4962C36.1265 62.1222 36.3726 61.6795 36.4817 61.2401C36.8402 61.3391 37.2179 61.3919 37.608 61.3919Z\" fill=\"white\"/>\n<path d=\"M34.0309 59.4166L34.4578 60.3209L35.4791 59.8388L34.8769 58.8834L34.0309 59.4166ZM33.2366 59.9802L33.9437 60.6873L33.9437 60.6873L33.2366 59.9802ZM32.8739 62.8589L33.581 62.1518L32.8739 62.8589ZM35.7525 62.4962L35.0454 61.7891L35.0454 61.7891L35.7525 62.4962ZM36.4817 61.2401L36.7476 60.2761L35.7584 60.0032L35.5111 60.9992L36.4817 61.2401ZM40.8332 57.1667C40.8332 58.9479 39.3892 60.3919 37.608 60.3919V62.3919C40.4938 62.3919 42.8332 60.0525 42.8332 57.1667H40.8332ZM37.608 53.9414C39.3892 53.9414 40.8332 55.3854 40.8332 57.1667H42.8332C42.8332 54.2808 40.4938 51.9414 37.608 51.9414V53.9414ZM34.3827 57.1667C34.3827 55.3854 35.8267 53.9414 37.608 53.9414V51.9414C34.7221 51.9414 32.3827 54.2808 32.3827 57.1667H34.3827ZM34.8769 58.8834C34.5639 58.3869 34.3827 57.7995 34.3827 57.1667H32.3827C32.3827 58.1878 32.6767 59.1434 33.185 59.9499L34.8769 58.8834ZM33.9437 60.6873C34.1062 60.5249 34.2831 60.4034 34.4578 60.3209L33.604 58.5123C33.2176 58.6947 32.8519 58.9507 32.5295 59.2731L33.9437 60.6873ZM33.581 62.1518C33.433 62.0037 33.262 61.369 33.9437 60.6873L32.5295 59.2731C31.421 60.3816 30.9253 62.3245 32.1668 63.566L33.581 62.1518ZM35.0454 61.7891C34.3638 62.4707 33.729 62.2998 33.581 62.1518L32.1668 63.566C33.4083 64.8075 35.3512 64.3117 36.4597 63.2033L35.0454 61.7891ZM35.5111 60.9992C35.4481 61.2532 35.2975 61.537 35.0454 61.7891L36.4597 63.2033C36.9555 62.7075 37.2971 62.1059 37.4522 61.4811L35.5111 60.9992ZM37.608 60.3919C37.3086 60.3919 37.0204 60.3514 36.7476 60.2761L36.2157 62.2041C36.6601 62.3267 37.1272 62.3919 37.608 62.3919V60.3919Z\" fill=\"#9DB9F5\"/>\n</g>\n<g>\n<g>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.8393 53.0049C15.8393 52.6447 15.5473 52.3525 15.1871 52.3525C14.9958 52.3525 14.7714 52.3525 14.5265 52.3525C13.482 52.3525 12.4803 52.7676 11.7417 53.5062C11.0031 54.2448 10.5881 55.2465 10.5881 56.291C10.5881 58.6967 10.5881 61.7622 10.5881 64.1678C10.5881 65.2124 11.0031 66.2141 11.7417 66.9527C12.4803 67.6913 13.482 68.1062 14.5265 68.1062C14.7714 68.1062 14.9958 68.1062 15.1871 68.1062C15.5473 68.1062 15.8393 67.8142 15.8393 67.454C15.8393 64.8959 15.8393 55.5631 15.8393 53.0049Z\" fill=\"white\" stroke=\"#9DB9F5\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.5615 54.167C11.5042 54.4353 11.4747 54.7108 11.4747 54.9893V62.8661C11.4747 63.9107 11.8896 64.9124 12.6282 65.651C13.3668 66.3896 14.3686 66.8045 15.4131 66.8045H15.5494V67.3287C15.5494 67.689 15.2574 67.981 14.8972 67.981H14.2366C13.1935 67.981 12.7797 67.5672 12.043 66.8305L12.04 66.8275C11.3014 66.0889 10.8864 65.0871 10.8865 64.0426V56.3718C10.8864 55.5803 11.1247 54.8135 11.5615 54.167Z\" fill=\"#DFE9FB\"/>\n</g>\n<g>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M78.8235 53.0049C78.8235 52.6447 79.1155 52.3525 79.4758 52.3525C79.6671 52.3525 79.8914 52.3525 80.1363 52.3525C81.1808 52.3525 82.1826 52.7676 82.9212 53.5062C83.6598 54.2448 84.0747 55.2465 84.0747 56.291C84.0747 58.6967 84.0747 61.7622 84.0747 64.1678C84.0747 65.2124 83.6598 66.2141 82.9212 66.9527C82.1826 67.6913 81.1808 68.1062 80.1363 68.1062C79.8914 68.1062 79.6671 68.1062 79.4758 68.1062C79.1155 68.1062 78.8235 67.8142 78.8235 67.454C78.8235 64.8959 78.8235 55.5631 78.8235 53.0049Z\" fill=\"white\" stroke=\"#9DB9F5\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M83.1011 54.166C83.1585 54.4344 83.188 54.71 83.188 54.9886V62.8654C83.188 63.91 82.773 64.9117 82.0345 65.6503C81.2958 66.3889 80.2941 66.8038 79.2496 66.8038H79.1136V67.3285C79.1136 67.6887 79.4057 67.9807 79.7659 67.9807H80.4264C81.4696 67.9807 81.8834 67.5669 82.6201 66.8302L82.6231 66.8272C83.3617 66.0886 83.7766 65.0868 83.7766 64.0423V56.3715C83.7766 55.5798 83.5382 54.8126 83.1011 54.166Z\" fill=\"#DFE9FB\"/>\n</g>\n</g>\n<ellipse cx=\"47.0588\" cy=\"93.2356\" rx=\"22.3529\" ry=\"3.82353\" fill=\"#E0E8FA\"/>\n<path d=\"M95.0215 67.6062C92.8633 70.219 88.8582 70.4744 88.8582 70.4744C88.8582 70.4744 88.3532 66.4932 90.5123 63.8803C92.6709 61.2676 96.6761 61.0122 96.6761 61.0122C96.6761 61.0122 97.1806 64.9933 95.0215 67.6062Z\" fill=\"#E0E8FA\"/>\n<path d=\"M7.73463 77.842C6.33181 79.5403 3.72847 79.7063 3.72847 79.7063C3.72847 79.7063 3.40026 77.1185 4.80369 75.4201C6.20676 73.7219 8.81011 73.5559 8.81011 73.5559C8.81011 73.5559 9.13806 76.1436 7.73463 77.842Z\" fill=\"#E0E8FA\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M82.9417 23.5293C91.3896 23.5293 98.2352 30.3129 98.2352 38.6844C98.2352 47.0558 91.3896 53.8406 82.9417 53.8406C81.7908 53.8406 80.6633 53.7039 79.5873 53.4686L79.6505 53.4929L72.4411 57.3373L73.6797 50.7392L73.7546 50.7762C70.0505 48.0109 67.647 43.6322 67.647 38.6844C67.6481 30.3129 74.4937 23.5293 82.9417 23.5293Z\" fill=\"#FFF2F0\" stroke=\"#FF615C\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<g>\n<mask maskUnits=\"userSpaceOnUse\" x=\"75.4705\" y=\"31.3535\" width=\"15\" height=\"15\" fill=\"black\">\n<rect fill=\"white\" x=\"75.4705\" y=\"31.3535\" width=\"15\" height=\"15\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M78.404 32.6294C77.9418 32.2399 77.2503 32.2628 76.815 32.6981C76.3556 33.1575 76.3556 33.9024 76.815 34.3619L81.2815 38.8284L76.815 43.2949L76.7463 43.3697C76.3569 43.8319 76.3798 44.5234 76.815 44.9586C77.2745 45.4181 78.0194 45.4181 78.4788 44.9586L82.9453 40.4921L87.4118 44.9586L87.4866 45.0274C87.9489 45.4168 88.6403 45.3939 89.0756 44.9586C89.535 44.4992 89.535 43.7543 89.0756 43.2949L84.6091 38.8284L89.0756 34.3619L89.1443 34.287C89.5338 33.8248 89.5108 33.1334 89.0756 32.6981C88.6161 32.2387 87.8712 32.2387 87.4118 32.6981L82.9453 37.1646L78.4788 32.6981L78.404 32.6294Z\"/>\n</mask>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M78.404 32.6294C77.9418 32.2399 77.2503 32.2628 76.815 32.6981C76.3556 33.1575 76.3556 33.9024 76.815 34.3619L81.2815 38.8284L76.815 43.2949L76.7463 43.3697C76.3569 43.8319 76.3798 44.5234 76.815 44.9586C77.2745 45.4181 78.0194 45.4181 78.4788 44.9586L82.9453 40.4921L87.4118 44.9586L87.4866 45.0274C87.9489 45.4168 88.6403 45.3939 89.0756 44.9586C89.535 44.4992 89.535 43.7543 89.0756 43.2949L84.6091 38.8284L89.0756 34.3619L89.1443 34.287C89.5338 33.8248 89.5108 33.1334 89.0756 32.6981C88.6161 32.2387 87.8712 32.2387 87.4118 32.6981L82.9453 37.1646L78.4788 32.6981L78.404 32.6294Z\" fill=\"#FF8D85\"/>\n<path d=\"M76.815 32.6981L77.5221 33.4052L76.815 32.6981ZM78.404 32.6294L79.0804 31.8928L79.0647 31.8784L79.0483 31.8646L78.404 32.6294ZM76.815 34.3619L76.1079 35.069L76.815 34.3619ZM81.2815 38.8284L81.9886 39.5355L82.6957 38.8284L81.9886 38.1213L81.2815 38.8284ZM76.815 43.2949L76.1079 42.5878L76.0929 42.6028L76.0785 42.6184L76.815 43.2949ZM76.7463 43.3697L76.0098 42.6933L75.9953 42.709L75.9816 42.7254L76.7463 43.3697ZM76.815 44.9586L77.5221 44.2515L77.5221 44.2515L76.815 44.9586ZM78.4788 44.9586L79.1859 45.6657H79.1859L78.4788 44.9586ZM82.9453 40.4921L83.6524 39.785L82.9453 39.0779L82.2382 39.785L82.9453 40.4921ZM87.4118 44.9586L86.7047 45.6657L86.7197 45.6808L86.7354 45.6952L87.4118 44.9586ZM87.4866 45.0274L86.8102 45.7639L86.826 45.7783L86.8423 45.7921L87.4866 45.0274ZM89.0756 44.9586L88.3685 44.2515L88.3685 44.2515L89.0756 44.9586ZM89.0756 43.2949L89.7827 42.5878L89.7827 42.5878L89.0756 43.2949ZM84.6091 38.8284L83.902 38.1213L83.1949 38.8284L83.902 39.5355L84.6091 38.8284ZM89.0756 34.3619L89.7827 35.069L89.7977 35.054L89.8121 35.0383L89.0756 34.3619ZM89.1443 34.287L89.8808 34.9635L89.8953 34.9477L89.9091 34.9314L89.1443 34.287ZM89.0756 32.6981L88.3685 33.4052V33.4052L89.0756 32.6981ZM87.4118 32.6981L86.7047 31.991V31.991L87.4118 32.6981ZM82.9453 37.1646L82.2382 37.8717L82.9453 38.5788L83.6524 37.8717L82.9453 37.1646ZM78.4788 32.6981L79.1859 31.991L79.1709 31.976L79.1552 31.9616L78.4788 32.6981ZM77.5221 33.4052C77.5871 33.3403 77.6911 33.3364 77.7597 33.3941L79.0483 31.8646C78.1924 31.1435 76.9135 31.1854 76.1079 31.991L77.5221 33.4052ZM77.5221 33.6548C77.4532 33.5859 77.4532 33.4741 77.5221 33.4052L76.1079 31.991C75.258 32.841 75.258 34.219 76.1079 35.069L77.5221 33.6548ZM81.9886 38.1213L77.5221 33.6548L76.1079 35.069L80.5744 39.5355L81.9886 38.1213ZM77.5221 44.002L81.9886 39.5355L80.5744 38.1213L76.1079 42.5878L77.5221 44.002ZM77.4828 44.0461L77.5516 43.9713L76.0785 42.6184L76.0098 42.6933L77.4828 44.0461ZM77.5221 44.2515C77.4572 44.1866 77.4533 44.0826 77.5111 44.014L75.9816 42.7254C75.2604 43.5813 75.3023 44.8602 76.1079 45.6657L77.5221 44.2515ZM77.7717 44.2515C77.7028 44.3205 77.5911 44.3205 77.5221 44.2515L76.1079 45.6657C76.9579 46.5157 78.336 46.5157 79.1859 45.6657L77.7717 44.2515ZM82.2382 39.785L77.7717 44.2515L79.1859 45.6657L83.6524 41.1993L82.2382 39.785ZM88.1189 44.2515L83.6524 39.785L82.2382 41.1993L86.7047 45.6657L88.1189 44.2515ZM88.1631 44.2908L88.0882 44.2221L86.7354 45.6952L86.8102 45.7639L88.1631 44.2908ZM88.3685 44.2515C88.3036 44.3165 88.1995 44.3204 88.131 44.2626L86.8423 45.7921C87.6982 46.5133 88.9771 46.4713 89.7827 45.6657L88.3685 44.2515ZM88.3685 44.002C88.4374 44.0709 88.4374 44.1826 88.3685 44.2515L89.7827 45.6657C90.6327 44.8158 90.6327 43.4377 89.7827 42.5878L88.3685 44.002ZM83.902 39.5355L88.3685 44.002L89.7827 42.5878L85.3162 38.1213L83.902 39.5355ZM88.3685 33.6548L83.902 38.1213L85.3162 39.5355L89.7827 35.069L88.3685 33.6548ZM88.4078 33.6106L88.3391 33.6855L89.8121 35.0383L89.8808 34.9635L88.4078 33.6106ZM88.3685 33.4052C88.4334 33.4701 88.4373 33.5742 88.3796 33.6427L89.9091 34.9314C90.6302 34.0754 90.5883 32.7966 89.7827 31.991L88.3685 33.4052ZM88.1189 33.4052C88.1878 33.3363 88.2996 33.3363 88.3685 33.4052L89.7827 31.991C88.9327 31.141 87.5547 31.141 86.7047 31.991L88.1189 33.4052ZM83.6524 37.8717L88.1189 33.4052L86.7047 31.991L82.2382 36.4575L83.6524 37.8717ZM77.7717 33.4052L82.2382 37.8717L83.6524 36.4575L79.1859 31.991L77.7717 33.4052ZM77.7276 33.3659L77.8024 33.4346L79.1552 31.9616L79.0804 31.8928L77.7276 33.3659Z\" fill=\"#F23030\" mask=\"url(#path-24-outside-1_164_11047)\"/>\n</g>\n</g>\n</svg>";
+exports.ErrDollIcon = ErrDollIcon;

package/lib/error/errorDisplay/Web/Drawer/Drawer.js

@@ -0,0 +1,274 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _SVGstring = require("../../SVGstring");
+var _img = require("../../../../utils/img");
+require("./Drawer.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var isDomEle = function isDomEle(target) {
+  return typeof target === 'string' || typeof target === 'number' || /*#__PURE__*/(0, _react.isValidElement)(target);
+};
+var Drawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var title = props.title,
+    visible = props.visible,
+    content = props.content,
+    footer = props.footer,
+    onClose = props.onClose,
+    onVisibleChange = props.onVisibleChange,
+    _props$mask = props.mask,
+    mask = _props$mask === void 0 ? true : _props$mask,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 630 : _props$width,
+    _props$offset = props.offset,
+    offset = _props$offset === void 0 ? 0 : _props$offset,
+    _props$status = props.status,
+    status = _props$status === void 0 ? 'default' : _props$status,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'default' : _props$mode,
+    _props$groupListProps = props.groupListProps,
+    groupListProps = _props$groupListProps === void 0 ? {
+      dataSource: []
+    } : _props$groupListProps,
+    _props$errorInfoProps = props.errorInfoProps,
+    errorInfoProps = _props$errorInfoProps === void 0 ? {
+      tabs: []
+    } : _props$errorInfoProps;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    extraConts = _useState2[0],
+    setExtraConts = _useState2[1]; // 展开内容的keys
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    errorCollapseMap = _useState4[0],
+    setErrorCollapseMap = _useState4[1]; // 错误列表展开keys
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isFull = _useState6[0],
+    setIsFull = _useState6[1];
+  (0, _react.useEffect)(function () {
+    if (onVisibleChange instanceof Function) {
+      onVisibleChange(visible);
+    }
+  }, [visible, onVisibleChange]);
+  var renderGroups = function renderGroups() {
+    var _ref = groupListProps || {},
+      renderRecord = _ref.renderRecord,
+      _ref$dataSource = _ref.dataSource,
+      dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+      _ref$rowKey = _ref.rowKey,
+      rowKey = _ref$rowKey === void 0 ? 'key' : _ref$rowKey,
+      _ref$contentRowKey = _ref.contentRowKey,
+      contentRowKey = _ref$contentRowKey === void 0 ? 'key' : _ref$contentRowKey,
+      _ref$contentMaxLen = _ref.contentMaxLen,
+      contentMaxLen = _ref$contentMaxLen === void 0 ? 120 : _ref$contentMaxLen;
+    var renderList = function renderList(items) {
+      if (Array.isArray(items) && items.length > 0) {
+        var renderItemÇont = function renderItemÇont(cont, recordKey) {
+          if (typeof cont === 'string') {
+            if (cont.length <= contentMaxLen || !extraConts.includes(recordKey)) {
+              return cont.slice(0, contentMaxLen);
+            }
+            return cont;
+          }
+          return cont;
+        };
+        return items.map(function (item) {
+          return /*#__PURE__*/_react.default.createElement("div", {
+            className: "lx-drawer-group-article",
+            key: item[contentRowKey]
+          }, isDomEle(item === null || item === void 0 ? void 0 : item.title) ? /*#__PURE__*/_react.default.createElement("div", {
+            className: "lx-drawer-group-article-title"
+          }, item === null || item === void 0 ? void 0 : item.title) : null, isDomEle(item === null || item === void 0 ? void 0 : item.author) ? /*#__PURE__*/_react.default.createElement("div", {
+            className: "lx-drawer-group-article-author"
+          }, item === null || item === void 0 ? void 0 : item.author) : null, isDomEle(item === null || item === void 0 ? void 0 : item.content) ? /*#__PURE__*/_react.default.createElement("div", {
+            className: "lx-drawer-group-article-content"
+          }, renderItemÇont(item === null || item === void 0 ? void 0 : item.content, item[contentRowKey]), typeof (item === null || item === void 0 ? void 0 : item.content) === 'string' && (item === null || item === void 0 ? void 0 : item.content.length) > contentMaxLen ? /*#__PURE__*/_react.default.createElement("a", {
+            className: "lx-drawer-group-article-extra",
+            onClick: function onClick() {
+              setExtraConts(function (list) {
+                var cloneList = _toConsumableArray(list);
+                if (!item[contentRowKey]) {
+                  return cloneList;
+                }
+                if (list.includes(item[contentRowKey])) {
+                  return cloneList.filter(function (record) {
+                    return record !== item[contentRowKey];
+                  });
+                }
+                return [].concat(_toConsumableArray(cloneList), [item[contentRowKey]]);
+              });
+            }
+          }, extraConts.includes(item[contentRowKey]) ? '收起' : '展开') : null) : null);
+        });
+      }
+      return null;
+    };
+    if (Array.isArray(dataSource) && dataSource.length > 0) {
+      return dataSource.map(function (item, index) {
+        return renderRecord instanceof Function ? renderRecord(item, index) : /*#__PURE__*/_react.default.createElement("div", {
+          className: "lx-drawer-group-item",
+          key: item[rowKey]
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: "lx-drawer-group-item-head"
+        }, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/_react.default.createElement("div", {
+          className: "lx-drawer-group-item-body"
+        }, isDomEle(item === null || item === void 0 ? void 0 : item.content) ? item === null || item === void 0 ? void 0 : item.content : '', renderList(item === null || item === void 0 ? void 0 : item.content)));
+      });
+    }
+    return null;
+  };
+  var renderTabsList = function renderTabsList(tabsCont) {
+    var tabsRowRender = errorInfoProps.tabsRowRender,
+      _errorInfoProps$tabsR = errorInfoProps.tabsRowKey,
+      tabsRowKey = _errorInfoProps$tabsR === void 0 ? 'key' : _errorInfoProps$tabsR;
+    if (Array.isArray(tabsCont) && tabsCont.length > 0) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+        className: "lx-drawer-err-list"
+      }, tabsCont.map(function (item) {
+        return tabsRowRender instanceof Function ? tabsRowRender(item) : /*#__PURE__*/_react.default.createElement("div", {
+          key: item[tabsRowKey],
+          className: (0, _classnames.default)('lx-drawer-err-item', item === null || item === void 0 ? void 0 : item.status)
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: "lx-drawer-err-item-head"
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: "lx-drawer-err-item-head-cell"
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          className: "lx-drawer-err-item-head-title"
+        }, item === null || item === void 0 ? void 0 : item.title, ' '), item === null || item === void 0 ? void 0 : item.code), /*#__PURE__*/_react.default.createElement("div", {
+          className: "lx-drawer-err-item-head-extra"
+        }, ' ', isDomEle(item === null || item === void 0 ? void 0 : item.extra) ? item === null || item === void 0 ? void 0 : item.extra : null, item.subContent && /*#__PURE__*/_react.default.createElement("a", {
+          onClick: function onClick() {
+            return setErrorCollapseMap(function (pre) {
+              return _objectSpread(_objectSpread({}, pre), {}, _defineProperty({}, item[tabsRowKey], !errorCollapseMap[item[tabsRowKey]]));
+            });
+          }
+        }, errorCollapseMap[item[tabsRowKey]] ? '收起' : '展开', /*#__PURE__*/_react.default.createElement("img", {
+          src: (0, _img.getSvgImageBase64)(_SVGstring.ArrowIcon),
+          alt: "",
+          className: (0, _classnames.default)('lx-drawer-err-item-head-extra-arrow', {
+            'lx-icon-up': errorCollapseMap[item[tabsRowKey]]
+          })
+        })))), /*#__PURE__*/_react.default.createElement("div", {
+          className: "lx-drawer-err-item-body"
+        }, item === null || item === void 0 ? void 0 : item.content, errorCollapseMap[item[tabsRowKey]] && item.subContent && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+          className: "lx-drawer-err-item-body-subcontent lx-drawer-article"
+          // eslint-disable-next-line react/no-danger
+          ,
+          dangerouslySetInnerHTML: {
+            __html: item === null || item === void 0 ? void 0 : item.subContent
+          }
+        }), item.url && /*#__PURE__*/_react.default.createElement("a", {
+          className: "lx-drawer-err-item-body-jump",
+          href: item.url,
+          target: "_blank",
+          rel: "noreferrer"
+        }, "\u6587\u6863\u94FE\u63A5"))));
+      })));
+    }
+    return isDomEle(tabsCont) ? tabsCont : null;
+  };
+  var renderContent = function renderContent() {
+    if (!mode || mode === 'default') {
+      return isDomEle(content) ? content : null;
+    }
+    if (mode === 'errorInfo') {
+      var tabs = errorInfoProps.tabs,
+        tabsActiveKey = errorInfoProps.tabsActiveKey,
+        tabsContent = errorInfoProps.tabsContent,
+        tabsFooter = errorInfoProps.tabsFooter,
+        onTabsChange = errorInfoProps.onTabsChange;
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isDomEle(content) ? /*#__PURE__*/_react.default.createElement("div", {
+        className: "lx-drawer-code-desc"
+      }, content) : null, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)('lx-drawer-code-tabs', {
+          full: isFull
+        })
+      }, Array.isArray(tabs) && tabs.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+        className: "lx-drawer-code-tabs-head"
+      }, isDomEle(content) ? /*#__PURE__*/_react.default.createElement("div", {
+        className: "lx-drawer-code-tabs-control",
+        onClick: function onClick() {
+          setIsFull(!isFull);
+        }
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        src: (0, _img.getSvgImageBase64)(_SVGstring.ArrowIcon),
+        alt: "",
+        className: (0, _classnames.default)('lx-drawer-code-tabs-control-icon', isFull ? '' : 'flip')
+      })) : null, tabs.map(function (item) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: (0, _classnames.default)({
+            active: tabsActiveKey === item.key
+          }, 'lx-drawer-code-tabs-head-item'),
+          key: item.key,
+          onClick: function onClick(ev) {
+            onTabsChange(_objectSpread(_objectSpread({}, item), {}, {
+              update: props === null || props === void 0 ? void 0 : props.onUpdate
+            }), ev);
+          }
+        }, item.tab);
+      })) : null, /*#__PURE__*/_react.default.createElement("div", {
+        className: "lx-drawer-code-tabs-body"
+      }, renderTabsList(tabsContent), isDomEle(tabsFooter) ? tabsFooter : null)));
+    }
+    if (mode === 'groupList') {
+      return /*#__PURE__*/_react.default.createElement("div", null, renderGroups());
+    }
+    return isDomEle(content) ? content : null;
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lx-drawer', {
+      opening: visible,
+      closeing: !visible
+    }),
+    ref: ref
+  }, mask ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "lx-drawer-mask",
+    onClick: onClose
+  }) : null, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lx-drawer-container', status),
+    style: {
+      width: "".concat(width, "px"),
+      transform: "translateX(-".concat(offset, "px)")
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lx-drawer-head"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lx-drawer-head-title"
+  }, isDomEle(title) ? title : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lx-drawer-head-extra",
+    onClick: onClose
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: (0, _img.getSvgImageBase64)(status === 'default' ? _SVGstring.CloseIcon : _SVGstring.CloseWhiteIcon),
+    alt: "",
+    className: "lx-drawer-head-close"
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lx-drawer-body"
+  }, renderContent()), isDomEle(footer) ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "lx-drawer-footer"
+  }, footer) : null));
+});
+var _default = Drawer;
+exports.default = _default;