@oceanbase/design
Version:
The Design System of OceanBase
257 lines (255 loc) • 13.2 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/Processing.tsx
var Processing_exports = {};
__export(Processing_exports, {
default: () => Processing_default
});
module.exports = __toCommonJS(Processing_exports);
var import_react = __toESM(require("react"));
var import_icons = __toESM(require("@oceanbase/icons"));
var ProcessingSvg = () => /* @__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(
"path",
{
d: "M33.1125,0.0125 L100.6125,0.0125 C118.8875,0.0125 133.725,14.85 133.725,33.125 L133.725,118.1 L33.1125,118.1 C14.8375,118.1 4.4408921e-15,103.2625 4.4408921e-15,84.9875 L4.4408921e-15,33.1125 C4.4408921e-15,14.8375 14.8375,0 33.1125,0 L33.1125,0.0125 Z",
id: "oceanbase-design-result-processing-path-1"
}
)),
/* @__PURE__ */ import_react.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(6, 14)" }, /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M48.025,13.7625 L115.525,13.7625 C133.8,13.7625 148.6375,28.6 148.6375,46.875 L148.6375,131.85 L48.025,131.85 C29.75,131.85 14.9125,117.0125 14.9125,98.7375 L14.9125,46.8625 C14.9125,28.5875 29.75,13.75 48.025,13.75 L48.025,13.7625 Z",
fill: "#0181FD",
fillRule: "nonzero"
}
), /* @__PURE__ */ import_react.default.createElement("g", { fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("circle", { fill: "#07C846", cx: "24.7375", cy: "24.7375", r: "24.7375" }), /* @__PURE__ */ import_react.default.createElement(
"g",
{
transform: "translate(8.8625, 8.8625)",
fill: "#FFFFFF",
stroke: "#FFFFFF",
strokeWidth: "1.2375"
},
/* @__PURE__ */ import_react.default.createElement("rect", { x: "14.9375", y: "0", width: "1.8875", height: "9.6125", rx: "0.9375" }),
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
opacity: "0.9",
transform: "translate(8.059, 8.0512) rotate(-45) translate(-8.059, -8.0512)",
x: "7.11523273",
y: "3.24497799",
width: "1.8875",
height: "9.6125",
rx: "0.9375"
}
),
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
opacity: "0.8",
transform: "translate(4.8063, 15.8813) rotate(-90) translate(-4.8063, -15.8813)",
x: "3.8625",
y: "11.075",
width: "1.8875",
height: "9.6125",
rx: "0.9375"
}
),
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
opacity: "0.7",
transform: "translate(8.0424, 23.6998) rotate(-135) translate(-8.0424, -23.6998)",
x: "7.09869911",
y: "18.8935461",
width: "1.8875",
height: "9.6125",
rx: "0.9375"
}
),
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
opacity: "0.6",
transform: "translate(15.8688, 26.9437) rotate(180) translate(-15.8688, -26.9437)",
x: "14.925",
y: "22.1375",
width: "1.8875",
height: "9.6125",
rx: "0.9375"
}
),
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
opacity: "0.5",
transform: "translate(23.7086, 23.6988) rotate(135) translate(-23.7086, -23.6988)",
x: "22.764825",
y: "18.892522",
width: "1.8875",
height: "9.6125",
rx: "0.9375"
}
),
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
opacity: "0.3",
transform: "translate(26.9438, 15.8813) rotate(90) translate(-26.9438, -15.8813)",
x: "26",
y: "11.075",
width: "1.8875",
height: "9.6125",
rx: "0.9375"
}
),
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
opacity: "0.2",
transform: "translate(23.7025, 8.0502) rotate(45) translate(-23.7025, -8.0502)",
x: "22.7587431",
y: "3.24395385",
width: "1.8875",
height: "9.6125",
rx: "0.9375"
}
)
)), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(18.7375, 73.625)", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement(
"polygon",
{
fill: "#FFA005",
points: "35.3875 58.2125 8.425 58.2125 4.2 10.65 39.625 10.65"
}
), /* @__PURE__ */ import_react.default.createElement("circle", { fill: "#FFB337", cx: "21.9125", cy: "21.8125", r: "7.2375" }), /* @__PURE__ */ import_react.default.createElement("rect", { fill: "#CCCCCC", x: "0", y: "5.925", width: "43.825", height: "4.725" }), /* @__PURE__ */ import_react.default.createElement("polygon", { fill: "#E6E6E6", points: "40.0125 5.925 3.8125 5.925 7.7125 0 36.1125 0" }), /* @__PURE__ */ import_react.default.createElement(
"polygon",
{
fill: "#E6E6E6",
points: "4.225 32.1125 5.9875 51.8875 37.8375 51.8875 39.5875 32.1125"
}
)), /* @__PURE__ */ import_react.default.createElement("g", { id: "Clipped", transform: "translate(14.9125, 13.75)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "oceanbase-design-result-processing-mask-2", fill: "white" }, /* @__PURE__ */ import_react.default.createElement("use", { href: "#oceanbase-design-result-processing-path-1" })), /* @__PURE__ */ import_react.default.createElement("g", null), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#oceanbase-design-result-processing-mask-2)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(31.5625, 35.9375)" }, /* @__PURE__ */ import_react.default.createElement(
"rect",
{
fill: "#132039",
fillRule: "nonzero",
x: "10.2875",
y: "0",
width: "133.8375",
height: "79",
rx: "4.7625"
}
), /* @__PURE__ */ import_react.default.createElement(
"rect",
{
fill: "#0181FD",
fillRule: "nonzero",
transform: "translate(77.2062, 39.5063) rotate(90) translate(-77.2062, -39.5063)",
x: "42.1875",
y: "-22.7375",
width: "70.0375",
height: "124.4875",
rx: "0.6375"
}
), /* @__PURE__ */ import_react.default.createElement(
"g",
{
strokeWidth: "1",
fill: "none",
fillRule: "evenodd",
transform: "translate(22.5, 31.7625)"
},
/* @__PURE__ */ import_react.default.createElement(
"rect",
{
fill: "#FFFFFF",
fillRule: "nonzero",
x: "0",
y: "0",
width: "108.0375",
height: "15.6",
rx: "2.6875"
}
),
/* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M24.2125,-20.2 L35.925,-20.2 L35.925,34.4375 C35.925,35.1875 35.325,35.7875 34.575,35.7875 L25.5625,35.7875 C24.8125,35.7875 24.2125,35.1875 24.2125,34.4375 L24.2125,-20.2 L24.2125,-20.2 L24.2125,-20.2 Z",
fill: "#07C846",
fillRule: "nonzero",
transform: "translate(30.0687, 7.7938) rotate(90) translate(-30.0687, -7.7938)"
}
)
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M0.0125,74.5 L147.4375,74.5 L147.4375,75.0625 C147.4375,78.975 144.2625,82.1625 140.3375,82.1625 L7.1,82.1625 C3.1875,82.1625 0,78.9875 0,75.0625 L0,74.5 L0,74.5 L0.0125,74.5 Z",
fill: "#132039",
fillRule: "nonzero"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M63.9875,74.5 L95.1375,74.5 L95.1375,74.8 C95.1375,76.2875 93.9375,77.4875 92.45,77.4875 L66.6875,77.4875 C65.2,77.4875 64,76.2875 64,74.8 L64,74.5 L64,74.5 L63.9875,74.5 Z",
fill: "#424D61",
fillRule: "nonzero"
}
), /* @__PURE__ */ import_react.default.createElement(
"g",
{
strokeWidth: "1",
fill: "none",
fillRule: "evenodd",
transform: "translate(21.925, 10.425)",
opacity: "0.2"
},
/* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 6.5125)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "104.45", height: "3.15", rx: "0.7875" })),
/* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" })),
/* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(40.4125, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "14.2375", height: "3.15", rx: "0.7875" })),
/* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(57.8625, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "46.575", height: "3.15", rx: "0.7875" })),
/* @__PURE__ */ import_react.default.createElement("g", { fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "30.1125", height: "3.15", rx: "0.7875" })),
/* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(32.65, 0)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "21.4375", height: "3.15", rx: "0.7875" })),
/* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(56.6375, 0)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "47.8", height: "3.15", rx: "0.7875" })),
/* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 13)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" })),
/* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 48.725)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "18.6125", height: "3.15", rx: "0.7875" })),
/* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(21.15, 48.725)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "27.55", height: "3.15", rx: "0.7875" })),
/* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(51.2375, 48.725)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "33.9125", height: "3.15", rx: "0.7875" })),
/* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 56.125)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" })),
/* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(40.6125, 13)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "28.0875", height: "3.15", rx: "0.7875" }))
))))))
);
var Processing = (props) => /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: ProcessingSvg, ...props });
var Processing_default = Processing;