bitz-react-admin-ui 2.1.8 → 2.2.0

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ExportConfig/index.d.ts

@@ -1,10 +1,16 @@
-/// <reference types="react" />
-interface ExportConfigProps {
-    display: boolean;
-}
-export interface ExportConfigImperativeProps {
-    getExportConfig: () => any[];
+import { ExportConfigProps, ExportResultConfigType } from '@/components/BitzTable/Store';
+import { Ref } from 'react';
+type BooleanConvertType<T extends boolean> = T extends false ? 'config' : 'export';
+export interface ExportConfigImperativeProps<T extends ExportResultConfigType> {
+    getExportConfig: () => ExportConfigProps<T>;
     hasOne: () => boolean;
 }
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<ExportConfigProps & import("react").RefAttributes<ExportConfigImperativeProps>>>;
+interface ExportConfigComponentProps<T extends boolean> {
+    display: boolean;
+    parentHeight?: any;
+    showSelectRadio: T;
+    refInstance: Ref<ExportConfigImperativeProps<BooleanConvertType<T>>>;
+}
+declare function ExportConfig<T extends boolean>({ display, showSelectRadio, parentHeight, refInstance }: ExportConfigComponentProps<T>): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof ExportConfig>;
 export default _default;

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ExportConfig/index.mjs

@@ -1,86 +1,125 @@
-import { j as t } from "../../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { BitzTableContext as E } from "../../../Store/index.mjs";
-import A from "../../../../BitzTheme/index.mjs";
-import { Form as i, Flex as c, Checkbox as h, Radio as o, InputNumber as F, Select as I } from "antd";
-import { forwardRef as T, useMemo as p, useContext as N, useState as r, useEffect as R, useImperativeHandle as z, memo as B } from "react";
-const G = T(
-  ({ display: u }, f) => {
-    A.useToken();
-    const m = p(() => ({
-      width: "100%",
-      ...{ display: u ? "flex" : "none" }
-    }), [u]), n = N(E).exportConfig, [s, g] = r([]), [l, a] = r([]);
-    R(() => {
-      g(n.map((e) => e.field)), a(n.filter((e) => e.show).map((e) => e.field));
-    }, [n]);
-    const j = p(() => s.length === l.length, [s, l]), C = p(() => l.length > 0 && l.length < s.length, [l, s]), b = (e) => {
-      a(e.target.checked ? s : []);
-    }, [v, w] = r("page"), [k, y] = r(1);
-    return z(f, () => ({
-      getExportConfig: () => {
-        const e = [];
-        return n.forEach((d) => {
-          let x = !1;
-          l.includes(d.field) && (x = !0), e.push({ ...d, show: x });
-        }), e;
-      },
-      hasOne: () => l.length > 0
-    })), /* @__PURE__ */ t.jsxs(
-      i,
-      {
-        style: m,
-        labelCol: { span: 3 },
-        labelAlign: "left",
-        colon: !1,
-        className: "exportConfigFormContent",
-        children: [
-          /* @__PURE__ */ t.jsx(i.Item, { label: "导出字段", className: "exportFields", children: /* @__PURE__ */ t.jsxs(c, { vertical: !0, gap: 8, children: [
-            /* @__PURE__ */ t.jsx(
-              h,
+import { j as n } from "../../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { BitzTableContext as A } from "../../../Store/index.mjs";
+import D from "../../../../BitzTheme/index.mjs";
+import { findParentFirstNodeByClass as L } from "../../../../../utils/findNode.mjs";
+import M from "../../../../../node_modules/.store/ahooks@3.7.11/node_modules/ahooks/es/useSize/index.mjs";
+import { Form as C, Flex as y, Checkbox as O, Radio as c, InputNumber as P, Select as G } from "antd";
+import { memo as $, useRef as q, useMemo as h, useContext as F, useState as f, useEffect as H, useImperativeHandle as J } from "react";
+import Q from "./DndList.mjs";
+function R({
+  display: r,
+  showSelectRadio: d = !1,
+  parentHeight: g,
+  refInstance: I
+}) {
+  D.useToken();
+  const v = q(null), t = M(v), N = h(() => ({
+    // display: display ? 'flex' : 'none'
+    width: r ? "100%" : 0,
+    height: "100%",
+    pointerEvents: r ? "auto" : "none",
+    opacity: r ? 1 : 0,
+    overflow: "hidden",
+    ...r ? {} : {
+      position: "absolute",
+      left: 0,
+      right: 0
+    }
+  }), [r]), T = h(() => typeof g == "number" && (t != null && t.height) ? g - (t == null ? void 0 : t.height) - 20 : "auto", [g, t == null ? void 0 : t.height]), l = F(A).exportConfig, x = F(A).selected, [i, w] = f([]), [a, u] = f([]), [m, b] = f("current"), [k, E] = f("page"), [j, S] = f(1);
+  H(() => {
+    var e, s;
+    u(l.fields), w(l.fields.map((p) => p.field)), b(d && x ? "selectedRows" : l.config.key), E(((e = l.config.info) == null ? void 0 : e.type) ?? "page"), S(((s = l.config.info) == null ? void 0 : s.value) ?? 1);
+  }, [l, d, x]);
+  const o = h(() => a.filter((e) => e.show).map((e) => e.field), [a]), B = h(() => i.length === o.length, [i, o]), V = h(() => o.length > 0 && o.length < i.length, [o, i]), z = ({ target: e }) => {
+    u(a.map((s) => ({ ...s, show: e.checked })));
+  }, K = (e, s) => {
+    u(e), w(s);
+  };
+  return J(I, () => ({
+    getExportConfig: () => {
+      const e = {
+        fields: [],
+        config: {
+          key: m,
+          info: void 0
+        }
+      };
+      return a.forEach((s) => {
+        let p = !1;
+        o.includes(s.field) && (p = !0), e.fields.push({ ...s, show: p });
+      }), m === "any" && (e.config.info = {
+        type: k,
+        value: (j || 0) < 1 ? 1 : j || 1
+      }), e;
+    },
+    hasOne: () => o.length > 0
+  })), /* @__PURE__ */ n.jsxs(
+    C,
+    {
+      style: N,
+      labelCol: { span: 3 },
+      labelAlign: "left",
+      colon: !1,
+      className: "exportConfigFormContent",
+      children: [
+        /* @__PURE__ */ n.jsx(C.Item, { label: "导出字段", className: "exportFields", children: /* @__PURE__ */ n.jsxs(y, { vertical: !0, style: { gap: 8, maxHeight: T }, children: [
+          /* @__PURE__ */ n.jsx(
+            O,
+            {
+              checked: B,
+              indeterminate: V,
+              onChange: z,
+              style: { alignSelf: "flex-start" },
+              children: "全选"
+            }
+          ),
+          /* @__PURE__ */ n.jsx(
+            Q,
+            {
+              dataList: a,
+              keys: i,
+              onChange: u,
+              onMoveEnd: K
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ n.jsx(C.Item, { label: "导出设置", className: "exportTotal", children: /* @__PURE__ */ n.jsx(c.Group, { ref: v, value: m, onChange: ({ target: e }) => b(e.value), children: /* @__PURE__ */ n.jsxs(y, { vertical: !0, gap: 8, align: "flex-start", children: [
+          d && x && /* @__PURE__ */ n.jsx(c, { value: "selectedRows", children: /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出选中数据" }) }),
+          /* @__PURE__ */ n.jsx(c, { value: "current", children: /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "仅导出当前页" }) }),
+          /* @__PURE__ */ n.jsx(c, { value: "any", children: /* @__PURE__ */ n.jsxs(y, { align: "center", gap: 8, children: [
+            /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出" }),
+            /* @__PURE__ */ n.jsx(
+              P,
               {
-                checked: j,
-                indeterminate: C,
-                onChange: b,
-                children: "全选"
+                controls: !1,
+                min: 1,
+                value: j,
+                onChange: (e) => S(e),
+                style: { width: 120 },
+                addonAfter: /* @__PURE__ */ n.jsx(
+                  G,
+                  {
+                    value: k,
+                    onChange: E,
+                    options: [
+                      { label: "页", value: "page" },
+                      { label: "条", value: "pieces" }
+                    ],
+                    onClick: (e) => e.preventDefault(),
+                    getPopupContainer: (e) => L(e, "containerBody")
+                  }
+                )
               }
             ),
-            /* @__PURE__ */ t.jsx(h.Group, { value: l, onChange: a, children: n.map((e) => /* @__PURE__ */ t.jsx(h, { title: e.title, value: e.field, children: e.title }, e.field)) })
+            /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "数据" })
           ] }) }),
-          /* @__PURE__ */ t.jsx(i.Item, { label: "导出设置", className: "exportTotal", children: /* @__PURE__ */ t.jsx(o.Group, { children: /* @__PURE__ */ t.jsxs(c, { vertical: !0, gap: 8, children: [
-            /* @__PURE__ */ t.jsx(o, { value: "current", children: "仅导出当前页" }),
-            /* @__PURE__ */ t.jsx(o, { value: "any", children: /* @__PURE__ */ t.jsxs(c, { align: "center", gap: 8, children: [
-              /* @__PURE__ */ t.jsx("span", { children: "导出" }),
-              /* @__PURE__ */ t.jsx(
-                F,
-                {
-                  controls: !1,
-                  min: 1,
-                  value: k,
-                  onChange: (e) => y(e),
-                  style: { width: 120 },
-                  addonAfter: /* @__PURE__ */ t.jsx(
-                    I,
-                    {
-                      value: v,
-                      onChange: w,
-                      options: [
-                        { label: "页", value: "page" },
-                        { label: "条", value: "pieces" }
-                      ],
-                      onClick: (e) => e.preventDefault()
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ t.jsx("span", { children: "数据" })
-            ] }) }),
-            /* @__PURE__ */ t.jsx(o, { value: "all", children: "导出全部数据" })
-          ] }) }) })
-        ]
-      }
-    );
-  }
-), M = B(G);
+          /* @__PURE__ */ n.jsx(c, { value: "all", children: /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出全部数据" }) })
+        ] }) }) })
+      ]
+    }
+  );
+}
+const te = $(R);
 export {
-  M as default
+  te as default
 };

package/dist/components/BitzTable/ToolBar/ColConfigIcon/StylesConfig/index.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { FormInstance } from 'antd';
-interface StylesConfigProps {
+interface StylesConfigComponentProps {
     display: boolean;
 }
 export interface StylesConfigImperativeProps {
     getFormInstance: () => FormInstance<any>;
 }
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<StylesConfigProps & import("react").RefAttributes<StylesConfigImperativeProps>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<StylesConfigComponentProps & import("react").RefAttributes<StylesConfigImperativeProps>>>;
 export default _default;

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

@@ -1,43 +1,40 @@
-import { j as e } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { useState as m, useMemo as h, useEffect as j } from "react";
-import { Tooltip as E } from "antd";
-import b from "./ColumnConfigModal.mjs";
-import p from "../style.mjs";
-import v from "../../../BitzButton/index.mjs";
-import y from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
-const o = "表格设置", I = (n) => {
-  const { order: u, show: f = !0, icon: d = /* @__PURE__ */ e.jsx(y, {}) } = n, { toolbarItemClassName: g } = p(), [x, l] = m(!1), [r, c] = m(!1), C = h(() => r ? !1 : void 0, [r]);
-  return j(() => (document == null || document.addEventListener("fullscreenchange", (s) => {
-    var t, i, a;
-    (t = s.target) != null && t.classList.contains("bitzTableBlock") && (c(!!document.fullscreenElement), (a = (i = document.fullscreenElement) == null ? void 0 : i.classList) != null && a.contains("bitzTableBlock") || c(!1));
-  }), document == null ? void 0 : document.removeEventListener("fullscreenchange", () => {
-  })), []), f ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      b,
+import { j as t } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { useContext as x, useState as C, useMemo as d } from "react";
+import { Tooltip as g } from "antd";
+import j from "./ColumnConfigModal.mjs";
+import h from "../style.mjs";
+import p from "../../../BitzButton/index.mjs";
+import { BitzTableContext as y } from "../../Store/index.mjs";
+import B from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
+const o = "表格设置", v = (e) => {
+  const { order: l, show: i = !0, icon: m = /* @__PURE__ */ t.jsx(B, {}) } = e, { fullscreen: n } = x(y), { toolbarItemClassName: a } = h(), [c, s] = C(!1), f = d(() => n ? !1 : void 0, [n]);
+  return i ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
+      j,
       {
-        open: x,
+        open: c,
         title: o,
-        onChange: async (...s) => {
-          var t;
-          return (t = n.onChange) == null ? void 0 : t.call(n, ...s);
+        onChange: async (...u) => {
+          var r;
+          return (r = e.onChange) == null ? void 0 : r.call(e, ...u);
         },
-        getContainer: C,
-        close: () => l(!1)
+        getContainer: f,
+        close: () => s(!1)
       }
     ),
-    /* @__PURE__ */ e.jsx(E, { title: o, open: !1, children: /* @__PURE__ */ e.jsx(
-      v,
+    /* @__PURE__ */ t.jsx(g, { title: o, open: !1, children: /* @__PURE__ */ t.jsx(
+      p,
       {
         type: "text",
-        className: g,
-        onClick: () => l(!0),
-        icon: d,
-        style: { order: u },
+        className: a,
+        onClick: () => s(!0),
+        icon: m,
+        style: { order: l },
         children: o
       }
     ) })
   ] }) : null;
 };
 export {
-  I as default
+  v as default
 };

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

@@ -1,2 +1,4 @@
 import { BitzGlobalToken } from '@/components/BitzTheme';
-export declare const styles: (token: BitzGlobalToken) => string;
+export declare const columnsSortStyles: (token: BitzGlobalToken) => string;
+export declare const appearanceConfigStyles: (token: BitzGlobalToken) => string;
+export declare const exportConfigStyles: (token: BitzGlobalToken) => string;

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

@@ -2,7 +2,7 @@ import "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/
 import "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
 import "react";
 import "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
-import { unit as e } from "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/util/index.mjs";
+import { unit as r } from "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/util/index.mjs";
 import "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
 import "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
 import "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/hooks/useHMR.mjs";
@@ -10,32 +10,8 @@ import "../../../../node_modules/.store/rc-util@5.39.1/node_modules/rc-util/es/w
 import "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/theme/createTheme.mjs";
 import "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/theme/ThemeCache.mjs";
 import "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
-import { css as r } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-const n = (o) => {
-  var a, i, t;
-  return r`
-  .ant-modal-content {
-    background-color: ${(a = o.Modal) == null ? void 0 : a.contentBg};
-
-    .ant-modal-header {
-      font-size: 16px;
-      font-weight: 700;
-      background-color: ${(i = o.Modal) == null ? void 0 : i.headerBg};
-    }
-
-    .ant-modal-body {
-      overflow: hidden auto;
-    }
-
-    .ant-modal-footer {
-      text-align: left;
-      margin: 0;
-      padding: 20px;
-      background-color: ${(t = o.Modal) == null ? void 0 : t.footerBg};
-    }
-  }
-`;
-}, l = (o) => r`
+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%;
@@ -47,8 +23,8 @@ const n = (o) => {
       width: 100%;
       height: 100%;
       background-color: var(--sortCard-bgColor);
-      border-radius: ${e(o.borderRadius)};
-      padding: 6px;
+      border-radius: ${r(o.borderRadius)};
+      padding-inline: 6px;
       padding-block-end: 10px;
       box-sizing: border-box;
 
@@ -56,22 +32,36 @@ const n = (o) => {
         color: var(--sortCard-titleColor);
         margin: 0;
         padding-inline: 8px;
-        padding-block-start: 4px;
+        padding-block-start: 10px;
+        background-color: var(--sortCard-bgColor);
+        position: sticky;
+        top: 0;
+        z-index: 10;
       }
 
       .sortList {
         flex: 1;
         width: 100%;
-        /* height: calc(100% - 30px); */
         /* overflow: hidden auto; */
         cursor: grab;
 
-        &:has(.draggingSortItem) {
+        &:has(.sortItemDragging) {
           cursor: grabbing;
         }
 
         .sortItem {
-          border-radius: ${e(o.borderRadius)};
+          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);
+          }
 
           &:hover {
             background-color: ${o.colorBgContainer};
@@ -135,7 +125,7 @@ const n = (o) => {
       }
     }
   }
-`, d = (o) => r`
+`, u = (o) => i`
   .stylesConfigFormContent {
     display: flex;
     flex-direction: column;
@@ -171,6 +161,7 @@ const n = (o) => {
       flex: 1;
       display: flex;
       align-items: flex-end;
+      margin-block: 60px 0;
     }
 
     .ant-radio-wrapper {
@@ -180,7 +171,7 @@ const n = (o) => {
       font-weight: normal !important;
       background-color: ${o.colorBgLayout};
       background-color: var(--radioCard-bgColor);
-      border-radius: ${e(o.borderRadiusLG)};
+      border-radius: ${r(o.borderRadiusLG)};
       margin-inline-end: 0;
       box-sizing: border-box;
       position: relative;
@@ -220,7 +211,7 @@ const n = (o) => {
       }
     }
   }
-`, p = (o) => r`
+`, w = (o) => i`
   .exportConfigFormContent {
     display: flex;
     flex-direction: column;
@@ -235,60 +226,45 @@ const n = (o) => {
       }
     }
 
-    .exportFields .ant-checkbox-group {
+    .sortList {
+      flex: 1;
+      overflow: hidden auto;
       display: grid;
-      grid-template-columns: repeat(3, 1fr);
+      grid-template-columns: repeat(3, 161px);
       gap: 8px;
+      margin-left: -2px;
 
-      .ant-checkbox-wrapper span:last-child {
-        display: -webkit-box;
-        -webkit-line-clamp: 1;
-        -webkit-box-orient: vertical;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-    }
-  }
-`, v = (o) => r`
-  &.tableConfigModal {
-    ${n(o)}
-
-    .pointerCursor {
-      cursor: pointer;
-    }
+      &:has(.sortItemDragging) {
+        cursor: grabbing;
 
-    .container {
-      height: calc(100% - 48px);
-
-      .ant-card-body {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        gap: 24px;
-
-        &::before,
-        &::after {
-          content: none;
+        .dragIcon {
+          cursor: inherit;
         }
       }
 
-      .segmentedWrapper {
+      .ant-checkbox-wrapper {
+        width: calc(100% - 8px - ${r(o.fontSize)});
       }
 
-      .containerBody {
-        width: 100%;
-        min-height: 450px;
-        max-height: 100%;
-
-        ${l(o)}
-
-        ${d(o)}
+      .ant-checkbox-wrapper > span:last-child {
+        padding-right: 0;
+        /* display: -webkit-box;
+        -webkit-line-clamp: 1;
+        -webkit-box-orient: vertical; */
+        width: calc(100% - 8px - ${r(o.fontSize)});
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
 
-        ${p()}
+      .dragIcon {
+        cursor: grab;
       }
     }
   }
 `;
 export {
-  v as styles
+  u as appearanceConfigStyles,
+  m as columnsSortStyles,
+  w as exportConfigStyles
 };

package/dist/components/BitzTable/ToolBar/ExportIcon/AnyDataTotalLabel.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { MenuKeysType } from '..';
+import { ExportResultExprotKeyType } from '../../Store';
 interface AnyDataTotalLabelProps {
-    onClick: (key: MenuKeysType, info: {
+    onClick: (key: ExportResultExprotKeyType, info: {
         value: number;
         type: 'page' | 'pieces';
     }) => void;

package/dist/components/BitzTable/ToolBar/ExportIcon/ExportModal.d.ts

@@ -0,0 +1,12 @@
+import { ModalProps } from 'antd';
+import { FC } from 'react';
+import { ExportConfigProps } from '../../Store';
+export interface ExportModalProps {
+    open: boolean;
+    close: () => void;
+    title: string;
+    onExport?: (val: ExportConfigProps<'export'>) => Promise<void>;
+    getContainer: ModalProps['getContainer'];
+}
+declare const ExportModal: FC<ExportModalProps>;
+export default ExportModal;

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

@@ -0,0 +1,61 @@
+import { j as e } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { message as y } from "antd";
+import { useState as m, useContext as E, useRef as b, useMemo as B } from "react";
+import { BitzTableContext as O } from "../../Store/index.mjs";
+import c from "../../../BitzButton/index.mjs";
+import R from "../../../BitzTheme/index.mjs";
+import T from "../Modal/index.mjs";
+import z from "../ColConfigIcon/ExportConfig/index.mjs";
+import M from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
+const q = ({
+  open: u,
+  title: p,
+  onExport: s,
+  close: o,
+  getContainer: d
+}) => {
+  const { token: i } = R.useToken(), [x, r] = m(!1), [g, t] = m(!1), { defaultTableExportConfig: h } = E(O), n = b(null), C = async () => {
+    var f, l;
+    if (g)
+      return;
+    if (t(!0), !((f = n.current) == null ? void 0 : f.hasOne())) {
+      y.error("导出设置至少需要一个字段"), t(!1);
+      return;
+    }
+    const k = ((l = n.current) == null ? void 0 : l.getExportConfig()) ?? h;
+    s && (t(!1), r(!0), s(k).finally(() => {
+      r(!1), o();
+    }));
+  };
+  B(() => i.mode === "dark", [i.mode]);
+  const j = () => {
+    r(!1), t(!1);
+  };
+  return /* @__PURE__ */ e.jsx(
+    T,
+    {
+      open: u,
+      title: p,
+      close: o,
+      closeAfter: j,
+      getContainer: d,
+      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          c,
+          {
+            type: "primary",
+            icon: /* @__PURE__ */ e.jsx(M, {}),
+            onClick: C,
+            loading: x,
+            children: "导出"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(c, { onClick: o, children: "取消" })
+      ] }),
+      children: (a) => /* @__PURE__ */ e.jsx(z, { parentHeight: a, refInstance: n, display: !0, showSelectRadio: !0 })
+    }
+  );
+};
+export {
+  q as default
+};