bitz-react-admin-ui 2.1.9 → 2.2.0

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

@@ -1,62 +1,53 @@
-import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as x, useState as y, useContext as d } from "react";
-import c from "../style.mjs";
-import b from "../../../BitzButton/index.mjs";
-import g from "../../Dropdown/index.mjs";
-import j from "./AnyDataTotalLabel.mjs";
-import { BitzTableContext as E } from "../../Store/index.mjs";
-import { overlayStyles as N } from "./styles.mjs";
-import O from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/DownloadOutlined.mjs";
-const h = ({
-  show: n = !0,
-  order: s,
-  loading: m,
-  onClick: e,
-  icon: l = /* @__PURE__ */ o.jsx(O, {})
+import { j as t } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { memo as b, useState as i, useContext as a, useMemo as g } from "react";
+import E from "../style.mjs";
+import B from "../../../BitzButton/index.mjs";
+import { BitzTableContext as m } from "../../Store/index.mjs";
+import { exportConfigTitle as I } from "../ColConfigIcon/ColumnConfigModal.mjs";
+import h from "./ExportModal.mjs";
+import z from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/DownloadOutlined.mjs";
+const D = ({
+  show: f = !0,
+  order: p,
+  onClick: o,
+  icon: c = /* @__PURE__ */ t.jsx(z, {})
 }) => {
-  const { toolbarItemClassName: p } = c(), [i, r] = y(!1), a = d(E).exportConfig, u = [
-    { key: "current", label: "仅导出当前页" },
-    { key: "all", label: "导出全部数据" },
-    { type: "divider" },
-    {
-      key: "any",
-      label: /* @__PURE__ */ o.jsx(
-        j,
-        {
-          onClick: (t, f) => e == null ? void 0 : e(t, a, f),
-          onClose: () => r(!1)
-        }
-      ),
-      className: "anyTotal"
-    }
-  ];
-  return n ? /* @__PURE__ */ o.jsx(
-    g,
-    {
-      open: i,
-      onOpenChange: r,
-      overlayClassName: N,
-      trigger: ["click"],
-      disabled: m,
-      destroyPopupOnHide: !0,
-      getPopupContainer: (t) => t.parentElement.parentElement.parentElement,
-      menu: {
-        items: u,
-        onClick: ({ key: t }) => e == null ? void 0 : e(t, a)
-      },
-      children: /* @__PURE__ */ o.jsx(
-        b,
-        {
-          type: "text",
-          className: p,
-          icon: l,
-          style: { order: s },
-          children: "下载"
-        }
-      )
-    }
-  ) : null;
-}, P = x(h);
+  const { toolbarItemClassName: u } = E(), [x, s] = i(!1), [d, r] = i(!1);
+  a(m).exportConfig;
+  const { loading: j, fullscreen: n } = a(m), y = g(() => n ? !1 : void 0, [n]), C = async (e) => {
+    var l;
+    if (o)
+      return r(!0), o(
+        e.config.key,
+        e.fields,
+        (l = e.config) == null ? void 0 : l.info
+      ).finally(() => r(!1));
+  };
+  return f ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
+      h,
+      {
+        open: x,
+        title: I,
+        getContainer: y,
+        onExport: C,
+        close: () => s(!1)
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      B,
+      {
+        type: "text",
+        className: u,
+        icon: c,
+        style: { order: p },
+        disabled: j || d,
+        onClick: () => s(!0),
+        children: "导出"
+      }
+    )
+  ] }) : null;
+}, F = b(D);
 export {
-  P as default
+  F as default
 };

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

@@ -1,46 +1,41 @@
 import { j as t } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as d, useState as p, useMemo as x, useEffect as b } from "react";
-import { Tooltip as E } from "antd";
-import B from "../style.mjs";
-import F from "../../../BitzButton/index.mjs";
+import { memo as u, useContext as f, useMemo as a } from "react";
+import { Tooltip as p } from "antd";
+import x from "../style.mjs";
+import d from "../../../BitzButton/index.mjs";
 import r from "../../../../node_modules/.store/screenfull@6.0.2/node_modules/screenfull/index.mjs";
-import j from "../../../BitzToast/index.mjs";
-import { findParentFirstNodeByClass as h } from "../../../../utils/findNode.mjs";
-import z from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/FullscreenExitOutlined.mjs";
-import T from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/FullscreenOutlined.mjs";
-const g = ({
-  order: m,
-  show: u = !0
+import b from "../../../BitzToast/index.mjs";
+import { findParentFirstNodeByClass as j } from "../../../../utils/findNode.mjs";
+import { BitzTableContext as B } from "../../Store/index.mjs";
+import F from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/FullscreenExitOutlined.mjs";
+import C from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/FullscreenOutlined.mjs";
+const y = ({
+  order: l,
+  show: n = !0
 }) => {
-  const { toolbarItemClassName: a } = B(), [l, s] = p(!1), n = x(() => l ? {
+  const { toolbarItemClassName: i } = x(), { fullscreen: e } = f(B), o = a(() => e ? {
     title: "退出全屏",
-    icon: /* @__PURE__ */ t.jsx(z, {})
+    icon: /* @__PURE__ */ t.jsx(F, {})
   } : {
     title: "全屏",
-    icon: /* @__PURE__ */ t.jsx(T, {})
-  }, [l]);
-  b(() => (document == null || document.addEventListener("fullscreenchange", (o) => {
-    var e, i, c;
-    (e = o.target) != null && e.classList.contains("bitzTableBlock") && (s(!!document.fullscreenElement), (c = (i = document.fullscreenElement) == null ? void 0 : i.classList) != null && c.contains("bitzTableBlock") || s(!1));
-  }), document == null ? void 0 : document.removeEventListener("fullscreenchange", () => {
-  })), []);
-  const f = (o) => {
-    r.isEnabled || j.error("您的浏览器不支持全屏");
-    const e = h(o.target, "bitzTableBlock");
-    l ? r.exit() : r.request(e);
+    icon: /* @__PURE__ */ t.jsx(C, {})
+  }, [e]), s = (m) => {
+    r.isEnabled || b.error("您的浏览器不支持全屏");
+    const c = j(m.target, "bitzTableBlock");
+    e ? r.exit() : r.request(c);
   };
-  return u ? /* @__PURE__ */ t.jsx(E, { title: n.title, open: !1, children: /* @__PURE__ */ t.jsx(
-    F,
+  return n ? /* @__PURE__ */ t.jsx(p, { title: o.title, open: !1, children: /* @__PURE__ */ t.jsx(
+    d,
     {
       type: "text",
-      className: a,
-      onClick: f,
-      icon: n.icon,
-      style: { order: m },
-      children: n.title
+      className: i,
+      onClick: s,
+      icon: o.icon,
+      style: { order: l },
+      children: o.title
     }
   ) }) : null;
-}, G = d(g);
+}, G = u(y);
 export {
   G as default
 };

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

@@ -0,0 +1,18 @@
+import { ModalProps as AntModalProps } from 'antd';
+import { ReactNode } from 'react';
+import { ExportConfigProps } from '../../Store';
+import { BitzTableToolBarProps } from '..';
+export interface ModalProps {
+    open: boolean;
+    close: () => void;
+    closeAfter: () => void;
+    title: string;
+    onChange?: BitzTableToolBarProps['onColumnChange'];
+    onExport?: (val: ExportConfigProps<'export'>) => Promise<void>;
+    getContainer: AntModalProps['getContainer'];
+    footer: ReactNode;
+    extra?: ReactNode;
+    children: (height: any) => ReactNode;
+}
+declare function Modal({ open, title, close, closeAfter, getContainer, footer, extra, children, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export default Modal;

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

@@ -0,0 +1,50 @@
+import { j as e } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { Modal as F, Typography as M, Card as N, Flex as f } from "antd";
+import { useMemo as m, useState as k, useEffect as B, useRef as h } from "react";
+import H from "../../../BitzTheme/index.mjs";
+import R from "../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import { styles as T } from "./style.mjs";
+function $({
+  open: t,
+  title: g,
+  close: C,
+  closeAfter: x,
+  getContainer: j,
+  footer: y,
+  extra: o,
+  children: p
+}) {
+  const { token: n } = H.useToken(), s = m(() => n.mode === "dark", [n.mode]), [l, b] = k(0);
+  B(() => {
+    t || (x(), b(l + 1));
+  }, [t]);
+  const r = h(null), i = h(null), c = m(() => {
+    var a, d, u;
+    return r.current && i.current ? ((a = r.current) == null ? void 0 : a.clientHeight) - ((d = i.current) == null ? void 0 : d.clientHeight) - 24 : r.current && !o ? (u = r.current) == null ? void 0 : u.clientHeight : "100%";
+  }, [r.current, i.current, o]);
+  return /* @__PURE__ */ e.jsx(
+    F,
+    {
+      className: R(T(n), "tableConfigModal"),
+      title: /* @__PURE__ */ e.jsx(M.Title, { style: { fontSize: 16, margin: 0 }, children: g }),
+      getContainer: j,
+      open: t,
+      onCancel: C,
+      style: {
+        "--sortCard-bgColor": s ? "#444" : "#f2f2f2",
+        "--sortCard-titleColor": s ? "#ccc" : "#777",
+        "--radioCard-bgColor": s ? "#444" : "#F2F2F2",
+        "--radioCard-bgHoverColor": s ? "#333" : n.colorBgContainer
+      },
+      width: 700,
+      footer: y,
+      children: /* @__PURE__ */ e.jsx(N, { className: "container", bordered: !1, children: /* @__PURE__ */ e.jsxs(f, { ref: r, vertical: !0, align: "center", gap: 24, style: { height: "100%" }, children: [
+        o && /* @__PURE__ */ e.jsx("div", { className: "extraContent", ref: i, children: o }),
+        t ? /* @__PURE__ */ e.jsx(f, { className: "containerBody", style: { height: c }, children: p(c) }, l) : /* @__PURE__ */ e.jsx(e.Fragment, {})
+      ] }) })
+    }
+  );
+}
+export {
+  $ as default
+};

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

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

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

@@ -0,0 +1,58 @@
+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 d } from "../ColConfigIcon/style.mjs";
+const i = (o) => {
+  var t, a, e;
+  return l`
+  .ant-modal-content {
+    max-height: calc(100vh - 200px);
+    display: flex;
+    flex-direction: column;
+    background-color: ${(t = o.Modal) == null ? void 0 : t.contentBg};
+
+    .ant-modal-header {
+      font-size: 16px;
+      font-weight: 700;
+      background-color: ${(a = o.Modal) == null ? void 0 : a.headerBg};
+    }
+
+    .ant-modal-body {
+      flex: 1;
+      overflow: hidden auto;
+    }
+
+    .ant-modal-footer {
+      width: 100%;
+      align-self: flex-end;
+      text-align: left;
+      margin: 0;
+      padding: 20px;
+      background-color: ${(e = o.Modal) == null ? void 0 : e.footerBg};
+    }
+  }
+`;
+}, f = (o) => l`
+  &.tableConfigModal {
+    ${i(o)}
+
+    .pointerCursor {
+      cursor: pointer;
+    }
+
+    .container {
+
+      .containerBody {
+        width: 100%;
+        position: relative;
+
+        ${n(o)}
+
+        ${r(o)}
+
+        ${d(o)}
+      }
+    }
+  }
+`;
+export {
+  f as styles
+};

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

@@ -1,30 +1,30 @@
 import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as i } from "react";
-import { Tooltip as a } from "antd";
-import c from "../style.mjs";
-import p from "../../../BitzButton/index.mjs";
-import f from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/ReloadOutlined.mjs";
-const d = (t) => {
+import { memo as l, useContext as a } from "react";
+import { Tooltip as c } from "antd";
+import p from "../style.mjs";
+import f from "../../../BitzButton/index.mjs";
+import { BitzTableContext as d } from "../../Store/index.mjs";
+import u from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/ReloadOutlined.mjs";
+const x = (t) => {
   const {
-    loading: e,
-    onClick: r,
-    order: s,
-    show: l = !0,
-    icon: m = /* @__PURE__ */ o.jsx(f, {})
-  } = t, { toolbarItemClassName: n } = c();
-  return l ? /* @__PURE__ */ o.jsx(a, { title: "刷新", open: !1, children: /* @__PURE__ */ o.jsx(
-    p,
+    onClick: e,
+    order: r,
+    show: s = !0,
+    icon: n = /* @__PURE__ */ o.jsx(u, {})
+  } = t, { loading: m } = a(d), { toolbarItemClassName: i } = p();
+  return s ? /* @__PURE__ */ o.jsx(c, { title: "刷新", open: !1, children: /* @__PURE__ */ o.jsx(
+    f,
     {
       type: "text",
-      className: n,
-      disabled: e,
-      onClick: r,
-      icon: m,
-      style: { order: s },
+      className: i,
+      disabled: m,
+      onClick: e,
+      icon: n,
+      style: { order: r },
       children: "刷新"
     }
   ) }) : null;
-}, I = i(d);
+}, I = l(x);
 export {
   I as default
 };

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

@@ -1,12 +1,11 @@
-import { DensitySize, ExportConfigProps, StylesConfigOnChangeValue } from '../Store';
+import { DensitySize, ExportFieldsConfigProps, ExportConfigProps, StylesConfigOnChangeValue, ExportResultExprotKeyType } from '../Store';
 import { MouseEventHandler } from 'react';
 import { ToolEnum } from '../../../components/BitzConfigProvider/context';
 import { ColumnsConfigProps } from '..';
-export type MenuKeysType = 'current' | 'all' | 'any';
-export type ExportEvent = (key: MenuKeysType, exportConfig: ExportConfigProps[], info?: {
-    value: number;
+export type ExportEvent = (key: ExportResultExprotKeyType, exportColumns: ExportFieldsConfigProps[], info?: {
     type: 'page' | 'pieces';
-}) => void;
+    value: number;
+}) => Promise<void>;
 export type ToolsConfigType = {
     /** 表格设置按钮 */
     config?: ConfigType;
@@ -40,15 +39,17 @@ export interface BitzTableToolBarProps {
     exclude?: ToolEnum[];
     loading?: boolean;
     /**
-     * 导出按钮下拉菜单的点击事件，通过key值判断是导出为excel或其他格式的文件
-     * @Key1 仅导出当前页数据: current
-     * @Key2 导出所有数据: all
-     * @Key3 导出 xx页/条 数据: any
-     * @note key为any时，会返回第二个参数，info: {value: number, type: 'page' | 'pieces'}
+     * 导出按钮的点击事件，通过key值判断导出类型
+     * @param1_Key1 导出选中数据：selectedRows
+     * @param1_Key2 仅导出当前页数据：current
+     * @param1_Key3 导出所有数据： all
+     * @param1_Key4 导出xx页/条数据： any
+     * @param2      导出的列，根据数组索引排序
+     * @param3 key为any时，会返回第三个参数，info: {value: number, type: 'page' | 'pieces'}
      */
     onExport?: ExportEvent;
     /** 表格刷新 */
     onRefresh?: MouseEventHandler;
     /** 列配置更改 */
-    onColumnChange?: (styles: StylesConfigOnChangeValue, columns: Record<string, ColumnsConfigProps>, exportColumns: ExportConfigProps[]) => Promise<void>;
+    onColumnChange?: (styles: StylesConfigOnChangeValue, columns: Record<string, ColumnsConfigProps>, exportConfig: ExportConfigProps) => Promise<void>;
 }

package/dist/components/BitzTable/index.d.ts

@@ -52,6 +52,8 @@ interface BitzTableColumnType<RecordType = any> extends ColumnsConfigProps, Tabl
     isCheckboxCol?: boolean;
     /** 是否为展开列 */
     isExpandIconCol?: boolean;
+    /** 是否为拖拽列 */
+    isDragSortCol?: boolean;
     /** 列宽根据内容宽度最大的设置(只应用在操作列上) */
     useMaxWidth?: boolean;
 }

package/dist/node_modules/.store/@ant-design_icons-svg@4.4.2/node_modules/@ant-design/icons-svg/es/asn/MenuOutlined.mjs

@@ -0,0 +1,5 @@
+var c = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z" } }] }, name: "menu", theme: "outlined" };
+const e = c;
+export {
+  e as default
+};

package/dist/node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/MenuOutlined.mjs

@@ -0,0 +1,15 @@
+import o from "../../../../../../@babel_runtime@7.24.4/node_modules/@babel/runtime/helpers/esm/extends.mjs";
+import * as e from "react";
+import i from "../../../../../../@ant-design_icons-svg@4.4.2/node_modules/@ant-design/icons-svg/es/asn/MenuOutlined.mjs";
+import u from "../components/AntdIcon.mjs";
+var d = function(t, r) {
+  return /* @__PURE__ */ e.createElement(u, o({}, t, {
+    ref: r,
+    icon: i
+  }));
+}, n = /* @__PURE__ */ e.forwardRef(d);
+process.env.NODE_ENV !== "production" && (n.displayName = "MenuOutlined");
+const l = n;
+export {
+  l as default
+};