@oceanbase/design 1.0.0-alpha.1 → 1.0.0-alpha.10

package/lib/empty/guide.js

@@ -1,8 +1,6 @@
-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)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/empty/guide.tsx
@@ -32,186 +22,213 @@ __export(guide_exports, {
   default: () => guide_default
 });
 module.exports = __toCommonJS(guide_exports);
-var import_react = __toESM(require("react"));
-var GuideEmptyImg = (props) => /* @__PURE__ */ import_react.default.createElement(
+var import_jsx_runtime = require("react/jsx-runtime");
+var GuideEmptyImg = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: "164.217482px",
     height: "101.022957px",
     viewBox: "0 0 164.217482 101.022957",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M0,0.515265579 L168,0 L168,92.2208281 C114.353827,84.8197407 88.4617315,118.112923 21.8636554,110.957758 L21.8636554,80.9669594 L0,0.515265579 Z",
-      id: "oceanbase-design-empty-guide-path-1"
-    }
-  )),
-  /* @__PURE__ */ import_react.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(-481.7825, -422.9494)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(478, 412)" }, /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M21.8636554,49.5240485 C75.5098285,56.9251359 101.401924,23.6319532 168,31.02133 L168,92.2091175 C114.353827,84.8080301 88.4617315,118.101213 21.8636554,110.946048 L21.8636554,49.5123379 L21.8636554,49.5240485 Z",
-      fill: "#0181FD",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("mask", { id: "oceanbase-design-empty-guide-mask-2", fill: "white" }, /* @__PURE__ */ import_react.default.createElement("use", { xlinkHref: "#oceanbase-design-empty-guide-path-1" })), /* @__PURE__ */ import_react.default.createElement("g", null), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#oceanbase-design-empty-guide-mask-2)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(3.7825, 10.9494)" }, /* @__PURE__ */ import_react.default.createElement(
-    "g",
-    {
-      strokeWidth: "1",
-      fill: "none",
-      fillRule: "evenodd",
-      transform: "translate(131.6972, 16.6476)"
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M19.8143036,18.144528 C21.3601004,26.5761466 18.8189042,34.1060504 14.1463823,34.9609228 C9.47386031,35.8157953 4.43831033,29.6677401 2.90422417,21.2361215 C1.35842744,12.8045029 1.54579674,3.37748496 7.37766625,2.22984798 C13.3969051,1.04707927 18.2685069,9.71290946 19.8025931,18.144528 L19.8143036,18.144528 Z",
-        fill: "#07C846",
-        fillRule: "nonzero"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M32.8247595,30.6631395 C31.4194898,36.7994841 27.5315767,41.1558204 24.1355082,40.3712114 C20.7394396,39.5983131 19.1116688,33.9889446 20.5169385,27.8526 C21.9222083,21.7162553 24.7913007,15.3339885 29.0422417,16.3176773 C35.9866165,17.9337376 34.2300293,24.5150843 32.8247595,30.6631395 L32.8247595,30.6631395 Z",
-        fill: "#07C846",
-        fillRule: "nonzero"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M22.8005019,9.33817086 C20.4818068,12.382922 17.2379757,13.7999024 15.5633626,12.523449 C13.8887495,11.2469956 14.3923045,7.73382122 16.7109996,4.70078065 C19.0296947,1.6560295 22.2149728,-1.14279944 24.3228775,0.473260782 C27.7540778,3.10814158 25.1309076,6.30513029 22.8122125,9.34988144 L22.8005019,9.33817086 Z",
-        fill: "#07C846",
-        fillRule: "nonzero"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "rect",
-      {
-        fill: "#E6E6E6",
-        fillRule: "nonzero",
-        x: "0.17565872",
-        y: "32.5836748",
-        width: "37.4972815",
-        height: "9.9188624",
-        rx: "1.15934755"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M8.97030531,42.5025372 L0,42.5025372 L0,32.5836748 L7.20200753,32.5836748 L7.20200753,40.74595 C7.20200753,41.7179283 7.98661648,42.5025372 8.95859473,42.5025372 L8.95859473,42.5025372 L8.97030531,42.5025372 Z",
-        fill: "#B3B3B3",
-        fillRule: "nonzero"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M2.08448348,42.5025372 L35.7524049,42.5025372 L35.7524049,58.8153771 C35.7524049,61.4619684 33.5976579,63.6167154 30.9510665,63.6167154 L6.87411125,63.6167154 C4.22751987,63.6167154 2.0727729,61.4619684 2.0727729,58.8153771 L2.0727729,42.5025372 L2.0727729,42.5025372 L2.08448348,42.5025372 Z",
-        fill: "#E6E6E6",
-        fillRule: "nonzero"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M35.7524049,42.5025372 L2.08448348,42.5025372 L2.08448348,45.3833402 L3.38435801,45.3833402 L3.38435801,63.6167154 L10.5863655,63.6167154 L10.5863655,47.2219015 C10.5863655,46.2030809 11.4061062,45.3833402 12.4249268,45.3833402 L35.7524049,45.3833402 L35.7524049,42.5025372 Z",
-        fill: "#B3B3B3",
-        fillRule: "nonzero"
-      }
-    )
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "rect",
-    {
-      fill: "#005AFD",
-      fillRule: "nonzero",
-      x: "0",
-      y: "82.1614387",
-      width: "150.199916",
-      height: "20.7979925"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("g", { strokeWidth: "1", fill: "none", fillRule: "evenodd", transform: "translate(6.6842, 0)" }, /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M129.580156,75.8025931 L22.0418879,75.8025931 C18.1422644,75.8025931 14.7696169,73.0740276 13.9615868,69.2563781 L0.0611267521,3.31409452 C-0.30190127,1.60434964 0.99797326,0 2.74284988,0 L110.281118,0 C114.180742,0 117.553389,2.72856545 118.36142,6.54621497 L132.26188,72.4884985 C132.624908,74.1982434 131.325033,75.8025931 129.580156,75.8025931 L129.580156,75.8025931 Z",
-      fill: "#E6E6E6",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M22.0418879,70.8724383 C20.4843806,70.8724383 19.1142426,69.7599331 18.7863463,68.2375575 L5.44799417,4.93015475 L110.292829,4.93015475 C111.850336,4.93015475 113.220474,6.04265997 113.548371,7.56503555 L126.886723,70.8724383 L22.0418879,70.8724383 L22.0418879,70.8724383 Z",
-      fill: "#132039",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M104.343854,12.3312422 L16.3154137,12.3312422 C15.4136989,12.3312422 14.7344852,13.1626934 14.9218545,14.0526976 L24.7938746,60.8833124 C25.1100603,62.405688 26.4567771,63.4830615 28.0025738,63.4830615 L116.031014,63.4830615 C116.932729,63.4830615 117.611942,62.6516102 117.424573,61.761606 L107.552553,14.9309912 C107.236367,13.4086156 105.88965,12.3312422 104.343854,12.3312422 Z",
-      fill: "#FFFFFF",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M36.7620887,33.539105 C50.1707043,35.3425345 54.7612522,27.2505228 71.3200142,29.0422417 L73.8846316,41.174404 C60.4760159,39.3709745 55.885468,47.4629862 39.3384166,45.7298202 L36.7620887,33.539105 Z",
-      fill: "#0181FD",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M104.343854,12.3312422 L80.419136,12.3312422 L91.2045814,63.4830615 L116.031014,63.4830615 C116.932729,63.4830615 117.611942,62.6516102 117.424573,61.761606 L107.552553,14.9309912 C107.236367,13.4086156 105.88965,12.3312422 104.343854,12.3312422 L104.343854,12.3312422 Z",
-      fill: "#0181FD",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M98.9452756,33.902133 C95.5023647,33.902133 92.1062961,31.1033041 91.3685295,27.6603931 C91.0172121,26.0092012 91.3333978,24.4868256 92.2468231,23.3508992 C93.1368273,22.2501046 94.4952547,21.6528649 96.0761832,21.6528649 C99.5190941,21.6528649 102.915163,24.4516939 103.652929,27.8946048 C104.004247,29.5457967 103.688061,31.0681723 102.774636,32.2040987 C101.884632,33.3048934 100.526204,33.902133 98.9452756,33.902133 Z",
-      fill: "#005AFD",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M154.886723,82.1731493 L43.4019883,82.1731493 L43.4019883,75.8025931 L156.84239,75.8025931 C157.45134,75.8025931 157.931474,76.2944375 157.931474,76.8916771 L157.931474,79.1166876 C157.931474,80.8030113 156.561336,82.1731493 154.875012,82.1731493 L154.886723,82.1731493 Z",
-      fill: "#CCCCCC",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M92.4576136,75.8025931 L117.16694,75.8025931 L117.16694,76.0485153 C117.16694,77.1961522 116.230094,78.1329987 115.082457,78.1329987 L94.5420971,78.1329987 C93.3944601,78.1329987 92.4576136,77.1961522 92.4576136,76.0485153 L92.4576136,75.8025931 L92.4576136,75.8025931 L92.4576136,75.8025931 Z",
-      fill: "#FFFFFF",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M50.990445,82.1731493 L17.1468649,82.1731493 C15.3902777,82.1731493 13.9615868,80.7444584 13.9615868,78.9878712 L13.9615868,78.9878712 C13.9615868,77.231284 15.3902777,75.8025931 17.1468649,75.8025931 L44.3856771,75.8025931 C45.5567353,75.8025931 46.6458193,76.3529904 47.3484542,77.2898369 L50.990445,82.1731493 L50.990445,82.1731493 Z",
-      fill: "#132039",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M107.950713,42.5094103 L92.4693242,42.5094103 C91.7315575,42.5094103 91.0874756,41.9824341 90.935238,41.2563781 L90.935238,41.2563781 C90.7361581,40.2843998 91.4739247,39.3709745 92.4693242,39.3709745 L107.950713,39.3709745 C108.688479,39.3709745 109.332561,39.8979506 109.484799,40.6240067 L109.484799,40.6240067 C109.683879,41.5959849 108.946112,42.5094103 107.950713,42.5094103 Z",
-      fill: "#005AFD",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M109.227166,48.083647 L93.7457775,48.083647 C93.0080109,48.083647 92.3639289,47.5566708 92.2116914,46.8306148 L92.2116914,46.8306148 C92.0126115,45.8586366 92.7503781,44.9452112 93.7457775,44.9452112 L109.227166,44.9452112 C109.964933,44.9452112 110.609015,45.4721874 110.761252,46.1982434 L110.761252,46.1982434 C110.960332,47.1702217 110.222565,48.083647 109.227166,48.083647 Z",
-      fill: "#005AFD",
-      fillRule: "nonzero"
-    }
-  ))))))))
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M0,0.515265579 L168,0 L168,92.2208281 C114.353827,84.8197407 88.4617315,118.112923 21.8636554,110.957758 L21.8636554,80.9669594 L0,0.515265579 Z",
+          id: "oceanbase-design-empty-guide-path-1"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(-481.7825, -422.9494)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(478, 412)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M21.8636554,49.5240485 C75.5098285,56.9251359 101.401924,23.6319532 168,31.02133 L168,92.2091175 C114.353827,84.8080301 88.4617315,118.101213 21.8636554,110.946048 L21.8636554,49.5123379 L21.8636554,49.5240485 Z",
+            fill: "#0181FD",
+            fillRule: "nonzero"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("mask", { id: "oceanbase-design-empty-guide-mask-2", fill: "white", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("use", { xlinkHref: "#oceanbase-design-empty-guide-path-1" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { mask: "url(#oceanbase-design-empty-guide-mask-2)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(3.7825, 10.9494)", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "g",
+              {
+                strokeWidth: "1",
+                fill: "none",
+                fillRule: "evenodd",
+                transform: "translate(131.6972, 16.6476)",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "path",
+                    {
+                      d: "M19.8143036,18.144528 C21.3601004,26.5761466 18.8189042,34.1060504 14.1463823,34.9609228 C9.47386031,35.8157953 4.43831033,29.6677401 2.90422417,21.2361215 C1.35842744,12.8045029 1.54579674,3.37748496 7.37766625,2.22984798 C13.3969051,1.04707927 18.2685069,9.71290946 19.8025931,18.144528 L19.8143036,18.144528 Z",
+                      fill: "#07C846",
+                      fillRule: "nonzero"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "path",
+                    {
+                      d: "M32.8247595,30.6631395 C31.4194898,36.7994841 27.5315767,41.1558204 24.1355082,40.3712114 C20.7394396,39.5983131 19.1116688,33.9889446 20.5169385,27.8526 C21.9222083,21.7162553 24.7913007,15.3339885 29.0422417,16.3176773 C35.9866165,17.9337376 34.2300293,24.5150843 32.8247595,30.6631395 L32.8247595,30.6631395 Z",
+                      fill: "#07C846",
+                      fillRule: "nonzero"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "path",
+                    {
+                      d: "M22.8005019,9.33817086 C20.4818068,12.382922 17.2379757,13.7999024 15.5633626,12.523449 C13.8887495,11.2469956 14.3923045,7.73382122 16.7109996,4.70078065 C19.0296947,1.6560295 22.2149728,-1.14279944 24.3228775,0.473260782 C27.7540778,3.10814158 25.1309076,6.30513029 22.8122125,9.34988144 L22.8005019,9.33817086 Z",
+                      fill: "#07C846",
+                      fillRule: "nonzero"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "rect",
+                    {
+                      fill: "#E6E6E6",
+                      fillRule: "nonzero",
+                      x: "0.17565872",
+                      y: "32.5836748",
+                      width: "37.4972815",
+                      height: "9.9188624",
+                      rx: "1.15934755"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "path",
+                    {
+                      d: "M8.97030531,42.5025372 L0,42.5025372 L0,32.5836748 L7.20200753,32.5836748 L7.20200753,40.74595 C7.20200753,41.7179283 7.98661648,42.5025372 8.95859473,42.5025372 L8.95859473,42.5025372 L8.97030531,42.5025372 Z",
+                      fill: "#B3B3B3",
+                      fillRule: "nonzero"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "path",
+                    {
+                      d: "M2.08448348,42.5025372 L35.7524049,42.5025372 L35.7524049,58.8153771 C35.7524049,61.4619684 33.5976579,63.6167154 30.9510665,63.6167154 L6.87411125,63.6167154 C4.22751987,63.6167154 2.0727729,61.4619684 2.0727729,58.8153771 L2.0727729,42.5025372 L2.0727729,42.5025372 L2.08448348,42.5025372 Z",
+                      fill: "#E6E6E6",
+                      fillRule: "nonzero"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "path",
+                    {
+                      d: "M35.7524049,42.5025372 L2.08448348,42.5025372 L2.08448348,45.3833402 L3.38435801,45.3833402 L3.38435801,63.6167154 L10.5863655,63.6167154 L10.5863655,47.2219015 C10.5863655,46.2030809 11.4061062,45.3833402 12.4249268,45.3833402 L35.7524049,45.3833402 L35.7524049,42.5025372 Z",
+                      fill: "#B3B3B3",
+                      fillRule: "nonzero"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "rect",
+              {
+                fill: "#005AFD",
+                fillRule: "nonzero",
+                x: "0",
+                y: "82.1614387",
+                width: "150.199916",
+                height: "20.7979925"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { strokeWidth: "1", fill: "none", fillRule: "evenodd", transform: "translate(6.6842, 0)", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "path",
+                {
+                  d: "M129.580156,75.8025931 L22.0418879,75.8025931 C18.1422644,75.8025931 14.7696169,73.0740276 13.9615868,69.2563781 L0.0611267521,3.31409452 C-0.30190127,1.60434964 0.99797326,0 2.74284988,0 L110.281118,0 C114.180742,0 117.553389,2.72856545 118.36142,6.54621497 L132.26188,72.4884985 C132.624908,74.1982434 131.325033,75.8025931 129.580156,75.8025931 L129.580156,75.8025931 Z",
+                  fill: "#E6E6E6",
+                  fillRule: "nonzero"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "path",
+                {
+                  d: "M22.0418879,70.8724383 C20.4843806,70.8724383 19.1142426,69.7599331 18.7863463,68.2375575 L5.44799417,4.93015475 L110.292829,4.93015475 C111.850336,4.93015475 113.220474,6.04265997 113.548371,7.56503555 L126.886723,70.8724383 L22.0418879,70.8724383 L22.0418879,70.8724383 Z",
+                  fill: "#132039",
+                  fillRule: "nonzero"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "path",
+                {
+                  d: "M104.343854,12.3312422 L16.3154137,12.3312422 C15.4136989,12.3312422 14.7344852,13.1626934 14.9218545,14.0526976 L24.7938746,60.8833124 C25.1100603,62.405688 26.4567771,63.4830615 28.0025738,63.4830615 L116.031014,63.4830615 C116.932729,63.4830615 117.611942,62.6516102 117.424573,61.761606 L107.552553,14.9309912 C107.236367,13.4086156 105.88965,12.3312422 104.343854,12.3312422 Z",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "path",
+                {
+                  d: "M36.7620887,33.539105 C50.1707043,35.3425345 54.7612522,27.2505228 71.3200142,29.0422417 L73.8846316,41.174404 C60.4760159,39.3709745 55.885468,47.4629862 39.3384166,45.7298202 L36.7620887,33.539105 Z",
+                  fill: "#0181FD",
+                  fillRule: "nonzero"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "path",
+                {
+                  d: "M104.343854,12.3312422 L80.419136,12.3312422 L91.2045814,63.4830615 L116.031014,63.4830615 C116.932729,63.4830615 117.611942,62.6516102 117.424573,61.761606 L107.552553,14.9309912 C107.236367,13.4086156 105.88965,12.3312422 104.343854,12.3312422 L104.343854,12.3312422 Z",
+                  fill: "#0181FD",
+                  fillRule: "nonzero"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "path",
+                {
+                  d: "M98.9452756,33.902133 C95.5023647,33.902133 92.1062961,31.1033041 91.3685295,27.6603931 C91.0172121,26.0092012 91.3333978,24.4868256 92.2468231,23.3508992 C93.1368273,22.2501046 94.4952547,21.6528649 96.0761832,21.6528649 C99.5190941,21.6528649 102.915163,24.4516939 103.652929,27.8946048 C104.004247,29.5457967 103.688061,31.0681723 102.774636,32.2040987 C101.884632,33.3048934 100.526204,33.902133 98.9452756,33.902133 Z",
+                  fill: "#005AFD",
+                  fillRule: "nonzero"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "path",
+                {
+                  d: "M154.886723,82.1731493 L43.4019883,82.1731493 L43.4019883,75.8025931 L156.84239,75.8025931 C157.45134,75.8025931 157.931474,76.2944375 157.931474,76.8916771 L157.931474,79.1166876 C157.931474,80.8030113 156.561336,82.1731493 154.875012,82.1731493 L154.886723,82.1731493 Z",
+                  fill: "#CCCCCC",
+                  fillRule: "nonzero"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "path",
+                {
+                  d: "M92.4576136,75.8025931 L117.16694,75.8025931 L117.16694,76.0485153 C117.16694,77.1961522 116.230094,78.1329987 115.082457,78.1329987 L94.5420971,78.1329987 C93.3944601,78.1329987 92.4576136,77.1961522 92.4576136,76.0485153 L92.4576136,75.8025931 L92.4576136,75.8025931 L92.4576136,75.8025931 Z",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "path",
+                {
+                  d: "M50.990445,82.1731493 L17.1468649,82.1731493 C15.3902777,82.1731493 13.9615868,80.7444584 13.9615868,78.9878712 L13.9615868,78.9878712 C13.9615868,77.231284 15.3902777,75.8025931 17.1468649,75.8025931 L44.3856771,75.8025931 C45.5567353,75.8025931 46.6458193,76.3529904 47.3484542,77.2898369 L50.990445,82.1731493 L50.990445,82.1731493 Z",
+                  fill: "#132039",
+                  fillRule: "nonzero"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "path",
+                {
+                  d: "M107.950713,42.5094103 L92.4693242,42.5094103 C91.7315575,42.5094103 91.0874756,41.9824341 90.935238,41.2563781 L90.935238,41.2563781 C90.7361581,40.2843998 91.4739247,39.3709745 92.4693242,39.3709745 L107.950713,39.3709745 C108.688479,39.3709745 109.332561,39.8979506 109.484799,40.6240067 L109.484799,40.6240067 C109.683879,41.5959849 108.946112,42.5094103 107.950713,42.5094103 Z",
+                  fill: "#005AFD",
+                  fillRule: "nonzero"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "path",
+                {
+                  d: "M109.227166,48.083647 L93.7457775,48.083647 C93.0080109,48.083647 92.3639289,47.5566708 92.2116914,46.8306148 L92.2116914,46.8306148 C92.0126115,45.8586366 92.7503781,44.9452112 93.7457775,44.9452112 L109.227166,44.9452112 C109.964933,44.9452112 110.609015,45.4721874 110.761252,46.1982434 L110.761252,46.1982434 C110.960332,47.1702217 110.222565,48.083647 109.227166,48.083647 Z",
+                  fill: "#005AFD",
+                  fillRule: "nonzero"
+                }
+              )
+            ] })
+          ] }) })
+        ] })
+      ] }) }) })
+    ]
+  }
 );
 if (process.env.NODE_ENV !== "production") {
   GuideEmptyImg.displayName = "GuideEmptyImg";

package/lib/empty/index.js

@@ -33,7 +33,7 @@ __export(empty_exports, {
   default: () => empty_default
 });
 module.exports = __toCommonJS(empty_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_config_provider = __toESM(require("../config-provider"));
@@ -44,11 +44,12 @@ var import_database = __toESM(require("./database"));
 var import_guide = __toESM(require("./guide"));
 var import_style = __toESM(require("./style"));
 __reExport(empty_exports, require("antd/es/empty"), module.exports);
-var defaultEmptyImg = /* @__PURE__ */ import_react.default.createElement(import_default.default, null);
-var simpleEmptyImg = /* @__PURE__ */ import_react.default.createElement(import_default.default, null);
-var coloredEmptyImg = /* @__PURE__ */ import_react.default.createElement(import_colored.default, null);
-var databaseEmptyImg = /* @__PURE__ */ import_react.default.createElement(import_database.default, null);
-var guideEmptyImg = /* @__PURE__ */ import_react.default.createElement(import_guide.default, null);
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultEmptyImg = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_default.default, {});
+var simpleEmptyImg = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_default.default, {});
+var coloredEmptyImg = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_colored.default, {});
+var databaseEmptyImg = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_database.default, {});
+var guideEmptyImg = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_guide.default, {});
 var Empty = (props) => {
   const [locale] = (0, import_locale.useLocale)("Empty");
   const {
@@ -64,33 +65,37 @@ var Empty = (props) => {
   } = props;
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("empty", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
+  const [wrapCSSVar] = (0, import_style.default)(prefixCls);
   const isHorizontal = layout === "horizontal";
   const emptyCls = (0, import_classnames.default)(
-    prefixCls,
     {
       [`${prefixCls}-horizontal`]: isHorizontal,
       [`${prefixCls}-small`]: image === defaultEmptyImg || image === simpleEmptyImg
     },
     className
   );
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+  return wrapCSSVar(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Empty,
       {
         image,
-        description: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title` }, title), description && /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: `${prefixCls}-description-content`
-          },
-          description
-        ), steps && /* @__PURE__ */ import_react.default.createElement(import_antd.Steps, { items: steps }), isHorizontal && children && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-footer` }, children)),
+        description: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-title`, children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: `${prefixCls}-description-content`,
+              children: description
+            }
+          ),
+          steps && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Steps, { items: steps }),
+          isHorizontal && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-footer`, children })
+        ] }),
         prefixCls: customizePrefixCls,
         className: emptyCls,
-        ...restProps
-      },
-      !isHorizontal && children
+        ...restProps,
+        children: !isHorizontal && children
+      }
     )
   );
 };

package/lib/empty/style/index.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type EmptyToken = FullToken<'Badge'>;
 export declare const genEmptyStyle: GenerateStyle<EmptyToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/empty/style/index.js

@@ -23,9 +23,10 @@ __export(style_exports, {
   genEmptyStyle: () => genEmptyStyle
 });
 module.exports = __toCommonJS(style_exports);
+var import_cssinjs = require("@ant-design/cssinjs");
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genEmptyStyle = (token) => {
-  const { antCls, componentCls, colorTextTertiary, colorText, colorTextSecondary } = token;
+  const { antCls, componentCls, colorTextTertiary, colorText, colorTextSecondary, calc } = token;
   return {
     [`${componentCls}`]: {
       [`${componentCls}-image`]: {
@@ -44,6 +45,7 @@ var genEmptyStyle = (token) => {
         },
         [`${componentCls}-description-content`]: {
           color: colorTextTertiary,
+          fontWeight: token.fontWeightWeak,
           maxWidth: 600,
           margin: "0px auto",
           marginTop: token.marginXS
@@ -59,7 +61,7 @@ var genEmptyStyle = (token) => {
             [`${antCls}-steps-item-icon`]: {
               height: token.controlHeightSM,
               width: token.controlHeightSM,
-              lineHeight: `${token.controlHeightSM}px`,
+              lineHeight: (0, import_cssinjs.unit)(token.controlHeightSM),
               backgroundColor: token.colorFillSecondary,
               // override default border color
               borderColor: token.colorFillSecondary,
@@ -73,9 +75,9 @@ var genEmptyStyle = (token) => {
                 color: colorText,
                 fontSize: token.fontSize,
                 fontWeight: token.fontWeightStrong,
-                lineHeight: `${token.controlHeightSM}px`,
+                lineHeight: (0, import_cssinjs.unit)(token.controlHeightSM),
                 "&::after": {
-                  top: token.controlHeightSM / 2
+                  top: calc(token.controlHeightSM).div(2).equal()
                 }
               },
               [`${antCls}-steps-item-description`]: {
@@ -110,12 +112,9 @@ var genEmptyStyle = (token) => {
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Empty", (token) => {
-    return [genEmptyStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
+var style_default = (0, import_genComponentStyleHook.genStyleHooks)("Empty", (token) => {
+  return [genEmptyStyle(token)];
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   genEmptyStyle

package/lib/form/FormItem.d.ts

@@ -17,6 +17,7 @@ export type LabelTooltipType = WrapperTooltipProps | React.ReactNode;
 export interface FormItemProps extends AntFormItemProps {
     tooltip?: WrapperTooltipProps | ReactNode;
     action?: ReactNode;
+    description?: ReactNode;
 }
 type CompoundedComponent = React.FC<FormItemProps> & {
     useStatus: typeof AntFormItem.useStatus;