@cecee/document-flip-book 1.0.19 → 1.0.21

package/dist/esm/AccountingBook/components/ExportModal.js

@@ -0,0 +1,88 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from 'react';
+import { Modal, Radio, Button, Flex } from 'antd';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ExportModal = function ExportModal(_ref) {
+  var visible = _ref.visible,
+    onCancel = _ref.onCancel,
+    onConfirm = _ref.onConfirm,
+    _ref$themeColor = _ref.themeColor,
+    themeColor = _ref$themeColor === void 0 ? '#9F7D4E' : _ref$themeColor;
+  var _useState = useState('pdf'),
+    _useState2 = _slicedToArray(_useState, 2),
+    exportType = _useState2[0],
+    setExportType = _useState2[1];
+  return /*#__PURE__*/_jsx(Modal, {
+    title: /*#__PURE__*/_jsx("span", {
+      style: {
+        fontSize: 18,
+        fontWeight: 'bold'
+      },
+      children: "\u5BFC\u51FA"
+    }),
+    open: visible,
+    onCancel: onCancel,
+    footer: [/*#__PURE__*/_jsx(Button, {
+      onClick: onCancel,
+      style: {
+        color: themeColor,
+        borderColor: themeColor
+      },
+      children: "\u53D6\u6D88"
+    }, "back"), /*#__PURE__*/_jsx(Button, {
+      type: "primary",
+      onClick: function onClick() {
+        return onConfirm(exportType);
+      },
+      style: {
+        backgroundColor: themeColor,
+        borderColor: themeColor
+      },
+      children: "\u786E\u5B9A"
+    }, "submit")],
+    width: 400,
+    className: "export-modal",
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        padding: '20px 0'
+      },
+      children: /*#__PURE__*/_jsx(Radio.Group, {
+        onChange: function onChange(e) {
+          return setExportType(e.target.value);
+        },
+        value: exportType,
+        children: /*#__PURE__*/_jsxs(Flex, {
+          vertical: true,
+          gap: 16,
+          children: [/*#__PURE__*/_jsx(Radio, {
+            value: "pdf",
+            className: "export-radio",
+            children: /*#__PURE__*/_jsx("span", {
+              style: {
+                fontSize: 16
+              },
+              children: "PDF \u6587\u6863"
+            })
+          }), /*#__PURE__*/_jsx(Radio, {
+            value: "epub",
+            className: "export-radio",
+            children: /*#__PURE__*/_jsx("span", {
+              style: {
+                fontSize: 16
+              },
+              children: "EPUB \u7535\u5B50\u4E66"
+            })
+          })]
+        })
+      })
+    })
+  });
+};
+export default ExportModal;

package/dist/esm/AccountingBook/components/FilpPage.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FilpPageProps {
+    children: React.ReactNode;
+    index: number;
+}
+export declare const FilpPage: React.MemoExoticComponent<React.ForwardRefExoticComponent<FilpPageProps & React.RefAttributes<HTMLDivElement>>>;
+export {};

package/dist/esm/AccountingBook/components/FilpPage.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var FilpPage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    index = _ref.index;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "page",
+    ref: ref,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "page-content",
+      children: children || /*#__PURE__*/_jsxs("div", {
+        style: {
+          color: '#f00',
+          fontSize: '20px'
+        },
+        children: ["\u5185\u5BB9\u7F3A\u5931 (\u9875\u9762 ", index + 1, ")"]
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "page-back",
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          width: '100%',
+          height: '100%',
+          backgroundColor: '#fff',
+          position: 'absolute',
+          top: 0,
+          left: 0
+        }
+      })
+    })]
+  });
+}));

package/dist/esm/AccountingBook/components/HeaderBar.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import './index.less';
+interface HeaderBarProps {
+    currentPage: number;
+    totalPages: number;
+    onGoFirst: () => void;
+    onPrevPage: () => void;
+    onNextPage: () => void;
+    onGoLast: () => void;
+    onPrint: () => void;
+    onDownload: (type: 'pdf' | 'epub') => void;
+    onUnbinding?: () => void;
+    onRefresh?: () => void;
+    iconColor?: string;
+    showSearchSelect?: boolean;
+    searchValue?: string;
+    searchOptions?: Array<{
+        label: string;
+        value: string;
+        pageLabel?: string;
+    }>;
+    onSearchInputChange?: (value: string) => void;
+    onSearchSelect?: (value: string, option: any) => void;
+    onSearchClear?: () => void;
+    themeColor?: string;
+}
+declare const HeaderBar: React.FC<HeaderBarProps>;
+export default HeaderBar;

package/dist/esm/AccountingBook/components/HeaderBar.js

@@ -0,0 +1,236 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from 'react';
+import { Button, Select, Space } from 'antd';
+import { StepBackwardOutlined, CaretLeftOutlined, CaretRightOutlined, StepForwardOutlined, PrinterOutlined, DownloadOutlined, RollbackOutlined, ReloadOutlined } from '@ant-design/icons';
+import ExportModal from "./ExportModal";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var HeaderBar = function HeaderBar(_ref) {
+  var currentPage = _ref.currentPage,
+    totalPages = _ref.totalPages,
+    onGoFirst = _ref.onGoFirst,
+    onPrevPage = _ref.onPrevPage,
+    onNextPage = _ref.onNextPage,
+    onGoLast = _ref.onGoLast,
+    onPrint = _ref.onPrint,
+    onDownload = _ref.onDownload,
+    onUnbinding = _ref.onUnbinding,
+    onRefresh = _ref.onRefresh,
+    showSearchSelect = _ref.showSearchSelect,
+    searchValue = _ref.searchValue,
+    _ref$searchOptions = _ref.searchOptions,
+    searchOptions = _ref$searchOptions === void 0 ? [] : _ref$searchOptions,
+    onSearchInputChange = _ref.onSearchInputChange,
+    onSearchSelect = _ref.onSearchSelect,
+    onSearchClear = _ref.onSearchClear,
+    _ref$themeColor = _ref.themeColor,
+    themeColor = _ref$themeColor === void 0 ? '#4Baae3' : _ref$themeColor,
+    _ref$iconColor = _ref.iconColor,
+    iconColor = _ref$iconColor === void 0 ? '#0064ff' : _ref$iconColor;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    exportModalVisible = _useState2[0],
+    setExportModalVisible = _useState2[1];
+  var handleDownloadConfirm = function handleDownloadConfirm(type) {
+    onDownload(type);
+    setExportModalVisible(false);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "common-header-bar",
+    style: {
+      marginBottom: '10px'
+    },
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "header-left",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "header-item",
+        children: [/*#__PURE__*/_jsxs(Button, {
+          type: "link",
+          onClick: onRefresh,
+          className: "header-nav-btn",
+          children: [/*#__PURE__*/_jsx(ReloadOutlined, {
+            style: {
+              fontSize: 16,
+              color: iconColor
+            }
+          }), /*#__PURE__*/_jsx("span", {
+            children: "\u5237\u65B0"
+          })]
+        }), /*#__PURE__*/_jsx("span", {
+          className: "dfb-divider"
+        })]
+      }), /*#__PURE__*/_jsxs(Space, {
+        size: 0,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "header-item",
+          children: /*#__PURE__*/_jsxs(Button, {
+            type: "link",
+            disabled: currentPage === 0,
+            onClick: onGoFirst,
+            className: "header-nav-btn",
+            children: [/*#__PURE__*/_jsx(StepBackwardOutlined, {
+              style: {
+                fontSize: 16,
+                color: iconColor
+              }
+            }), /*#__PURE__*/_jsx("span", {
+              children: "\u5230\u5934"
+            })]
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: "header-item",
+          children: /*#__PURE__*/_jsxs(Button, {
+            type: "link",
+            disabled: currentPage === 0,
+            onClick: onPrevPage,
+            className: "header-nav-btn",
+            children: [/*#__PURE__*/_jsx(CaretLeftOutlined, {
+              style: {
+                fontSize: 16,
+                color: iconColor
+              }
+            }), /*#__PURE__*/_jsx("span", {
+              children: "\u4E0A\u9875"
+            })]
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: "header-item",
+          children: /*#__PURE__*/_jsxs("div", {
+            className: "dfb-pageIndicator",
+            children: [currentPage + 1, " / ", totalPages]
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: "header-item",
+          children: /*#__PURE__*/_jsxs(Button, {
+            type: "link",
+            disabled: currentPage >= totalPages - 1,
+            onClick: onNextPage,
+            className: "header-nav-btn",
+            children: [/*#__PURE__*/_jsx(CaretRightOutlined, {
+              style: {
+                fontSize: 16,
+                color: iconColor
+              }
+            }), /*#__PURE__*/_jsx("span", {
+              children: "\u4E0B\u9875"
+            })]
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: "header-item",
+          children: /*#__PURE__*/_jsxs(Button, {
+            type: "link",
+            disabled: currentPage >= totalPages - 1,
+            onClick: onGoLast,
+            className: "header-nav-btn",
+            children: [/*#__PURE__*/_jsx(StepForwardOutlined, {
+              style: {
+                fontSize: 16,
+                color: iconColor
+              }
+            }), /*#__PURE__*/_jsx("span", {
+              children: "\u5230\u5C3E"
+            })]
+          })
+        })]
+      }), /*#__PURE__*/_jsx("span", {
+        className: "dfb-divider"
+      }), onUnbinding && /*#__PURE__*/_jsxs(Button, {
+        type: "link",
+        onClick: onUnbinding,
+        className: "header-nav-btn",
+        children: [/*#__PURE__*/_jsx(RollbackOutlined, {
+          style: {
+            fontSize: 16,
+            color: iconColor
+          }
+        }), /*#__PURE__*/_jsx("span", {
+          children: "\u64A4\u9500\u88C5\u8BA2"
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "header-right",
+      children: [showSearchSelect && /*#__PURE__*/_jsx(Select, {
+        showSearch: true,
+        allowClear: true,
+        className: "toolbar-search-select",
+        value: searchValue || undefined,
+        placeholder: "\u8BF7\u8F93\u5165\u91D1\u989D\u6216\u5355\u636E\u5173\u952E\u5B57",
+        options: searchOptions,
+        maxTagTextLength: 400,
+        optionRender: function optionRender(option) {
+          var data = option.data;
+          return /*#__PURE__*/_jsxs("div", {
+            children: [/*#__PURE__*/_jsx("div", {
+              children: data.label
+            }), data.pageLabel && /*#__PURE__*/_jsx("div", {
+              className: "toolbar-search-select-meta",
+              style: {
+                fontSize: '12px',
+                color: '#999'
+              },
+              children: data.pageLabel
+            })]
+          });
+        },
+        onSearch: onSearchInputChange,
+        onChange: function onChange(value, option) {
+          if (!value) {
+            onSearchClear === null || onSearchClear === void 0 || onSearchClear();
+            return;
+          }
+          onSearchSelect === null || onSearchSelect === void 0 || onSearchSelect(value, option);
+        },
+        onClear: onSearchClear,
+        filterOption: false,
+        style: {
+          width: '280px',
+          marginLeft: '10px'
+        }
+      }), /*#__PURE__*/_jsx("span", {
+        className: "dfb-divider"
+      }), /*#__PURE__*/_jsxs(Space, {
+        children: [/*#__PURE__*/_jsxs(Button, {
+          type: "link",
+          onClick: onPrint,
+          className: "header-nav-btn",
+          children: [/*#__PURE__*/_jsx(PrinterOutlined, {
+            style: {
+              fontSize: 16,
+              color: iconColor
+            }
+          }), /*#__PURE__*/_jsx("span", {
+            children: "\u6253\u5370"
+          })]
+        }), /*#__PURE__*/_jsxs(Button, {
+          type: "link",
+          onClick: function onClick() {
+            return setExportModalVisible(true);
+          },
+          className: "header-nav-btn",
+          children: [/*#__PURE__*/_jsx(DownloadOutlined, {
+            style: {
+              fontSize: 16,
+              color: iconColor
+            }
+          }), /*#__PURE__*/_jsx("span", {
+            children: "\u5BFC\u51FA"
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(ExportModal, {
+      themeColor: themeColor,
+      visible: exportModalVisible,
+      onCancel: function onCancel() {
+        return setExportModalVisible(false);
+      },
+      onConfirm: handleDownloadConfirm
+    })]
+  });
+};
+export default HeaderBar;

package/dist/esm/AccountingBook/components/ImagePageRenderer.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface ImagePageRendererProps {
+    src: string;
+    alt: string;
+    attachmentId: number;
+    currentIndex: number;
+    totalCount: number;
+    amount: string;
+}
+export declare const ImagePageRenderer: React.FC<ImagePageRendererProps>;
+export {};

package/dist/esm/AccountingBook/components/ImagePageRenderer.js

@@ -0,0 +1,85 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var ImagePageRenderer = function ImagePageRenderer(_ref) {
+  var src = _ref.src,
+    alt = _ref.alt,
+    currentIndex = _ref.currentIndex,
+    totalCount = _ref.totalCount,
+    amount = _ref.amount;
+  var formattedAmount = amount ? Number(amount).toLocaleString('en-US', {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }) : '0.00';
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      width: '100%',
+      height: '100%',
+      backgroundColor: '#fff',
+      position: 'relative',
+      padding: '0 20px 20px'
+    },
+    children: [/*#__PURE__*/_jsx("div", {
+      style: {
+        margin: '0 auto',
+        padding: '10px',
+        textAlign: 'center',
+        fontSize: '26px',
+        width: '220px',
+        fontWeight: 'bold',
+        color: '#597461'
+      },
+      children: "\u539F\u59CB\u51ED\u8BC1\u7C98\u8D34\u5355"
+    }), /*#__PURE__*/_jsxs("div", {
+      style: {
+        position: 'absolute',
+        top: '10px',
+        right: '20px',
+        textAlign: 'right',
+        fontSize: '14px',
+        color: '#597461',
+        lineHeight: '1.5'
+      },
+      children: [/*#__PURE__*/_jsxs("div", {
+        children: ["\u539F\u59CB\u51ED\u8BC1 ", /*#__PURE__*/_jsxs("span", {
+          style: {
+            borderBottom: '1px solid #597461'
+          },
+          children: [currentIndex, "/", totalCount]
+        }), " \u5F20"]
+      }), /*#__PURE__*/_jsxs("div", {
+        children: ["\u91D1\u989D ", /*#__PURE__*/_jsx("span", {
+          style: {
+            borderBottom: '1px solid #597461'
+          },
+          children: formattedAmount
+        })]
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        width: '100%',
+        height: '430px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        margin: '10px 0',
+        border: '1px solid #597461',
+        overflow: 'hidden',
+        padding: '10px'
+      },
+      children: /*#__PURE__*/_jsx("img", {
+        src: src,
+        alt: alt,
+        style: {
+          maxWidth: '100%',
+          maxHeight: '100%',
+          objectFit: 'contain'
+        },
+        onError: function onError(e) {
+          e.currentTarget.style.display = 'none';
+          e.currentTarget.parentElement.innerHTML += '<span style="color: #f00; fontSize: 20px;">图片加载失败</span>';
+        }
+      })
+    })]
+  });
+};

package/dist/esm/AccountingBook/components/LoadingComponent.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    message: string;
+    pdfLoading?: boolean;
+}
+export declare const LoadingComponent: React.FC<Props>;
+export {};

package/dist/esm/AccountingBook/components/LoadingComponent.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var LoadingComponent = function LoadingComponent(_ref) {
+  var message = _ref.message,
+    pdfLoading = _ref.pdfLoading;
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      position: 'fixed',
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+      background: 'rgba(255,255,255,0.9)',
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center',
+      alignItems: 'center',
+      zIndex: 9999
+    },
+    children: [/*#__PURE__*/_jsx("div", {
+      style: {
+        width: 60,
+        height: 60,
+        border: '4px solid #f3f3f3',
+        borderTop: '4px solid #1890ff',
+        borderRadius: '50%',
+        animation: 'spin 1s linear infinite',
+        marginBottom: 20
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        fontSize: 16,
+        color: '#666'
+      },
+      children: message
+    }), pdfLoading && /*#__PURE__*/_jsx("div", {
+      style: {
+        fontSize: 14,
+        color: '#999',
+        marginTop: 8
+      },
+      children: "PDF\u6587\u4EF6\u8F83\u5927\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85..."
+    }), /*#__PURE__*/_jsx("style", {
+      children: "@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}"
+    })]
+  });
+};

package/dist/esm/AccountingBook/components/PDFPageRenderer.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import 'react-pdf/dist/Page/AnnotationLayer.css';
+import 'react-pdf/dist/Page/TextLayer.css';
+interface PDFPageRendererProps {
+    pdfPath: string;
+    attachmentId: number;
+    pageNumber: number;
+    currentIndex: number;
+    totalCount: number;
+    amount: string;
+}
+export declare const PDFPageRenderer: React.FC<PDFPageRendererProps>;
+export {};