@cecee/document-flip-book 1.0.19 → 1.0.20

package/dist/esm/AccountingBook/components/AccountingVoucher/index.js

@@ -0,0 +1,391 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+/*
+ * @Author: Geralt Rivia
+ * @Date: 2025-05-15 15:43:44
+ * @LastEditors: Geralt Rivia
+ * @LastEditTime: 2025-09-11 14:40:54
+ * @Description: 记账凭证-单据样式组件
+ */
+import React, { useState } from 'react';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+// 格式化金额显示的新函数
+function formatAmount(amount, tradeDirection, originalAmount) {
+  var result = new Array(11).fill(' ');
+
+  // 仅在遇到 null/undefined/空字符串时返回空值
+  if (!amount) return result;
+  var numAmount = parseFloat(amount);
+  if (isNaN(numAmount)) return result;
+
+  // 处理零值的特殊情况
+  if (numAmount === 0) {
+    // 如果有原始金额信息，检查原始金额是否为0
+    if (originalAmount) {
+      var originalNum = parseFloat(originalAmount);
+      if (originalNum === 0 && tradeDirection) {
+        // 只有当trade_direction与当前列匹配时，才显示0
+        var zeroResult = new Array(11).fill(' ');
+        zeroResult[8] = '0'; // 元位显示0
+        zeroResult[9] = '0'; // 角位显示0  
+        zeroResult[10] = '0'; // 分位显示0
+        return zeroResult;
+      }
+    } else {
+      // 原有逻辑保持不变
+      var _zeroResult = new Array(11).fill(' ');
+      _zeroResult[8] = '0'; // 元位显示0
+      _zeroResult[9] = '0'; // 角位显示0  
+      _zeroResult[10] = '0'; // 分位显示0
+      return _zeroResult;
+    }
+    return result; // 不匹配方向时返回空
+  }
+
+  // 对于非零值，按常规格式显示
+  var formattedAmount = numAmount.toFixed(2);
+  var _formattedAmount$spli = formattedAmount.split('.'),
+    _formattedAmount$spli2 = _slicedToArray(_formattedAmount$spli, 2),
+    intPart = _formattedAmount$spli2[0],
+    _formattedAmount$spli3 = _formattedAmount$spli2[1],
+    decPart = _formattedAmount$spli3 === void 0 ? '00' : _formattedAmount$spli3;
+  var paddedInt = intPart.padStart(9, ' ');
+  return (paddedInt + decPart).split('').slice(0, 11);
+}
+;
+
+// 判断是否应该显示金额的辅助函数
+function shouldShowAmount(entry, isDebit) {
+  var numDebit = parseFloat(entry.debit || '0');
+  var numCredit = parseFloat(entry.credit || '0');
+  var originalAmount = parseFloat(entry.amount || '0');
+  // 允许负数
+  if (numDebit !== 0 || numCredit !== 0) {
+    return isDebit ? numDebit !== 0 : numCredit !== 0;
+  }
+
+  // 如果都为0，但原始金额为0，根据trade_direction判断
+  if (originalAmount === 0 && entry.trade_direction) {
+    return isDebit ? entry.trade_direction === '借' : entry.trade_direction === '贷';
+  }
+  return false;
+}
+var AccountingVoucher = function AccountingVoucher(_ref) {
+  var _ref$date = _ref.date,
+    date = _ref$date === void 0 ? '' : _ref$date,
+    _ref$company = _ref.company,
+    company = _ref$company === void 0 ? '迈金西（成都）企业管理咨询有限公司' : _ref$company,
+    _ref$voucherNo = _ref.voucherNo,
+    voucherNo = _ref$voucherNo === void 0 ? '13' : _ref$voucherNo,
+    _ref$entries = _ref.entries,
+    entries = _ref$entries === void 0 ? [] : _ref$entries,
+    _ref$accountant = _ref.accountant,
+    accountant = _ref$accountant === void 0 ? '' : _ref$accountant,
+    _ref$recorder = _ref.recorder,
+    recorder = _ref$recorder === void 0 ? '' : _ref$recorder,
+    _ref$maker = _ref.maker,
+    maker = _ref$maker === void 0 ? '邹瑜' : _ref$maker,
+    _ref$showTotal = _ref.showTotal,
+    showTotal = _ref$showTotal === void 0 ? false : _ref$showTotal,
+    _ref$totalDebit = _ref.totalDebit,
+    totalDebit = _ref$totalDebit === void 0 ? '0' : _ref$totalDebit,
+    _ref$totalCredit = _ref.totalCredit,
+    totalCredit = _ref$totalCredit === void 0 ? '0' : _ref$totalCredit;
+  var MIN_ROWS = 5; // 每页展示5行数据
+  var _useState = useState(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentPage = _useState2[0],
+    setCurrentPage = _useState2[1]; // 当前页
+
+  // 计算总页数
+  var totalPages = Math.max(Math.ceil(entries.length / MIN_ROWS), 1);
+
+  // 获取当前页的数据
+  var getPageData = function getPageData() {
+    var startIndex = (currentPage - 1) * MIN_ROWS;
+    var endIndex = Math.min(currentPage * MIN_ROWS, entries.length);
+    return entries.slice(startIndex, endIndex);
+  };
+
+  // 生成空数据行（每个字段为空字符串）
+  var generateEmptyRows = function generateEmptyRows(num) {
+    return Array(num).fill({
+      summary: '',
+      account: '',
+      debit: '',
+      credit: ''
+    });
+  };
+
+  // 获取当前页数据
+  var pageData = getPageData();
+  var emptyRowsNeeded = MIN_ROWS - pageData.length;
+  if (emptyRowsNeeded > 0) {
+    pageData = [].concat(_toConsumableArray(pageData), _toConsumableArray(generateEmptyRows(emptyRowsNeeded)));
+  }
+
+  // 是否是最后一页
+  var isLastPage = currentPage === totalPages;
+
+  // 格式化凭证号
+  var formattedVoucherNo = "".concat(voucherNo);
+  return /*#__PURE__*/_jsx("div", {
+    className: "voucher-wrapper",
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "voucher-container",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "voucher-header",
+        children: [/*#__PURE__*/_jsx("h1", {
+          children: "\u8BB0 \u8D26 \u51ED \u8BC1"
+        }), /*#__PURE__*/_jsx("div", {
+          className: "header-line"
+        }), /*#__PURE__*/_jsx("div", {
+          className: "date",
+          dangerouslySetInnerHTML: {
+            __html: date
+          }
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "company-info",
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "company-name",
+          children: [/*#__PURE__*/_jsx("span", {
+            children: "\u516C\u53F8\uFF1A"
+          }), company]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "voucher-no",
+          children: [/*#__PURE__*/_jsx("span", {
+            children: "\u5B57\u7B2C"
+          }), " ", formattedVoucherNo, " ", /*#__PURE__*/_jsx("span", {
+            children: "\u53F7"
+          })]
+        })]
+      }), /*#__PURE__*/_jsx("div", {
+        className: "voucher-table-wrapper",
+        children: /*#__PURE__*/_jsxs("table", {
+          className: "voucher-table",
+          children: [/*#__PURE__*/_jsx("thead", {
+            children: /*#__PURE__*/_jsxs("tr", {
+              children: [/*#__PURE__*/_jsx("th", {
+                className: "summary",
+                children: /*#__PURE__*/_jsx("span", {
+                  children: "\u6458\u8981"
+                })
+              }), /*#__PURE__*/_jsx("th", {
+                className: "subject",
+                children: /*#__PURE__*/_jsx("span", {
+                  children: "\u79D1\u76EE"
+                })
+              }), /*#__PURE__*/_jsx("th", {
+                className: "checkmark"
+              }), " ", /*#__PURE__*/_jsxs("th", {
+                className: "amount",
+                colSpan: 11,
+                children: [/*#__PURE__*/_jsx("div", {
+                  className: "amount-header",
+                  children: /*#__PURE__*/_jsx("span", {
+                    children: "\u501F\u65B9\u91D1\u989D"
+                  })
+                }), /*#__PURE__*/_jsxs("div", {
+                  className: "amount-grid",
+                  children: [/*#__PURE__*/_jsx("span", {
+                    children: "\u4EBF"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u5343"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u767E"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u5341"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u4E07"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u5343"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u767E"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u5341"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u5143"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u89D2"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u5206"
+                  })]
+                })]
+              }), /*#__PURE__*/_jsx("th", {
+                className: "checkmark"
+              }), " ", /*#__PURE__*/_jsxs("th", {
+                className: "amount",
+                colSpan: 11,
+                children: [/*#__PURE__*/_jsx("div", {
+                  className: "amount-header",
+                  children: /*#__PURE__*/_jsx("span", {
+                    children: "\u8D37\u65B9\u91D1\u989D"
+                  })
+                }), /*#__PURE__*/_jsxs("div", {
+                  className: "amount-grid",
+                  children: [/*#__PURE__*/_jsx("span", {
+                    children: "\u4EBF"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u5343"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u767E"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u5341"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u4E07"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u5343"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u767E"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u5341"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u5143"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u89D2"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "\u5206"
+                  })]
+                })]
+              })]
+            })
+          }), /*#__PURE__*/_jsxs("tbody", {
+            children: [pageData.map(function (entry, index) {
+              return /*#__PURE__*/_jsxs("tr", {
+                className: entry.isTotal ? 'total-row' : '',
+                children: [/*#__PURE__*/_jsx("td", {
+                  className: "summary",
+                  style: {
+                    textAlign: 'left',
+                    fontFamily: '宋体'
+                  },
+                  children: entry.summary || ''
+                }), /*#__PURE__*/_jsx("td", {
+                  className: "subject",
+                  style: {
+                    textAlign: 'left',
+                    fontFamily: '宋体'
+                  },
+                  children: entry.account || ''
+                }), /*#__PURE__*/_jsx("td", {
+                  className: "checkmark",
+                  children: shouldShowAmount(entry, true) ? '✓' : ''
+                }), /*#__PURE__*/_jsx("td", {
+                  className: "amount",
+                  colSpan: 11,
+                  children: /*#__PURE__*/_jsx("div", {
+                    className: "money-grid",
+                    children: shouldShowAmount(entry, true) ? formatAmount(entry.debit, entry.trade_direction, entry.amount).map(function (digit, i) {
+                      return /*#__PURE__*/_jsx("span", {
+                        className: "money-cell",
+                        children: digit
+                      }, i);
+                    }) : Array(11).fill(' ').map(function (digit, i) {
+                      return /*#__PURE__*/_jsx("span", {
+                        className: "money-cell",
+                        children: digit
+                      }, i);
+                    })
+                  })
+                }), /*#__PURE__*/_jsx("td", {
+                  className: "checkmark",
+                  children: shouldShowAmount(entry, false) ? '✓' : ''
+                }), /*#__PURE__*/_jsx("td", {
+                  className: "amount",
+                  colSpan: 11,
+                  children: /*#__PURE__*/_jsx("div", {
+                    className: "money-grid",
+                    children: shouldShowAmount(entry, false) ? formatAmount(entry.credit, entry.trade_direction, entry.amount).map(function (digit, i) {
+                      return /*#__PURE__*/_jsx("span", {
+                        className: "money-cell",
+                        children: digit
+                      }, i);
+                    }) : Array(11).fill(' ').map(function (digit, i) {
+                      return /*#__PURE__*/_jsx("span", {
+                        className: "money-cell",
+                        children: digit
+                      }, i);
+                    })
+                  })
+                })]
+              }, index);
+            }), showTotal && isLastPage && /*#__PURE__*/_jsxs("tr", {
+              className: "total-row",
+              children: [/*#__PURE__*/_jsx("td", {
+                className: "summary"
+              }), /*#__PURE__*/_jsx("td", {
+                className: "subject"
+              }), /*#__PURE__*/_jsx("td", {
+                className: "checkmark",
+                children: parseFloat(totalDebit) > 0 ? '✓' : ''
+              }), /*#__PURE__*/_jsx("td", {
+                className: "amount",
+                colSpan: 11,
+                children: /*#__PURE__*/_jsx("div", {
+                  className: "money-grid",
+                  children: formatAmount(totalDebit).map(function (digit, i) {
+                    return /*#__PURE__*/_jsx("span", {
+                      className: "money-cell",
+                      children: digit
+                    }, i);
+                  })
+                })
+              }), /*#__PURE__*/_jsx("td", {
+                className: "checkmark",
+                children: parseFloat(totalCredit) > 0 ? '✓' : ''
+              }), /*#__PURE__*/_jsx("td", {
+                className: "amount",
+                colSpan: 11,
+                children: /*#__PURE__*/_jsx("div", {
+                  className: "money-grid",
+                  children: formatAmount(totalCredit).map(function (digit, i) {
+                    return /*#__PURE__*/_jsx("span", {
+                      className: "money-cell",
+                      children: digit
+                    }, i);
+                  })
+                })
+              })]
+            })]
+          })]
+        })
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "voucher-footer",
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "footer-item",
+          children: [/*#__PURE__*/_jsx("span", {
+            children: "\u4F1A\u8BA1\u4E3B\u7BA1\uFF1A"
+          }), /*#__PURE__*/_jsx("span", {
+            children: accountant
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "footer-item",
+          children: [/*#__PURE__*/_jsx("span", {
+            children: "\u8BB0\u8D26\uFF1A"
+          }), /*#__PURE__*/_jsx("span", {
+            children: recorder
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "footer-item",
+          children: [/*#__PURE__*/_jsx("span", {
+            children: "\u5236\u5355\uFF1A"
+          }), /*#__PURE__*/_jsx("span", {
+            children: maker
+          })]
+        })]
+      })]
+    })
+  });
+};
+export default AccountingVoucher;

package/dist/esm/AccountingBook/components/AccountingVoucher/index.less

@@ -0,0 +1,231 @@
+.voucher-wrapper {
+    background-color: #fffbf0;
+    color: #000;
+    width: 998px;
+    height: 560px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.voucher-container {
+    max-width: 100%;
+    max-height: 100%;
+    // margin: 0 auto;
+    // padding: -60px -60px;
+    background-color: #fffbf0;
+    position: relative;
+}
+
+.voucher-header {
+    text-align: center;
+    // margin-bottom: 20px;
+
+    h1 {
+        font-size: 24px;
+        margin: 0;
+        letter-spacing: 4px;
+        color: #8b4513;
+    }
+
+    .header-line {
+        height: 1px;
+        background-color: #8b4513;
+        margin: 8px auto;
+        width: 300px;
+        position: relative;
+
+        &::after {
+            content: '';
+            position: absolute;
+            top: 2px;
+            left: 0;
+            right: 0;
+            height: 1px;
+            background-color: #8b4513;
+        }
+    }
+
+    .date {
+        font-size: 16px;
+        margin-top: 10px;
+    }
+}
+
+.company-info {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+    font-size: 14px;
+
+    .company-name {
+        span {
+            margin-right: 5px;
+            color: #8b4513;
+        }
+    }
+
+    .voucher-no {
+        margin-right: 20px;
+
+        span {
+            color: #8b4513;
+        }
+    }
+}
+
+.voucher-table-wrapper {
+    border: 1px solid #8b4513;
+    padding: 1px;
+    width: 890px;
+}
+
+.voucher-table {
+    width: 100%;
+    border-collapse: collapse;
+    border: 1px solid #8b4513;
+
+    span {
+        color: #8b4513;
+    }
+
+    tbody {
+        tr {
+            height: 20px; // 固定行高
+
+            &.total-row {
+                // background-color: #fff9e6;
+
+                .summary {
+                    text-align: center;
+                    color: #8b4513;
+                }
+
+                .money-cell {
+                    color: #8b4513;
+                }
+            }
+        }
+
+        // 空行样式
+        tr:empty {
+            height: 20px;
+            border: 1px solid #8b4513;
+        }
+    }
+
+    th,
+    td {
+        border: 1px solid #8b4513;
+        // padding: 6px;
+        text-align: center;
+        font-size: 14px;
+        height: 40px;
+    }
+
+    .checkmark {
+        width: 20px;
+        text-align: center;
+        border: 1px solid #8b4513;
+        color: #000;
+        font-weight: normal;
+        border-right: none; // 移除右侧边框与金额列融合
+    }
+
+    // .amount {
+    //     border-left: none; // 移除左侧边框与勾选框融合
+    // }
+
+    .summary {
+        width: 40%;
+        text-align: center;
+        // padding-left: 15px;
+
+    }
+
+    .subject {
+        width: 45%;
+        text-align: center;
+        // padding-left: 15px;
+    }
+
+    .amount {
+        width: 22.5%;
+        padding: 0;
+
+        .amount-header {
+            border-bottom: 1px solid #8b4513;
+            padding: 5px 0;
+        }
+
+        .amount-grid,
+        .money-grid {
+            display: grid;
+            grid-template-columns: repeat(11, 1fr);
+
+            .money-cell {
+                width: 100%;
+                height: 100%;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                border-right: 1px solid #8b4513;
+
+                &:last-child {
+                    border-right: none;
+                }
+            }
+
+            span {
+                // padding: 10px 0;
+                border-right: 1px solid #8b4513;
+                font-size: 12px;
+                height: 24px;
+                line-height: 24px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                &:last-child {
+                    border-right: none;
+                }
+            }
+        }
+
+        .money-grid {
+            height: 100%;
+
+            .money-cell {
+                color: #000;
+            }
+        }
+    }
+
+    .total-row {
+        // background-color: #fff9e6;
+
+        .summary {
+            text-align: center;
+        }
+    }
+}
+
+.voucher-footer {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 20px;
+    // padding: 0 20px;
+    font-size: 14px;
+
+    .footer-item {
+        span:first-child {
+            margin-right: 5px;
+            color: #8b4513;
+        }
+
+        span:last-child {
+            margin-left: 10px;
+        }
+    }
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+interface ExportModalProps {
+    visible: boolean;
+    onCancel: () => void;
+    onConfirm: (type: 'pdf' | 'epub') => void;
+    themeColor?: string;
+}
+declare const ExportModal: React.FC<ExportModalProps>;
+export default ExportModal;