@oceanbase/design
Version:
The Design System of OceanBase
301 lines (299 loc) • 12.6 kB
JavaScript
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/result/500.tsx
var __exports = {};
__export(__exports, {
default: () => __default
});
module.exports = __toCommonJS(__exports);
var import_react = __toESM(require("react"));
var import_icons = __toESM(require("@oceanbase/icons"));
var Svg500 = () => /* @__PURE__ */ import_react.default.createElement(
"svg",
{
width: "160px",
height: "160px",
viewBox: "0 0 160 160",
version: "1.1",
xmlns: "http://www.w3.org/2000/svg"
},
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement(
"rect",
{
id: "oceanbase-design-result-500-path-1",
x: "23.4314575",
y: "23.4314575",
width: "113.137085",
height: "113.137085",
rx: "9.38137044"
}
)),
/* @__PURE__ */ import_react.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement(
"rect",
{
fill: "#0181FD",
fillRule: "nonzero",
transform: "translate(80, 80) rotate(-45) translate(-80, -80)",
x: "23.4314575",
y: "23.4314575",
width: "113.137085",
height: "113.137085",
rx: "9.38137044"
}
), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(75.2979, 12.1626)", fill: "#FFFFFF" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M1.19954536,0 L8.21377054,0 C8.87407949,0 9.42226049,0.535722349 9.42226049,1.20848995 C9.42226049,1.24586593 9.42226049,1.27078325 9.42226049,1.30815923 L7.69050685,22.2262482 C7.64067222,22.8491811 7.11740853,23.3350688 6.49447556,23.3350688 L2.931299,23.3350688 C2.30836604,23.3350688 1.78510235,22.8491811 1.73526771,22.2262482 L0.00351407242,1.30815923 C-0.0463205647,0.647850283 0.439567147,0.0622932964 1.09987609,0.0124586593 C1.13725207,0.0124586593 1.16216939,0.0124586593 1.19954536,0.0124586593 L1.19954536,0 Z" }), /* @__PURE__ */ import_react.default.createElement(
"rect",
{
fillRule: "nonzero",
x: "1.81001967",
y: "25.6772968",
width: "5.78081791",
height: "5.78081791",
rx: "1.20848995"
}
)), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 0)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "oceanbase-design-result-500-mask-2", fill: "white" }, /* @__PURE__ */ import_react.default.createElement(
"use",
{
xlinkHref: "#oceanbase-design-result-500-path-1",
transform: "translate(80, 80) rotate(-45) translate(-80, -80)"
}
)), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(80, 80) rotate(-45) translate(-80, -80)" }), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#oceanbase-design-result-500-mask-2)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(18.166, 42.1381)" }, /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M99.5820637,41.2755382 L93.0288089,32.6666047 L3.2143341,32.6666047 C1.44520448,32.6666047 0.0124586593,34.0993505 0.0124586593,35.8684801 L0.0124586593,48.1278008 L78.0659591,48.1278008 L78.0659591,56.7367344 L116.301584,56.7367344 L116.301584,44.4774137 C116.301584,42.708284 114.868839,41.2755382 113.099709,41.2755382 L99.5820637,41.2755382 L99.5820637,41.2755382 Z",
fill: "#132039",
fillRule: "nonzero"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M37.8120309,41.2755382 L113.08725,41.2755382 C114.85638,41.2755382 116.289126,42.708284 116.289126,44.4774137 L116.289126,56.7367344 L37.8120309,56.7367344 L37.8120309,41.2755382 L37.8120309,41.2755382 Z",
fill: "#07C846",
fillRule: "nonzero"
}
), /* @__PURE__ */ import_react.default.createElement(
"circle",
{
fill: "#FFA005",
fillRule: "nonzero",
cx: "111.156158",
cy: "49.0123656",
r: "1.94355085"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M0.0124586593,56.7367344 L116.289126,56.7367344 L116.289126,133.90567 C116.289126,138.141614 112.850536,141.592663 108.602133,141.592663 L7.68699278,141.592663 C3.45104862,141.592663 0,138.154073 0,133.90567 L0,56.7367344 L0,56.7367344 L0.0124586593,56.7367344 Z",
fill: "#132039",
fillRule: "nonzero"
}
), /* @__PURE__ */ import_react.default.createElement(
"g",
{
strokeWidth: "1",
fill: "none",
fillRule: "evenodd",
transform: "translate(31.1965, 56.7367)"
},
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
fill: "#FFFFFF",
fillRule: "nonzero",
x: "38.1110388",
y: "0",
width: "22.525256",
height: "31.2463175"
}
),
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
fill: "#E6E6E6",
fillRule: "nonzero",
x: "56.3380573",
y: "0",
width: "14.115661",
height: "38.1857907"
}
),
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
fill: "#FFFFFF",
fillRule: "nonzero",
x: "8.12304586",
y: "0",
width: "24.8924013",
height: "40.4906427"
}
),
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
fill: "#E6E6E6",
fillRule: "nonzero",
x: "28.2188633",
y: "0",
width: "14.115661",
height: "45.2498505"
}
),
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
fill: "#E6E6E6",
fillRule: "nonzero",
x: "0",
y: "0",
width: "14.115661",
height: "57.9826003"
}
),
/* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M82.2645273,39.5562432 L82.2645273,39.7431231 L82.2520686,39.7431231 C82.2520686,39.6808298 82.2645273,39.6185365 82.2645273,39.5562432 Z",
fill: "#000000",
fillRule: "nonzero"
}
),
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
fill: "#000000",
fillRule: "nonzero",
opacity: "0.3",
x: "0",
y: "0",
width: "70.4537183",
height: "3.41367264"
}
)
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M43.7548114,41.2755382 L26.8359521,41.2755382 C25.2537024,41.2755382 23.7586633,40.5404773 22.7993465,39.2821527 L18.7253649,33.9373879 C18.1148906,33.1400337 17.1804912,32.6790633 16.1713398,32.6790633 L3.2143341,32.6790633 C1.44520448,32.6790633 0.0124586593,34.1118091 0.0124586593,35.8809387 L0.0124586593,56.7491931 L46.9566869,56.7491931 L46.9566869,44.4898723 C46.9566869,42.7207427 45.523941,41.2879969 43.7548114,41.2879969 L43.7548114,41.2755382 Z",
fill: "#005AFD",
fillRule: "nonzero"
}
), /* @__PURE__ */ import_react.default.createElement("g", { strokeWidth: "1", fill: "none", fillRule: "evenodd", transform: "translate(31.1965, 0)" }, /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M2.66615309,0 L67.7751065,0 C69.2452283,0 70.4537183,1.19603129 70.4537183,2.67861175 L70.4537183,41.2630796 L0,41.2630796 L0,2.67861175 C0,1.20848995 1.19603129,0 2.67861175,0 L2.66615309,0 Z",
fill: "#FFFFFF",
fillRule: "nonzero"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M2.66615309,0 L67.7751065,0 C69.2452283,0 70.4537183,1.19603129 70.4537183,2.67861175 L70.4537183,7.20110507 L0,7.20110507 L0,2.67861175 C0,1.20848995 1.19603129,0 2.67861175,0 L2.66615309,0 Z",
fill: "#132039",
fillRule: "nonzero"
}
), /* @__PURE__ */ import_react.default.createElement(
"circle",
{
fill: "#FFFFFF",
fillRule: "nonzero",
cx: "3.92447768",
cy: "3.60055253",
r: "1.30815923"
}
), /* @__PURE__ */ import_react.default.createElement(
"circle",
{
fill: "#FFFFFF",
fillRule: "nonzero",
cx: "8.09812854",
cy: "3.60055253",
r: "1.30815923"
}
), /* @__PURE__ */ import_react.default.createElement(
"circle",
{
fill: "#FFFFFF",
fillRule: "nonzero",
cx: "12.2717794",
cy: "3.60055253",
r: "1.30815923"
}
), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(24.2072, 13.2062)", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("circle", { fill: "#FFA005", cx: "11.0134548", cy: "11.0134548", r: "11.0134548" }), /* @__PURE__ */ import_react.default.createElement(
"rect",
{
fill: "#FFFFFF",
transform: "translate(11.0099, 11.0241) rotate(-45) translate(-11.0099, -11.0241)",
x: "9.44014512",
y: "4.15317297",
width: "3.13958214",
height: "13.7419012",
rx: "0.660308942"
}
), /* @__PURE__ */ import_react.default.createElement(
"rect",
{
fill: "#FFFFFF",
transform: "translate(11.0241, 11.017) rotate(-135) translate(-11.0241, -11.017)",
x: "9.45433249",
y: "4.14602284",
width: "3.13958214",
height: "13.7419012",
rx: "0.660308942"
}
))), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M96.5047748,47.0688148 L102.03642,47.0688148 C103.107864,47.0688148 103.97997,47.9409209 103.97997,49.0123656 L103.97997,49.0123656 C103.97997,50.0838103 103.107864,50.9559165 102.03642,50.9559165 L96.5047748,50.9559165 L96.5047748,47.0688148 L96.5047748,47.0688148 Z",
fill: "#132039",
fillRule: "nonzero",
transform: "translate(100.2424, 49.0124) rotate(180) translate(-100.2424, -49.0124)"
}
), /* @__PURE__ */ import_react.default.createElement(
"circle",
{
fill: "#FFFFFF",
fillRule: "nonzero",
cx: "103.992429",
cy: "49.0123656",
r: "1.94355085"
}
)))), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M132.673495,80.1868799 L135.015723,66.6941519 C135.090475,66.2830161 135.651115,66.0712189 136.224213,66.2456401 L140.809,67.5911753 C141.394557,67.7655966 141.743399,68.2390256 141.581437,68.6252441 L136.24913,81.2458659 C136.099626,81.5947084 135.588821,81.7442123 135.065558,81.5947084 L133.458391,81.1212793 C132.935127,80.9717754 132.586285,80.5606397 132.648578,80.1868799 L132.673495,80.1868799 Z",
fill: "#FFA005"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M137.27074,85.556562 L147.561593,76.5240341 C147.87306,76.2499436 148.446158,76.4368234 148.795,76.9351698 L151.523447,80.8721062 C151.872289,81.3704525 151.847372,81.9684682 151.473612,82.1678067 L139.401171,88.6463095 C139.064787,88.8207308 138.5789,88.6213922 138.267433,88.1728805 L137.320575,86.802428 C137.009109,86.3539162 136.99665,85.8181939 137.27074,85.5690207 L137.27074,85.556562 Z",
fill: "#FFA005"
}
)))
);
var Image500 = (props) => /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: Svg500, ...props });
var __default = Image500;