@next-core/brick-kit 2.103.5 → 2.103.9

package/dist/index.esm.js

@@ -3,8 +3,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _asyncToGenerator$4 from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
-import * as React from 'react';
-import React__default, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, useContext, createContext } from 'react';
+import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, useContext, createContext } from 'react';
 import lodash, { set, get, difference, identity, cloneDeep, isNil, sortBy, merge, clamp, uniqueId, orderBy, omit, isEmpty } from 'lodash';
 import { toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, transformAndInject, transform, trackContext, scanPermissionActionsInStoryboard, precookFunction, cook, shouldAllowRecursiveEvaluations, preevaluate, inject, deepFreeze, createProviderClass, scanRouteAliasInStoryboard, loadScript, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, prefetchScript, scanBricksInBrickConf, scanProcessorsInAny, getDllAndDepsByResource, resolveContextConcurrently, matchPath, asyncProcessBrick, restoreDynamicTemplates, mapCustomApisToNameAndNamespace, scanCustomApisInStoryboard } from '@next-core/brick-utils';
 import { http, HttpResponseError, HttpFetchError } from '@next-core/brick-http';
@@ -16,7 +15,7 @@ import yaml from 'js-yaml';
 import { Modal, message, Empty, ConfigProvider } from 'antd';
 import { ExclamationCircleOutlined } from '@ant-design/icons';
 import { withTranslation } from 'react-i18next';
-import _extends$2 from '@babel/runtime/helpers/esm/extends';
+import _extends from '@babel/runtime/helpers/esm/extends';
 import { getIllustration } from '@next-core/illustrations';
 import _decorate from '@babel/runtime/helpers/decorate';
 
@@ -230,6 +229,37 @@ function compareVersions(v1, v2) {
 
   return 0;
 }
+var validate = v => typeof v === 'string' && /^[v\d]/.test(v) && semver.test(v);
+var compare = (v1, v2, operator) => {
+  // validate input operator
+  assertValidOperator(operator); // since result of compareVersions can only be -1 or 0 or 1
+  // a simple map can be used to replace switch
+
+  var res = compareVersions(v1, v2);
+  return operatorResMap[operator].includes(res);
+};
+var satisfies = (v, r) => {
+  // if no range operator then "="
+  var m = r.match(/^([<>=~^]+)/);
+  var op = m ? m[1] : '='; // if gt/lt/eq then operator compare
+
+  if (op !== '^' && op !== '~') return compare(v, r, op); // else range of either "~" or "^" is assumed
+
+  var [v1, v2, v3] = validateAndParse(v);
+  var [r1, r2, r3] = validateAndParse(r);
+  if (compareStrings(v1, r1) !== 0) return false;
+
+  if (op === '^') {
+    return compareSegments([v2, v3], [r2, r3]) >= 0;
+  }
+
+  if (compareStrings(v2, r2) !== 0) return false;
+  return compareStrings(v3, r3) >= 0;
+}; // export CJS style for parity
+
+compareVersions.validate = validate;
+compareVersions.compare = compare;
+compareVersions.sastisfies = satisfies;
 var semver = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i;
 
 var validateAndParse = v => {
@@ -273,6 +303,25 @@ var compareSegments = (a, b) => {
   return 0;
 };
 
+var operatorResMap = {
+  '>': [1],
+  '>=': [0, 1],
+  '=': [0],
+  '<=': [-1, 0],
+  '<': [-1]
+};
+var allowedOperators = Object.keys(operatorResMap);
+
+var assertValidOperator = op => {
+  if (typeof op !== 'string') {
+    throw new TypeError("Invalid operator type, expected string but got ".concat(typeof op));
+  }
+
+  if (allowedOperators.indexOf(op) === -1) {
+    throw new Error("Invalid operator, expected one of ".concat(allowedOperators.join('|')));
+  }
+};
+
 var brickTemplateRegistry = new Map();
 function registerBrickTemplate(name, factory) {
   if (brickTemplateRegistry.has(name)) {
@@ -3204,8 +3253,8 @@ function handleHttpError(error) {
     }
 
     unauthenticatedConfirmModal = Modal.confirm({
-      icon: /*#__PURE__*/React__default.createElement(ExclamationCircleOutlined, null),
-      content: /*#__PURE__*/React__default.createElement(LoginTimeoutMessage, null),
+      icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
+      content: /*#__PURE__*/React.createElement(LoginTimeoutMessage, null),
       okText: i18next.t("".concat(NS_BRICK_KIT, ":").concat(K.MODAL_OK)),
       cancelText: i18next.t("".concat(NS_BRICK_KIT, ":").concat(K.MODAL_CANCEL)),
       onOk: () => {
@@ -3223,7 +3272,7 @@ function handleHttpError(error) {
 
   return Modal.error({
     title: i18next.t("".concat(NS_BRICK_KIT, ":").concat(K.REQUEST_FAILED)),
-    content: /*#__PURE__*/React__default.createElement("div", {
+    content: /*#__PURE__*/React.createElement("div", {
       style: {
         whiteSpace: "pre-wrap"
       }
@@ -3232,13 +3281,13 @@ function handleHttpError(error) {
   });
 }
 function LoginTimeoutMessage() {
-  React__default.useEffect(() => {
+  React.useEffect(() => {
     // Unset confirm modal when it's destroyed.
     return () => {
       unauthenticatedConfirmModal = undefined;
     };
   }, []);
-  return /*#__PURE__*/React__default.createElement("div", null, i18next.t("".concat(NS_BRICK_KIT, ":").concat(K.LOGIN_TIMEOUT_MESSAGE)));
+  return /*#__PURE__*/React.createElement("div", null, i18next.t("".concat(NS_BRICK_KIT, ":").concat(K.LOGIN_TIMEOUT_MESSAGE)));
 }
 
 class WebsocketMessageRequest {
@@ -10708,7 +10757,7 @@ function getRuntime() {
 }
 
 // Ref https://reactjs.org/docs/error-boundaries.html
-class LegacyErrorBoundary extends React__default.Component {
+class LegacyErrorBoundary extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -10731,9 +10780,9 @@ class LegacyErrorBoundary extends React__default.Component {
   render() {
     if (this.state.error) {
       // You can render any custom fallback UI
-      return /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         "data-testid": "error-boundary"
-      }, /*#__PURE__*/React__default.createElement("h3", null, this.props.t(K.SOMETHING_WENT_WRONG)), /*#__PURE__*/React__default.createElement("p", null, httpErrorToString(this.state.error)));
+      }, /*#__PURE__*/React.createElement("h3", null, this.props.t(K.SOMETHING_WENT_WRONG)), /*#__PURE__*/React.createElement("p", null, httpErrorToString(this.state.error)));
     }
 
     return this.props.children;
@@ -10928,8 +10977,8 @@ function useApplyPageTitle(pageTitle) {
 /** @internal */
 
 function useRecentApps() {
-  var [recentApps, setRecentApps] = React__default.useState(getRuntime().getRecentApps());
-  React__default.useEffect(() => {
+  var [recentApps, setRecentApps] = React.useState(getRuntime().getRecentApps());
+  React.useEffect(() => {
     var listener = event => {
       setRecentApps(event.detail);
     };
@@ -10963,8 +11012,8 @@ function useCurrentApp() {
 
 function useLocation() {
   var history = getHistory();
-  var [location, setLocation] = React__default.useState(history.location);
-  React__default.useEffect(() => {
+  var [location, setLocation] = React.useState(history.location);
+  React.useEffect(() => {
     var unlisten = history.listen(location => setLocation(location));
     return unlisten;
   }, [history]);
@@ -11115,7 +11164,7 @@ var handleProxyOfParentTemplate = (brick, tplContextId, tplContext) => {
  * @param props - 属性。
  */
 
-var SingleBrickAsComponent = /*#__PURE__*/React__default.memo(function SingleBrickAsComponent(_ref2) {
+var SingleBrickAsComponent = /*#__PURE__*/React.memo(function SingleBrickAsComponent(_ref2) {
   var {
     useBrick,
     data,
@@ -11128,7 +11177,7 @@ var SingleBrickAsComponent = /*#__PURE__*/React__default.memo(function SingleBri
 
   var template;
   var brick;
-  var isBrickAvailable = React__default.useMemo(() => {
+  var isBrickAvailable = React.useMemo(() => {
     if (isObject(useBrick.if) && !isPreEvaluated(useBrick.if)) {
       // eslint-disable-next-line
       console.warn("Currently resolvable-if in `useBrick` is not supported.");
@@ -11142,7 +11191,7 @@ var SingleBrickAsComponent = /*#__PURE__*/React__default.memo(function SingleBri
 
     return true;
   }, [useBrick, data]);
-  var runtimeBrick = React__default.useMemo( /*#__PURE__*/_asyncToGenerator$4(function* () {
+  var runtimeBrick = React.useMemo( /*#__PURE__*/_asyncToGenerator$4(function* () {
     if (!isBrickAvailable) {
       return null;
     } // If the router state is initial, ignore rendering the sub-brick.
@@ -11181,7 +11230,7 @@ var SingleBrickAsComponent = /*#__PURE__*/React__default.memo(function SingleBri
 
     return brick;
   }), [useBrick, data, isBrickAvailable]);
-  var innerRefCallback = React__default.useCallback( /*#__PURE__*/function () {
+  var innerRefCallback = React.useCallback( /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator$4(function* (element) {
       immediatelyRefCallback === null || immediatelyRefCallback === void 0 ? void 0 : immediatelyRefCallback(element);
 
@@ -11236,24 +11285,24 @@ var SingleBrickAsComponent = /*#__PURE__*/React__default.memo(function SingleBri
   }
 
   if (template) {
-    return /*#__PURE__*/React__default.createElement(template.brick, {
+    return /*#__PURE__*/React.createElement(template.brick, {
       ref: innerRefCallback
     }, ...slotsToChildren(template.slots).map((item, index) => {
-      return /*#__PURE__*/React__default.createElement(SingleBrickAsComponent, {
+      return /*#__PURE__*/React.createElement(SingleBrickAsComponent, {
         key: index,
         useBrick: item,
         data: data
       });
     }));
   } else {
-    return /*#__PURE__*/React__default.createElement(useBrick.brick, {
+    return /*#__PURE__*/React.createElement(useBrick.brick, {
       ref: innerRefCallback
     }, ...slotsToChildren(useBrick.slots).map((item, index) => {
       if (useBrick[symbolForTplContextId] && !item[symbolForTplContextId]) {
         item[symbolForTplContextId] = useBrick[symbolForTplContextId];
       }
 
-      return /*#__PURE__*/React__default.createElement(SingleBrickAsComponent, {
+      return /*#__PURE__*/React.createElement(SingleBrickAsComponent, {
         key: index,
         useBrick: item,
         data: data
@@ -11289,7 +11338,7 @@ function BrickAsComponent(_ref6) {
   } = _ref6;
 
   if (Array.isArray(useBrick)) {
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, useBrick.map((item, index) => /*#__PURE__*/React__default.createElement(SingleBrickAsComponent, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, useBrick.map((item, index) => /*#__PURE__*/React.createElement(SingleBrickAsComponent, {
       key: index,
       useBrick: item,
       data: data,
@@ -11297,7 +11346,7 @@ function BrickAsComponent(_ref6) {
     })));
   }
 
-  return /*#__PURE__*/React__default.createElement(SingleBrickAsComponent, {
+  return /*#__PURE__*/React.createElement(SingleBrickAsComponent, {
     useBrick: useBrick,
     data: data,
     parentRefForUseBrickInPortal: parentRefForUseBrickInPortal
@@ -11330,7 +11379,7 @@ function transformEvents(data, events) {
 // eslint-disable-next-line react/display-name
 
 
-var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React__default.memo( /*#__PURE__*/forwardRef(function LegacySingleBrickAsComponent(_ref8, ref) {
+var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React.memo( /*#__PURE__*/forwardRef(function LegacySingleBrickAsComponent(_ref8, ref) {
   var {
     useBrick,
     data,
@@ -11343,7 +11392,7 @@ var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React__default.memo( /*#__PU
 
   var template;
   var brick;
-  var isBrickAvailable = React__default.useMemo(() => {
+  var isBrickAvailable = React.useMemo(() => {
     if (isObject(useBrick.if) && !isPreEvaluated(useBrick.if)) {
       // eslint-disable-next-line
       console.warn("Currently resolvable-if in `useBrick` is not supported.");
@@ -11360,7 +11409,7 @@ var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React__default.memo( /*#__PU
   useImperativeHandle(ref, () => {
     return brickRef.current;
   });
-  var runtimeBrick = React__default.useMemo( /*#__PURE__*/_asyncToGenerator$4(function* () {
+  var runtimeBrick = React.useMemo( /*#__PURE__*/_asyncToGenerator$4(function* () {
     if (!isBrickAvailable) {
       return null;
     } // If the router state is initial, ignore rendering the sub-brick.
@@ -11401,7 +11450,7 @@ var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React__default.memo( /*#__PU
     listenOnTrackingContext(brick, trackingContextList, runtimeContext);
     return brick;
   }), [useBrick, data, isBrickAvailable]);
-  var innerRefCallback = React__default.useCallback( /*#__PURE__*/function () {
+  var innerRefCallback = React.useCallback( /*#__PURE__*/function () {
     var _ref11 = _asyncToGenerator$4(function* (element) {
       brickRef.current = element;
 
@@ -11456,24 +11505,24 @@ var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React__default.memo( /*#__PU
   }
 
   if (template) {
-    return /*#__PURE__*/React__default.createElement(template.brick, {
+    return /*#__PURE__*/React.createElement(template.brick, {
       ref: innerRefCallback
     }, ...slotsToChildren(template.slots).map((item, index) => {
-      return /*#__PURE__*/React__default.createElement(SingleBrickAsComponent, {
+      return /*#__PURE__*/React.createElement(SingleBrickAsComponent, {
         key: index,
         useBrick: item,
         data: data
       });
     }));
   } else {
-    return /*#__PURE__*/React__default.createElement(useBrick.brick, {
+    return /*#__PURE__*/React.createElement(useBrick.brick, {
       ref: innerRefCallback
     }, ...slotsToChildren(useBrick.slots).map((item, index) => {
       if (useBrick[symbolForTplContextId] && !item[symbolForTplContextId]) {
         item[symbolForTplContextId] = useBrick[symbolForTplContextId];
       }
 
-      return /*#__PURE__*/React__default.createElement(SingleBrickAsComponent, {
+      return /*#__PURE__*/React.createElement(SingleBrickAsComponent, {
         key: index,
         useBrick: item,
         data: data
@@ -11533,7 +11582,7 @@ var locale$4 = {
 var TimePicker$1 = locale$4;
 
 var locale$3 = {
-  lang: _extends$2({
+  lang: _extends({
     placeholder: '请选择日期',
     yearPlaceholder: '请选择年份',
     quarterPlaceholder: '请选择季度',
@@ -11544,7 +11593,7 @@ var locale$3 = {
     rangeMonthPlaceholder: ['开始月份', '结束月份'],
     rangeWeekPlaceholder: ['开始周', '结束周']
   }, locale$5),
-  timePickerLocale: _extends$2({}, TimePicker$1)
+  timePickerLocale: _extends({}, TimePicker$1)
 }; // should add whitespace between char in Button
 
 locale$3.lang.ok = '确 定'; // All settings at:
@@ -11730,7 +11779,7 @@ var locale$1 = {
 var TimePicker = locale$1;
 
 var locale = {
-  lang: _extends$2({
+  lang: _extends({
     placeholder: 'Select date',
     yearPlaceholder: 'Select year',
     quarterPlaceholder: 'Select quarter',
@@ -11741,7 +11790,7 @@ var locale = {
     rangeMonthPlaceholder: ['Start month', 'End month'],
     rangeWeekPlaceholder: ['Start week', 'End week']
   }, locale$2),
-  timePickerLocale: _extends$2({}, TimePicker)
+  timePickerLocale: _extends({}, TimePicker)
 }; // All settings at:
 // https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json
 
@@ -11874,288 +11923,619 @@ var localeValues = {
 };
 var defaultLocale = localeValues;
 
-function _extends$1() { _extends$1 = Object.assign || 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$1.apply(this, arguments); }
-
-var _ref$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-  x1: "5.718%",
-  y1: "4.311%",
-  x2: "83.05%",
-  y2: "88.915%",
-  id: "empty-image_svg__a"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: "#D4D8E4",
-  offset: "0%"
-}), /*#__PURE__*/React.createElement("stop", {
-  stopColor: "#A9B0C4",
-  offset: "100%"
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  x1: "0%",
-  y1: "11.08%",
-  x2: "80.548%",
-  y2: "107.704%",
-  id: "empty-image_svg__d"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: "#C2C7DA",
-  offset: "0%"
-}), /*#__PURE__*/React.createElement("stop", {
-  stopColor: "#8F96B3",
-  offset: "100%"
-})), /*#__PURE__*/React.createElement("path", {
-  d: "M23.672 23.607h2.492a4 4 0 0 1 4 4v2.491a4 4 0 0 1-4 4h-2.492a4 4 0 0 1-4-4v-2.491a4 4 0 0 1 4-4z",
-  id: "empty-image_svg__c"
-}), /*#__PURE__*/React.createElement("filter", {
-  x: "-57.2%",
-  y: "-47.7%",
-  width: "233.4%",
-  height: "233.4%",
-  filterUnits: "objectBoundingBox",
-  id: "empty-image_svg__b"
-}, /*#__PURE__*/React.createElement("feOffset", {
-  dx: 1,
-  dy: 2,
-  in: "SourceAlpha",
-  result: "shadowOffsetOuter1"
-}), /*#__PURE__*/React.createElement("feGaussianBlur", {
-  stdDeviation: 2,
-  in: "shadowOffsetOuter1",
-  result: "shadowBlurOuter1"
-}), /*#__PURE__*/React.createElement("feComposite", {
-  in: "shadowBlurOuter1",
-  in2: "SourceAlpha",
-  operator: "out",
-  result: "shadowBlurOuter1"
-}), /*#__PURE__*/React.createElement("feColorMatrix", {
-  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0",
-  in: "shadowBlurOuter1"
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  x1: "41.823%",
-  y1: "24.795%",
-  x2: "8.813%",
-  y2: "86.427%",
-  id: "empty-image_svg__g"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: "#CCD0DD",
-  offset: "0%"
-}), /*#__PURE__*/React.createElement("stop", {
-  stopColor: "#9DA3B9",
-  offset: "100%"
-})), /*#__PURE__*/React.createElement("path", {
-  d: "M37.311 12.459a4 4 0 0 1 4 4v3.419l-7.418-7.419h3.418z",
-  id: "empty-image_svg__f"
-}), /*#__PURE__*/React.createElement("filter", {
-  x: "-94.4%",
-  y: "-121.3%",
-  width: "288.7%",
-  height: "288.7%",
-  filterUnits: "objectBoundingBox",
-  id: "empty-image_svg__e"
-}, /*#__PURE__*/React.createElement("feOffset", {
-  dy: -2,
-  in: "SourceAlpha",
-  result: "shadowOffsetOuter1"
-}), /*#__PURE__*/React.createElement("feGaussianBlur", {
-  stdDeviation: 2,
-  in: "shadowOffsetOuter1",
-  result: "shadowBlurOuter1"
-}), /*#__PURE__*/React.createElement("feColorMatrix", {
-  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0",
-  in: "shadowBlurOuter1"
-})));
-
-var _ref2$1 = /*#__PURE__*/React.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M39.682 33.967H10.81a2.8 2.8 0 0 0-1.94.782l-5.197 4.999v6.98a5.6 5.6 0 0 0 5.6 5.6H41.22a5.6 5.6 0 0 0 5.6-5.6v-6.98l-5.196-4.999a2.8 2.8 0 0 0-1.942-.782z",
-  fill: "#A6AAC3"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M33.893 12.459l7.418 7.419v22.568a2.8 2.8 0 0 1-2.8 2.8h-26.53a2.8 2.8 0 0 1-2.8-2.8V18.459a6 6 0 0 1 6-6h18.712z",
-  fill: "url(#empty-image_svg__a)"
-}), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("use", {
-  fill: "#000",
-  filter: "url(#empty-image_svg__b)",
-  xlinkHref: "#empty-image_svg__c"
-}), /*#__PURE__*/React.createElement("path", {
-  stroke: "#FFF",
-  d: "M26.164 24.107c.966 0 1.841.391 2.475 1.025a3.489 3.489 0 0 1 1.025 2.475h0v2.491c0 .967-.392 1.842-1.025 2.475a3.489 3.489 0 0 1-2.475 1.025h0-2.492a3.489 3.489 0 0 1-2.475-1.025 3.489 3.489 0 0 1-1.025-2.475h0v-2.491c0-.967.392-1.842 1.025-2.475a3.489 3.489 0 0 1 2.475-1.025h0z",
-  strokeLinejoin: "square",
-  fill: "url(#empty-image_svg__d)"
-})), /*#__PURE__*/React.createElement("g", {
-  transform: "rotate(180 37.602 16.168)"
-}, /*#__PURE__*/React.createElement("use", {
-  fill: "#000",
-  filter: "url(#empty-image_svg__e)",
-  xlinkHref: "#empty-image_svg__f"
-}), /*#__PURE__*/React.createElement("use", {
-  fill: "url(#empty-image_svg__g)",
-  xlinkHref: "#empty-image_svg__f"
-})), /*#__PURE__*/React.createElement("path", {
-  d: "M54.164 27.541c.253 0 .459.205.459.459v.918h.918a.459.459 0 1 1 0 .918h-.918v.918a.459.459 0 0 1-.918 0v-.918h-.918a.459.459 0 0 1 0-.918h.918V28c0-.254.205-.459.459-.459zM1.377 20.197c.19 0 .344.154.344.344v.574h.574a.459.459 0 1 1 0 .918h-.574v.574a.344.344 0 0 1-.688 0l-.001-.574H.459a.459.459 0 0 1 0-.918h.573v-.574c0-.19.155-.344.345-.344z",
-  fill: "#D6D8E4",
-  opacity: 0.3
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M24.787 43.53h.014c7.087.143 9.817-3.834 12.785-4.046l.19-.008h9.044v10.052a2.8 2.8 0 0 1-2.63 2.795l-.17.005H6.472l-.17-.005a2.8 2.8 0 0 1-2.63-2.795V39.475h8.126l.144-.004c2.485.004 5.214 3.898 12.83 4.06l.015-.002z",
-  fill: "#D6D8E4"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M13.77 2.2s2.308-.555 2.962-2.2c.943 1.35 1.429 1.933 2.547 2.189-1.522.453-2.183.963-2.704 2.401-.598-1.695-1.142-1.914-2.805-2.39",
-  fill: "#D6D8E4",
-  opacity: 0.5
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M41.311 6.64S47.464 5.194 49.21.917c2.514 3.508 3.81 5.025 6.791 5.691-4.059 1.18-5.822 2.503-7.21 6.243-1.594-4.406-3.045-4.976-7.479-6.213",
-  fill: "#D6D8E4",
-  opacity: 0.8
-}));
+function EmptySvg(props) {
+  var {
+    isBig
+  } = props;
+  var theme = useCurrentTheme();
+  var prefix = uniqueId();
 
-function SvgEmptyImage(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1({
-    width: 56,
-    height: 53,
-    viewBox: "0 0 56 53",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, props), _ref$1, _ref2$1);
-}
-
-function _extends() { _extends = Object.assign || 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); }
-
-var _ref = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-  x1: "5.718%",
-  y1: "4.311%",
-  x2: "83.05%",
-  y2: "88.915%",
-  id: "big-empty-image_svg__a"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: "#D4D8E4",
-  offset: "0%"
-}), /*#__PURE__*/React.createElement("stop", {
-  stopColor: "#A9B0C4",
-  offset: "100%"
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  x1: "0%",
-  y1: "11.08%",
-  x2: "80.548%",
-  y2: "107.704%",
-  id: "big-empty-image_svg__d"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: "#C2C7DA",
-  offset: "0%"
-}), /*#__PURE__*/React.createElement("stop", {
-  stopColor: "#8F96B3",
-  offset: "100%"
-})), /*#__PURE__*/React.createElement("path", {
-  d: "M34 36h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4h-8a4 4 0 0 1-4-4v-8a4 4 0 0 1 4-4z",
-  id: "big-empty-image_svg__c"
-}), /*#__PURE__*/React.createElement("filter", {
-  x: "-37.5%",
-  y: "-31.3%",
-  width: "187.5%",
-  height: "187.5%",
-  filterUnits: "objectBoundingBox",
-  id: "big-empty-image_svg__b"
-}, /*#__PURE__*/React.createElement("feOffset", {
-  dx: 1,
-  dy: 2,
-  in: "SourceAlpha",
-  result: "shadowOffsetOuter1"
-}), /*#__PURE__*/React.createElement("feGaussianBlur", {
-  stdDeviation: 2,
-  in: "shadowOffsetOuter1",
-  result: "shadowBlurOuter1"
-}), /*#__PURE__*/React.createElement("feComposite", {
-  in: "shadowBlurOuter1",
-  in2: "SourceAlpha",
-  operator: "out",
-  result: "shadowBlurOuter1"
-}), /*#__PURE__*/React.createElement("feColorMatrix", {
-  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0",
-  in: "shadowBlurOuter1"
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  x1: "41.823%",
-  y1: "24.795%",
-  x2: "8.813%",
-  y2: "86.427%",
-  id: "big-empty-image_svg__g"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: "#CCD0DD",
-  offset: "0%"
-}), /*#__PURE__*/React.createElement("stop", {
-  stopColor: "#9DA3B9",
-  offset: "100%"
-})), /*#__PURE__*/React.createElement("path", {
-  d: "M59 19a4 4 0 0 1 4 4v7.314L51.686 19H59z",
-  id: "big-empty-image_svg__f"
-}), /*#__PURE__*/React.createElement("filter", {
-  x: "-61.9%",
-  y: "-79.5%",
-  width: "223.7%",
-  height: "223.7%",
-  filterUnits: "objectBoundingBox",
-  id: "big-empty-image_svg__e"
-}, /*#__PURE__*/React.createElement("feOffset", {
-  dy: -2,
-  in: "SourceAlpha",
-  result: "shadowOffsetOuter1"
-}), /*#__PURE__*/React.createElement("feGaussianBlur", {
-  stdDeviation: 2,
-  in: "shadowOffsetOuter1",
-  result: "shadowBlurOuter1"
-}), /*#__PURE__*/React.createElement("feColorMatrix", {
-  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0",
-  in: "shadowBlurOuter1"
-})));
-
-var _ref2 = /*#__PURE__*/React.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M61.108 51.8H15.892a2.8 2.8 0 0 0-1.941.782L5.6 60.615V74.2a5.6 5.6 0 0 0 5.6 5.6h54.6a5.6 5.6 0 0 0 5.6-5.6V60.615l-8.35-8.033a2.8 2.8 0 0 0-1.942-.782z",
-  fill: "#A6AAC3"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M51.686 19L63 30.314V66.2a2.8 2.8 0 0 1-2.8 2.8H16.8a2.8 2.8 0 0 1-2.8-2.8V25a6 6 0 0 1 6-6h31.686z",
-  fill: "url(#big-empty-image_svg__a)"
-}), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("use", {
-  fill: "#000",
-  filter: "url(#big-empty-image_svg__b)",
-  xlinkHref: "#big-empty-image_svg__c"
-}), /*#__PURE__*/React.createElement("path", {
-  stroke: "#FFF",
-  d: "M42 36.5c.966 0 1.841.392 2.475 1.025A3.489 3.489 0 0 1 45.5 40h0v8c0 .966-.392 1.841-1.025 2.475A3.489 3.489 0 0 1 42 51.5h0-8a3.489 3.489 0 0 1-2.475-1.025A3.489 3.489 0 0 1 30.5 48h0v-8c0-.966.392-1.841 1.025-2.475A3.489 3.489 0 0 1 34 36.5h0z",
-  strokeLinejoin: "square",
-  fill: "url(#big-empty-image_svg__d)"
-})), /*#__PURE__*/React.createElement("g", {
-  transform: "rotate(180 57.343 24.657)"
-}, /*#__PURE__*/React.createElement("use", {
-  fill: "#000",
-  filter: "url(#big-empty-image_svg__e)",
-  xlinkHref: "#big-empty-image_svg__f"
-}), /*#__PURE__*/React.createElement("use", {
-  fill: "url(#big-empty-image_svg__g)",
-  xlinkHref: "#big-empty-image_svg__f"
-})), /*#__PURE__*/React.createElement("path", {
-  d: "M82.6 42a.7.7 0 0 1 .7.7v1.399l1.4.001a.7.7 0 0 1 0 1.4l-1.4-.001V46.9a.7.7 0 0 1-1.4 0v-1.401l-1.4.001a.7.7 0 0 1 0-1.4l1.4-.001V42.7a.7.7 0 0 1 .7-.7zM2.1 30.8c.29 0 .525.235.525.525l-.001.874.876.001a.7.7 0 0 1 0 1.4h-.876l.001.875a.525.525 0 1 1-1.05 0l-.001-.875H.7a.7.7 0 0 1 0-1.4l.874-.001.001-.874c0-.29.235-.525.525-.525z",
-  fill: "#D6D8E4",
-  opacity: 0.3
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M8.4 79.8l-.17-.005A2.8 2.8 0 0 1 5.6 77V60.2h12.393l.175-.006c3.802-.04 7.95 5.943 19.61 6.19l.022-.002.022.002c10.856.218 15.009-5.902 19.558-6.175l.227-.009H71.4V77a2.8 2.8 0 0 1-2.63 2.795l-.17.005H8.4z",
-  fill: "#D6D8E4"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M21 3.356S24.518 2.509 25.516 0c1.438 2.057 2.18 2.947 3.884 3.338-2.321.692-3.33 1.468-4.123 3.662-.912-2.584-1.741-2.919-4.277-3.644",
-  fill: "#D6D8E4",
-  opacity: 0.5
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M63 10.125S72.382 7.923 75.044 1.4c3.834 5.35 5.81 7.663 10.356 8.68-6.19 1.797-8.878 3.816-10.995 9.52-2.43-6.72-4.643-7.59-11.405-9.475",
-  fill: "#D6D8E4",
-  opacity: 0.8
-}));
+  var createNewId = id => {
+    return prefix + id;
+  };
 
-function SvgBigEmptyImage(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 86,
-    height: 80,
-    viewBox: "0 0 86 80",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, props), _ref, _ref2);
+  if (theme === "dark-v2") {
+    return isBig ? /*#__PURE__*/React.createElement("svg", {
+      width: "88px",
+      height: "83px",
+      viewBox: "0 0 88 83",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React.createElement("title", null, "dark big empty image"), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+      x1: "5.71824875%",
+      y1: "4.31113823%",
+      x2: "83.0501817%",
+      y2: "88.9150948%",
+      id: createNewId("linearGradient-1")
+    }, /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#868686",
+      offset: "0%"
+    }), /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#4F4F4F",
+      offset: "100%"
+    })), /*#__PURE__*/React.createElement("linearGradient", {
+      x1: "0%",
+      y1: "11.0800956%",
+      x2: "80.5475944%",
+      y2: "107.703999%",
+      id: createNewId("linearGradient-2")
+    }, /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#868686",
+      offset: "0%"
+    }), /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#4F4F4F",
+      offset: "100%"
+    })), /*#__PURE__*/React.createElement("path", {
+      d: "M34.9133489,37.0960187 L43.4004684,37.0960187 C45.6096074,37.0960187 47.4004684,38.8868797 47.4004684,41.0960187 L47.4004684,49.5831382 C47.4004684,51.7922772 45.6096074,53.5831382 43.4004684,53.5831382 L34.9133489,53.5831382 C32.7042099,53.5831382 30.9133489,51.7922772 30.9133489,49.5831382 L30.9133489,41.0960187 C30.9133489,38.8868797 32.7042099,37.0960187 34.9133489,37.0960187 Z",
+      id: createNewId("path-3")
+    }), /*#__PURE__*/React.createElement("filter", {
+      x: "-36.4%",
+      y: "-30.3%",
+      width: "184.9%",
+      height: "184.9%",
+      filterUnits: "objectBoundingBox",
+      id: createNewId("filter-4")
+    }, /*#__PURE__*/React.createElement("feOffset", {
+      dx: "1",
+      dy: "2",
+      in: "SourceAlpha",
+      result: "shadowOffsetOuter1"
+    }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+      stdDeviation: "2",
+      in: "shadowOffsetOuter1",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React.createElement("feComposite", {
+      in: "shadowBlurOuter1",
+      in2: "SourceAlpha",
+      operator: "out",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React.createElement("feColorMatrix", {
+      values: "0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.22 0",
+      type: "matrix",
+      in: "shadowBlurOuter1"
+    })), /*#__PURE__*/React.createElement("linearGradient", {
+      x1: "41.822656%",
+      y1: "24.7954546%",
+      x2: "8.8126561%",
+      y2: "86.4269134%",
+      id: createNewId("linearGradient-5")
+    }, /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#B2B2B2",
+      offset: "0%"
+    }), /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#DEDEDE",
+      offset: "100%"
+    })), /*#__PURE__*/React.createElement("path", {
+      d: "M60.9180328,19.5784543 C63.1271718,19.5784543 64.9180328,21.3693153 64.9180328,23.5784543 L64.9180328,31.2366083 L53.2598788,19.5784543 L60.9180328,19.5784543 Z",
+      id: createNewId("path-6")
+    }), /*#__PURE__*/React.createElement("filter", {
+      x: "-60.0%",
+      y: "-77.2%",
+      width: "220.1%",
+      height: "220.1%",
+      filterUnits: "objectBoundingBox",
+      id: createNewId("filter-7")
+    }, /*#__PURE__*/React.createElement("feOffset", {
+      dx: "0",
+      dy: "-2",
+      in: "SourceAlpha",
+      result: "shadowOffsetOuter1"
+    }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+      stdDeviation: "2",
+      in: "shadowOffsetOuter1",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React.createElement("feColorMatrix", {
+      values: "0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.25 0",
+      type: "matrix",
+      in: "shadowBlurOuter1"
+    }))), /*#__PURE__*/React.createElement("g", {
+      id: "\u6697\u82722",
+      stroke: "none",
+      strokeWidth: "1",
+      fill: "none",
+      fillRule: "evenodd"
+    }, /*#__PURE__*/React.createElement("g", {
+      id: "\u65B0\u5EFA\u4EEA\u8868\u76D8-3",
+      transform: "translate(-392.000000, -240.000000)"
+    }, /*#__PURE__*/React.createElement("g", {
+      id: "\u7F16\u7EC4-50",
+      transform: "translate(36.000000, 134.000000)"
+    }, /*#__PURE__*/React.createElement("g", {
+      id: "\u63D2\u56FE/\u7A7A\u8868\u683C--\u767D\u8272\u80CC\u666F\u5907\u4EFD",
+      transform: "translate(356.000000, 106.000000)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M63.0027562,53.3770492 L16.3415061,53.3770492 C15.617696,53.3770492 14.9220071,53.6573421 14.4003686,54.1591332 L5.7704918,62.4606569 L5.7704918,62.4606569 L5.7704918,76.6295082 C5.7704918,79.7223028 8.2776972,82.2295082 11.3704918,82.2295082 L67.9737705,82.2295082 C71.0665651,82.2295082 73.5737705,79.7223028 73.5737705,76.6295082 L73.5737705,62.4606569 L73.5737705,62.4606569 L64.9438937,54.1591332 C64.4222552,53.6573421 63.7265663,53.3770492 63.0027562,53.3770492 Z",
+      id: createNewId("Fill-3"),
+      fill: "#4F4F4F"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M53.2598788,19.5784543 L64.9180328,31.2366083 L64.9180328,68.3007026 C64.9180328,69.8470999 63.6644301,71.1007026 62.1180328,71.1007026 L17.2262295,71.1007026 C15.6798322,71.1007026 14.4262295,69.8470999 14.4262295,68.3007026 L14.4262295,25.5784543 C14.4262295,22.2647458 17.112521,19.5784543 20.4262295,19.5784543 L53.2598788,19.5784543 Z",
+      id: createNewId("形状结合"),
+      fill: "url(#".concat(createNewId("linearGradient-1"), ")")
+    }), /*#__PURE__*/React.createElement("g", {
+      id: "\u77E9\u5F62\u5907\u4EFD"
+    }, /*#__PURE__*/React.createElement("use", {
+      fill: "black",
+      fillOpacity: "1",
+      filter: "url(#".concat(createNewId("filter-4"), ")"),
+      xlinkHref: "#".concat(createNewId("path-3"))
+    }), /*#__PURE__*/React.createElement("path", {
+      stroke: "#DEDEDE",
+      strokeWidth: "1",
+      d: "M43.4004684,37.5960187 C44.3669667,37.5960187 45.2419667,37.9877696 45.8753421,38.621145 C46.5087175,39.2545204 46.9004684,40.1295204 46.9004684,41.0960187 L46.9004684,41.0960187 L46.9004684,49.5831382 C46.9004684,50.5496365 46.5087175,51.4246365 45.8753421,52.0580119 C45.2419667,52.6913873 44.3669667,53.0831382 43.4004684,53.0831382 L43.4004684,53.0831382 L34.9133489,53.0831382 C33.9468506,53.0831382 33.0718506,52.6913873 32.4384752,52.0580119 C31.8050998,51.4246365 31.4133489,50.5496365 31.4133489,49.5831382 L31.4133489,49.5831382 L31.4133489,41.0960187 C31.4133489,40.1295204 31.8050998,39.2545204 32.4384752,38.621145 C33.0718506,37.9877696 33.9468506,37.5960187 34.9133489,37.5960187 L34.9133489,37.5960187 Z",
+      strokeLinejoin: "round",
+      fill: "url(#".concat(createNewId("linearGradient-2"), ")"),
+      fillRule: "evenodd"
+    })), /*#__PURE__*/React.createElement("g", {
+      id: "\u5F62\u72B6\u7ED3\u5408",
+      transform: "translate(59.088956, 25.407531) scale(-1, -1) translate(-59.088956, -25.407531) "
+    }, /*#__PURE__*/React.createElement("use", {
+      fill: "black",
+      fillOpacity: "1",
+      filter: "url(#".concat(createNewId("filter-7"), ")"),
+      xlinkHref: "#".concat(createNewId("path-6"))
+    }), /*#__PURE__*/React.createElement("use", {
+      fill: "url(#".concat(createNewId("linearGradient-5"), ")"),
+      fillRule: "evenodd",
+      xlinkHref: "#".concat(createNewId("path-6"))
+    })), /*#__PURE__*/React.createElement("path", {
+      d: "M85.1360656,43.2786885 C85.5226649,43.2786885 85.8360656,43.5920892 85.8360656,43.9786885 L85.8355082,45.4416885 L87.3,45.442623 C87.6865993,45.442623 88,45.7560236 88,46.142623 L88,46.1852459 C88,46.5718452 87.6865993,46.8852459 87.3,46.8852459 L85.8355082,46.8846885 L85.8360656,48.3491803 C85.8360656,48.7357797 85.5226649,49.0491803 85.1360656,49.0491803 L85.0934426,49.0491803 C84.7068433,49.0491803 84.3934426,48.7357797 84.3934426,48.3491803 L84.3925082,46.8846885 L82.9295082,46.8852459 C82.5429089,46.8852459 82.2295082,46.5718452 82.2295082,46.1852459 L82.2295082,46.142623 C82.2295082,45.7560236 82.5429089,45.442623 82.9295082,45.442623 L84.3925082,45.4416885 L84.3934426,43.9786885 C84.3934426,43.5920892 84.7068433,43.2786885 85.0934426,43.2786885 L85.1360656,43.2786885 Z",
+      id: "\u5F62\u72B6\u7ED3\u5408",
+      fill: "#646465",
+      opacity: "0.299999982"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M2.16393443,31.7377049 C2.46271142,31.7377049 2.70491803,31.9799115 2.70491803,32.2786885 L2.704,33.1797049 L3.62786885,33.1803279 C4.01446818,33.1803279 4.32786885,33.4937285 4.32786885,33.8803279 L4.32786885,33.9229508 C4.32786885,34.3095501 4.01446818,34.6229508 3.62786885,34.6229508 L2.704,34.6227049 L2.70491803,35.5245902 C2.70491803,35.8233672 2.46271142,36.0655738 2.16393443,36.0655738 C1.86515743,36.0655738 1.62295082,35.8233672 1.62295082,35.5245902 L1.622,34.6227049 L0.7,34.6229508 C0.313400675,34.6229508 1.58367065e-16,34.3095501 0,33.9229508 L0,33.8803279 C6.36775399e-17,33.4937285 0.313400675,33.1803279 0.7,33.1803279 L1.622,33.1797049 L1.62295082,32.2786885 C1.62295082,31.9799115 1.86515743,31.7377049 2.16393443,31.7377049 Z",
+      id: "\u5F62\u72B6\u7ED3\u5408\u5907\u4EFD-2",
+      fill: "#646465",
+      opacity: "0.299999982"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M8.5704918,82.2292826 L8.39992361,82.2241726 C6.93295466,82.1360215 5.7704918,80.9184059 5.7704918,79.4292826 L5.7704918,79.4292826 L5.7704918,62.0328238 L18.5403984,62.0328238 L18.7183062,62.0265026 C22.6370926,61.9824786 26.9110314,68.1500392 38.9284814,68.4052546 L38.9284814,68.4052546 L38.9508197,68.402268 L38.9508197,68.4029405 L38.9731579,68.4054802 C50.1627105,68.6294222 54.4413911,62.3194865 59.130277,62.0416842 L59.3612409,62.0329405 L73.5737705,62.0329405 L73.5737705,79.4295082 C73.5737705,80.9186315 72.4113076,82.1362471 70.9443387,82.2243982 L70.7737705,82.2295082 L38.9508197,82.2289405 L8.5704918,82.2292826 Z",
+      id: "\u5F62\u72B6\u7ED3\u5408",
+      fill: "#868686"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M21.6393443,3.45798016 C21.6393443,3.45798016 25.2647414,2.58521485 26.2931908,0 C27.7747015,2.12006603 28.538563,3.03684357 30.295082,3.43985748 C27.9033709,4.15239527 26.8645012,4.95266986 26.0462723,7.21311475 C25.1070761,4.54994361 24.2521493,4.20532501 21.6393443,3.45798016",
+      id: "Fill-1",
+      fill: "#646465",
+      opacity: "0.5"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M64.9180328,10.4333714 C64.9180328,10.4333714 74.5857586,8.16418155 77.3282902,1.44262295 C81.2789854,6.95479463 83.3159494,9.33841623 88,10.3862524 C81.6221039,12.2388507 78.8517846,14.3195646 76.669841,20.1967213 C74.1653176,13.2724763 71.8855128,12.376468 64.9180328,10.4333714",
+      id: "Fill-1\u5907\u4EFD",
+      fill: "#646465",
+      opacity: "0.799999952"
+    })))))) : /*#__PURE__*/React.createElement("svg", {
+      width: "56px",
+      height: "53px",
+      viewBox: "0 0 56 53",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React.createElement("title", null, "dark default empty image"), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+      x1: "5.71824875%",
+      y1: "4.31113823%",
+      x2: "83.0501817%",
+      y2: "88.9150948%",
+      id: createNewId("linearGradient-1")
+    }, /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#868686",
+      offset: "0%"
+    }), /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#4F4F4F",
+      offset: "100%"
+    })), /*#__PURE__*/React.createElement("linearGradient", {
+      x1: "0%",
+      y1: "11.0800956%",
+      x2: "80.5475944%",
+      y2: "107.703999%",
+      id: createNewId("linearGradient-2")
+    }, /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#868686",
+      offset: "0%"
+    }), /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#4F4F4F",
+      offset: "100%"
+    })), /*#__PURE__*/React.createElement("path", {
+      d: "M23.6721311,23.6065574 L26.1639344,23.6065574 C28.3730734,23.6065574 30.1639344,25.3974184 30.1639344,27.6065574 L30.1639344,30.0983607 C30.1639344,32.3074997 28.3730734,34.0983607 26.1639344,34.0983607 L23.6721311,34.0983607 C21.4629921,34.0983607 19.6721311,32.3074997 19.6721311,30.0983607 L19.6721311,27.6065574 C19.6721311,25.3974184 21.4629921,23.6065574 23.6721311,23.6065574 Z",
+      id: createNewId("path-3")
+    }), /*#__PURE__*/React.createElement("filter", {
+      x: "-57.2%",
+      y: "-47.7%",
+      width: "233.4%",
+      height: "233.4%",
+      filterUnits: "objectBoundingBox",
+      id: createNewId("filter-4")
+    }, /*#__PURE__*/React.createElement("feOffset", {
+      dx: "1",
+      dy: "2",
+      in: "SourceAlpha",
+      result: "shadowOffsetOuter1"
+    }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+      stdDeviation: "2",
+      in: "shadowOffsetOuter1",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React.createElement("feComposite", {
+      in: "shadowBlurOuter1",
+      in2: "SourceAlpha",
+      operator: "out",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React.createElement("feColorMatrix", {
+      values: "0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.22 0",
+      type: "matrix",
+      in: "shadowBlurOuter1"
+    })), /*#__PURE__*/React.createElement("linearGradient", {
+      x1: "41.822656%",
+      y1: "24.7954546%",
+      x2: "8.8126561%",
+      y2: "86.4269134%",
+      id: createNewId("linearGradient-5")
+    }, /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#B2B2B2",
+      offset: "0%"
+    }), /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#DEDEDE",
+      offset: "100%"
+    })), /*#__PURE__*/React.createElement("path", {
+      d: "M37.3114754,12.4590164 C39.5206144,12.4590164 41.3114754,14.2498774 41.3114754,16.4590164 L41.3114754,19.8778416 L33.8926502,12.4590164 L37.3114754,12.4590164 Z",
+      id: createNewId("path-6")
+    }), /*#__PURE__*/React.createElement("filter", {
+      x: "-94.4%",
+      y: "-121.3%",
+      width: "288.7%",
+      height: "288.7%",
+      filterUnits: "objectBoundingBox",
+      id: createNewId("filter-7")
+    }, /*#__PURE__*/React.createElement("feOffset", {
+      dx: "0",
+      dy: "-2",
+      in: "SourceAlpha",
+      result: "shadowOffsetOuter1"
+    }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+      stdDeviation: "2",
+      in: "shadowOffsetOuter1",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React.createElement("feColorMatrix", {
+      values: "0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.25 0",
+      type: "matrix",
+      in: "shadowBlurOuter1"
+    }))), /*#__PURE__*/React.createElement("g", {
+      id: "\u6697\u8272\u8BBE\u8BA1\u7A3F",
+      stroke: "none",
+      strokeWidth: "1",
+      fill: "none",
+      fillRule: "evenodd"
+    }, /*#__PURE__*/React.createElement("g", {
+      id: "\u8D44\u6E90\u6392\u884C--\u8BBE\u7F6E\u9EC4\u91D1\u6307\u6807",
+      transform: "translate(-1989.000000, -363.000000)"
+    }, /*#__PURE__*/React.createElement("g", {
+      id: "5.\u53CD\u9988/1.Modal\u5BF9\u8BDD\u6846/\u6697\u8272/\u9ED8\u8BA4\u5BF9\u8BDD\u6846\u5907\u4EFD",
+      transform: "translate(1525.000000, 120.000000)"
+    }, /*#__PURE__*/React.createElement("g", {
+      id: "\u7A7F\u68AD\u6846/\u57FA\u672C\u7528\u6CD5/\u53F3\u7A7F\u68AD",
+      transform: "translate(56.000000, 137.000000)"
+    }, /*#__PURE__*/React.createElement("g", {
+      id: "\u63D2\u56FE/\u7A7A\u8868\u683C--\u767D\u8272\u80CC\u666F\u5907\u4EFD",
+      transform: "translate(408.000000, 106.000000)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M39.6824378,33.9672131 L10.8093655,33.9672131 C10.0855554,33.9672131 9.38986655,34.247506 8.86822799,34.7492971 L3.67213115,39.7476907 L3.67213115,39.7476907 L3.67213115,46.7278689 C3.67213115,49.8206635 6.17933655,52.3278689 9.27213115,52.3278689 L41.2196721,52.3278689 C44.3124667,52.3278689 46.8196721,49.8206635 46.8196721,46.7278689 L46.8196721,39.7476907 L46.8196721,39.7476907 L41.6235753,34.7492971 C41.1019367,34.247506 40.4062478,33.9672131 39.6824378,33.9672131 Z",
+      id: createNewId("Fill-3"),
+      fill: "#4F4F4F"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M33.8926502,12.4590164 L41.3114754,19.8778416 L41.3114754,42.4459016 C41.3114754,43.9922989 40.0578727,45.2459016 38.5114754,45.2459016 L11.9803279,45.2459016 C10.4339306,45.2459016 9.18032787,43.9922989 9.18032787,42.4459016 L9.18032787,18.4590164 C9.18032787,15.1453079 11.8666194,12.4590164 15.1803279,12.4590164 L33.8926502,12.4590164 Z",
+      id: createNewId("形状结合"),
+      fill: "url(#".concat(createNewId("linearGradient-1"), ")")
+    }), /*#__PURE__*/React.createElement("g", {
+      id: createNewId("矩形备份")
+    }, /*#__PURE__*/React.createElement("use", {
+      fill: "black",
+      fillOpacity: "1",
+      filter: "url(#filter-4)",
+      xlinkHref: "#".concat(createNewId("path-3"))
+    }), /*#__PURE__*/React.createElement("path", {
+      stroke: "#DEDEDE",
+      strokeWidth: "1",
+      d: "M26.1639344,24.1065574 C27.1304327,24.1065574 28.0054327,24.4983082 28.6388082,25.1316836 C29.2721836,25.7650591 29.6639344,26.6400591 29.6639344,27.6065574 L29.6639344,27.6065574 L29.6639344,30.0983607 C29.6639344,31.064859 29.2721836,31.939859 28.6388082,32.5732344 C28.0054327,33.2066098 27.1304327,33.5983607 26.1639344,33.5983607 L26.1639344,33.5983607 L23.6721311,33.5983607 C22.7056328,33.5983607 21.8306328,33.2066098 21.1972574,32.5732344 C20.563882,31.939859 20.1721311,31.064859 20.1721311,30.0983607 L20.1721311,30.0983607 L20.1721311,27.6065574 C20.1721311,26.6400591 20.563882,25.7650591 21.1972574,25.1316836 C21.8306328,24.4983082 22.7056328,24.1065574 23.6721311,24.1065574 L23.6721311,24.1065574 Z",
+      strokeLinejoin: "round",
+      fill: "url(#".concat(createNewId("linearGradient-2"), ")"),
+      fillRule: "evenodd"
+    })), /*#__PURE__*/React.createElement("g", {
+      id: createNewId("形状结合"),
+      transform: "translate(37.602063, 16.168429) scale(-1, -1) translate(-37.602063, -16.168429) "
+    }, /*#__PURE__*/React.createElement("use", {
+      fill: "black",
+      fillOpacity: "1",
+      filter: "url(#filter-7)",
+      xlinkHref: "#".concat(createNewId("path-6"))
+    }), /*#__PURE__*/React.createElement("use", {
+      fill: "url(#".concat(createNewId("linearGradient-5"), ")"),
+      fillRule: "evenodd",
+      xlinkHref: "#".concat(createNewId("path-6"))
+    })), /*#__PURE__*/React.createElement("path", {
+      d: "M54.1639344,27.5409836 C54.4174422,27.5409836 54.6229508,27.7464922 54.6229508,28 L54.6228689,28.9179836 L55.5409836,28.9180328 C55.7944914,28.9180328 56,29.1235414 56,29.3770492 C56,29.6305569 55.7944914,29.8360656 55.5409836,29.8360656 L54.6228689,29.8359836 L54.6229508,30.7540984 C54.6229508,31.0076061 54.4174422,31.2131148 54.1639344,31.2131148 C53.9104267,31.2131148 53.704918,31.0076061 53.704918,30.7540984 L53.7048689,29.8359836 L52.7868852,29.8360656 C52.5333775,29.8360656 52.3278689,29.6305569 52.3278689,29.3770492 C52.3278689,29.1235414 52.5333775,28.9180328 52.7868852,28.9180328 L53.7048689,28.9179836 L53.704918,28 C53.704918,27.7464922 53.9104267,27.5409836 54.1639344,27.5409836 Z",
+      id: createNewId("形状结合"),
+      fill: "#646465",
+      opacity: "0.299999982"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M1.37704918,20.1967213 C1.56718,20.1967213 1.72131148,20.3508528 1.72131148,20.5409836 L1.721,21.1147213 L2.29508197,21.1147541 C2.54858972,21.1147541 2.75409836,21.3202627 2.75409836,21.5737705 C2.75409836,21.8272782 2.54858972,22.0327869 2.29508197,22.0327869 L1.721,22.0327213 L1.72131148,22.6065574 C1.72131148,22.7966882 1.56718,22.9508197 1.37704918,22.9508197 C1.18691836,22.9508197 1.03278689,22.7966882 1.03278689,22.6065574 L1.032,22.0327213 L0.459016393,22.0327869 C0.205508639,22.0327869 3.1045746e-17,21.8272782 0,21.5737705 C-3.1045746e-17,21.3202627 0.205508639,21.1147541 0.459016393,21.1147541 L1.032,21.1147213 L1.03278689,20.5409836 C1.03278689,20.3508528 1.18691836,20.1967213 1.37704918,20.1967213 Z",
+      id: createNewId("形状结合备份-2"),
+      fill: "#646465",
+      opacity: "0.299999982"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M24.7868852,43.5295076 L24.8011005,43.5307601 C31.8876782,43.6725873 34.6183834,39.6961587 37.5855745,39.48387 L37.7753351,39.4755076 L46.8196721,39.4755076 L46.8196721,49.5278689 C46.8196721,51.0169922 45.6572093,52.2346078 44.1902403,52.3227588 L44.0196721,52.3278689 L24.7868852,52.3275076 L24.7868852,52.3272615 L6.47213115,52.3277253 L6.30156296,52.3226152 C4.83459401,52.2344642 3.67213115,51.0168486 3.67213115,49.5277253 L3.67213115,49.5277253 L3.67213115,39.4754333 L11.7984354,39.4754333 L11.941603,39.4712638 C14.4272721,39.4747517 17.1558091,43.3688567 24.77267,43.5306166 L24.77267,43.5306166 L24.7868852,43.5292615 L24.7868852,43.5295076 Z",
+      id: createNewId("形状结合"),
+      fill: "#868686"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M13.7704918,2.20053283 C13.7704918,2.20053283 16.0775627,1.64513672 16.7320305,0 C17.67481,1.34913293 18.1609037,1.93253682 19.2786885,2.18900021 C17.7566906,2.64243336 17.0955917,3.151699 16.5749006,4.59016393 C15.9772302,2.89541866 15.4331859,2.67611591 13.7704918,2.20053283",
+      id: createNewId("Fill-1"),
+      fill: "#646465",
+      opacity: "0.5"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M41.3114754,6.63941814 C41.3114754,6.63941814 47.4636646,5.19538826 49.2089119,0.918032787 C51.7229907,4.4257784 53.0192405,5.94262851 56,6.60943334 C51.9413388,7.78835951 50.1784084,9.11245019 48.7898988,12.852459 C47.1961112,8.44612131 45.7453263,7.87593416 41.3114754,6.63941814",
+      id: createNewId("Fill-1备份"),
+      fill: "#646465",
+      opacity: "0.799999952"
+    })))))));
+  } else {
+    return isBig ? /*#__PURE__*/React.createElement("svg", {
+      width: 86,
+      height: 80,
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink"
+    }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+      x1: "5.718%",
+      y1: "4.311%",
+      x2: "83.05%",
+      y2: "88.915%",
+      id: createNewId("a")
+    }, /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#D4D8E4",
+      offset: "0%"
+    }), /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#A9B0C4",
+      offset: "100%"
+    })), /*#__PURE__*/React.createElement("linearGradient", {
+      x1: "0%",
+      y1: "11.08%",
+      x2: "80.548%",
+      y2: "107.704%",
+      id: createNewId("d")
+    }, /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#C2C7DA",
+      offset: "0%"
+    }), /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#8F96B3",
+      offset: "100%"
+    })), /*#__PURE__*/React.createElement("linearGradient", {
+      x1: "41.823%",
+      y1: "24.795%",
+      x2: "8.813%",
+      y2: "86.427%",
+      id: createNewId("g")
+    }, /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#CCD0DD",
+      offset: "0%"
+    }), /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#9DA3B9",
+      offset: "100%"
+    })), /*#__PURE__*/React.createElement("filter", {
+      x: "-37.5%",
+      y: "-31.3%",
+      width: "187.5%",
+      height: "187.5%",
+      filterUnits: "objectBoundingBox",
+      id: createNewId("b")
+    }, /*#__PURE__*/React.createElement("feOffset", {
+      dx: 1,
+      dy: 2,
+      in: "SourceAlpha",
+      result: "shadowOffsetOuter1"
+    }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+      stdDeviation: 2,
+      in: "shadowOffsetOuter1",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React.createElement("feComposite", {
+      in: "shadowBlurOuter1",
+      in2: "SourceAlpha",
+      operator: "out",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React.createElement("feColorMatrix", {
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0",
+      in: "shadowBlurOuter1"
+    })), /*#__PURE__*/React.createElement("filter", {
+      x: "-61.9%",
+      y: "-79.5%",
+      width: "223.7%",
+      height: "223.7%",
+      filterUnits: "objectBoundingBox",
+      id: createNewId("e")
+    }, /*#__PURE__*/React.createElement("feOffset", {
+      dy: -2,
+      in: "SourceAlpha",
+      result: "shadowOffsetOuter1"
+    }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+      stdDeviation: 2,
+      in: "shadowOffsetOuter1",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React.createElement("feColorMatrix", {
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0",
+      in: "shadowBlurOuter1"
+    })), /*#__PURE__*/React.createElement("path", {
+      d: "M34 36h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4h-8a4 4 0 0 1-4-4v-8a4 4 0 0 1 4-4Z",
+      id: createNewId("c")
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M59 19a4 4 0 0 1 4 4v7.314L51.686 19H59Z",
+      id: createNewId("f")
+    })), /*#__PURE__*/React.createElement("g", {
+      fill: "none",
+      fillRule: "evenodd"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M61.108 51.8H15.892a2.8 2.8 0 0 0-1.941.782L5.6 60.615V74.2a5.6 5.6 0 0 0 5.6 5.6h54.6a5.6 5.6 0 0 0 5.6-5.6V60.615l-8.35-8.033a2.8 2.8 0 0 0-1.942-.782Z",
+      fill: "#A6AAC3"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M51.686 19 63 30.314V66.2a2.8 2.8 0 0 1-2.8 2.8H16.8a2.8 2.8 0 0 1-2.8-2.8V25a6 6 0 0 1 6-6h31.686Z",
+      fill: "url(#".concat(createNewId("a"), ")")
+    }), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("use", {
+      fill: "#000",
+      filter: "url(#".concat(createNewId("b"), ")"),
+      xlinkHref: "#".concat(createNewId("c"))
+    }), /*#__PURE__*/React.createElement("path", {
+      stroke: "#FFF",
+      d: "M42 36.5c.966 0 1.841.392 2.475 1.025A3.489 3.489 0 0 1 45.5 40v8c0 .966-.392 1.841-1.025 2.475A3.489 3.489 0 0 1 42 51.5h-8a3.489 3.489 0 0 1-2.475-1.025A3.489 3.489 0 0 1 30.5 48v-8c0-.966.392-1.841 1.025-2.475A3.489 3.489 0 0 1 34 36.5Z",
+      strokeLinejoin: "round",
+      fill: "url(#".concat(createNewId("d"), ")")
+    })), /*#__PURE__*/React.createElement("g", {
+      transform: "rotate(180 57.343 24.657)"
+    }, /*#__PURE__*/React.createElement("use", {
+      fill: "#000",
+      filter: "url(#".concat(createNewId("e"), ")"),
+      xlinkHref: "#".concat(createNewId("f"))
+    }), /*#__PURE__*/React.createElement("use", {
+      fill: "url(#".concat(createNewId("g"), ")"),
+      xlinkHref: "#".concat(createNewId("f"))
+    })), /*#__PURE__*/React.createElement("path", {
+      d: "M82.6 42a.7.7 0 0 1 .7.7v1.399l1.4.001a.7.7 0 0 1 0 1.4l-1.4-.001V46.9a.7.7 0 0 1-1.4 0v-1.401l-1.4.001a.7.7 0 0 1 0-1.4l1.4-.001V42.7a.7.7 0 0 1 .7-.7ZM2.1 30.8c.29 0 .525.235.525.525l-.001.874.876.001a.7.7 0 0 1 0 1.4h-.876l.001.875a.525.525 0 1 1-1.05 0l-.001-.875H.7a.7.7 0 0 1 0-1.4l.874-.001.001-.874c0-.29.235-.525.525-.525Z",
+      fill: "#D6D8E4",
+      opacity: 0.3
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m8.4 79.8-.17-.005A2.8 2.8 0 0 1 5.6 77V60.2h12.393l.175-.006c3.802-.04 7.95 5.943 19.61 6.19l.022-.002.022.002c10.856.218 15.009-5.902 19.558-6.175l.227-.009H71.4V77a2.8 2.8 0 0 1-2.63 2.795l-.17.005H8.4Z",
+      fill: "#D6D8E4"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M21 3.356S24.518 2.509 25.516 0c1.438 2.057 2.18 2.947 3.884 3.338-2.321.692-3.33 1.468-4.123 3.662-.912-2.584-1.741-2.919-4.277-3.644",
+      fill: "#D6D8E4",
+      opacity: 0.5
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M63 10.125S72.382 7.923 75.044 1.4c3.834 5.35 5.81 7.663 10.356 8.68-6.19 1.797-8.878 3.816-10.995 9.52-2.43-6.72-4.643-7.59-11.405-9.475",
+      fill: "#D6D8E4",
+      opacity: 0.8
+    }))) : /*#__PURE__*/React.createElement("svg", {
+      width: 56,
+      height: 53,
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink"
+    }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+      x1: "5.718%",
+      y1: "4.311%",
+      x2: "83.05%",
+      y2: "88.915%",
+      id: createNewId("a")
+    }, /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#D4D8E4",
+      offset: "0%"
+    }), /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#A9B0C4",
+      offset: "100%"
+    })), /*#__PURE__*/React.createElement("linearGradient", {
+      x1: "0%",
+      y1: "11.08%",
+      x2: "80.548%",
+      y2: "107.704%",
+      id: createNewId("d")
+    }, /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#C2C7DA",
+      offset: "0%"
+    }), /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#8F96B3",
+      offset: "100%"
+    })), /*#__PURE__*/React.createElement("linearGradient", {
+      x1: "41.823%",
+      y1: "24.795%",
+      x2: "8.813%",
+      y2: "86.427%",
+      id: createNewId("g")
+    }, /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#CCD0DD",
+      offset: "0%"
+    }), /*#__PURE__*/React.createElement("stop", {
+      stopColor: "#9DA3B9",
+      offset: "100%"
+    })), /*#__PURE__*/React.createElement("filter", {
+      x: "-57.2%",
+      y: "-47.7%",
+      width: "233.4%",
+      height: "233.4%",
+      filterUnits: "objectBoundingBox",
+      id: createNewId("b")
+    }, /*#__PURE__*/React.createElement("feOffset", {
+      dx: 1,
+      dy: 2,
+      in: "SourceAlpha",
+      result: "shadowOffsetOuter1"
+    }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+      stdDeviation: 2,
+      in: "shadowOffsetOuter1",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React.createElement("feComposite", {
+      in: "shadowBlurOuter1",
+      in2: "SourceAlpha",
+      operator: "out",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React.createElement("feColorMatrix", {
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0",
+      in: "shadowBlurOuter1"
+    })), /*#__PURE__*/React.createElement("filter", {
+      x: "-94.4%",
+      y: "-121.3%",
+      width: "288.7%",
+      height: "288.7%",
+      filterUnits: "objectBoundingBox",
+      id: createNewId("e")
+    }, /*#__PURE__*/React.createElement("feOffset", {
+      dy: -2,
+      in: "SourceAlpha",
+      result: "shadowOffsetOuter1"
+    }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+      stdDeviation: 2,
+      in: "shadowOffsetOuter1",
+      result: "shadowBlurOuter1"
+    }), /*#__PURE__*/React.createElement("feColorMatrix", {
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0",
+      in: "shadowBlurOuter1"
+    })), /*#__PURE__*/React.createElement("path", {
+      d: "M23.672 23.607h2.492a4 4 0 0 1 4 4v2.491a4 4 0 0 1-4 4h-2.492a4 4 0 0 1-4-4v-2.491a4 4 0 0 1 4-4Z",
+      id: createNewId("c")
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M37.311 12.459a4 4 0 0 1 4 4v3.419l-7.418-7.419h3.418Z",
+      id: createNewId("f")
+    })), /*#__PURE__*/React.createElement("g", {
+      fill: "none",
+      fillRule: "evenodd"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M39.682 33.967H10.81a2.8 2.8 0 0 0-1.94.782l-5.197 4.999v6.98a5.6 5.6 0 0 0 5.6 5.6H41.22a5.6 5.6 0 0 0 5.6-5.6v-6.98l-5.196-4.999a2.8 2.8 0 0 0-1.942-.782Z",
+      fill: "#A6AAC3"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m33.893 12.459 7.418 7.419v22.568a2.8 2.8 0 0 1-2.8 2.8h-26.53a2.8 2.8 0 0 1-2.8-2.8V18.459a6 6 0 0 1 6-6h18.712Z",
+      fill: "url(#".concat(createNewId("a"), ")")
+    }), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("use", {
+      fill: "#000",
+      filter: "url(#".concat(createNewId("b"), ")"),
+      xlinkHref: "#".concat(createNewId("c"))
+    }), /*#__PURE__*/React.createElement("path", {
+      stroke: "#FFF",
+      d: "M26.164 24.107c.966 0 1.841.391 2.475 1.025a3.489 3.489 0 0 1 1.025 2.475v2.491c0 .967-.392 1.842-1.025 2.475a3.489 3.489 0 0 1-2.475 1.025h-2.492a3.489 3.489 0 0 1-2.475-1.025 3.489 3.489 0 0 1-1.025-2.475v-2.491c0-.967.392-1.842 1.025-2.475a3.489 3.489 0 0 1 2.475-1.025Z",
+      strokeLinejoin: "round",
+      fill: "url(#d)"
+    })), /*#__PURE__*/React.createElement("g", {
+      transform: "rotate(180 37.602 16.168)"
+    }, /*#__PURE__*/React.createElement("use", {
+      fill: "#000",
+      filter: "url(#".concat(createNewId("e"), ")"),
+      xlinkHref: "#".concat(createNewId("f"))
+    }), /*#__PURE__*/React.createElement("use", {
+      fill: "url(#".concat(createNewId("g"), ")"),
+      xlinkHref: "#".concat(createNewId("f"))
+    })), /*#__PURE__*/React.createElement("path", {
+      d: "M54.164 27.541c.253 0 .459.205.459.459v.918h.918a.459.459 0 1 1 0 .918h-.918v.918a.459.459 0 0 1-.918 0v-.918h-.918a.459.459 0 0 1 0-.918h.918V28c0-.254.205-.459.459-.459ZM1.377 20.197c.19 0 .344.154.344.344v.574h.574a.459.459 0 1 1 0 .918h-.574v.574a.344.344 0 0 1-.688 0l-.001-.574H.459a.459.459 0 0 1 0-.918h.573v-.574c0-.19.155-.344.345-.344Z",
+      fill: "#D6D8E4",
+      opacity: 0.3
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M24.787 43.53h.014c7.087.143 9.817-3.834 12.785-4.046l.19-.008h9.044v10.052a2.8 2.8 0 0 1-2.63 2.795l-.17.005H6.472l-.17-.005a2.8 2.8 0 0 1-2.63-2.795V39.475h8.126l.144-.004c2.485.004 5.214 3.898 12.83 4.06l.015-.002Z",
+      fill: "#D6D8E4"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M13.77 2.2s2.308-.555 2.962-2.2c.943 1.35 1.429 1.933 2.547 2.189-1.522.453-2.183.963-2.704 2.401-.598-1.695-1.142-1.914-2.805-2.39",
+      fill: "#D6D8E4",
+      opacity: 0.5
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M41.311 6.64S47.464 5.194 49.21.917c2.514 3.508 3.81 5.025 6.791 5.691-4.059 1.18-5.822 2.503-7.21 6.243-1.594-4.406-3.045-4.976-7.479-6.213",
+      fill: "#D6D8E4",
+      opacity: 0.8
+    })));
+  }
 }
 
 /**
@@ -12165,14 +12545,13 @@ function EasyopsEmpty(props) {
   var _props$imageStyle;
 
   var illustration = useMemo(() => props.illustration && getIllustration(props.illustration), [props.illustration]);
-
-  var _emptyImage = props.useBigEmptyImage ? SvgBigEmptyImage : SvgEmptyImage;
-
-  var image = props.illustration ? illustration : /*#__PURE__*/React__default.createElement(_emptyImage);
+  var image = props.illustration ? illustration : /*#__PURE__*/React.createElement(EmptySvg, {
+    isBig: props.useBigEmptyImage
+  });
   var imageStyle = (_props$imageStyle = props.imageStyle) !== null && _props$imageStyle !== void 0 ? _props$imageStyle : props.useBigEmptyImage ? undefined : {
     height: "60px"
   };
-  return /*#__PURE__*/React__default.createElement(Empty, {
+  return /*#__PURE__*/React.createElement(Empty, {
     image: image,
     imageStyle: imageStyle,
     description: props.description,
@@ -12186,7 +12565,7 @@ function EasyopsEmpty(props) {
  */
 
 function renderEasyopsEmpty() {
-  return /*#__PURE__*/React__default.createElement(EasyopsEmpty, null);
+  return /*#__PURE__*/React.createElement(EasyopsEmpty, null);
 }
 
 var FeatureFlagsContext = /*#__PURE__*/createContext(null);
@@ -12256,7 +12635,7 @@ function useFeatureFlags(name) {
 
 function DisplayByFeatureFlags(props) {
   var featureFlags = useFeatureFlags(props.name);
-  return featureFlags.every(flag => !!flag) ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props.children) : props !== null && props !== void 0 && props.fallback ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props === null || props === void 0 ? void 0 : props.fallback) : null;
+  return featureFlags.every(flag => !!flag) ? /*#__PURE__*/React.createElement(React.Fragment, null, props.children) : props !== null && props !== void 0 && props.fallback ? /*#__PURE__*/React.createElement(React.Fragment, null, props === null || props === void 0 ? void 0 : props.fallback) : null;
 }
 
 /**
@@ -12266,15 +12645,15 @@ function BrickWrapper(props) {
   var locale = i18next.language && i18next.language.split("-")[0] === "en" ? defaultLocale : zhCN; // istanbul ignore next
 
   var featureFlags = process.env.NODE_ENV === "test" ? {} : getRuntime().getFeatureFlags();
-  return /*#__PURE__*/React__default.createElement(ErrorBoundary, null, /*#__PURE__*/React__default.createElement(FeatureFlagsProvider, {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(FeatureFlagsProvider, {
     value: featureFlags
-  }, /*#__PURE__*/React__default.createElement(ConfigProvider, {
+  }, /*#__PURE__*/React.createElement(ConfigProvider, {
     locale: locale,
     autoInsertSpaceInButton: false,
     renderEmpty: () => {
       var _props$wrapperConfig;
 
-      return /*#__PURE__*/React__default.createElement(EasyopsEmpty, (_props$wrapperConfig = props.wrapperConfig) === null || _props$wrapperConfig === void 0 ? void 0 : _props$wrapperConfig.empty);
+      return /*#__PURE__*/React.createElement(EasyopsEmpty, (_props$wrapperConfig = props.wrapperConfig) === null || _props$wrapperConfig === void 0 ? void 0 : _props$wrapperConfig.empty);
     }
   }, props.children)));
 }