skyouc
2025-03-13 d20c04c88f55e1581bb2054d99483aba95f04fee
rsf-admin/src/page/components/MyExportButton.jsx
@@ -1,54 +1,54 @@
import * as React from 'react';
import { useCallback } from 'react';
import DownloadIcon from '@mui/icons-material/GetApp';
import * as React from "react";
import { useCallback } from "react";
import DownloadIcon from "@mui/icons-material/GetApp";
import {
    Button, useDataProvider, useNotify, useListContext
} from 'react-admin';
  Button,
  useDataProvider,
  useNotify,
  useListContext,
} from "react-admin";
const MyExportButton = (props) => {
    const {
        maxResults = 1000,
        onClick,
        label = 'ra.action.export',
    label = "ra.action.export",
        icon = defaultIcon,
        exporter: customExporter,
        meta,
        ...rest
    } = props;
    const {
        filter,
        filterValues,
        resource,
        sort,
        total,
    } = useListContext();
  const { filter, filterValues, resource, sort, total } = useListContext();
    const dataProvider = useDataProvider();
    const notify = useNotify();
    const handleClick = useCallback(
        event => {
            dataProvider.export(resource, {
    (event) => {
      dataProvider
        .export(resource, {
                sort,
                filter: filter
                    ? { ...filterValues, ...filter }
                    : filterValues,
          filter: filter ? { ...filterValues, ...filter } : filterValues,
                pagination: { page: 1, perPage: maxResults },
                meta,
            }).then((res) => {
                const url = window.URL.createObjectURL(new Blob([res.data], { type: res.headers['content-type'] }));
                const link = document.createElement('a');
        })
        .then((res) => {
          const url = window.URL.createObjectURL(
            new Blob([res.data], { type: res.headers["content-type"] }),
          );
          const link = document.createElement("a");
                link.href = url;
                link.setAttribute('download', `${resource}.xlsx`);
          link.setAttribute("download", `${resource}.xlsx`);
                document.body.appendChild(link);
                link.click();
                link.remove();
            }).catch(error => {
        })
        .catch((error) => {
                console.error(error);
                notify('ra.notification.http_error', { type: 'error' });
          notify("ra.notification.http_error", { type: "error" });
            });
            if (typeof onClick === 'function') {
      if (typeof onClick === "function") {
                onClick(event);
            }
        },
@@ -62,7 +62,7 @@
            resource,
            sort,
            meta,
        ]
    ],
    );
    return (
@@ -79,9 +79,6 @@
const defaultIcon = <DownloadIcon />;
const sanitizeRestProps = ({
    resource,
    ...rest
}) => rest;
const sanitizeRestProps = ({ resource, ...rest }) => rest;
export default MyExportButton;