bitz-react-admin-ui 2.6.0 → 2.6.2

package/dist/components/BitzTable/ToolBar/ColConfigIcon/style.mjs

@@ -1,140 +1,150 @@
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/extractStyle.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/extractStyle.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
 import "react";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
-import { unit as r } from "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/util/index.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/hooks/useHMR.mjs";
-import "../../../../node_modules/.store/rc-util@5.41.0/node_modules/rc-util/es/warning.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/theme/createTheme.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/theme/ThemeCache.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
-import { css as i } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-const m = (o) => i`
-  .sortContent {
-    width: 100%;
-    height: 100%;
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    column-gap: 16px;
-
-    .sortCard {
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
+import { unit as r } from "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/util/index.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/hooks/useHMR.mjs";
+import "../../../../node_modules/.store/rc-util@5.43.0/node_modules/rc-util/es/warning.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/theme/createTheme.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/theme/ThemeCache.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
+import { css as t } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
+const h = (o) => t`
+  .columnsSortWrapper {
+    .sortContent {
       width: 100%;
-      background-color: var(--sortCard-bgColor);
-      border-radius: ${r(o.borderRadius)};
-      padding-inline: 6px;
-      padding-block-end: 10px;
-      overflow: hidden auto;
-      box-sizing: border-box;
-
-      .title {
-        color: var(--sortCard-titleColor);
-        margin: 0;
-        padding-inline: 8px;
-        padding-block-start: 10px;
-        background-color: var(--sortCard-bgColor);
-        position: sticky;
-        top: 0;
-        z-index: 10;
-      }
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      column-gap: 16px;
+      padding-top: 16px;
 
-      .sortList {
-        flex: 1;
+      .sortCard {
         width: 100%;
-        /* overflow: hidden auto; */
-        cursor: grab;
-
-        &:has(.sortItemDragging) {
-          cursor: grabbing;
+        background-color: var(--sortCard-bgColor);
+        border-radius: ${r(o.borderRadius)};
+        padding-inline: 6px;
+        padding-block-end: 10px;
+        box-sizing: border-box;
+        overflow: hidden auto;
+
+        .title {
+          color: var(--sortCard-titleColor);
+          margin: 0;
+          padding-inline: 8px;
+          padding-block-start: 10px;
+          background-color: var(--sortCard-bgColor);
+          position: sticky;
+          top: 0;
+          z-index: 3;
         }
 
-        .sortItem {
-          display: grid;
-          align-items: center;
-          /* 16px是.dragIcon的padding-inline乘以2 */
-          --dragIcon-width: calc(16px + ${r(o.fontSize + 4)});
-          /* 16px是.operation的padding-inline-end加上margin-left */
-          --operation-width: calc(${r(o.fontSize + 4)} * 2 + 16px);
-          grid-template-columns: var(--dragIcon-width) calc(
-              100% - var(--dragIcon-width)
-            );
-          border-radius: ${r(o.borderRadius)};
-
-          &.showSortItemOperat {
-            grid-template-columns:
-              var(--dragIcon-width) calc(
-                100% - var(--dragIcon-width) - var(--operation-width)
-              )
-              var(--operation-width);
-          }
+        .sortList {
+          flex: 1;
+          width: 100%;
+          /* overflow: hidden auto; */
+          cursor: grab;
 
-          &:hover {
-            background-color: ${o.colorBgContainer};
+          &:has(.sortItemDragging) {
+            cursor: grabbing;
           }
 
-          .dragIcon {
-            height: 100%;
-            padding-inline: 8px;
+          .sortItem {
+            display: grid;
+            align-items: center;
+            /* 16px是.dragIcon的padding-inline乘以2 */
+            --dragIcon-width: calc(16px + ${r(o.fontSize + 4)});
+            /* 16px是.operation的padding-inline-end加上margin-left */
+            --operation-width: calc(${r(o.fontSize + 4)} * 2 + 16px);
+            grid-template-columns: var(--dragIcon-width) calc(
+                100% - var(--dragIcon-width)
+              );
+            border-radius: ${r(o.borderRadius)};
+
+            &.showSortItemOperat {
+              grid-template-columns:
+                var(--dragIcon-width) calc(
+                  100% - var(--dragIcon-width) - var(--operation-width)
+                )
+                var(--operation-width);
+            }
 
-            &,
-            & span {
-              cursor: inherit;
+            &:hover {
+              background-color: ${o.colorBgContainer};
             }
-          }
 
-          .ant-checkbox-wrapper {
-            /* width: calc(100% - 66px); */
-            flex: 1;
-            padding-block: 6px;
-            padding-inline-end: 8px;
+            .dragIcon {
+              height: 100%;
+              padding-inline: 8px;
 
-            & > span:last-child {
-              flex: 1;
-              padding-right: 0;
-              display: -webkit-box;
-              -webkit-line-clamp: 1;
-              -webkit-box-orient: vertical;
-              overflow: hidden;
-              text-overflow: ellipsis;
-              user-select: none;
+              &,
+              & span {
+                cursor: inherit;
+              }
             }
 
-            &.disabledCheckbox {
-              cursor: not-allowed !important;
+            .ant-checkbox-wrapper {
+              /* width: calc(100% - 66px); */
+              flex: 1;
+              padding-block: 6px;
+              padding-inline-end: 8px;
+
+              & > span:last-child {
+                flex: 1;
+                padding-right: 0;
+                display: -webkit-box;
+                -webkit-line-clamp: 1;
+                -webkit-box-orient: vertical;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                user-select: none;
+              }
 
-              .ant-checkbox,
-              .ant-checkbox-input {
+              &.disabledCheckbox {
                 cursor: not-allowed !important;
-              }
 
-              &:hover,
-              &:focus,
-              .ant-checkbox:hover,
-              .ant-checkbox:focus {
-                .ant-checkbox-inner {
-                  background-color: ${o.colorPrimary};
-                  border-color: ${o.colorPrimary};
+                .ant-checkbox,
+                .ant-checkbox-input {
+                  cursor: not-allowed !important;
+                }
+
+                &:hover,
+                &:focus,
+                .ant-checkbox:hover,
+                .ant-checkbox:focus {
+                  .ant-checkbox-inner {
+                    background-color: ${o.colorPrimary};
+                    border-color: ${o.colorPrimary};
+                  }
                 }
               }
             }
-          }
 
-          .operation {
-            padding-inline-end: 8px;
+            .operation {
+              padding-inline-end: 8px;
 
-            .rightOperation {
-              margin-left: 8px;
+              .rightOperation {
+                margin-left: 8px;
+              }
             }
           }
         }
       }
     }
+
+    .checkAllAndReset {
+      padding-block: 8px;
+      position: sticky;
+      background-color: ${o.colorBgContainer};
+      bottom: -24px;
+    }
   }
-`, u = (o) => i`
+`, u = (o) => t`
   .stylesConfigFormContent {
     display: flex;
     flex-direction: column;
+    padding-top: 16px;
 
     .ant-form-item {
       width: 100%;
@@ -163,11 +173,34 @@ const m = (o) => i`
       grid-template-columns: repeat(5, 2fr);
     }
 
-    .scope {
-      flex: 1;
-      display: flex;
-      align-items: flex-end;
-      margin-block-end: 0;
+    .scopeAndReset {
+      padding-block: 8px;
+      margin-top: 12px;
+      position: sticky;
+      bottom: -24px;
+      background-color: ${o.colorBgContainer};
+
+      .scope {
+        .ant-form-item {
+          margin-bottom: 0;
+        }
+
+        .ant-form-item-control-input {
+          align-items: flex-end;
+        }
+
+        .stylesScopeLabel {
+          font-weight: 600;
+        }
+      }
+
+      .reset .ant-btn {
+        transform: translateY(1px);
+
+        &:hover {
+          color: ${o.colorPrimary} !important;
+        }
+      }
     }
 
     .ant-radio-wrapper {
@@ -216,11 +249,23 @@ const m = (o) => i`
         background-color: ${o.colorBgContainerDisabled};
       }
     }
+
+    .pageSize,
+    .orderBy {
+      .ant-form-item-label {
+        align-self: center;
+      }
+
+      .ant-form-item-control-input-content {
+        text-align: right;
+      }
+    }
   }
-`, w = (o) => i`
+`, f = (o) => t`
   .exportConfigFormContent {
     display: flex;
     flex-direction: column;
+    row-gap: 20px;
 
     .ant-form-item {
       width: 100%;
@@ -232,6 +277,14 @@ const m = (o) => i`
       }
     }
 
+    .exportFields {
+      .ant-form-item-no-colon {
+      }
+
+      .checkAllAndReset {
+      }
+    }
+
     .ant-tree-draggable-icon {
       transition: none;
       align-self: center;
@@ -280,6 +333,6 @@ const m = (o) => i`
 `;
 export {
   u as appearanceConfigStyles,
-  m as columnsSortStyles,
-  w as exportConfigStyles
+  h as columnsSortStyles,
+  f as exportConfigStyles
 };

package/dist/components/BitzTable/ToolBar/ExportIcon/ExportModal.mjs

@@ -1,64 +1,73 @@
 import { j as e } from "../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { message as C } from "antd";
-import { useState as g, useContext as j, useRef as k, useMemo as E } from "react";
-import { BitzTableContext as y } from "../../Store/index.mjs";
-import f from "../../../BitzButton/index.mjs";
-import b from "../../../BitzTheme/index.mjs";
-import B from "../Modal/index.mjs";
-import O from "../ColConfigIcon/ExportConfig/index.mjs";
-import R from "../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
-const H = ({
-  open: m,
-  title: c,
+import { Card as C, Flex as l, message as j } from "antd";
+import { useState as y, useContext as k, useRef as b, useMemo as B } from "react";
+import { BitzTableContext as E } from "../../Store/index.mjs";
+import c from "../../../BitzButton/index.mjs";
+import O from "../../../BitzTheme/index.mjs";
+import R from "../Modal/index.mjs";
+import T from "../ColConfigIcon/ExportConfig/index.mjs";
+import z from "../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
+const G = ({
+  open: f,
+  title: m,
   onExport: n,
-  close: o,
-  getContainer: l
+  close: t,
+  getContainer: d
 }) => {
-  const { token: s } = b.useToken(), [u, t] = g(!1), { defaultTableExportConfig: p } = j(y), r = k(null), x = async () => {
+  const { token: s } = O.useToken(), [p, r] = y(!1), { defaultTableExportConfig: u } = k(E), o = b(null), x = async () => {
     var i, a;
-    if (u)
+    if (p)
       return;
-    if (t(!0), !((i = r.current) == null ? void 0 : i.hasOne())) {
-      C.error("导出设置至少需要一个字段"), t(!1);
+    if (r(!0), !((i = o.current) == null ? void 0 : i.hasOne())) {
+      j.error("导出设置至少需要一个字段"), r(!1);
       return;
     }
-    const h = ((a = r.current) == null ? void 0 : a.getExportConfig()) ?? p;
-    n && (t(!1), n(h), o());
+    const g = ((a = o.current) == null ? void 0 : a.getExportConfig()) ?? u;
+    n && (r(!1), n(g), t());
   };
-  E(() => s.mode === "dark", [s.mode]);
-  const d = () => {
-    t(!1);
+  B(() => s.mode === "dark", [s.mode]);
+  const h = () => {
+    r(!1);
   };
   return /* @__PURE__ */ e.jsx(
-    B,
+    R,
     {
-      open: m,
-      title: c,
-      close: o,
-      closeAfter: d,
-      getContainer: l,
-      styles: {
-        content: {
-          maxHeight: "calc(100vh - 200px)",
-          height: "auto"
-        }
-      },
+      open: f,
+      title: m,
+      close: t,
+      closeAfter: h,
+      getContainer: d,
       footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          f,
+          c,
           {
             type: "primary",
-            icon: /* @__PURE__ */ e.jsx(R, {}),
+            icon: /* @__PURE__ */ e.jsx(z, {}),
             onClick: x,
             children: "导出"
           }
         ),
-        /* @__PURE__ */ e.jsx(f, { onClick: o, children: "取消" })
+        /* @__PURE__ */ e.jsx(c, { onClick: t, children: "取消" })
       ] }),
-      children: /* @__PURE__ */ e.jsx(O, { refInstance: r, fromExportIcon: !0, display: !0, showSelectRadio: !0 })
+      children: /* @__PURE__ */ e.jsx(
+        C,
+        {
+          className: "container",
+          bordered: !1,
+          styles: { body: { paddingBlock: 24 } },
+          children: /* @__PURE__ */ e.jsx(l, { vertical: !0, align: "center", gap: 24, style: { height: "100%" }, children: /* @__PURE__ */ e.jsx(l, { className: "containerBody", children: /* @__PURE__ */ e.jsx(
+            T,
+            {
+              refInstance: o,
+              display: !0,
+              showSelectRadio: !0
+            }
+          ) }) })
+        }
+      )
     }
   );
 };
 export {
-  H as default
+  G as default
 };

package/dist/components/BitzTable/ToolBar/Modal/index.mjs

@@ -1,49 +1,56 @@
-import { j as e } from "../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { Modal as p, Typography as g, Card as h, Flex as s } from "antd";
-import { useMemo as x } from "react";
-import y from "../../../BitzTheme/index.mjs";
+import { j as t } from "../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
+import { Modal as C, Typography as c } from "antd";
+import { useMemo as p } from "react";
+import g from "../../../BitzTheme/index.mjs";
 import u from "../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import { styles as j } from "./style.mjs";
-function v({
-  open: a,
-  title: l,
-  close: i,
-  closeAfter: n,
-  getContainer: d,
-  footer: c,
-  extra: t,
-  styles: m,
-  children: f
+import { styles as y, modalTitleHeight as x } from "./style.mjs";
+function H({
+  open: e,
+  title: s,
+  close: a,
+  closeAfter: l,
+  getContainer: i,
+  footer: m,
+  extra: h,
+  styles: n,
+  children: d
 }) {
-  const { token: o } = y.useToken(), r = x(() => o.mode === "dark", [o.mode]), C = () => {
-    n();
+  const { token: o } = g.useToken(), r = p(() => o.mode === "dark", [o.mode]), f = () => {
+    l();
   };
-  return /* @__PURE__ */ e.jsx(
-    p,
+  return /* @__PURE__ */ t.jsx(
+    C,
     {
-      className: u(j(o), "tableConfigModal"),
-      title: /* @__PURE__ */ e.jsx(g.Title, { style: { fontSize: 16, margin: 0 }, children: l }),
-      getContainer: d,
-      open: a,
-      onCancel: i,
-      afterClose: C,
+      className: u(y(o), "tableConfigModal"),
+      title: /* @__PURE__ */ t.jsx(
+        c.Title,
+        {
+          style: {
+            fontSize: 16,
+            lineHeight: `${x}px`,
+            margin: 0
+          },
+          children: s
+        }
+      ),
+      getContainer: i,
+      open: e,
+      onCancel: a,
+      afterClose: f,
       style: {
         "--sortCard-bgColor": r ? "#444" : "#f2f2f2",
         "--sortCard-titleColor": r ? "#ccc" : "#777",
         "--radioCard-bgColor": r ? "#444" : "#F2F2F2",
         "--radioCard-bgHoverColor": r ? "#333" : o.colorBgContainer
       },
-      styles: m,
+      styles: n,
       width: 700,
-      footer: c,
+      footer: m,
       destroyOnClose: !0,
-      children: /* @__PURE__ */ e.jsx(h, { className: "container", bordered: !1, children: /* @__PURE__ */ e.jsxs(s, { vertical: !0, align: "center", gap: 24, style: { height: "100%" }, children: [
-        t && /* @__PURE__ */ e.jsx("div", { className: "extraContent", children: t }),
-        /* @__PURE__ */ e.jsx(s, { className: "containerBody", children: f })
-      ] }) })
+      children: d
     }
   );
 }
 export {
-  v as default
+  H as default
 };

package/dist/components/BitzTable/ToolBar/Modal/style.d.ts

@@ -1,2 +1,6 @@
 import { BitzGlobalToken } from '@/components/BitzTheme';
+export declare const modalTitleHeight = 19;
+export declare const modalHeaderHeight: number;
+export declare const modalFooterHeight: number;
+export declare const blockGap = 200;
 export declare const styles: (token: BitzGlobalToken) => string;

package/dist/components/BitzTable/ToolBar/Modal/style.mjs

@@ -1,35 +1,60 @@
-import { css as l } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import { columnsSortStyles as n, appearanceConfigStyles as r, exportConfigStyles as i } from "../ColConfigIcon/style.mjs";
-const f = (o) => {
-  var t, e, a;
-  return l`
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/extractStyle.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
+import "react";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
+import { unit as t } from "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/util/index.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/hooks/useHMR.mjs";
+import "../../../../node_modules/.store/rc-util@5.43.0/node_modules/rc-util/es/warning.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/theme/createTheme.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/theme/ThemeCache.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
+import { css as n } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
+import { columnsSortStyles as a, appearanceConfigStyles as l, exportConfigStyles as d } from "../ColConfigIcon/style.mjs";
+const p = 19, c = p + 32 + 1, m = 49 + 1, g = 200, k = (o) => {
+  var i, r, e;
+  return n`
   &.tableConfigModal {
     .ant-modal-content {
-      height: calc(100vh - 200px);
+      max-height: calc(100vh - ${t(g)});
       display: flex;
       flex-direction: column;
-      background-color: ${(t = o.Modal) == null ? void 0 : t.contentBg};
+      background-color: ${(i = o.Modal) == null ? void 0 : i.contentBg};
+      transition: height 0.2s;
 
       .ant-modal-header {
+        height: ${t(c)};
         font-size: 16px;
         font-weight: 700;
-        background-color: ${(e = o.Modal) == null ? void 0 : e.headerBg};
+        background-color: ${(r = o.Modal) == null ? void 0 : r.headerBg};
       }
 
       .ant-modal-body {
         flex: 1;
         overflow: hidden auto;
+        ::-webkit-scrollbar {
+          width: 0;
+        }
 
         .pointerCursor {
           cursor: pointer;
         }
 
         .container {
-          height: 100%;
-
           .ant-card-body {
             width: 100%;
-            height: 100%;
+            padding-block: 16px;
+          }
+
+          .segmentedWrapper {
+            position: sticky;
+            top: -24px;
+            z-index: 5;
+            background: ${o.colorBgContainer};
+            width: 100%;
+            text-align: center;
+            padding-block: 8px;
           }
 
           .containerBody {
@@ -37,27 +62,32 @@ const f = (o) => {
             width: 100%;
             position: relative;
 
-            ${n(o)}
+            ${a(o)}
 
-            ${r(o)}
+            ${l(o)}
 
-            ${i(o)}
+            ${d(o)}
           }
         }
       }
 
       .ant-modal-footer {
         width: 100%;
+        height: ${t(m)};
         align-self: flex-end;
         text-align: left;
         margin: 0;
         padding-inline: 24px;
-        background-color: ${(a = o.Modal) == null ? void 0 : a.footerBg};
+        background-color: ${(e = o.Modal) == null ? void 0 : e.footerBg};
       }
     }
   }
 `;
 };
 export {
-  f as styles
+  g as blockGap,
+  m as modalFooterHeight,
+  c as modalHeaderHeight,
+  p as modalTitleHeight,
+  k as styles
 };