@arim-aisdc/public-components 2.3.43 → 2.3.45
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/components/CustomForm/RemoteSelectCom/index.js +6 -1
- package/dist/components/TableMax/components/ColumnSort/customSortFns.d.ts +8 -8
- package/dist/components/TableMax/components/Export/index.js +6 -4
- package/dist/components/TableMax/components/Export/useTableExport.d.ts +2 -5
- package/dist/components/TableMax/components/Export/useTableExport.js +41 -60
- package/dist/components/TableMax/type.d.ts +2 -0
- package/package.json +1 -1
|
@@ -26,6 +26,7 @@ var RemoteSelect = function RemoteSelect(_ref) {
|
|
|
26
26
|
options = _useState4[0],
|
|
27
27
|
setOptions = _useState4[1];
|
|
28
28
|
var fetchRef = useRef(0);
|
|
29
|
+
var searchValueRef = useRef("first");
|
|
29
30
|
var debounceFetcher = useMemo(function () {
|
|
30
31
|
var loadOptions = function loadOptions(value) {
|
|
31
32
|
fetchRef.current += 1;
|
|
@@ -33,6 +34,7 @@ var RemoteSelect = function RemoteSelect(_ref) {
|
|
|
33
34
|
if (!getOptionsFn) return;
|
|
34
35
|
setOptions([]);
|
|
35
36
|
setFetching(true);
|
|
37
|
+
searchValueRef.current = value;
|
|
36
38
|
getOptionsFn(value).then(function (newOptions) {
|
|
37
39
|
if (fetchId !== fetchRef.current) {
|
|
38
40
|
// for fetch callback order
|
|
@@ -46,8 +48,11 @@ var RemoteSelect = function RemoteSelect(_ref) {
|
|
|
46
48
|
return debounce(loadOptions, 500);
|
|
47
49
|
}, [getOptionsFn]);
|
|
48
50
|
useEffect(function () {
|
|
51
|
+
if (!searchValueRef.current) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
49
54
|
debounceFetcher();
|
|
50
|
-
}, []);
|
|
55
|
+
}, [value]);
|
|
51
56
|
return /*#__PURE__*/_jsx(Select, {
|
|
52
57
|
className: "customForm-remoteSelect",
|
|
53
58
|
mode: item.mode ? item.mode : undefined,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { TableMaxColumnType } from "../../type";
|
|
2
|
-
export declare const numberSortFn: (rowA: any, rowB: any, columnId: string) =>
|
|
3
|
-
export declare const stringSortFn: (rowA: any, rowB: any, columnId: string) =>
|
|
4
|
-
export declare const numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) =>
|
|
5
|
-
export declare const timeSortFn: (rowA: any, rowB: any, columnId: string) =>
|
|
2
|
+
export declare const numberSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
|
|
3
|
+
export declare const stringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
|
|
4
|
+
export declare const numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
|
|
5
|
+
export declare const timeSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
|
|
6
6
|
declare const customSortFns: {
|
|
7
|
-
numberSortFn: (rowA: any, rowB: any, columnId: string) =>
|
|
8
|
-
stringSortFn: (rowA: any, rowB: any, columnId: string) =>
|
|
9
|
-
timeSortFn: (rowA: any, rowB: any, columnId: string) =>
|
|
10
|
-
numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) =>
|
|
7
|
+
numberSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
|
|
8
|
+
stringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
|
|
9
|
+
timeSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
|
|
10
|
+
numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
|
|
11
11
|
};
|
|
12
12
|
export default customSortFns;
|
|
13
13
|
export type SortFnType = keyof typeof customSortFns | undefined;
|
|
@@ -10,6 +10,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
|
|
|
10
10
|
import { Spin, Tooltip } from "antd";
|
|
11
11
|
import React, { useCallback } from "react";
|
|
12
12
|
import { useTableExport } from "./useTableExport";
|
|
13
|
+
import { debounce } from 'lodash';
|
|
13
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
15
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
15
16
|
var ExportComp = function ExportComp(_ref) {
|
|
@@ -20,16 +21,17 @@ var ExportComp = function ExportComp(_ref) {
|
|
|
20
21
|
exportConfig = _ref.exportConfig,
|
|
21
22
|
hasTotalRow = _ref.hasTotalRow,
|
|
22
23
|
totalDatas = _ref.totalDatas;
|
|
23
|
-
var _useTableExport = useTableExport(
|
|
24
|
+
var _useTableExport = useTableExport(),
|
|
24
25
|
exporting = _useTableExport.exporting,
|
|
25
26
|
exportTableData = _useTableExport.exportTableData;
|
|
27
|
+
console.log(columns, datas, '4444555555');
|
|
26
28
|
var handleExport = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
27
29
|
var _ref3, _exportConfig$fileNam;
|
|
28
30
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
29
31
|
while (1) switch (_context.prev = _context.next) {
|
|
30
32
|
case 0:
|
|
31
33
|
_context.next = 2;
|
|
32
|
-
return exportTableData(datas, _objectSpread(_objectSpread({}, exportConfig), {}, {
|
|
34
|
+
return exportTableData(datas, columns, hasTotalRow, totalDatas, _objectSpread(_objectSpread({}, exportConfig), {}, {
|
|
33
35
|
fileName: (_ref3 = (_exportConfig$fileNam = exportConfig === null || exportConfig === void 0 ? void 0 : exportConfig.fileName) !== null && _exportConfig$fileNam !== void 0 ? _exportConfig$fileNam : tableTitle) !== null && _ref3 !== void 0 ? _ref3 : '数据导出'
|
|
34
36
|
}));
|
|
35
37
|
case 2:
|
|
@@ -37,7 +39,7 @@ var ExportComp = function ExportComp(_ref) {
|
|
|
37
39
|
return _context.stop();
|
|
38
40
|
}
|
|
39
41
|
}, _callee);
|
|
40
|
-
})), [datas, tableTitle, exportConfig]);
|
|
42
|
+
})), [datas, tableTitle, exportConfig, columns, hasTotalRow, totalDatas]);
|
|
41
43
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
42
44
|
children: canExport && /*#__PURE__*/_jsx(Tooltip, {
|
|
43
45
|
placement: "top",
|
|
@@ -48,7 +50,7 @@ var ExportComp = function ExportComp(_ref) {
|
|
|
48
50
|
fontSize: '16px',
|
|
49
51
|
marginRight: 0
|
|
50
52
|
},
|
|
51
|
-
onClick: handleExport
|
|
53
|
+
onClick: debounce(handleExport, 500)
|
|
52
54
|
})
|
|
53
55
|
})
|
|
54
56
|
});
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
import { TableMaxColumnType } from '../../type';
|
|
2
1
|
export interface ExportOptions {
|
|
3
2
|
/**导出文件名称 */
|
|
4
3
|
fileName?: string;
|
|
5
4
|
/**导出sheet名称 */
|
|
6
5
|
sheetName?: string;
|
|
7
|
-
/**自定义cell显示 */
|
|
8
|
-
applyCellLogic?: (value: any, columnId: string, originalRow: any, column: TableMaxColumnType) => any;
|
|
9
6
|
/**是否导出合计行 */
|
|
10
7
|
isIncludeTotalRow?: boolean;
|
|
11
8
|
/**根据接口获取导出数据,函数返回值是需要导出的数据 */
|
|
@@ -14,7 +11,7 @@ export interface ExportOptions {
|
|
|
14
11
|
/**
|
|
15
12
|
* 表格导出Hook - 专门适配你的列配置结构
|
|
16
13
|
*/
|
|
17
|
-
export declare const useTableExport: (
|
|
14
|
+
export declare const useTableExport: () => {
|
|
18
15
|
exporting: boolean;
|
|
19
|
-
exportTableData: (data: any[], customOptions: ExportOptions) => Promise<void>;
|
|
16
|
+
exportTableData: (data: any[], columns: any, hasTotalRow: any, totalDatas: any, customOptions: ExportOptions) => Promise<void>;
|
|
20
17
|
};
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
2
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
3
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
4
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
7
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
8
6
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
8
|
+
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."); }
|
|
9
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
10
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
11
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
12
|
+
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
9
13
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
14
|
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."); }
|
|
11
15
|
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); }
|
|
@@ -24,7 +28,11 @@ import { ColumnType } from "../../TableMax";
|
|
|
24
28
|
var defaultApplyCellLogic = function defaultApplyCellLogic(value, columnId, originalRow, column) {
|
|
25
29
|
var cell = column.cell,
|
|
26
30
|
accessorKey = column.accessorKey,
|
|
27
|
-
id = column.id
|
|
31
|
+
id = column.id,
|
|
32
|
+
exportValueFormat = column.exportValueFormat;
|
|
33
|
+
if (exportValueFormat) {
|
|
34
|
+
return exportValueFormat(originalRow);
|
|
35
|
+
}
|
|
28
36
|
|
|
29
37
|
// 如果有自定义的cell渲染函数,需要执行它来获取显示值
|
|
30
38
|
if (cell) {
|
|
@@ -41,25 +49,18 @@ var defaultApplyCellLogic = function defaultApplyCellLogic(value, columnId, orig
|
|
|
41
49
|
}
|
|
42
50
|
};
|
|
43
51
|
var cellResult = cell(cellInfo);
|
|
44
|
-
|
|
52
|
+
// cellResult === false 兼容 cell: (info: any) => typeof info.getValue() === 'number' && convertNumber(convertUnitUp(info.getValue()) as number)
|
|
53
|
+
if (cellResult === null || cellResult === undefined || cellResult === false) {
|
|
45
54
|
return '';
|
|
46
55
|
}
|
|
47
|
-
if (cellResult && _typeof(cellResult) === 'object') {
|
|
48
|
-
|
|
49
|
-
//
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
// if (cellResult.props.className && (cellResult.props.className.includes('hasAlarm') || cellResult.props.className.includes('hasWarning'))) {
|
|
56
|
-
// return value;
|
|
57
|
-
// }
|
|
58
|
-
|
|
59
|
-
// // 如果是其他React元素,尝试获取children
|
|
60
|
-
// if (cellResult.props.children !== undefined) {
|
|
61
|
-
// return cellResult.props.children;
|
|
62
|
-
// }
|
|
56
|
+
if (cellResult && _typeof(cellResult) === 'object' && cellResult !== null && cellResult !== void 0 && cellResult.props) {
|
|
57
|
+
var _cellResult$props;
|
|
58
|
+
// 处理 BadgeComponent
|
|
59
|
+
if ((_cellResult$props = cellResult.props) !== null && _cellResult$props !== void 0 && _cellResult$props.label) {
|
|
60
|
+
var _cellResult$props2;
|
|
61
|
+
return (_cellResult$props2 = cellResult.props) === null || _cellResult$props2 === void 0 ? void 0 : _cellResult$props2.label;
|
|
62
|
+
}
|
|
63
|
+
return value;
|
|
63
64
|
}
|
|
64
65
|
return cellResult !== null && cellResult !== void 0 ? cellResult : '';
|
|
65
66
|
} catch (error) {
|
|
@@ -73,27 +74,26 @@ var defaultApplyCellLogic = function defaultApplyCellLogic(value, columnId, orig
|
|
|
73
74
|
/**
|
|
74
75
|
* 表格导出Hook - 专门适配你的列配置结构
|
|
75
76
|
*/
|
|
76
|
-
export var useTableExport = function useTableExport(
|
|
77
|
-
|
|
77
|
+
export var useTableExport = function useTableExport(
|
|
78
|
+
// columns: TableMaxColumnType[],
|
|
79
|
+
// hasTotalRow?: boolean,
|
|
80
|
+
// totalDatas?: any[],
|
|
81
|
+
// options: ExportOptions = {}
|
|
82
|
+
) {
|
|
78
83
|
var EnableExportColumnTypeList = [ColumnType.Selection, ColumnType.Darg, ColumnType.PlaceHolder, ColumnType.Expander];
|
|
79
84
|
var _useState = useState(false),
|
|
80
85
|
_useState2 = _slicedToArray(_useState, 2),
|
|
81
86
|
exporting = _useState2[0],
|
|
82
87
|
setExporting = _useState2[1];
|
|
83
|
-
var defaultOptions = _objectSpread({
|
|
84
|
-
fileName: '表格数据导出',
|
|
85
|
-
sheetName: 'Sheet1'
|
|
86
|
-
}, options);
|
|
87
88
|
|
|
88
89
|
/**
|
|
89
90
|
* 根据列配置处理数据
|
|
90
91
|
*/
|
|
91
|
-
var processDataWithColumns = useCallback(function (data, includeTotal
|
|
92
|
+
var processDataWithColumns = useCallback(function (columns, data, includeTotal) {
|
|
92
93
|
if (!data || !Array.isArray(data)) return [];
|
|
93
94
|
return data.map(function (item, dataIndex) {
|
|
94
95
|
var processedItem = {};
|
|
95
96
|
var isTotalData = dataIndex === (data === null || data === void 0 ? void 0 : data.length) - 1 && includeTotal;
|
|
96
|
-
console.log(isTotalData, dataIndex, (data === null || data === void 0 ? void 0 : data.length) - 1, includeTotal, '555555');
|
|
97
97
|
columns.filter(function (col) {
|
|
98
98
|
return !EnableExportColumnTypeList.includes(col === null || col === void 0 ? void 0 : col.id) && !(col !== null && col !== void 0 && col.disabledExport);
|
|
99
99
|
}).forEach(function (column, index) {
|
|
@@ -110,7 +110,6 @@ export var useTableExport = function useTableExport(columns, hasTotalRow, totalD
|
|
|
110
110
|
var _item$accessorKey;
|
|
111
111
|
value = value = (_item$accessorKey = item[accessorKey]) !== null && _item$accessorKey !== void 0 ? _item$accessorKey : item[id];
|
|
112
112
|
} else {
|
|
113
|
-
var _value;
|
|
114
113
|
if (accessorFn) {
|
|
115
114
|
value = accessorFn(item, index);
|
|
116
115
|
}
|
|
@@ -123,19 +122,19 @@ export var useTableExport = function useTableExport(columns, hasTotalRow, totalD
|
|
|
123
122
|
value = item[id];
|
|
124
123
|
}
|
|
125
124
|
// 4. 应用单元格渲染逻辑(转换为文本)
|
|
126
|
-
|
|
127
|
-
value =
|
|
125
|
+
var finalApplyCellLogic = defaultApplyCellLogic;
|
|
126
|
+
value = finalApplyCellLogic(value, id, item, column);
|
|
128
127
|
}
|
|
129
128
|
processedItem[typeof header === "string" ? header : accessorKey !== null && accessorKey !== void 0 ? accessorKey : id] = value;
|
|
130
129
|
});
|
|
131
130
|
return processedItem;
|
|
132
131
|
});
|
|
133
|
-
}, [
|
|
132
|
+
}, []);
|
|
134
133
|
|
|
135
134
|
/**
|
|
136
135
|
* 设置列宽
|
|
137
136
|
*/
|
|
138
|
-
var setColumnWidths = useCallback(function (worksheet) {
|
|
137
|
+
var setColumnWidths = useCallback(function (columns, worksheet) {
|
|
139
138
|
if (!worksheet['!cols']) worksheet['!cols'] = [];
|
|
140
139
|
columns.forEach(function (column, index) {
|
|
141
140
|
var width = calculateColumnWidth(typeof column.header === 'string' ? column.header : '表格列宽');
|
|
@@ -143,7 +142,7 @@ export var useTableExport = function useTableExport(columns, hasTotalRow, totalD
|
|
|
143
142
|
width: width
|
|
144
143
|
};
|
|
145
144
|
});
|
|
146
|
-
}, [
|
|
145
|
+
}, []);
|
|
147
146
|
|
|
148
147
|
/**
|
|
149
148
|
* 计算列宽
|
|
@@ -152,14 +151,14 @@ export var useTableExport = function useTableExport(columns, hasTotalRow, totalD
|
|
|
152
151
|
var chineseCharCount = (header.match(/[^\x00-\xff]/g) || []).length;
|
|
153
152
|
var otherCharCount = header.length - chineseCharCount;
|
|
154
153
|
var width = chineseCharCount * 2 + otherCharCount * 1.1 + 4;
|
|
155
|
-
return Math.min(Math.max(width,
|
|
154
|
+
return Math.min(Math.max(width, 12), 50);
|
|
156
155
|
};
|
|
157
156
|
|
|
158
157
|
/**
|
|
159
158
|
* 主导出函数
|
|
160
159
|
*/
|
|
161
160
|
var exportTableData = useCallback( /*#__PURE__*/function () {
|
|
162
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, customOptions) {
|
|
161
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, columns, hasTotalRow, totalDatas, customOptions) {
|
|
163
162
|
var _customOptions$isIncl, isIncludeTotalRow, exportData, finalOptions, processedData, workbook, worksheet, timestamp, exportFilename;
|
|
164
163
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
165
164
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -184,17 +183,15 @@ export var useTableExport = function useTableExport(columns, hasTotalRow, totalD
|
|
|
184
183
|
exportData = _context.sent;
|
|
185
184
|
case 10:
|
|
186
185
|
if (isIncludeTotalRow && hasTotalRow) {
|
|
187
|
-
exportData.
|
|
186
|
+
exportData = [].concat(_toConsumableArray(exportData), [totalDatas]);
|
|
188
187
|
}
|
|
189
188
|
try {
|
|
190
189
|
finalOptions = _objectSpread({}, customOptions); // 处理数据
|
|
191
|
-
processedData = processDataWithColumns(exportData, isIncludeTotalRow && hasTotalRow
|
|
192
|
-
console.log(processedData, 'processedData');
|
|
193
|
-
|
|
190
|
+
processedData = processDataWithColumns(columns, exportData, isIncludeTotalRow && hasTotalRow); // console.log(processedData, 'processedData')
|
|
194
191
|
// 创建工作簿
|
|
195
192
|
workbook = XLSX.utils.book_new();
|
|
196
193
|
worksheet = XLSX.utils.json_to_sheet(processedData); // 设置列宽
|
|
197
|
-
setColumnWidths(worksheet);
|
|
194
|
+
setColumnWidths(columns, worksheet);
|
|
198
195
|
|
|
199
196
|
// 添加到工作簿
|
|
200
197
|
XLSX.utils.book_append_sheet(workbook, worksheet, finalOptions.sheetName);
|
|
@@ -216,28 +213,12 @@ export var useTableExport = function useTableExport(columns, hasTotalRow, totalD
|
|
|
216
213
|
}
|
|
217
214
|
}, _callee);
|
|
218
215
|
}));
|
|
219
|
-
return function (_x, _x2) {
|
|
216
|
+
return function (_x, _x2, _x3, _x4, _x5) {
|
|
220
217
|
return _ref.apply(this, arguments);
|
|
221
218
|
};
|
|
222
|
-
}(), [exporting, processDataWithColumns, setColumnWidths
|
|
219
|
+
}(), [exporting, processDataWithColumns, setColumnWidths]);
|
|
223
220
|
return {
|
|
224
221
|
exporting: exporting,
|
|
225
222
|
exportTableData: exportTableData
|
|
226
223
|
};
|
|
227
|
-
};
|
|
228
|
-
|
|
229
|
-
// /**
|
|
230
|
-
// * 应用单元格逻辑转换为导出文本
|
|
231
|
-
// */
|
|
232
|
-
// const applyCellLogic = (value: any, columnId: string, originalRow: any, column: TableColumnType) => {
|
|
233
|
-
// switch (columnId) {
|
|
234
|
-
// case 'status':
|
|
235
|
-
// // 状态列:将状态码转换为文本
|
|
236
|
-
// const statusValue = originalRow.status as keyof typeof statusMap;
|
|
237
|
-
// return statusMap[statusValue]?.label || value;
|
|
238
|
-
|
|
239
|
-
// default:
|
|
240
|
-
// // 其他列:直接返回值或空字符串
|
|
241
|
-
// return value ?? '';
|
|
242
|
-
// }
|
|
243
|
-
// };
|
|
224
|
+
};
|