fdb2 1.0.8 → 1.0.9
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/.dockerignore +21 -21
- package/.editorconfig +11 -11
- package/.eslintrc.cjs +14 -14
- package/.eslintrc.json +7 -7
- package/.prettierrc.js +3 -3
- package/.tpl.env +21 -21
- package/.vscodeignore +45 -45
- package/README.md +312 -312
- package/bin/build.sh +28 -28
- package/bin/deploy.sh +8 -8
- package/bin/dev.sh +10 -10
- package/bin/docker/dev-docker-compose.yml +43 -43
- package/bin/docker/dev.Dockerfile +24 -24
- package/bin/docker/prod-docker-compose.yml +17 -17
- package/bin/docker/prod.Dockerfile +29 -29
- package/bin/fdb2.js +220 -220
- package/dist/package.json +29 -29
- package/dist/pnpm-lock.yaml +1042 -354
- package/dist/public/explorer.css +1464 -1437
- package/dist/public/explorer.js +759 -223
- package/dist/public/index.css +1026 -1026
- package/dist/public/index.js +15 -9
- package/dist/public/layout.css +221 -221
- package/dist/public/layout.js +1 -1
- package/dist/public/vue.js +8 -2
- package/dist/scripts/preinstall.js +112 -112
- package/dist/server/index.d.ts.map +1 -1
- package/dist/server/index.js +8 -0
- package/dist/server/index.js.map +1 -1
- package/dist/server/index.ts +680 -671
- package/dist/server/model/connection.entity.ts +65 -65
- package/dist/server/model/database.entity.ts +245 -245
- package/dist/server/service/connection.service.d.ts +6 -1
- package/dist/server/service/connection.service.d.ts.map +1 -1
- package/dist/server/service/connection.service.js +15 -0
- package/dist/server/service/connection.service.js.map +1 -1
- package/dist/server/service/connection.service.ts +356 -341
- package/dist/server/service/database/base.service.d.ts +27 -0
- package/dist/server/service/database/base.service.d.ts.map +1 -1
- package/dist/server/service/database/base.service.js +17 -0
- package/dist/server/service/database/base.service.js.map +1 -1
- package/dist/server/service/database/base.service.ts +406 -367
- package/dist/server/service/database/cockroachdb.service.d.ts +16 -0
- package/dist/server/service/database/cockroachdb.service.d.ts.map +1 -1
- package/dist/server/service/database/cockroachdb.service.js +220 -154
- package/dist/server/service/database/cockroachdb.service.js.map +1 -1
- package/dist/server/service/database/cockroachdb.service.ts +871 -782
- package/dist/server/service/database/database.service.d.ts +4 -0
- package/dist/server/service/database/database.service.d.ts.map +1 -1
- package/dist/server/service/database/database.service.js +123 -0
- package/dist/server/service/database/database.service.js.map +1 -1
- package/dist/server/service/database/database.service.ts +775 -638
- package/dist/server/service/database/index.ts +6 -6
- package/dist/server/service/database/mongodb.service.d.ts +16 -0
- package/dist/server/service/database/mongodb.service.d.ts.map +1 -1
- package/dist/server/service/database/mongodb.service.js +35 -0
- package/dist/server/service/database/mongodb.service.js.map +1 -1
- package/dist/server/service/database/mongodb.service.ts +39 -1
- package/dist/server/service/database/mssql.service.d.ts +16 -0
- package/dist/server/service/database/mssql.service.d.ts.map +1 -1
- package/dist/server/service/database/mssql.service.js +168 -96
- package/dist/server/service/database/mssql.service.js.map +1 -1
- package/dist/server/service/database/mssql.service.ts +931 -840
- package/dist/server/service/database/mysql.service.d.ts +16 -0
- package/dist/server/service/database/mysql.service.d.ts.map +1 -1
- package/dist/server/service/database/mysql.service.js +189 -80
- package/dist/server/service/database/mysql.service.js.map +1 -1
- package/dist/server/service/database/mysql.service.ts +1025 -890
- package/dist/server/service/database/oracle.service.d.ts +16 -0
- package/dist/server/service/database/oracle.service.d.ts.map +1 -1
- package/dist/server/service/database/oracle.service.js +182 -120
- package/dist/server/service/database/oracle.service.js.map +1 -1
- package/dist/server/service/database/oracle.service.ts +1035 -959
- package/dist/server/service/database/postgres.service.d.ts +16 -0
- package/dist/server/service/database/postgres.service.d.ts.map +1 -1
- package/dist/server/service/database/postgres.service.js +154 -88
- package/dist/server/service/database/postgres.service.js.map +1 -1
- package/dist/server/service/database/postgres.service.ts +960 -871
- package/dist/server/service/database/sap.service.d.ts +16 -0
- package/dist/server/service/database/sap.service.d.ts.map +1 -1
- package/dist/server/service/database/sap.service.js +66 -0
- package/dist/server/service/database/sap.service.js.map +1 -1
- package/dist/server/service/database/sap.service.ts +89 -0
- package/dist/server/service/database/sqlite.service.d.ts +16 -0
- package/dist/server/service/database/sqlite.service.d.ts.map +1 -1
- package/dist/server/service/database/sqlite.service.js +77 -18
- package/dist/server/service/database/sqlite.service.js.map +1 -1
- package/dist/server/service/database/sqlite.service.ts +787 -708
- package/dist/server/service/session.service.ts +158 -158
- package/dist/view/index.html +38 -38
- package/env.d.ts +1 -1
- package/package.json +1 -1
- package/packages/vscode/.vscodeignore +44 -44
- package/packages/vscode/README.md +62 -62
- package/packages/vscode/out/database-services/cockroachdb.service.js +154 -154
- package/packages/vscode/out/database-services/mssql.service.js +96 -96
- package/packages/vscode/out/database-services/mysql.service.js +80 -80
- package/packages/vscode/out/database-services/oracle.service.js +120 -120
- package/packages/vscode/out/database-services/postgres.service.js +88 -88
- package/packages/vscode/out/database-services/sqlite.service.js +18 -18
- package/packages/vscode/out/provider/WebViewProvider.js +32 -32
- package/packages/vscode/package.json +142 -142
- package/packages/vscode/resources/icon.svg +5 -5
- package/packages/vscode/resources/webview/connection.css +41 -41
- package/packages/vscode/resources/webview/database.css +163 -163
- package/packages/vscode/resources/webview/index.html +9 -9
- package/packages/vscode/resources/webview/modules/header.tpl +13 -13
- package/packages/vscode/resources/webview/modules/initial_state.tpl +54 -54
- package/packages/vscode/resources/webview/query.css +104 -104
- package/packages/vscode/src/database-services/base.service.ts +362 -362
- package/packages/vscode/src/database-services/cockroachdb.service.ts +659 -659
- package/packages/vscode/src/database-services/connection.service.ts +340 -340
- package/packages/vscode/src/database-services/database.service.ts +629 -629
- package/packages/vscode/src/database-services/index.ts +6 -6
- package/packages/vscode/src/database-services/model/connection.entity.ts +65 -65
- package/packages/vscode/src/database-services/model/database.entity.ts +245 -245
- package/packages/vscode/src/database-services/mssql.service.ts +722 -722
- package/packages/vscode/src/database-services/mysql.service.ts +760 -760
- package/packages/vscode/src/database-services/oracle.service.ts +831 -831
- package/packages/vscode/src/database-services/postgres.service.ts +740 -740
- package/packages/vscode/src/database-services/sqlite.service.ts +558 -558
- package/packages/vscode/src/extension.ts +76 -76
- package/packages/vscode/src/provider/DatabaseTreeProvider.ts +167 -167
- package/packages/vscode/src/provider/WebViewProvider.ts +277 -277
- package/packages/vscode/src/service/DatabaseServiceBridge.ts +414 -414
- package/packages/vscode/src/typings/connection.ts +90 -90
- package/packages/vscode/tsconfig.json +21 -21
- package/public/index.html +9 -9
- package/public/modules/header.tpl +13 -13
- package/public/modules/initial_state.tpl +54 -54
- package/scripts/preinstall.js +112 -112
- package/server/index.ts +680 -671
- package/server/model/connection.entity.ts +65 -65
- package/server/model/database.entity.ts +245 -245
- package/server/service/connection.service.ts +356 -341
- package/server/service/database/base.service.ts +406 -367
- package/server/service/database/cockroachdb.service.ts +871 -782
- package/server/service/database/database.service.ts +775 -638
- package/server/service/database/index.ts +6 -6
- package/server/service/database/mongodb.service.ts +39 -1
- package/server/service/database/mssql.service.ts +931 -840
- package/server/service/database/mysql.service.ts +1025 -890
- package/server/service/database/oracle.service.ts +1035 -959
- package/server/service/database/postgres.service.ts +960 -871
- package/server/service/database/sap.service.ts +89 -0
- package/server/service/database/sqlite.service.ts +787 -708
- package/server/service/session.service.ts +158 -158
- package/server/tsconfig.json +20 -20
- package/server.js +149 -149
- package/server.pid +1 -0
- package/src/adapter/ajax.ts +135 -135
- package/src/assets/base.css +1 -1
- package/src/assets/database.css +949 -949
- package/src/assets/images/svg/illustrations/illustration-1.svg +1 -1
- package/src/assets/images/svg/illustrations/illustration-2.svg +2 -2
- package/src/assets/images/svg/illustrations/illustration-3.svg +50 -50
- package/src/assets/images/svg/illustrations/illustration-4.svg +1 -1
- package/src/assets/images/svg/illustrations/illustration-5.svg +73 -73
- package/src/assets/images/svg/illustrations/illustration-6.svg +89 -89
- package/src/assets/images/svg/illustrations/illustration-7.svg +39 -39
- package/src/assets/images/svg/separators/curve-2.svg +3 -3
- package/src/assets/images/svg/separators/curve.svg +3 -3
- package/src/assets/images/svg/separators/line.svg +3 -3
- package/src/assets/logo.svg +73 -73
- package/src/assets/main.css +1 -1
- package/src/base/config.ts +20 -20
- package/src/base/detect.ts +134 -134
- package/src/base/entity.ts +92 -92
- package/src/base/eventBus.ts +36 -36
- package/src/components/connection-editor/index.vue +588 -588
- package/src/components/dataGrid/index.vue +104 -104
- package/src/components/dataGrid/pagination.vue +105 -105
- package/src/components/loading/index.vue +42 -42
- package/src/components/modal/index.ts +180 -180
- package/src/components/modal/index.vue +560 -560
- package/src/components/toast/index.ts +43 -43
- package/src/components/toast/toast.vue +57 -57
- package/src/components/user/name.vue +103 -103
- package/src/components/user/selector.vue +416 -416
- package/src/domain/SysConfig.ts +74 -74
- package/src/platform/App.vue +7 -7
- package/src/platform/database/components/connection-detail.vue +1153 -1154
- package/src/platform/database/components/data-editor.vue +477 -477
- package/src/platform/database/components/database-detail.vue +1173 -1172
- package/src/platform/database/components/database-monitor.vue +1085 -1085
- package/src/platform/database/components/db-tools.vue +1264 -816
- package/src/platform/database/components/query-history.vue +1348 -1348
- package/src/platform/database/components/sql-executor.vue +737 -737
- package/src/platform/database/components/sql-query-editor.vue +1045 -1045
- package/src/platform/database/components/table-detail.vue +1375 -1376
- package/src/platform/database/components/table-editor.vue +916 -916
- package/src/platform/database/explorer.vue +1839 -1839
- package/src/platform/database/index.vue +1192 -1192
- package/src/platform/database/layout.vue +366 -366
- package/src/platform/database/router.ts +36 -36
- package/src/platform/database/styles/common.scss +601 -601
- package/src/platform/database/types/common.ts +444 -444
- package/src/platform/database/utils/export.ts +231 -231
- package/src/platform/database/utils/helpers.ts +436 -436
- package/src/platform/index.ts +32 -32
- package/src/platform/router.ts +40 -40
- package/src/platform/vscode/bridge.ts +121 -121
- package/src/platform/vscode/components/ConnectionPanel.vue +272 -272
- package/src/platform/vscode/components/DatabasePanel.vue +532 -532
- package/src/platform/vscode/components/QueryPanel.vue +371 -371
- package/src/platform/vscode/entry/connection.ts +13 -13
- package/src/platform/vscode/entry/database.ts +13 -13
- package/src/platform/vscode/entry/query.ts +13 -13
- package/src/platform/vscode/index.ts +5 -5
- package/src/service/base.ts +133 -127
- package/src/service/database.ts +505 -495
- package/src/service/login.ts +120 -120
- package/src/shims-vue.d.ts +6 -6
- package/src/stores/connection.ts +266 -266
- package/src/stores/session.ts +87 -87
- package/src/typings/database-types.ts +412 -412
- package/src/typings/database.ts +363 -363
- package/src/typings/global.d.ts +58 -58
- package/src/typings/pinia.d.ts +7 -7
- package/src/utils/clipboard.ts +29 -29
- package/src/utils/database-types.ts +242 -242
- package/src/utils/modal.ts +123 -123
- package/src/utils/request.ts +55 -55
- package/src/utils/sleep.ts +3 -3
- package/src/utils/toast.ts +73 -73
- package/src/utils/util.ts +171 -171
- package/src/utils/xlsx.ts +228 -228
- package/tsconfig.json +33 -33
- package/view/index.html +9 -9
- package/view/modules/header.tpl +13 -13
- package/view/modules/initial_state.tpl +19 -19
- package/vite.config.ts +424 -424
- package/vite.config.vscode.ts +47 -47
- package/fdb2.server.pid +0 -1
- package/server/backups/db_ai_breakout_2026-03-11T08-38-48-677Z.sql +0 -0
package/src/utils/xlsx.ts
CHANGED
|
@@ -1,228 +1,228 @@
|
|
|
1
|
-
// @ts-ignore
|
|
2
|
-
import * as xlsx from "xlsx";
|
|
3
|
-
import ExcelJS from 'exceljs';
|
|
4
|
-
|
|
5
|
-
// 读取excel文件内容(支持xls和xlsx)
|
|
6
|
-
export async function readExcel(file: Blob): Promise<xlsx.WorkBook> {
|
|
7
|
-
return new Promise(resolve => {
|
|
8
|
-
if (!file) {
|
|
9
|
-
resolve({} as any);
|
|
10
|
-
return;
|
|
11
|
-
}
|
|
12
|
-
const reader = new FileReader();
|
|
13
|
-
reader.onload = (e) => {
|
|
14
|
-
if (!e.target) {
|
|
15
|
-
resolve({} as any);
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
const data = e.target.result;
|
|
19
|
-
const book = xlsx.read(data, {
|
|
20
|
-
type: 'binary',
|
|
21
|
-
cellDates: true,
|
|
22
|
-
cellText: false
|
|
23
|
-
});
|
|
24
|
-
resolve(book);
|
|
25
|
-
}
|
|
26
|
-
reader.readAsBinaryString(file);
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
// 文档解成json对象(处理合并单元格)
|
|
31
|
-
export function decodeBook(book: xlsx.WorkBook) {
|
|
32
|
-
const result = {
|
|
33
|
-
sheetNames: book.SheetNames || [],
|
|
34
|
-
sheets: []
|
|
35
|
-
} as any;
|
|
36
|
-
if (!book.SheetNames || !book.SheetNames.length) return result;
|
|
37
|
-
for (const name of book.SheetNames) {
|
|
38
|
-
result.sheets.push({
|
|
39
|
-
name,
|
|
40
|
-
data: decodeSheet(book.Sheets[name] as any),
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
return result;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
// 解析单个表(修复合并单元格多行问题)
|
|
47
|
-
export function decodeSheet(sheet: xlsx.WorkSheet) {
|
|
48
|
-
const res = {
|
|
49
|
-
cols: {} as any,
|
|
50
|
-
data: [] as any,
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
// 获取表格范围和合并单元格信息
|
|
54
|
-
const range = xlsx.utils.decode_range(sheet['!ref'] || 'A1:A1');
|
|
55
|
-
const merges = sheet['!merges'] || [];
|
|
56
|
-
|
|
57
|
-
// 记录哪些行是合并区域的一部分(用于后续去重)
|
|
58
|
-
const mergedRows = new Set<number>();
|
|
59
|
-
|
|
60
|
-
// 1. 先解析所有单元格数据
|
|
61
|
-
for (const key in sheet) {
|
|
62
|
-
if (!key || typeof key !== 'string' || key.startsWith('!')) continue;
|
|
63
|
-
|
|
64
|
-
const { r: rowIndex, c: colIndex } = xlsx.utils.decode_cell(key);
|
|
65
|
-
const colKey = xlsx.utils.encode_col(colIndex);
|
|
66
|
-
const cellValue = sheet[key].v || '';
|
|
67
|
-
|
|
68
|
-
// 处理表头行(第0行)
|
|
69
|
-
if (rowIndex === 0) {
|
|
70
|
-
res.cols[colKey] = cellValue;
|
|
71
|
-
}
|
|
72
|
-
// 处理数据行
|
|
73
|
-
else {
|
|
74
|
-
const dataRowIndex = rowIndex - 1;
|
|
75
|
-
if (!res.data[dataRowIndex]) {
|
|
76
|
-
res.data[dataRowIndex] = {};
|
|
77
|
-
}
|
|
78
|
-
res.data[dataRowIndex][colKey] = cellValue;
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
// 2. 处理合并单元格并标记合并行
|
|
83
|
-
merges.forEach((merge: xlsx.Range) => {
|
|
84
|
-
const startRow = merge.s.r;
|
|
85
|
-
const endRow = merge.e.r;
|
|
86
|
-
const startCol = merge.s.c;
|
|
87
|
-
const endCol = merge.e.c;
|
|
88
|
-
|
|
89
|
-
// 获取合并区域左上角单元格的值作为基准值
|
|
90
|
-
const startCellKey = xlsx.utils.encode_cell({ r: startRow, c: startCol });
|
|
91
|
-
const mergedValue = sheet[startCellKey]?.v || '';
|
|
92
|
-
|
|
93
|
-
// 填充合并区域内的所有单元格
|
|
94
|
-
for (let r = startRow; r <= endRow; r++) {
|
|
95
|
-
// 标记合并行(除了起始行外的其他行)
|
|
96
|
-
if (r > startRow && startRow > 0) { // 只标记数据行(startRow > 0)
|
|
97
|
-
mergedRows.add(r - 1); // 转换为数据行索引
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
for (let c = startCol; c <= endCol; c++) {
|
|
101
|
-
const colKey = xlsx.utils.encode_col(c);
|
|
102
|
-
|
|
103
|
-
if (r === 0) {
|
|
104
|
-
res.cols[colKey] = mergedValue;
|
|
105
|
-
} else {
|
|
106
|
-
const dataRowIndex = r - 1;
|
|
107
|
-
if (!res.data[dataRowIndex]) {
|
|
108
|
-
res.data[dataRowIndex] = {};
|
|
109
|
-
}
|
|
110
|
-
res.data[dataRowIndex][colKey] = mergedValue;
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
});
|
|
115
|
-
|
|
116
|
-
// 3. 移除合并产生的重复行(只保留起始行)
|
|
117
|
-
const filteredData = [] as Array<any>;
|
|
118
|
-
for (let i = 0; i < res.data.length; i++) {
|
|
119
|
-
// 只保留非合并行或合并起始行
|
|
120
|
-
if (!mergedRows.has(i)) {
|
|
121
|
-
filteredData.push(res.data[i]);
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
res.data = filteredData;
|
|
125
|
-
|
|
126
|
-
// 4. 补全空列,确保数据结构完整
|
|
127
|
-
res.data.forEach((row: any) => {
|
|
128
|
-
Object.keys(res.cols).forEach(colKey => {
|
|
129
|
-
if (row[colKey] === undefined) {
|
|
130
|
-
row[colKey] = '';
|
|
131
|
-
}
|
|
132
|
-
});
|
|
133
|
-
});
|
|
134
|
-
|
|
135
|
-
return res;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
// 导出excel
|
|
139
|
-
/**
|
|
140
|
-
* 导出 Excel 文件(支持表头样式)
|
|
141
|
-
* @param data 数据数组
|
|
142
|
-
* @param headers 字段映射(如 { id: 'ID', name: '姓名' })
|
|
143
|
-
* @param sheetName 工作表名(默认 'Sheet1')
|
|
144
|
-
*/
|
|
145
|
-
export async function exportToExcel(
|
|
146
|
-
data: Array<any>,
|
|
147
|
-
headers: Record<string, string> = {},
|
|
148
|
-
sheetName = 'Sheet1'
|
|
149
|
-
) {
|
|
150
|
-
// 1. 创建工作簿和工作表
|
|
151
|
-
const workbook = new ExcelJS.Workbook();
|
|
152
|
-
const worksheet = workbook.addWorksheet(sheetName);
|
|
153
|
-
|
|
154
|
-
// 2. 准备表头和数据行
|
|
155
|
-
const headerKeys = Object.keys(headers);
|
|
156
|
-
const headerLabels = Object.values(headers);
|
|
157
|
-
|
|
158
|
-
// 3. 添加表头(并设置样式)
|
|
159
|
-
const headerRow = worksheet.addRow(headerLabels);
|
|
160
|
-
|
|
161
|
-
// 4. 设置表头样式
|
|
162
|
-
headerRow.font = {
|
|
163
|
-
bold: true,
|
|
164
|
-
color: { argb: 'FF000000' } // 白色字体
|
|
165
|
-
};
|
|
166
|
-
headerRow.fill = {
|
|
167
|
-
type: 'pattern',
|
|
168
|
-
pattern: 'solid',
|
|
169
|
-
fgColor: { argb: 'FF4F81BD' } // 蓝色背景
|
|
170
|
-
};
|
|
171
|
-
headerRow.alignment = { horizontal: 'center' }; // 居中
|
|
172
|
-
|
|
173
|
-
// 5. 添加数据行
|
|
174
|
-
data.forEach(row => {
|
|
175
|
-
const rowData = headerKeys.map(key => row[key] ?? '');
|
|
176
|
-
const r = worksheet.addRow(rowData);
|
|
177
|
-
// 如果是图片,则插入图片
|
|
178
|
-
for(const key in rowData) {
|
|
179
|
-
const d = rowData[key];
|
|
180
|
-
if(d?.type !== 'image') continue;
|
|
181
|
-
const cellNum = Number(key);
|
|
182
|
-
if(d.data instanceof ArrayBuffer) {
|
|
183
|
-
const id = workbook.addImage({
|
|
184
|
-
buffer: d.data,
|
|
185
|
-
extension: d.ext || 'png',
|
|
186
|
-
})
|
|
187
|
-
worksheet.addImage(id, {
|
|
188
|
-
tl: {
|
|
189
|
-
col: cellNum,
|
|
190
|
-
row: r.number - 1,
|
|
191
|
-
},
|
|
192
|
-
ext: {
|
|
193
|
-
width: 32,
|
|
194
|
-
height: 32
|
|
195
|
-
}
|
|
196
|
-
})
|
|
197
|
-
}
|
|
198
|
-
else if(d.url) {
|
|
199
|
-
const cell = r.getCell(cellNum + 1);
|
|
200
|
-
cell.value = {
|
|
201
|
-
hyperlink: d.url,
|
|
202
|
-
text: d.text || '查看图片'
|
|
203
|
-
};
|
|
204
|
-
cell.font = { color: { argb: 'FF0000FF' }, underline: true};
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
});
|
|
208
|
-
|
|
209
|
-
// 6. 自动调整列宽
|
|
210
|
-
worksheet.columns.forEach(column => {
|
|
211
|
-
if(column.values) {
|
|
212
|
-
let maxW = 20;
|
|
213
|
-
column.values.map(v => {
|
|
214
|
-
const w = String(v)?.length || 1;
|
|
215
|
-
maxW = Math.max(maxW, w);
|
|
216
|
-
});
|
|
217
|
-
column.width = maxW;
|
|
218
|
-
}
|
|
219
|
-
});
|
|
220
|
-
|
|
221
|
-
// 7. 导出 Excel 文件
|
|
222
|
-
const buffer = await workbook.xlsx.writeBuffer();
|
|
223
|
-
const blob = new Blob([buffer], {
|
|
224
|
-
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
|
|
225
|
-
});
|
|
226
|
-
|
|
227
|
-
return blob;
|
|
228
|
-
}
|
|
1
|
+
// @ts-ignore
|
|
2
|
+
import * as xlsx from "xlsx";
|
|
3
|
+
import ExcelJS from 'exceljs';
|
|
4
|
+
|
|
5
|
+
// 读取excel文件内容(支持xls和xlsx)
|
|
6
|
+
export async function readExcel(file: Blob): Promise<xlsx.WorkBook> {
|
|
7
|
+
return new Promise(resolve => {
|
|
8
|
+
if (!file) {
|
|
9
|
+
resolve({} as any);
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
const reader = new FileReader();
|
|
13
|
+
reader.onload = (e) => {
|
|
14
|
+
if (!e.target) {
|
|
15
|
+
resolve({} as any);
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
const data = e.target.result;
|
|
19
|
+
const book = xlsx.read(data, {
|
|
20
|
+
type: 'binary',
|
|
21
|
+
cellDates: true,
|
|
22
|
+
cellText: false
|
|
23
|
+
});
|
|
24
|
+
resolve(book);
|
|
25
|
+
}
|
|
26
|
+
reader.readAsBinaryString(file);
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
// 文档解成json对象(处理合并单元格)
|
|
31
|
+
export function decodeBook(book: xlsx.WorkBook) {
|
|
32
|
+
const result = {
|
|
33
|
+
sheetNames: book.SheetNames || [],
|
|
34
|
+
sheets: []
|
|
35
|
+
} as any;
|
|
36
|
+
if (!book.SheetNames || !book.SheetNames.length) return result;
|
|
37
|
+
for (const name of book.SheetNames) {
|
|
38
|
+
result.sheets.push({
|
|
39
|
+
name,
|
|
40
|
+
data: decodeSheet(book.Sheets[name] as any),
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
return result;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
// 解析单个表(修复合并单元格多行问题)
|
|
47
|
+
export function decodeSheet(sheet: xlsx.WorkSheet) {
|
|
48
|
+
const res = {
|
|
49
|
+
cols: {} as any,
|
|
50
|
+
data: [] as any,
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
// 获取表格范围和合并单元格信息
|
|
54
|
+
const range = xlsx.utils.decode_range(sheet['!ref'] || 'A1:A1');
|
|
55
|
+
const merges = sheet['!merges'] || [];
|
|
56
|
+
|
|
57
|
+
// 记录哪些行是合并区域的一部分(用于后续去重)
|
|
58
|
+
const mergedRows = new Set<number>();
|
|
59
|
+
|
|
60
|
+
// 1. 先解析所有单元格数据
|
|
61
|
+
for (const key in sheet) {
|
|
62
|
+
if (!key || typeof key !== 'string' || key.startsWith('!')) continue;
|
|
63
|
+
|
|
64
|
+
const { r: rowIndex, c: colIndex } = xlsx.utils.decode_cell(key);
|
|
65
|
+
const colKey = xlsx.utils.encode_col(colIndex);
|
|
66
|
+
const cellValue = sheet[key].v || '';
|
|
67
|
+
|
|
68
|
+
// 处理表头行(第0行)
|
|
69
|
+
if (rowIndex === 0) {
|
|
70
|
+
res.cols[colKey] = cellValue;
|
|
71
|
+
}
|
|
72
|
+
// 处理数据行
|
|
73
|
+
else {
|
|
74
|
+
const dataRowIndex = rowIndex - 1;
|
|
75
|
+
if (!res.data[dataRowIndex]) {
|
|
76
|
+
res.data[dataRowIndex] = {};
|
|
77
|
+
}
|
|
78
|
+
res.data[dataRowIndex][colKey] = cellValue;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
// 2. 处理合并单元格并标记合并行
|
|
83
|
+
merges.forEach((merge: xlsx.Range) => {
|
|
84
|
+
const startRow = merge.s.r;
|
|
85
|
+
const endRow = merge.e.r;
|
|
86
|
+
const startCol = merge.s.c;
|
|
87
|
+
const endCol = merge.e.c;
|
|
88
|
+
|
|
89
|
+
// 获取合并区域左上角单元格的值作为基准值
|
|
90
|
+
const startCellKey = xlsx.utils.encode_cell({ r: startRow, c: startCol });
|
|
91
|
+
const mergedValue = sheet[startCellKey]?.v || '';
|
|
92
|
+
|
|
93
|
+
// 填充合并区域内的所有单元格
|
|
94
|
+
for (let r = startRow; r <= endRow; r++) {
|
|
95
|
+
// 标记合并行(除了起始行外的其他行)
|
|
96
|
+
if (r > startRow && startRow > 0) { // 只标记数据行(startRow > 0)
|
|
97
|
+
mergedRows.add(r - 1); // 转换为数据行索引
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
for (let c = startCol; c <= endCol; c++) {
|
|
101
|
+
const colKey = xlsx.utils.encode_col(c);
|
|
102
|
+
|
|
103
|
+
if (r === 0) {
|
|
104
|
+
res.cols[colKey] = mergedValue;
|
|
105
|
+
} else {
|
|
106
|
+
const dataRowIndex = r - 1;
|
|
107
|
+
if (!res.data[dataRowIndex]) {
|
|
108
|
+
res.data[dataRowIndex] = {};
|
|
109
|
+
}
|
|
110
|
+
res.data[dataRowIndex][colKey] = mergedValue;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
});
|
|
115
|
+
|
|
116
|
+
// 3. 移除合并产生的重复行(只保留起始行)
|
|
117
|
+
const filteredData = [] as Array<any>;
|
|
118
|
+
for (let i = 0; i < res.data.length; i++) {
|
|
119
|
+
// 只保留非合并行或合并起始行
|
|
120
|
+
if (!mergedRows.has(i)) {
|
|
121
|
+
filteredData.push(res.data[i]);
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
res.data = filteredData;
|
|
125
|
+
|
|
126
|
+
// 4. 补全空列,确保数据结构完整
|
|
127
|
+
res.data.forEach((row: any) => {
|
|
128
|
+
Object.keys(res.cols).forEach(colKey => {
|
|
129
|
+
if (row[colKey] === undefined) {
|
|
130
|
+
row[colKey] = '';
|
|
131
|
+
}
|
|
132
|
+
});
|
|
133
|
+
});
|
|
134
|
+
|
|
135
|
+
return res;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
// 导出excel
|
|
139
|
+
/**
|
|
140
|
+
* 导出 Excel 文件(支持表头样式)
|
|
141
|
+
* @param data 数据数组
|
|
142
|
+
* @param headers 字段映射(如 { id: 'ID', name: '姓名' })
|
|
143
|
+
* @param sheetName 工作表名(默认 'Sheet1')
|
|
144
|
+
*/
|
|
145
|
+
export async function exportToExcel(
|
|
146
|
+
data: Array<any>,
|
|
147
|
+
headers: Record<string, string> = {},
|
|
148
|
+
sheetName = 'Sheet1'
|
|
149
|
+
) {
|
|
150
|
+
// 1. 创建工作簿和工作表
|
|
151
|
+
const workbook = new ExcelJS.Workbook();
|
|
152
|
+
const worksheet = workbook.addWorksheet(sheetName);
|
|
153
|
+
|
|
154
|
+
// 2. 准备表头和数据行
|
|
155
|
+
const headerKeys = Object.keys(headers);
|
|
156
|
+
const headerLabels = Object.values(headers);
|
|
157
|
+
|
|
158
|
+
// 3. 添加表头(并设置样式)
|
|
159
|
+
const headerRow = worksheet.addRow(headerLabels);
|
|
160
|
+
|
|
161
|
+
// 4. 设置表头样式
|
|
162
|
+
headerRow.font = {
|
|
163
|
+
bold: true,
|
|
164
|
+
color: { argb: 'FF000000' } // 白色字体
|
|
165
|
+
};
|
|
166
|
+
headerRow.fill = {
|
|
167
|
+
type: 'pattern',
|
|
168
|
+
pattern: 'solid',
|
|
169
|
+
fgColor: { argb: 'FF4F81BD' } // 蓝色背景
|
|
170
|
+
};
|
|
171
|
+
headerRow.alignment = { horizontal: 'center' }; // 居中
|
|
172
|
+
|
|
173
|
+
// 5. 添加数据行
|
|
174
|
+
data.forEach(row => {
|
|
175
|
+
const rowData = headerKeys.map(key => row[key] ?? '');
|
|
176
|
+
const r = worksheet.addRow(rowData);
|
|
177
|
+
// 如果是图片,则插入图片
|
|
178
|
+
for(const key in rowData) {
|
|
179
|
+
const d = rowData[key];
|
|
180
|
+
if(d?.type !== 'image') continue;
|
|
181
|
+
const cellNum = Number(key);
|
|
182
|
+
if(d.data instanceof ArrayBuffer) {
|
|
183
|
+
const id = workbook.addImage({
|
|
184
|
+
buffer: d.data,
|
|
185
|
+
extension: d.ext || 'png',
|
|
186
|
+
})
|
|
187
|
+
worksheet.addImage(id, {
|
|
188
|
+
tl: {
|
|
189
|
+
col: cellNum,
|
|
190
|
+
row: r.number - 1,
|
|
191
|
+
},
|
|
192
|
+
ext: {
|
|
193
|
+
width: 32,
|
|
194
|
+
height: 32
|
|
195
|
+
}
|
|
196
|
+
})
|
|
197
|
+
}
|
|
198
|
+
else if(d.url) {
|
|
199
|
+
const cell = r.getCell(cellNum + 1);
|
|
200
|
+
cell.value = {
|
|
201
|
+
hyperlink: d.url,
|
|
202
|
+
text: d.text || '查看图片'
|
|
203
|
+
};
|
|
204
|
+
cell.font = { color: { argb: 'FF0000FF' }, underline: true};
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
});
|
|
208
|
+
|
|
209
|
+
// 6. 自动调整列宽
|
|
210
|
+
worksheet.columns.forEach(column => {
|
|
211
|
+
if(column.values) {
|
|
212
|
+
let maxW = 20;
|
|
213
|
+
column.values.map(v => {
|
|
214
|
+
const w = String(v)?.length || 1;
|
|
215
|
+
maxW = Math.max(maxW, w);
|
|
216
|
+
});
|
|
217
|
+
column.width = maxW;
|
|
218
|
+
}
|
|
219
|
+
});
|
|
220
|
+
|
|
221
|
+
// 7. 导出 Excel 文件
|
|
222
|
+
const buffer = await workbook.xlsx.writeBuffer();
|
|
223
|
+
const blob = new Blob([buffer], {
|
|
224
|
+
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
|
|
225
|
+
});
|
|
226
|
+
|
|
227
|
+
return blob;
|
|
228
|
+
}
|
package/tsconfig.json
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "@vue/tsconfig/tsconfig.dom.json",
|
|
3
|
-
"files": [],
|
|
4
|
-
"include": [
|
|
5
|
-
"env.d.ts",
|
|
6
|
-
"src/typings/*.d.ts",
|
|
7
|
-
"src/**/*",
|
|
8
|
-
"server/**/*.ts",
|
|
9
|
-
"src/**/*.vue",
|
|
10
|
-
"src/**/**/**/**/**/*.vue",
|
|
11
|
-
"package.json",
|
|
12
|
-
"../src/config/devops.config.ts",
|
|
13
|
-
"vite.config.*",
|
|
14
|
-
"vitest.config.*",
|
|
15
|
-
"cypress.config.*",
|
|
16
|
-
"playwright.config.*"
|
|
17
|
-
],
|
|
18
|
-
"exclude": ["src/**/__tests__/*"],
|
|
19
|
-
"compilerOptions": {
|
|
20
|
-
"composite": true,
|
|
21
|
-
"module": "ESNext",
|
|
22
|
-
"types": ["vue", "node", "jsdom"],
|
|
23
|
-
"baseUrl": ".",
|
|
24
|
-
"paths": {
|
|
25
|
-
"@/*": ["./src/*"],
|
|
26
|
-
"#/*": ["../*"]
|
|
27
|
-
},
|
|
28
|
-
"noImplicitAny": false,
|
|
29
|
-
"esModuleInterop": true,
|
|
30
|
-
"allowSyntheticDefaultImports": true,
|
|
31
|
-
"moduleResolution": "bundler"
|
|
32
|
-
}
|
|
33
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"extends": "@vue/tsconfig/tsconfig.dom.json",
|
|
3
|
+
"files": [],
|
|
4
|
+
"include": [
|
|
5
|
+
"env.d.ts",
|
|
6
|
+
"src/typings/*.d.ts",
|
|
7
|
+
"src/**/*",
|
|
8
|
+
"server/**/*.ts",
|
|
9
|
+
"src/**/*.vue",
|
|
10
|
+
"src/**/**/**/**/**/*.vue",
|
|
11
|
+
"package.json",
|
|
12
|
+
"../src/config/devops.config.ts",
|
|
13
|
+
"vite.config.*",
|
|
14
|
+
"vitest.config.*",
|
|
15
|
+
"cypress.config.*",
|
|
16
|
+
"playwright.config.*"
|
|
17
|
+
],
|
|
18
|
+
"exclude": ["src/**/__tests__/*"],
|
|
19
|
+
"compilerOptions": {
|
|
20
|
+
"composite": true,
|
|
21
|
+
"module": "ESNext",
|
|
22
|
+
"types": ["vue", "node", "jsdom"],
|
|
23
|
+
"baseUrl": ".",
|
|
24
|
+
"paths": {
|
|
25
|
+
"@/*": ["./src/*"],
|
|
26
|
+
"#/*": ["../*"]
|
|
27
|
+
},
|
|
28
|
+
"noImplicitAny": false,
|
|
29
|
+
"esModuleInterop": true,
|
|
30
|
+
"allowSyntheticDefaultImports": true,
|
|
31
|
+
"moduleResolution": "bundler"
|
|
32
|
+
}
|
|
33
|
+
}
|
package/view/index.html
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
{% include "./modules/header.tpl" %}
|
|
4
|
-
<body>
|
|
5
|
-
<div id="app" class="min-vh-100"></div>
|
|
6
|
-
<script type="module" lang="ts" src="{{prefix}}/src/platform/index.ts">
|
|
7
|
-
</script>
|
|
8
|
-
</body>
|
|
9
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
{% include "./modules/header.tpl" %}
|
|
4
|
+
<body>
|
|
5
|
+
<div id="app" class="min-vh-100"></div>
|
|
6
|
+
<script type="module" lang="ts" src="{{prefix}}/src/platform/index.ts">
|
|
7
|
+
</script>
|
|
8
|
+
</body>
|
|
9
|
+
</html>
|
package/view/modules/header.tpl
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
<head>
|
|
2
|
-
<meta charset="UTF-8" />
|
|
3
|
-
<base href="{{viteTarget}}" />
|
|
4
|
-
{% include "./initial_state.tpl" %}
|
|
5
|
-
<link rel="icon" href="{{prefix}}/public/favicon.png" />
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
-
<title>fdb2-数据库管理</title>
|
|
8
|
-
<meta name="description" content="{{description}}">
|
|
9
|
-
<script>
|
|
10
|
-
window.addEventListener('vite:preloadError', function (event) {
|
|
11
|
-
console.error(event);
|
|
12
|
-
});
|
|
13
|
-
</script>
|
|
1
|
+
<head>
|
|
2
|
+
<meta charset="UTF-8" />
|
|
3
|
+
<base href="{{viteTarget}}" />
|
|
4
|
+
{% include "./initial_state.tpl" %}
|
|
5
|
+
<link rel="icon" href="{{prefix}}/public/favicon.png" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
+
<title>fdb2-数据库管理</title>
|
|
8
|
+
<meta name="description" content="{{description}}">
|
|
9
|
+
<script>
|
|
10
|
+
window.addEventListener('vite:preloadError', function (event) {
|
|
11
|
+
console.error(event);
|
|
12
|
+
});
|
|
13
|
+
</script>
|
|
14
14
|
</head>
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
<script type="text/template" id="__INITIAL_STATE__">
|
|
2
|
-
{{ data | dump | safe }}
|
|
3
|
-
</script>
|
|
4
|
-
<script type="text/template" id="__DEFAULTINITIAL_STATE__">
|
|
5
|
-
{{ __DEFAULTINITIAL_STATE__ }}
|
|
6
|
-
</script>
|
|
7
|
-
<script>
|
|
8
|
-
function __get_templateJson(id) {
|
|
9
|
-
try {
|
|
10
|
-
var tag = document.getElementById(id);
|
|
11
|
-
var obj = JSON.parse(tag.innerHTML);
|
|
12
|
-
return obj;
|
|
13
|
-
}
|
|
14
|
-
catch (e) {
|
|
15
|
-
return null;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
var __INITIAL_STATE__ = __get_templateJson('__INITIAL_STATE__');
|
|
19
|
-
if(!__INITIAL_STATE__) __INITIAL_STATE__ = __get_templateJson('__DEFAULTINITIAL_STATE__');
|
|
1
|
+
<script type="text/template" id="__INITIAL_STATE__">
|
|
2
|
+
{{ data | dump | safe }}
|
|
3
|
+
</script>
|
|
4
|
+
<script type="text/template" id="__DEFAULTINITIAL_STATE__">
|
|
5
|
+
{{ __DEFAULTINITIAL_STATE__ }}
|
|
6
|
+
</script>
|
|
7
|
+
<script>
|
|
8
|
+
function __get_templateJson(id) {
|
|
9
|
+
try {
|
|
10
|
+
var tag = document.getElementById(id);
|
|
11
|
+
var obj = JSON.parse(tag.innerHTML);
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
catch (e) {
|
|
15
|
+
return null;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
var __INITIAL_STATE__ = __get_templateJson('__INITIAL_STATE__');
|
|
19
|
+
if(!__INITIAL_STATE__) __INITIAL_STATE__ = __get_templateJson('__DEFAULTINITIAL_STATE__');
|
|
20
20
|
</script>
|