antd-mobile 5.5.0 → 5.6.1

package/2x/es/components/checkbox/native-input.js

@@ -0,0 +1,28 @@
+import React, { useEffect, useRef } from 'react';
+export const NativeInput = props => {
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (props.disabled) return;
+    if (!inputRef.current) return;
+    const input = inputRef.current;
+
+    function handleClick(e) {
+      e.stopPropagation();
+      e.stopImmediatePropagation();
+      props.onChange(input.checked);
+    }
+
+    input.addEventListener('click', handleClick);
+    return () => {
+      input.removeEventListener('click', handleClick);
+    };
+  }, [props.disabled, props.onChange]);
+  return React.createElement("input", {
+    ref: inputRef,
+    type: 'checkbox',
+    checked: props.checked,
+    onChange: () => {},
+    disabled: props.disabled,
+    id: props.id
+  });
+};

package/2x/es/components/dialog/index.d.ts

@@ -6,7 +6,7 @@ import { confirm } from './confirm';
 import { clear } from './clear';
 export type { DialogProps } from './dialog';
 export type { Action } from './dialog-action-button';
-export type { DialogShowProps, DialogShowRef } from './show';
+export type { DialogShowProps, DialogShowHandler } from './show';
 export type { DialogAlertProps } from './alert';
 export type { DialogConfirmProps } from './confirm';
 declare const _default: import("react").FC<import("./dialog").DialogProps> & {

package/2x/es/components/dialog/show.d.ts

@@ -1,9 +1,7 @@
 import { DialogProps } from './dialog';
 export declare type DialogShowProps = Omit<DialogProps, 'visible'>;
-export declare type DialogShowRef = {
+export declare type DialogShowHandler = {
     close: () => void;
 };
 export declare const closeFnSet: Set<() => void>;
-export declare function show(props: DialogShowProps): {
-    close: () => void;
-};
+export declare function show(props: DialogShowProps): DialogShowHandler;

package/2x/es/components/dialog/show.js

@@ -1,52 +1,16 @@
-import React, { createRef, forwardRef, useEffect, useImperativeHandle, useState } from 'react';
-import { renderToBody } from '../../utils/render-to-body';
+import React from 'react';
 import { Dialog } from './dialog';
+import { renderImperatively } from '../../utils/render-imperatively';
 export const closeFnSet = new Set();
 export function show(props) {
-  const Wrapper = forwardRef((_, ref) => {
-    const [visible, setVisible] = useState(false);
-    useEffect(() => {
-      setVisible(true);
-    }, []);
-
-    function handleClose() {
-      var _a;
-
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-      setVisible(false);
-    }
-
-    useImperativeHandle(ref, () => ({
-      close: handleClose
-    }));
-
-    function handleAfterClose() {
+  const handler = renderImperatively(React.createElement(Dialog, Object.assign({}, props, {
+    afterClose: () => {
       var _a;
 
+      closeFnSet.delete(handler.close);
       (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
-      unmount();
-      closeFnSet.delete(close);
     }
-
-    return React.createElement(Dialog, Object.assign({}, props, {
-      visible: visible,
-      onClose: handleClose,
-      afterClose: handleAfterClose
-    }));
-  });
-  const ref = createRef();
-  const unmount = renderToBody(React.createElement(Wrapper, {
-    ref: ref
-  }));
-
-  const close = () => {
-    var _a;
-
-    (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
-  };
-
-  closeFnSet.add(close);
-  return {
-    close
-  };
+  })));
+  closeFnSet.add(handler.close);
+  return handler;
 }

package/2x/es/components/dot-loading/dot-loading.js

@@ -53,7 +53,6 @@ export const DotLoading = memo(p => {
     begin: `${i * 0.2}s`,
     repeatCount: 'indefinite',
     values: '16; 6; 26; 16; 16',
-    keyTimes: '0; 0.1; 0.3; 0.4; 1',
-    id: 'circ-anim'
+    keyTimes: '0; 0.1; 0.3; 0.4; 1'
   }))))))))));
 });

package/2x/es/components/empty/empty-icon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare const EmptyIcon: FC<NativeProps>;

package/2x/es/components/empty/empty-icon.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { withNativeProps } from '../../utils/native-props';
+export const EmptyIcon = props => {
+  return withNativeProps(props, React.createElement("svg", {
+    viewBox: '0 0 64 41'
+  }, React.createElement("g", {
+    transform: 'translate(0 1)',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, React.createElement("ellipse", {
+    fill: '#f5f5f5',
+    cx: '32',
+    cy: '33',
+    rx: '32',
+    ry: '7'
+  }), React.createElement("g", {
+    stroke: '#d9d9d9'
+  }, React.createElement("path", {
+    d: 'M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z'
+  }), React.createElement("path", {
+    d: 'M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z',
+    fill: '#fafafa'
+  })))));
+};

package/2x/es/components/empty/empty.js

@@ -1,25 +1,38 @@
 import React from 'react';
 import classNames from 'classnames';
-import { mergeProps } from '../../utils/with-default-props';
 import { withNativeProps } from '../../utils/native-props';
-import EmptyIcon from '../../assets/empty-icon.svg';
+import { EmptyIcon } from './empty-icon';
 const classPrefix = `adm-empty`;
-const defaultProps = {
-  image: EmptyIcon
-};
-export const Empty = p => {
-  const props = mergeProps(defaultProps, p);
-  const imageNode = typeof props.image === 'string' ? React.createElement("img", {
-    className: `${classPrefix}-image`,
-    style: props.imageStyle,
-    src: props.image,
-    alt: 'empty'
-  }) : props.image;
+export const Empty = props => {
+  function renderImageNode() {
+    const {
+      image
+    } = props;
+
+    if (image === undefined) {
+      return React.createElement(EmptyIcon, {
+        className: `${classPrefix}-image`,
+        style: props.imageStyle
+      });
+    }
+
+    if (typeof image === 'string') {
+      return React.createElement("img", {
+        className: `${classPrefix}-image`,
+        style: props.imageStyle,
+        src: image,
+        alt: 'empty'
+      });
+    }
+
+    return image;
+  }
+
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix
   }, React.createElement("div", {
     className: `${classPrefix}-image-container`
-  }, imageNode), props.description && React.createElement("div", {
+  }, renderImageNode()), props.description && React.createElement("div", {
     className: classNames(`${classPrefix}-description`)
   }, props.description)));
 };

package/2x/es/components/error-block/error-block.css

@@ -14,6 +14,7 @@
   max-width: 100%;
 }
 
+.adm-error-block-image svg,
 .adm-error-block-image img {
   height: 100%;
 }

package/2x/es/components/error-block/error-block.js

@@ -1,30 +1,28 @@
 import React from 'react';
 import classNames from 'classnames';
-import { iconRecord } from './error';
 import { mergeProps } from '../../utils/with-default-props';
 import { withNativeProps } from '../../utils/native-props';
 import { useConfig } from '../config-provider';
+import { imageRecord } from './images';
 const classPrefix = `adm-error-block`;
 const defaultProps = {
   status: 'default'
 };
 export const ErrorBlock = p => {
   const props = mergeProps(defaultProps, p);
-  const icon = iconRecord[props.status];
   const {
     locale
   } = 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;
-  let imageNode = React.createElement("img", {
-    src: icon
-  });
+  let imageNode = imageRecord[props.status];
 
   if (props.image) {
     if (typeof props.image === 'string') {
       imageNode = React.createElement("img", {
-        src: props.image
+        src: props.image,
+        alt: 'error block image'
       });
     } else {
       imageNode = props.image;

package/2x/es/components/error-block/images/busy.d.ts

@@ -0,0 +1 @@
+export declare const busyImage: JSX.Element;

package/2x/es/components/error-block/images/busy.js

@@ -0,0 +1,90 @@
+import React from 'react';
+export const busyImage = React.createElement("svg", {
+  viewBox: '0 0 400 400',
+  xmlns: 'http://www.w3.org/2000/svg',
+  xmlnsXlink: 'http://www.w3.org/1999/xlink'
+}, React.createElement("defs", null, React.createElement("linearGradient", {
+  x1: '50%',
+  y1: '-116.862%',
+  x2: '50%',
+  y2: '90.764%',
+  id: 'error-block-image-busy-a'
+}, React.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.207,
+  offset: '0%'
+}), React.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.115,
+  offset: '80.072%'
+}), React.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0,
+  offset: '100%'
+})), React.createElement("circle", {
+  id: 'error-block-image-busy-b',
+  cx: 34.857,
+  cy: 34.857,
+  r: 34.857
+})), React.createElement("g", {
+  fill: 'none',
+  fillRule: 'evenodd'
+}, React.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.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.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.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.createElement("path", {
+  stroke: '#003CFF',
+  strokeWidth: 0.75,
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round',
+  d: 'm196.824 197.298 52.216-.506M193.329 330.5h52.215'
+}), React.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.createElement("circle", {
+  cx: 14.857,
+  cy: 14.857,
+  r: 14.857,
+  transform: 'translate(106.857 248.571)',
+  fill: '#FFCD6B',
+  fillRule: 'nonzero'
+}), React.createElement("g", {
+  transform: 'translate(236.571 284.571)'
+}, React.createElement("mask", {
+  id: 'error-block-image-busy-c',
+  fill: '#fff'
+}, React.createElement("use", {
+  xlinkHref: '#error-block-image-busy-b'
+})), React.createElement("use", {
+  fill: '#FBBE47',
+  fillRule: 'nonzero',
+  xlinkHref: '#error-block-image-busy-b'
+}), React.createElement("circle", {
+  fill: '#FFCD6B',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-busy-c)',
+  cx: 25.714,
+  cy: 28,
+  r: 34.857
+}), React.createElement("circle", {
+  fill: '#FFF',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-busy-c)',
+  cx: 22.286,
+  cy: 18.857,
+  r: 3.429
+}))));

package/2x/es/components/error-block/images/default.d.ts

@@ -0,0 +1 @@
+export declare const defaultImage: JSX.Element;

package/2x/es/components/error-block/images/default.js

@@ -0,0 +1,166 @@
+import React from 'react';
+export const defaultImage = React.createElement("svg", {
+  viewBox: '0 0 200 200',
+  xmlns: 'http://www.w3.org/2000/svg',
+  xmlnsXlink: 'http://www.w3.org/1999/xlink'
+}, React.createElement("defs", null, React.createElement("linearGradient", {
+  x1: '50%',
+  y1: '-116.862%',
+  x2: '50%',
+  y2: '90.764%',
+  id: 'error-block-image-default-a'
+}, React.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.207,
+  offset: '0%'
+}), React.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.115,
+  offset: '80.072%'
+}), React.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0,
+  offset: '100%'
+})), React.createElement("circle", {
+  id: 'error-block-image-default-d',
+  cx: 18.823,
+  cy: 18.823,
+  r: 18.823
+}), React.createElement("rect", {
+  id: 'error-block-image-default-b',
+  x: 3.5,
+  y: 9,
+  width: 51.429,
+  height: 88,
+  rx: 4.571
+})), React.createElement("g", {
+  fill: 'none',
+  fillRule: 'evenodd'
+}, React.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.createElement("g", {
+  transform: 'rotate(-90 102.429 55.357)'
+}, React.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.createElement("mask", {
+  id: 'error-block-image-default-c',
+  fill: '#fff'
+}, React.createElement("use", {
+  xlinkHref: '#error-block-image-default-b'
+})), React.createElement("use", {
+  fill: '#377EFF',
+  xlinkHref: '#error-block-image-default-b'
+}), React.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.createElement("path", {
+  stroke: '#FFF',
+  strokeWidth: 0.75,
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round',
+  d: 'M36.774 5.474H21.523'
+}), React.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.createElement("circle", {
+  cx: 8.571,
+  cy: 8.571,
+  r: 8.571,
+  transform: 'translate(22.857 142)',
+  fill: '#FFCD6B',
+  fillRule: 'nonzero'
+}), React.createElement("g", {
+  transform: 'translate(132.857 124)'
+}, React.createElement("mask", {
+  id: 'error-block-image-default-e',
+  fill: '#fff'
+}, React.createElement("use", {
+  xlinkHref: '#error-block-image-default-d'
+})), React.createElement("use", {
+  fill: '#FBBE47',
+  fillRule: 'nonzero',
+  xlinkHref: '#error-block-image-default-d'
+}), React.createElement("circle", {
+  fill: '#FFCD6B',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 13.886,
+  cy: 15.12,
+  r: 18.823
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 23.4,
+  cy: 29.057,
+  r: 1
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 30.343,
+  cy: 29.829,
+  r: 1
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 18.771,
+  cy: 32.657,
+  r: 1.286
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 29.571,
+  cy: 25.971,
+  r: 1.286
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 19.286,
+  cy: 7.971,
+  r: 1.286
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 26.486,
+  cy: 5.914,
+  r: 1.286
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 11.057,
+  cy: 6.943,
+  r: 1
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 30.086,
+  cy: 15.686,
+  r: 1.286
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-default-e)',
+  cx: 22.886,
+  cy: 14.657,
+  r: 1
+})), React.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'
+})));

package/2x/es/components/error-block/images/disconnected.d.ts

@@ -0,0 +1 @@
+export declare const disconnectedImage: JSX.Element;

package/2x/es/components/error-block/images/disconnected.js

@@ -0,0 +1,123 @@
+import React from 'react';
+export const disconnectedImage = React.createElement("svg", {
+  viewBox: '0 0 400 400',
+  xmlns: 'http://www.w3.org/2000/svg',
+  xmlnsXlink: 'http://www.w3.org/1999/xlink'
+}, React.createElement("title", null, '@\u53CD\u9988/\u5F02\u5E38/\u7F51\u7EDC\u670D\u52A1\u5F02\u5E38'), React.createElement("defs", null, React.createElement("linearGradient", {
+  x1: '50%',
+  y1: '-116.862%',
+  x2: '50%',
+  y2: '90.764%',
+  id: 'error-block-image-disconnected-c'
+}, React.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.207,
+  offset: '0%'
+}), React.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.115,
+  offset: '80.072%'
+}), React.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0,
+  offset: '100%'
+})), React.createElement("circle", {
+  id: 'error-block-image-disconnected-d',
+  cx: 22.309,
+  cy: 22.309,
+  r: 22.309
+}), React.createElement("path", {
+  id: 'error-block-image-disconnected-a',
+  d: 'M0 0h400v400H0z'
+})), React.createElement("g", {
+  fill: 'none',
+  fillRule: 'evenodd'
+}, React.createElement("mask", {
+  id: 'error-block-image-disconnected-b',
+  fill: '#fff'
+}, React.createElement("use", {
+  xlinkHref: '#error-block-image-disconnected-a'
+})), React.createElement("g", {
+  mask: 'url(#error-block-image-disconnected-b)',
+  fill: 'url(#error-block-image-disconnected-c)'
+}, React.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.createElement("g", {
+  mask: 'url(#error-block-image-disconnected-b)'
+}, React.createElement("g", {
+  transform: 'translate(85.858 150.644)'
+}, React.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.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.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.createElement("ellipse", {
+  fill: '#7EACFF',
+  transform: 'rotate(10 147 41.933)',
+  cx: 147,
+  cy: 41.933,
+  rx: 9.143,
+  ry: 10.286
+}), React.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.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.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.createElement("g", {
+  mask: 'url(#error-block-image-disconnected-b)'
+}, React.createElement("g", {
+  transform: 'translate(275.143 302.571)'
+}, React.createElement("mask", {
+  id: 'error-block-image-disconnected-e',
+  fill: '#fff'
+}, React.createElement("use", {
+  xlinkHref: '#error-block-image-disconnected-d'
+})), React.createElement("use", {
+  fill: '#FBBE47',
+  fillRule: 'nonzero',
+  xlinkHref: '#error-block-image-disconnected-d'
+}), React.createElement("circle", {
+  fill: '#FFCD6B',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-disconnected-e)',
+  cx: 16.457,
+  cy: 17.92,
+  r: 22.309
+}), React.createElement("circle", {
+  fill: '#FFF',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-disconnected-e)',
+  cx: 14.263,
+  cy: 12.069,
+  r: 2.194
+}))), React.createElement("g", {
+  mask: 'url(#error-block-image-disconnected-b)',
+  fill: '#FBBE47',
+  fillRule: 'nonzero'
+}, React.createElement("circle", {
+  cx: 12,
+  cy: 12,
+  r: 12,
+  transform: 'translate(84 297.714)'
+}))));