antd-mobile 5.17.0 → 5.17.1

package/cjs/components/error-block/create-error-block.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createErrorBlock = createErrorBlock;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _nativeProps = require("../../utils/native-props");
+
+var _configProvider = require("../config-provider");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const classPrefix = `adm-error-block`;
+const defaultProps = {
+  status: 'default'
+};
+
+function createErrorBlock(imageRecord) {
+  const ErrorBlock = p => {
+    var _a;
+
+    const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+    const {
+      locale
+    } = (0, _configProvider.useConfig)();
+    const contentPack = locale.ErrorBlock[props.status];
+    const des = 'description' in props ? props.description : contentPack.description;
+    const title = 'title' in props ? props.title : contentPack.title;
+    const image = (_a = props.image) !== null && _a !== void 0 ? _a : imageRecord[props.status];
+    const imageNode = typeof image === 'string' ? _react.default.createElement("img", {
+      src: image,
+      alt: 'error block image'
+    }) : image;
+    return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+      className: (0, _classnames.default)(classPrefix, {
+        [`${classPrefix}-full-page`]: props.fullPage
+      })
+    }, _react.default.createElement("div", {
+      className: `${classPrefix}-image`
+    }, imageNode), _react.default.createElement("div", {
+      className: `${classPrefix}-description`
+    }, title && _react.default.createElement("div", {
+      className: `${classPrefix}-description-title`
+    }, title), des && _react.default.createElement("div", {
+      className: `${classPrefix}-description-subtitle`
+    }, des)), props.children && _react.default.createElement("div", {
+      className: `${classPrefix}-content`
+    }, props.children)));
+  };
+
+  return ErrorBlock;
+}

package/cjs/components/error-block/error-block.css

@@ -0,0 +1,48 @@
+.adm-error-block {
+  --color: var(--adm-color-text);
+  --image-height: var(--adm-error-block-image-height, 100px);
+  --image-height-full-page: var(--adm-error-block-image-height-full-page, 200px);
+  --image-width: var(--adm-error-block-image-width, auto);
+  --image-width-full-page: var(--adm-error-block-image-width-full-page, auto);
+  box-sizing: border-box;
+  text-align: center;
+}
+.adm-error-block-image {
+  height: var(--image-height);
+  width: var(--image-width);
+  max-width: 100%;
+}
+.adm-error-block-image svg,
+.adm-error-block-image img {
+  height: 100%;
+}
+.adm-error-block-description {
+  font-size: var(--adm-font-size-4);
+  color: #999;
+  line-height: 1.4;
+  margin-top: 12px;
+}
+.adm-error-block-description-title {
+  font-size: var(--adm-font-size-7);
+}
+.adm-error-block-description-subtitle {
+  margin-top: 8px;
+}
+.adm-error-block-content {
+  margin-top: 12px;
+}
+.adm-error-block-full-page {
+  padding-top: calc(50vh - var(--image-height-full-page));
+}
+.adm-error-block-full-page .adm-error-block-image {
+  height: var(--image-height-full-page);
+  width: var(--image-width-full-page);
+}
+.adm-error-block-full-page .adm-error-block-description {
+  margin-top: 20px;
+  font-size: var(--adm-font-size-main);
+}
+.adm-error-block-full-page .adm-error-block-description-title {
+  font-size: 20px;
+  color: var(--adm-color-text);
+}

package/cjs/components/error-block/error-block.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ErrorBlock: import("react").FC<import("./create-error-block").ErrorBlockProps>;

package/cjs/components/error-block/error-block.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorBlock = void 0;
+
+var _createErrorBlock = require("./create-error-block");
+
+var _images = require("./images");
+
+const imageRecord = {
+  'default': _images.defaultImage,
+  'disconnected': _images.disconnectedImage,
+  'empty': _images.emptyImage,
+  'busy': _images.busyImage
+};
+const ErrorBlock = (0, _createErrorBlock.createErrorBlock)(imageRecord);
+exports.ErrorBlock = ErrorBlock;

package/cjs/components/error-block/error-block.patch.css

@@ -0,0 +1,23 @@
+.adm-error-block-image {
+  height: 100px;
+  width: auto;
+}
+.adm-error-block-description {
+  font-size: var(--adm-font-size-4);
+}
+.adm-error-block-description-title {
+  font-size: var(--adm-font-size-7);
+}
+.adm-error-block-full-page {
+  padding-top: calc(50vh - 200px);
+}
+.adm-error-block-full-page .adm-error-block-image {
+  height: 200px;
+  width: auto;
+}
+.adm-error-block-full-page .adm-error-block-description {
+  font-size: var(--adm-font-size-main);
+}
+.adm-error-block-full-page .adm-error-block-description-title {
+  color: #333333;
+}

package/cjs/components/error-block/images/busy.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const busyImage: JSX.Element;

package/cjs/components/error-block/images/busy.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.busyImage = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const busyImage = _react.default.createElement("svg", {
+  viewBox: '0 0 400 400',
+  xmlns: 'http://www.w3.org/2000/svg',
+  xmlnsXlink: 'http://www.w3.org/1999/xlink'
+}, _react.default.createElement("defs", null, _react.default.createElement("linearGradient", {
+  x1: '50%',
+  y1: '-116.862%',
+  x2: '50%',
+  y2: '90.764%',
+  id: 'error-block-image-busy-a'
+}, _react.default.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.207,
+  offset: '0%'
+}), _react.default.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.115,
+  offset: '80.072%'
+}), _react.default.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0,
+  offset: '100%'
+})), _react.default.createElement("circle", {
+  id: 'error-block-image-busy-b',
+  cx: 34.857,
+  cy: 34.857,
+  r: 34.857
+})), _react.default.createElement("g", {
+  fill: 'none',
+  fillRule: 'evenodd'
+}, _react.default.createElement("path", {
+  d: 'M157.964 243.667H0L3.806 99.134a4.572 4.572 0 0 1 4.353-4.446l.217-.005h45.588V67.205a4.572 4.572 0 0 1 4.356-4.566l.216-.005 65.498-.001 2.554-58.688a4.571 4.571 0 0 1 4.779-4.368l.214.015 87.79 8.222a4.572 4.572 0 0 1 4.126 4.133l.015.213 3.146 69.652 74.976-17.906a4.571 4.571 0 0 1 5.628 4.23l.005.216v43.955h56.162v130.265l-56.163-.001v.002h-82.383v-.004h-66.919v1.098Zm-68.461-84.631h-9.968v8.435h9.968v-8.435Zm0-14.508h-9.968v8.436h9.968v-8.436Zm197.985-5.149h-9.967v8.432h9.967v-8.432Zm-197.985-8.806h-9.968v8.436h9.968v-8.436Zm197.985-5.153h-9.967v8.432h9.967v-8.432Zm0-14.503h-9.967v8.432h9.967v-8.432Zm-84.643-.777h-30.8v8.436h30.8v-8.436Zm84.643-13.186h-9.967v8.435h9.967v-8.435Zm-84.643-3.29h-30.8v8.435h30.8v-8.435Zm0-15.912h-30.8v8.436h30.8v-8.436Z',
+  transform: 'translate(18.286 51.286)',
+  fill: 'url(#error-block-image-busy-a)'
+}), _react.default.createElement("path", {
+  d: 'm250.934 176.555-101.963 1.038c-5.276.054-9.51 4.374-9.455 9.65.054 5.274 4.374 9.507 9.649 9.454l.958-.01c-.376 7.363 3.679 59.93 34.894 62.659 4.203.367 7.432.39 7.475 4.609.042 4.218-3.176 4.307-7.37 4.76-34.593 3.737-34.136 56.004-33.61 63.357l-.957.01c-5.276.053-9.51 4.373-9.455 9.649.053 5.275 4.374 9.508 9.649 9.454l101.963-1.039c5.275-.054 9.508-4.374 9.455-9.648-.055-5.276-4.374-9.51-9.65-9.455l-.958.01c.377-7.363-.729-59.672-34.894-62.66-4.202-.367-7.432-.39-7.474-4.608-.043-4.219 3.175-4.308 7.369-4.76 31.276-3.377 34.136-56.004 33.61-63.357l.958-.01c5.276-.053 9.508-4.373 9.455-9.649-.055-5.276-4.374-9.509-9.65-9.454Z',
+  fill: '#377EFF'
+}), _react.default.createElement("path", {
+  d: 'M233.524 314.422c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-.894-5.644c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-.149 17.865c.108.684.773 1.147 1.483 1.035.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.2.758-1.09 1.443Zm-2.144-8.182c.109.684.773 1.148 1.484 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.113-1.2.759-1.09 1.443Zm-1.586-4.694c.108.684.772 1.148 1.483 1.035.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-1.013-5.88c.109.685.773 1.148 1.484 1.036.71-.113 1.2-.759 1.09-1.443-.107-.684-.772-1.148-1.483-1.035-.71.113-1.199.759-1.09 1.443Zm.236 15.575c.108.685.772 1.148 1.483 1.035.71-.112 1.2-.758 1.09-1.442-.107-.685-.772-1.148-1.483-1.035-.71.112-1.199.758-1.09 1.442Zm-.4 4.494c.108.684.772 1.147 1.483 1.035.71-.113 1.2-.759 1.091-1.443-.108-.684-.773-1.148-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-3.88-8.601c.108.684.772 1.147 1.483 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.113-1.2.759-1.09 1.443Zm-.524-7.186c.065.41.463.688.89.62.426-.067.72-.454.654-.865-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm-2.265-4.102c.109.684.773 1.148 1.484 1.035.71-.113 1.2-.759 1.09-1.443-.108-.684-.772-1.147-1.483-1.035-.71.113-1.199.759-1.09 1.443Zm-.545-6.518c.065.41.464.689.89.621.427-.067.72-.455.655-.865-.065-.41-.464-.689-.89-.621-.427.067-.72.455-.655.865Zm2.098 23.629c.109.684.773 1.147 1.484 1.035.71-.113 1.2-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.199.758-1.09 1.443Zm-.756-9.65c.043.274.309.46.593.414a.512.512 0 0 0 .437-.577.512.512 0 0 0-.594-.414.512.512 0 0 0-.436.577Zm-.808 20.96c.109.684.773 1.147 1.484 1.034.71-.112 1.2-.758 1.09-1.442-.108-.685-.772-1.148-1.483-1.036-.71.113-1.199.759-1.09 1.443Zm-4.691-31.966c.065.41.463.689.89.621.426-.068.72-.455.654-.866-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm2.098 23.628c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-1.967-12.416c.109.684.773 1.147 1.484 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.2.758-1.09 1.443Zm1.073 6.772c.108.685.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.442-.108-.685-.772-1.148-1.483-1.036-.711.113-1.2.759-1.091 1.443Zm-.009-3.131c.065.41.464.689.89.621.427-.068.72-.455.655-.866-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-1.43-9.03c.065.41.463.688.89.62.426-.067.72-.454.655-.865-.065-.41-.464-.689-.89-.62-.427.067-.72.454-.655.865ZM214.5 333.38c.108.685.772 1.148 1.483 1.036.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.148-1.483-1.035-.711.112-1.2.758-1.091 1.442Zm-.156-7.178c.065.41.464.689.89.621.427-.067.72-.455.655-.865-.065-.41-.464-.689-.89-.621-.427.067-.72.455-.655.865Zm-1.871-4.72c.108.684.773 1.147 1.483 1.034.711-.112 1.2-.758 1.091-1.442-.108-.685-.772-1.148-1.483-1.035-.71.112-1.2.758-1.091 1.442Zm-1.614-6.857c.065.41.464.689.89.621.427-.068.72-.455.655-.866-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-.894-5.644c.065.41.464.689.89.621.427-.067.72-.455.655-.866-.065-.41-.463-.688-.89-.62-.427.067-.72.455-.655.865Zm-1.43-9.03c.065.41.464.688.89.62.427-.067.72-.454.655-.865-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-1.958 14.225c.065.41.463.689.89.62.426-.067.72-.454.654-.865-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm-.703 12.81c.065.41.464.688.89.62.427-.067.72-.455.655-.865-.065-.41-.463-.689-.89-.621-.427.067-.72.455-.655.866Zm-4.543-22.536c.065.41.463.689.89.621.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.865Zm2.806 30.138c.065.41.463.689.89.621.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.865Zm-5.694-17.996c.065.41.463.688.89.62.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.866Zm-2.935-13.343c.066.41.464.688.89.62.427-.067.72-.454.655-.865-.065-.41-.463-.689-.89-.621-.426.068-.72.455-.655.866Z',
+  fill: '#003CFF',
+  fillRule: 'nonzero'
+}), _react.default.createElement("path", {
+  d: 'm250.934 176.555-101.963 1.038c-5.276.054-9.51 4.374-9.455 9.65.054 5.274 4.374 9.507 9.649 9.454l101.963-1.04c5.276-.052 9.508-4.372 9.455-9.648-.055-5.276-4.374-9.509-9.65-9.454ZM252.64 331.241l-101.964 1.038c-5.275.054-9.508 4.374-9.454 9.65.054 5.275 4.374 9.508 9.649 9.454l101.963-1.039c5.275-.053 9.507-4.373 9.454-9.649-.054-5.275-4.374-9.508-9.649-9.454Z',
+  fill: '#7EACFF'
+}), _react.default.createElement("path", {
+  stroke: '#003CFF',
+  strokeWidth: 0.75,
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round',
+  d: 'm196.824 197.298 52.216-.506M193.329 330.5h52.215'
+}), _react.default.createElement("path", {
+  d: 'M167.367 228.041c-4.091-10.787-6.086-20.934-5.985-30.44',
+  stroke: '#FFF',
+  strokeWidth: 0.75,
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round'
+}), _react.default.createElement("circle", {
+  cx: 14.857,
+  cy: 14.857,
+  r: 14.857,
+  transform: 'translate(106.857 248.571)',
+  fill: '#FFCD6B',
+  fillRule: 'nonzero'
+}), _react.default.createElement("g", {
+  transform: 'translate(236.571 284.571)'
+}, _react.default.createElement("mask", {
+  id: 'error-block-image-busy-c',
+  fill: '#fff'
+}, _react.default.createElement("use", {
+  xlinkHref: '#error-block-image-busy-b'
+})), _react.default.createElement("use", {
+  fill: '#FBBE47',
+  fillRule: 'nonzero',
+  xlinkHref: '#error-block-image-busy-b'
+}), _react.default.createElement("circle", {
+  fill: '#FFCD6B',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-busy-c)',
+  cx: 25.714,
+  cy: 28,
+  r: 34.857
+}), _react.default.createElement("circle", {
+  fill: '#FFF',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-busy-c)',
+  cx: 22.286,
+  cy: 18.857,
+  r: 3.429
+}))));
+
+exports.busyImage = busyImage;

package/cjs/components/error-block/images/default.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const defaultImage: JSX.Element;

package/cjs/components/error-block/images/default.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultImage = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const defaultImage = _react.default.createElement("svg", {
+  viewBox: '0 0 200 200',
+  xmlns: 'http://www.w3.org/2000/svg',
+  xmlnsXlink: 'http://www.w3.org/1999/xlink'
+}, _react.default.createElement("defs", null, _react.default.createElement("linearGradient", {
+  x1: '50%',
+  y1: '-116.862%',
+  x2: '50%',
+  y2: '90.764%',
+  id: 'error-block-image-default-a'
+}, _react.default.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.207,
+  offset: '0%'
+}), _react.default.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.115,
+  offset: '80.072%'
+}), _react.default.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0,
+  offset: '100%'
+})), _react.default.createElement("circle", {
+  id: 'error-block-image-default-d',
+  cx: 18.823,
+  cy: 18.823,
+  r: 18.823
+}), _react.default.createElement("rect", {
+  id: 'error-block-image-default-b',
+  x: 3.5,
+  y: 9,
+  width: 51.429,
+  height: 88,
+  rx: 4.571
+})), _react.default.createElement("g", {
+  fill: 'none',
+  fillRule: 'evenodd'
+}, _react.default.createElement("path", {
+  d: 'M73.557.004c19.435-.311 38.696 17.016 51.523 35.287 8.708-10.822 17.127-16.233 25.255-16.233 13.333 0 28.35 14.274 45.053 42.822 1.769 3.024-3.582 7.435-16.054 13.231l-41.322 1.37c-7.343 5.872-31.225.626-69.152 1.234-27.79.445-45.759-1.234-53.908-5.037C3.2 71.143-1.625 68.686.48 65.308 27.371 22.12 51.73.353 73.557.003Zm93.098 49.53a1.125 1.125 0 0 0-.401.072l-.058.023-.07.03-.028.014-.02.01c-.03.015-.059.032-.088.049a2.543 2.543 0 0 0-.568.477l-.067.074c-1.686 1.931-2.904 7.062-2.904 8.985 0 2.283 1.719 4.153 3.898 4.314l.026.001v3.805c0 .39.25.705.56.705.31 0 .56-.316.56-.705l.001-3.88c1.92-.402 3.363-2.148 3.363-4.24 0-2.39-1.882-9.734-4.204-9.734Zm-100-5a1.125 1.125 0 0 0-.331.05l-.035.01-.035.012-.058.023-.07.03-.028.014-.02.01c-.03.015-.059.032-.088.049a2.543 2.543 0 0 0-.568.477l-.067.074c-1.686 1.931-2.904 7.062-2.904 8.985 0 2.212 1.613 4.036 3.695 4.294l.203.02.026.001v3.805c0 .39.25.705.56.705.282 0 .515-.26.555-.6l.006-.105v-3.88c1.92-.402 3.363-2.148 3.363-4.24 0-2.39-1.882-9.734-4.204-9.734ZM52.64 38.348l-.15.008-.149.023-.032.007-.032.008-.078.022-.045.015-.045.016-.06.023-.038.017-.038.017-.058.028-.022.011a2.201 2.201 0 0 0-.323.204l-.05.038-.05.04-.025.02-.025.021a3.742 3.742 0 0 0-.31.294l-.036.04c-.035.037-.07.076-.105.116-.01.012-.02.025-.031.036a3.275 3.275 0 0 0-.081.098l-.063.078c-2.031 2.583-3.48 8.692-3.48 11.027 0 2.636 1.846 4.832 4.292 5.323l.224.04-.064-.012.105.018.103.014v4.618c0 .47.299.85.667.85.337 0 .615-.32.659-.735l.006-.115v-4.618c.18-.023.355-.054.527-.094l.256-.067.196-.06c2.136-.706 3.68-2.75 3.68-5.162 0-2.996-2.383-12.207-5.325-12.207Z',
+  transform: 'translate(2.286 22.286)',
+  fill: 'url(#error-block-image-default-a)'
+}), _react.default.createElement("g", {
+  transform: 'rotate(-90 102.429 55.357)'
+}, _react.default.createElement("path", {
+  d: 'M6.857 0H52a6.857 6.857 0 0 1 6.857 6.857v92A6.857 6.857 0 0 1 52 105.714H6.857A6.857 6.857 0 0 1 0 98.857v-92A6.857 6.857 0 0 1 6.857 0Z',
+  fill: '#7EACFF'
+}), _react.default.createElement("mask", {
+  id: 'error-block-image-default-c',
+  fill: '#fff'
+}, _react.default.createElement("use", {
+  xlinkHref: '#error-block-image-default-b'
+})), _react.default.createElement("use", {
+  fill: '#377EFF',
+  xlinkHref: '#error-block-image-default-b'
+}), _react.default.createElement("path", {
+  d: 'M11.838 91.8a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.652.64.64 0 0 1-.628-.652c0-.36.281-.651.628-.651Zm-2.858 0a.64.64 0 0 1 .628.652.64.64 0 0 1-.628.652.64.64 0 0 1-.627-.652c0-.36.281-.651.627-.651Zm2.16-2.305a.64.64 0 0 1 .628.652.64.64 0 0 1-.627.651.64.64 0 0 1-.627-.651c0-.36.28-.652.627-.652Zm-2.982-.04a.64.64 0 0 1 .627.651.64.64 0 0 1-.627.652.64.64 0 0 1-.627-.652c0-.36.28-.651.627-.651Zm5.268-.531a.64.64 0 0 1 .628.651.64.64 0 0 1-.628.652.64.64 0 0 1-.627-.652c0-.36.281-.651.627-.651Zm2.858-1.143a.64.64 0 0 1 .627.651.64.64 0 0 1-.627.652.64.64 0 0 1-.628-.652c0-.36.281-.651.628-.651Zm-6.37-.917c.209 0 .377.175.377.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Zm3.512-.798.093.007a.644.644 0 0 1 .535.645.64.64 0 0 1-.628.652.64.64 0 0 1-.627-.652c0-.36.281-.652.627-.652Zm5.715 0a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.652.64.64 0 0 1-.627-.652c0-.36.28-.652.627-.652Zm-11.429 0a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.652.64.64 0 0 1-.627-.652c0-.36.28-.652.627-.652Zm-3.261.241c.208 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.377-.391c0-.216.169-.391.377-.391Zm11.833-.812a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.651.64.64 0 0 1-.628-.651c0-.36.281-.652.628-.652Zm-4.851.399c.208 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.377-.391c0-.216.169-.391.377-.391Zm10.313-2.056a.64.64 0 0 1 .628.652.64.64 0 0 1-.628.651.64.64 0 0 1-.627-.651c0-.36.281-.652.627-.652Zm-2.354-.128a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.652.64.64 0 0 1-.628-.652c0-.36.281-.652.628-.652Zm-13.798.311c.207 0 .376.175.376.391a.384.384 0 0 1-.376.391.384.384 0 0 1-.377-.39c0-.217.169-.392.377-.392Zm11.832-.812a.64.64 0 0 1 .628.652.64.64 0 0 1-.628.651.64.64 0 0 1-.627-.651c0-.36.281-.652.627-.652Zm-6.285 0a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.651.64.64 0 0 1-.627-.651c0-.36.28-.652.627-.652Zm3.428 0a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.651.64.64 0 0 1-.627-.651c0-.36.28-.652.627-.652Zm-6.118.24c.208 0 .376.176.376.392a.384.384 0 0 1-.376.39.384.384 0 0 1-.377-.39c0-.216.169-.391.377-.391Zm11.261-2.525a.64.64 0 0 1 .627.651.64.64 0 0 1-.627.652.64.64 0 0 1-.627-.652c0-.36.28-.651.627-.651Zm-3.557.484c.208 0 .376.175.376.391a.384.384 0 0 1-.376.391.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Zm-2.478-.555a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.652.64.64 0 0 1-.627-.652c0-.36.28-.652.627-.652Zm-3.512-.26c.208 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Zm-2.857 0c.208 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Zm-4.571 0c.207 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.377-.391c0-.216.169-.391.377-.391Zm14.898-1.835a.64.64 0 0 1 .628.652.64.64 0 0 1-.628.651.64.64 0 0 1-.627-.651c0-.36.281-.652.627-.652Zm-8.027-.245c.208 0 .377.175.377.39a.384.384 0 0 1-.377.392.384.384 0 0 1-.376-.391c0-.216.169-.391.376-.391Zm6.271-1.349c.208 0 .377.175.377.391a.384.384 0 0 1-.377.391.384.384 0 0 1-.376-.39c0-.217.169-.392.376-.392Zm-11.484-.481c.208 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Zm15.103-.972c.208 0 .376.175.376.391a.384.384 0 0 1-.376.391.384.384 0 0 1-.376-.39c0-.217.168-.392.376-.392Zm-9.333-1.404c.208 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Zm-6.819-.405c.208 0 .377.175.377.39a.384.384 0 0 1-.377.392.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Z',
+  fill: '#003CFF',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-c)',
+  transform: 'rotate(116 12.367 83.503)'
+}), _react.default.createElement("path", {
+  stroke: '#FFF',
+  strokeWidth: 0.75,
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round',
+  d: 'M36.774 5.474H21.523'
+}), _react.default.createElement("path", {
+  d: 'm67.818 94.025-4.996 3.913m4.996 11.91-4.996-3.912m-1.142 9.145-1.143-6.288m10.71-6.768h-7.262',
+  stroke: '#4486FE',
+  strokeWidth: 0.75,
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round'
+})), _react.default.createElement("circle", {
+  cx: 8.571,
+  cy: 8.571,
+  r: 8.571,
+  transform: 'translate(22.857 142)',
+  fill: '#FFCD6B',
+  fillRule: 'nonzero'
+}), _react.default.createElement("g", {
+  transform: 'translate(132.857 124)'
+}, _react.default.createElement("mask", {
+  id: 'error-block-image-default-e',
+  fill: '#fff'
+}, _react.default.createElement("use", {
+  xlinkHref: '#error-block-image-default-d'
+})), _react.default.createElement("use", {
+  fill: '#FBBE47',
+  fillRule: 'nonzero',
+  xlinkHref: '#error-block-image-default-d'
+}), _react.default.createElement("circle", {
+  fill: '#FFCD6B',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 13.886,
+  cy: 15.12,
+  r: 18.823
+}), _react.default.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 23.4,
+  cy: 29.057,
+  r: 1
+}), _react.default.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 30.343,
+  cy: 29.829,
+  r: 1
+}), _react.default.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 18.771,
+  cy: 32.657,
+  r: 1.286
+}), _react.default.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 29.571,
+  cy: 25.971,
+  r: 1.286
+}), _react.default.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 19.286,
+  cy: 7.971,
+  r: 1.286
+}), _react.default.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 26.486,
+  cy: 5.914,
+  r: 1.286
+}), _react.default.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 11.057,
+  cy: 6.943,
+  r: 1
+}), _react.default.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 30.086,
+  cy: 15.686,
+  r: 1.286
+}), _react.default.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 22.886,
+  cy: 14.657,
+  r: 1
+})), _react.default.createElement("path", {
+  d: 'm87.429 135.123 6.591-9.378v-.08h-5.99v-2.559h10.038v1.787l-6.44 9.254v.082h6.56v2.557h-10.76v-1.663Zm12.185-5.889 4.948-7.047v-.056h-4.498v-1.917h7.536v1.34l-4.849 6.942v.059h4.923v1.92h-8.06v-1.24Zm10.345.702 3.708-5.274v-.045h-3.372v-1.437h5.648v1.003l-3.628 5.206v.045H116v1.438h-6.041v-.936Z',
+  fill: '#FFF',
+  fillRule: 'nonzero'
+})));
+
+exports.defaultImage = defaultImage;

package/cjs/components/error-block/images/disconnected.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const disconnectedImage: JSX.Element;

package/cjs/components/error-block/images/disconnected.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.disconnectedImage = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const disconnectedImage = _react.default.createElement("svg", {
+  viewBox: '0 0 400 400',
+  xmlns: 'http://www.w3.org/2000/svg',
+  xmlnsXlink: 'http://www.w3.org/1999/xlink'
+}, _react.default.createElement("title", null, '@\u53CD\u9988/\u5F02\u5E38/\u7F51\u7EDC\u670D\u52A1\u5F02\u5E38'), _react.default.createElement("defs", null, _react.default.createElement("linearGradient", {
+  x1: '50%',
+  y1: '-116.862%',
+  x2: '50%',
+  y2: '90.764%',
+  id: 'error-block-image-disconnected-c'
+}, _react.default.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.207,
+  offset: '0%'
+}), _react.default.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.115,
+  offset: '80.072%'
+}), _react.default.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0,
+  offset: '100%'
+})), _react.default.createElement("circle", {
+  id: 'error-block-image-disconnected-d',
+  cx: 22.309,
+  cy: 22.309,
+  r: 22.309
+}), _react.default.createElement("path", {
+  id: 'error-block-image-disconnected-a',
+  d: 'M0 0h400v400H0z'
+})), _react.default.createElement("g", {
+  fill: 'none',
+  fillRule: 'evenodd'
+}, _react.default.createElement("mask", {
+  id: 'error-block-image-disconnected-b',
+  fill: '#fff'
+}, _react.default.createElement("use", {
+  xlinkHref: '#error-block-image-disconnected-a'
+})), _react.default.createElement("g", {
+  mask: 'url(#error-block-image-disconnected-b)',
+  fill: 'url(#error-block-image-disconnected-c)'
+}, _react.default.createElement("path", {
+  d: 'M151.686 45.58c38.869-.623 77.391 34.03 103.046 70.573 17.416-21.644 34.253-32.465 50.51-32.465 26.666 0 56.701 28.548 90.105 85.643 3.539 6.05-7.164 14.87-32.107 26.462l-82.643 2.741c-14.686 11.745-62.45 1.252-138.305 2.467-55.58.89-91.518-2.468-107.816-10.074-23.505-3.07-33.154-7.983-28.946-14.74C59.313 89.813 108.03 46.278 151.686 45.58Zm186.195 99.06-.127.003-.126.01a2.32 2.32 0 0 0-.465.103l-.032.01-.031.01a2.364 2.364 0 0 0-.181.071 2.52 2.52 0 0 0-.116.054l-.133.067-.042.024-.036.02a2.946 2.946 0 0 0-.133.08l-.048.03a3.052 3.052 0 0 0-.126.087l-.047.033a3.274 3.274 0 0 0-.128.097c-.01.008-.02.017-.031.024a4.906 4.906 0 0 0-.31.27l-.036.032a6.654 6.654 0 0 0-.46.484l-.045.05c-3.344 3.91-5.755 14.083-5.755 17.908 0 4.547 3.409 8.275 7.74 8.625l.108.008v7.608c0 .779.502 1.41 1.121 1.41.62 0 1.121-.632 1.121-1.41v-7.762c3.838-.802 6.727-4.293 6.727-8.48 0-4.778-3.765-19.467-8.409-19.467Zm-200-10-.127.003-.126.01a2.32 2.32 0 0 0-.368.073l-.049.014-.048.016-.032.01-.031.01a2.364 2.364 0 0 0-.181.071l-.058.026-.058.028-.133.067-.042.024-.036.02-.066.039-.067.041-.048.03a3.052 3.052 0 0 0-.126.087l-.047.033a3.274 3.274 0 0 0-.128.097c-.01.008-.02.017-.031.024l-.156.13-.154.14-.036.032a6.654 6.654 0 0 0-.46.484l-.045.05c-3.344 3.91-5.755 14.083-5.755 17.908 0 4.547 3.409 8.275 7.74 8.625l.054.004.054.004v7.608c0 .779.502 1.41 1.121 1.41.58 0 1.058-.556 1.115-1.266l.006-.144v-7.762c3.838-.802 6.727-4.293 6.727-8.48 0-4.778-3.765-19.467-8.409-19.467Zm-28.029-12.373-.107.002-.106.006a2.978 2.978 0 0 0-.551.095 3.444 3.444 0 0 0-.323.104 3.962 3.962 0 0 0-.61.297c-.076.045-.15.092-.226.141-4.964 3.312-8.728 18.445-8.728 23.77 0 5.434 3.922 9.935 9.04 10.726l.28.04v9.236c0 .886.532 1.614 1.21 1.692l.121.007.122-.007c.638-.074 1.147-.723 1.204-1.538l.006-.155v-9.235c5.254-.668 9.32-5.234 9.32-10.767 0-5.993-4.77-24.414-10.652-24.414Z'
+})), _react.default.createElement("g", {
+  mask: 'url(#error-block-image-disconnected-b)'
+}, _react.default.createElement("g", {
+  transform: 'translate(85.858 150.644)'
+}, _react.default.createElement("path", {
+  d: 'M116.26 28.467c1.352 0 2.703.018 4.054.054 3.923.385 10.188 4.248 9.267 11.061-.878 6.496-5.836 9.089-8.962 9.529a130.762 130.762 0 0 0-4.36-.072c-28.567 0-60.654 10.149-96.22 30.676l-2.227 1.297c-.744.437-1.49.878-2.236 1.323-4.878 2.911-11.193 1.316-14.103-3.562C-1.438 73.894.157 67.58 5.035 64.67 45.34 40.62 82.4 28.467 116.26 28.467Zm22 11.63c1.03-5.942 6.376-8.618 11.084-8.08C172.14 36.91 194.83 46.86 217.37 61.794c4.735 3.138 6.03 9.52 2.893 14.255-3.138 4.736-9.52 6.031-14.256 2.893-20.111-13.325-40.075-22.165-59.935-26.584a9.974 9.974 0 0 0-.325-.088c-3.987-1.015-8.602-5.738-7.487-12.175ZM116.26 77.418c22.777 0 45.4 7.057 67.73 20.988 4.82 3.007 6.289 9.351 3.282 14.17-3.007 4.82-9.351 6.29-14.17 3.283-19.194-11.974-38.095-17.87-56.842-17.87s-37.648 5.896-56.842 17.87c-4.82 3.007-11.164 1.537-14.17-3.282-3.007-4.82-1.538-11.164 3.282-14.171 22.33-13.931 44.953-20.988 67.73-20.988ZM117.974 124.67c9.85 0 17.303 1.69 25.687 5.082l.82.337 2.9 1.231 3.008 1.252.77.305.107.04c5.326 1.976 8.042 7.895 6.066 13.221-1.976 5.326-7.895 8.042-13.221 6.067l-.713-.27-.726-.285-.763-.31-1.263-.527-2.944-1.26-1.125-.473c-6.393-2.648-11.433-3.838-18.603-3.838-8.223 0-16.532 2.126-25.028 6.475-5.056 2.588-11.254.587-13.842-4.47-2.589-5.056-.588-11.253 4.47-13.842 11.313-5.791 22.814-8.735 34.4-8.735ZM118.235 197.047c7.15 0 13.77-.897 19.841-2.721 5.44-1.635 8.526-7.37 6.892-12.81-1.635-5.44-7.37-8.526-12.81-6.892-4.072 1.224-8.707 1.851-13.923 1.851-4.36 0-8.79-1.045-13.373-3.21l-.626-.301c-5.095-2.512-11.262-.418-13.773 4.678-2.512 5.095-.418 11.261 4.678 13.773 7.559 3.727 15.288 5.632 23.094 5.632Z',
+  fill: '#377EFF',
+  fillRule: 'nonzero'
+}), _react.default.createElement("path", {
+  d: 'M198.35 62.413c2.755-4.967 9.016-6.76 13.984-4.004 13.068 7.25 19.124 18.535 17.615 30.952-1.157 9.515-6.83 18.757-14.096 24.352-13.364 10.29-34.915 9.401-49.363-1.91-4.472-3.502-5.26-9.967-1.758-14.44 3.436-4.388 9.724-5.229 14.185-1.952l.255.194c7.283 5.702 18.475 6.164 24.13 1.809 3.072-2.366 5.766-6.754 6.226-10.536.467-3.844-1.21-7.07-6.796-10.267l-.378-.213c-4.967-2.756-6.76-9.017-4.004-13.985ZM61.35 103.092c-2.84-4.92-9.13-6.607-14.05-3.768-20.662 11.922-21.772 35.751-6.018 51.69 13.752 13.914 33.192 13.447 50.507 1.158 4.633-3.288 5.723-9.708 2.436-14.34-3.288-4.633-9.709-5.724-14.341-2.436-9.763 6.928-18.07 7.128-23.97 1.158-6.761-6.84-6.498-14.501 1.35-19.225l.317-.187c4.92-2.84 6.608-9.13 3.769-14.05ZM129.103 135.702c1.688-5.424 7.454-8.453 12.878-6.764 14.776 4.599 23.437 13.727 25.259 25.58 1.316 8.561-1.228 17.533-5.58 24.052-3.132 4.688-7.388 8.287-12.504 11.112-3.03 1.673-5.75 2.811-9.37 4.066l-1.4.477c-5.387 1.806-11.217-1.097-13.022-6.484-1.805-5.386 1.098-11.216 6.484-13.02l1.09-.374c6.032-2.112 9.602-4.19 11.613-7.201 1.693-2.535 2.818-6.502 2.356-9.503-.564-3.673-3.432-6.696-11.04-9.063-5.424-1.689-8.452-7.454-6.764-12.878Z',
+  fill: '#377EFF',
+  fillRule: 'nonzero'
+}), _react.default.createElement("path", {
+  d: 'M148.072 181.58c3.718-7.98 4.172-14.9 1.36-20.76-2.81-5.86-6.236-9.096-10.275-9.707',
+  stroke: '#FFF',
+  strokeWidth: 0.571,
+  strokeLinecap: 'round'
+}), _react.default.createElement("ellipse", {
+  fill: '#7EACFF',
+  transform: 'rotate(10 147 41.933)',
+  cx: 147,
+  cy: 41.933,
+  rx: 9.143,
+  ry: 10.286
+}), _react.default.createElement("path", {
+  d: 'M210.422 107.472c3.718-7.98 4.172-14.9 1.36-20.76-2.81-5.86-6.668-9.883-11.572-12.067M51.604 131.769c-3.15-6.8-3.537-12.694-1.161-17.685 2.376-4.99 5.57-8.136 9.583-9.438',
+  stroke: '#003CFF',
+  strokeWidth: 0.75,
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round'
+}), _react.default.createElement("path", {
+  d: 'M21.53 64.408c4.946-3.389 9.817-6.026 14.612-7.912',
+  stroke: '#FFF',
+  strokeWidth: 0.75,
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round'
+}), _react.default.createElement("path", {
+  d: 'm113.243 15.444 9.588 8.314M144.31 9.405l-5.775 11.3m18.389-1.246-11.907 4.643M127.64 5.66l2.77 14.255',
+  stroke: '#4486FE',
+  strokeWidth: 0.75,
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round'
+}))), _react.default.createElement("g", {
+  mask: 'url(#error-block-image-disconnected-b)'
+}, _react.default.createElement("g", {
+  transform: 'translate(275.143 302.571)'
+}, _react.default.createElement("mask", {
+  id: 'error-block-image-disconnected-e',
+  fill: '#fff'
+}, _react.default.createElement("use", {
+  xlinkHref: '#error-block-image-disconnected-d'
+})), _react.default.createElement("use", {
+  fill: '#FBBE47',
+  fillRule: 'nonzero',
+  xlinkHref: '#error-block-image-disconnected-d'
+}), _react.default.createElement("circle", {
+  fill: '#FFCD6B',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-disconnected-e)',
+  cx: 16.457,
+  cy: 17.92,
+  r: 22.309
+}), _react.default.createElement("circle", {
+  fill: '#FFF',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-disconnected-e)',
+  cx: 14.263,
+  cy: 12.069,
+  r: 2.194
+}))), _react.default.createElement("g", {
+  mask: 'url(#error-block-image-disconnected-b)',
+  fill: '#FBBE47',
+  fillRule: 'nonzero'
+}, _react.default.createElement("circle", {
+  cx: 12,
+  cy: 12,
+  r: 12,
+  transform: 'translate(84 297.714)'
+}))));
+
+exports.disconnectedImage = disconnectedImage;

package/cjs/components/error-block/images/empty.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const emptyImage: JSX.Element;