@cecee/document-flip-book 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ArchiveCover.d.ts +9 -0
- package/dist/cjs/ArchiveCover.js +142 -0
- package/dist/cjs/DocumentFlipBook.d.ts +32 -0
- package/dist/cjs/DocumentFlipBook.js +644 -0
- package/dist/cjs/ExportModal.d.ts +10 -0
- package/dist/cjs/ExportModal.js +96 -0
- package/dist/cjs/HeaderBar.d.ts +25 -0
- package/dist/cjs/HeaderBar.js +220 -0
- package/dist/cjs/PdfPage.d.ts +9 -0
- package/dist/cjs/PdfPage.js +143 -0
- package/dist/cjs/ProjectCover.d.ts +8 -0
- package/dist/cjs/ProjectCover.js +201 -0
- package/dist/cjs/SideTabs.d.ts +8 -0
- package/dist/cjs/SideTabs.js +34 -0
- package/dist/cjs/exportHtml.d.ts +19 -0
- package/dist/cjs/exportHtml.js +189 -0
- package/dist/cjs/exportPdf.d.ts +27 -0
- package/dist/cjs/exportPdf.js +232 -0
- package/dist/cjs/globalCache.d.ts +5 -0
- package/dist/cjs/globalCache.js +20 -0
- package/dist/cjs/index.d.ts +3 -0
- package/dist/cjs/index.js +36 -0
- package/dist/cjs/index.less +637 -0
- package/dist/cjs/printPdf.d.ts +6 -0
- package/dist/cjs/printPdf.js +51 -0
- package/dist/cjs/types.d.ts +31 -0
- package/dist/cjs/types.js +5 -0
- package/dist/cjs/utils.d.ts +17 -0
- package/dist/cjs/utils.js +220 -0
- package/dist/esm/ArchiveCover.d.ts +9 -0
- package/dist/esm/ArchiveCover.js +136 -0
- package/dist/esm/DocumentFlipBook.d.ts +32 -0
- package/dist/esm/DocumentFlipBook.js +630 -0
- package/dist/esm/ExportModal.d.ts +10 -0
- package/dist/esm/ExportModal.js +88 -0
- package/dist/esm/HeaderBar.d.ts +25 -0
- package/dist/esm/HeaderBar.js +211 -0
- package/dist/esm/PdfPage.d.ts +9 -0
- package/dist/esm/PdfPage.js +136 -0
- package/dist/esm/ProjectCover.d.ts +8 -0
- package/dist/esm/ProjectCover.js +195 -0
- package/dist/esm/SideTabs.d.ts +8 -0
- package/dist/esm/SideTabs.js +27 -0
- package/dist/esm/exportHtml.d.ts +19 -0
- package/dist/esm/exportHtml.js +178 -0
- package/dist/esm/exportPdf.d.ts +27 -0
- package/dist/esm/exportPdf.js +223 -0
- package/dist/esm/globalCache.d.ts +5 -0
- package/dist/esm/globalCache.js +15 -0
- package/dist/esm/index.d.ts +3 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.less +637 -0
- package/dist/esm/printPdf.d.ts +6 -0
- package/dist/esm/printPdf.js +45 -0
- package/dist/esm/types.d.ts +31 -0
- package/dist/esm/types.js +1 -0
- package/dist/esm/utils.d.ts +17 -0
- package/dist/esm/utils.js +214 -0
- package/package.json +57 -0
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
require("./index.less");
|
|
9
|
+
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
var ArchiveCover = function ArchiveCover(_ref) {
|
|
13
|
+
var _archiveInfo$com00cs, _archiveInfo$nsp24c;
|
|
14
|
+
var data = _ref.data,
|
|
15
|
+
archiveInfo = _ref.archiveInfo,
|
|
16
|
+
_ref$themeColor = _ref.themeColor,
|
|
17
|
+
themeColor = _ref$themeColor === void 0 ? '#9F7D4E' : _ref$themeColor;
|
|
18
|
+
var acc51c = data || {};
|
|
19
|
+
var user = archiveInfo === null || archiveInfo === void 0 ? void 0 : archiveInfo.user;
|
|
20
|
+
var _ref2 = user || {},
|
|
21
|
+
company = _ref2.company;
|
|
22
|
+
var coverData = {
|
|
23
|
+
company: (company === null || company === void 0 ? void 0 : company.fd) || '-',
|
|
24
|
+
title: (archiveInfo === null || archiveInfo === void 0 ? void 0 : archiveInfo.fd) || '项目档案',
|
|
25
|
+
archiveNo: (archiveInfo === null || archiveInfo === void 0 ? void 0 : archiveInfo.fd_dam) || '-',
|
|
26
|
+
projectNo: acc51c.fd_dam || '-',
|
|
27
|
+
projectName: acc51c.fd || '-',
|
|
28
|
+
budget: '-',
|
|
29
|
+
bindPeriod: "".concat((archiveInfo === null || archiveInfo === void 0 ? void 0 : archiveInfo.fd_start) || '-', " \u81F3 ").concat((archiveInfo === null || archiveInfo === void 0 ? void 0 : archiveInfo.fd_beover) || '-'),
|
|
30
|
+
projectPeriod: "".concat(acc51c.fd_06 || '-', " \u81F3 ").concat(acc51c.fd_07 || '-'),
|
|
31
|
+
compileDate: archiveInfo !== null && archiveInfo !== void 0 && archiveInfo.created_at ? (0, _dayjs.default)(archiveInfo.created_at).format('YYYY-MM-DD HH:mm') : '-',
|
|
32
|
+
manager: acc51c.fd_04 || '-',
|
|
33
|
+
totalFiles: (archiveInfo === null || archiveInfo === void 0 ? void 0 : archiveInfo.fd_su) || 0,
|
|
34
|
+
attachmentsCount: (archiveInfo === null || archiveInfo === void 0 || (_archiveInfo$com00cs = archiveInfo.com00cs) === null || _archiveInfo$com00cs === void 0 ? void 0 : _archiveInfo$com00cs.length) || 0,
|
|
35
|
+
nsp24cFd: (archiveInfo === null || archiveInfo === void 0 || (_archiveInfo$nsp24c = archiveInfo.nsp24c) === null || _archiveInfo$nsp24c === void 0 ? void 0 : _archiveInfo$nsp24c.fd) || '-'
|
|
36
|
+
};
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
38
|
+
className: "archive-cover",
|
|
39
|
+
style: {
|
|
40
|
+
backgroundColor: themeColor
|
|
41
|
+
},
|
|
42
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
43
|
+
className: "archive-cover__outer-border",
|
|
44
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
45
|
+
className: "archive-cover__inner",
|
|
46
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
47
|
+
className: "archive-cover__company",
|
|
48
|
+
children: coverData.company
|
|
49
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
50
|
+
className: "archive-cover__title",
|
|
51
|
+
children: coverData.title
|
|
52
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
|
|
53
|
+
className: "archive-cover__table",
|
|
54
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("tbody", {
|
|
55
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
|
|
56
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
57
|
+
className: "label",
|
|
58
|
+
children: "\u6863\u6848\u7F16\u53F7"
|
|
59
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
60
|
+
className: "value",
|
|
61
|
+
children: coverData.archiveNo
|
|
62
|
+
})]
|
|
63
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
|
|
64
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
65
|
+
className: "label",
|
|
66
|
+
children: "\u9879\u76EE\u7F16\u53F7"
|
|
67
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
68
|
+
className: "value",
|
|
69
|
+
children: coverData.projectNo
|
|
70
|
+
})]
|
|
71
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
|
|
72
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
73
|
+
className: "label tall-row",
|
|
74
|
+
children: "\u9879\u76EE\u540D\u79F0"
|
|
75
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
76
|
+
className: "value tall-row",
|
|
77
|
+
children: coverData.projectName
|
|
78
|
+
})]
|
|
79
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
|
|
80
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
81
|
+
className: "label",
|
|
82
|
+
children: "\u9879\u76EE\u8D1F\u8D23\u4EBA"
|
|
83
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
84
|
+
className: "value",
|
|
85
|
+
children: coverData.manager
|
|
86
|
+
})]
|
|
87
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
|
|
88
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
89
|
+
className: "label",
|
|
90
|
+
children: "\u88C5\u8BA2\u671F\u95F4"
|
|
91
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
92
|
+
className: "value",
|
|
93
|
+
children: coverData.bindPeriod
|
|
94
|
+
})]
|
|
95
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
|
|
96
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
97
|
+
className: "label",
|
|
98
|
+
children: "\u9879\u76EE\u671F\u95F4"
|
|
99
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
100
|
+
className: "value",
|
|
101
|
+
children: coverData.projectPeriod
|
|
102
|
+
})]
|
|
103
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
|
|
104
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
105
|
+
className: "label",
|
|
106
|
+
children: "\u88C5\u8BA2\u65E5\u671F"
|
|
107
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
108
|
+
className: "value",
|
|
109
|
+
children: coverData.compileDate
|
|
110
|
+
})]
|
|
111
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
|
|
112
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
113
|
+
className: "label",
|
|
114
|
+
children: "\u88C5\u8BA2\u4EBA"
|
|
115
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
116
|
+
className: "value",
|
|
117
|
+
children: coverData.nsp24cFd
|
|
118
|
+
})]
|
|
119
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
|
|
120
|
+
className: "archive-cover__stats-row",
|
|
121
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
122
|
+
colSpan: 2,
|
|
123
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
124
|
+
className: "stats-content",
|
|
125
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
126
|
+
children: "\u5171"
|
|
127
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
128
|
+
className: "num",
|
|
129
|
+
children: coverData.totalFiles
|
|
130
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
131
|
+
children: "\u4EFD\u6587\u4EF6"
|
|
132
|
+
})]
|
|
133
|
+
})
|
|
134
|
+
})
|
|
135
|
+
})]
|
|
136
|
+
})
|
|
137
|
+
})]
|
|
138
|
+
})
|
|
139
|
+
})
|
|
140
|
+
});
|
|
141
|
+
};
|
|
142
|
+
var _default = exports.default = /*#__PURE__*/_react.default.memo(ArchiveCover);
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DocumentFlipBookMode } from './types';
|
|
3
|
+
import './index.less';
|
|
4
|
+
interface DocumentFlipBookProps {
|
|
5
|
+
mode?: DocumentFlipBookMode;
|
|
6
|
+
title?: string;
|
|
7
|
+
id?: string;
|
|
8
|
+
themeColor?: string;
|
|
9
|
+
documentInfo: {
|
|
10
|
+
com00cs?: any[];
|
|
11
|
+
attachments?: any[];
|
|
12
|
+
edr04bs?: any[];
|
|
13
|
+
acc51c?: any;
|
|
14
|
+
code?: string;
|
|
15
|
+
acc56c_fd?: string;
|
|
16
|
+
fd_dam?: string;
|
|
17
|
+
created_at?: string;
|
|
18
|
+
id?: string;
|
|
19
|
+
companyName?: string;
|
|
20
|
+
user?: any;
|
|
21
|
+
dt?: string;
|
|
22
|
+
amount?: number;
|
|
23
|
+
};
|
|
24
|
+
onBack?: () => void;
|
|
25
|
+
onRequestFullscreen?: () => void;
|
|
26
|
+
onClose?: () => void;
|
|
27
|
+
onSearch?: (v: string) => void;
|
|
28
|
+
showHeaderBar?: boolean;
|
|
29
|
+
pdfWorkerSrc?: string;
|
|
30
|
+
}
|
|
31
|
+
declare const DocumentFlipBook: React.FC<DocumentFlipBookProps>;
|
|
32
|
+
export default DocumentFlipBook;
|