@kmkf-fe-packages/kmkf-work-order-service-component 2.2.44-beta.25 → 2.2.44-beta.27
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/esm/LBOrderDetail/detail/OrderInfo.js +57 -25
- package/dist/esm/LBOrderDetail/index.js +0 -1
- package/dist/esm/model/logicFlow/selector.d.ts +0 -3
- package/dist/esm/model/paymentWorkOrder/selector.d.ts +0 -9
- package/dist/esm/model/singleShopWorkOrder/selector.d.ts +0 -5
- package/package.json +5 -5
|
@@ -555,6 +555,53 @@ var detailItemListMap = {};
|
|
|
555
555
|
DETAIL_ITEM_LIST.forEach(function (item) {
|
|
556
556
|
detailItemListMap[item.dataIndex] = item;
|
|
557
557
|
});
|
|
558
|
+
|
|
559
|
+
/** 全局 tableColumns 缓存,供所有 OrderInfo 复用,减少 queryColumns 请求 */
|
|
560
|
+
var CACHE_TTL_MS = 5 * 60 * 1000; // 5 分钟失效
|
|
561
|
+
var sharedTableColumnsCache = null;
|
|
562
|
+
var fetchColumnsPromise = null;
|
|
563
|
+
function getCachedColumns() {
|
|
564
|
+
if (!sharedTableColumnsCache) return null;
|
|
565
|
+
if (Date.now() - sharedTableColumnsCache.timestamp >= CACHE_TTL_MS) return null;
|
|
566
|
+
return sharedTableColumnsCache.columns;
|
|
567
|
+
}
|
|
568
|
+
function fetchAndCacheColumns() {
|
|
569
|
+
var cached = getCachedColumns();
|
|
570
|
+
if (cached) return Promise.resolve(cached);
|
|
571
|
+
if (fetchColumnsPromise) return fetchColumnsPromise;
|
|
572
|
+
fetchColumnsPromise = queryColumns().then(function (_ref) {
|
|
573
|
+
var _data$, _data$$queryInfo;
|
|
574
|
+
var data = _ref.data;
|
|
575
|
+
if (data !== null && data !== void 0 && (_data$ = data[0]) !== null && _data$ !== void 0 && (_data$$queryInfo = _data$.queryInfo) !== null && _data$$queryInfo !== void 0 && _data$$queryInfo.length) {
|
|
576
|
+
try {
|
|
577
|
+
var newColumns = [];
|
|
578
|
+
var list = JSON.parse(JSON.parse(data[0].queryInfo));
|
|
579
|
+
list.forEach(function (item) {
|
|
580
|
+
if (!item.show) return;
|
|
581
|
+
if (detailItemListMap[item.dataIndex]) {
|
|
582
|
+
newColumns.push(detailItemListMap[item.dataIndex]);
|
|
583
|
+
}
|
|
584
|
+
});
|
|
585
|
+
return newColumns;
|
|
586
|
+
} catch (err) {
|
|
587
|
+
console.debug('parse Error: ', err);
|
|
588
|
+
return DETAIL_ITEM_LIST;
|
|
589
|
+
}
|
|
590
|
+
}
|
|
591
|
+
return DETAIL_ITEM_LIST;
|
|
592
|
+
}).catch(function (err) {
|
|
593
|
+
console.debug(err);
|
|
594
|
+
return DETAIL_ITEM_LIST;
|
|
595
|
+
}).then(function (columns) {
|
|
596
|
+
sharedTableColumnsCache = {
|
|
597
|
+
columns: columns,
|
|
598
|
+
timestamp: Date.now()
|
|
599
|
+
};
|
|
600
|
+
fetchColumnsPromise = null;
|
|
601
|
+
return columns;
|
|
602
|
+
});
|
|
603
|
+
return fetchColumnsPromise;
|
|
604
|
+
}
|
|
558
605
|
var renderDetailItem = function renderDetailItem(record, item, effects) {
|
|
559
606
|
var isTable = 'children' in item && item.children;
|
|
560
607
|
var value = isTable ? record[item.dataIndex] : record.main[item.dataIndex];
|
|
@@ -566,12 +613,19 @@ var renderDetailItem = function renderDetailItem(record, item, effects) {
|
|
|
566
613
|
className: styles.detailItemTitle
|
|
567
614
|
}, item.title, "\uFF1A"), /*#__PURE__*/React.createElement("span", null, 'render' in item && item.render ? item.render(value, record, item, effects) : value));
|
|
568
615
|
};
|
|
569
|
-
var tableColumns;
|
|
570
616
|
var OrderInfo = function OrderInfo(props) {
|
|
571
617
|
var _React$useState = React.useState(),
|
|
572
618
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
573
619
|
orderInfo = _React$useState2[0],
|
|
574
620
|
setOrderInfo = _React$useState2[1];
|
|
621
|
+
// 复用全局缓存,有则用缓存(含 5 分钟有效期),无则走 fetchAndCacheColumns 拉取并写入缓存
|
|
622
|
+
var _React$useState3 = React.useState(function () {
|
|
623
|
+
var _getCachedColumns;
|
|
624
|
+
return (_getCachedColumns = getCachedColumns()) !== null && _getCachedColumns !== void 0 ? _getCachedColumns : [];
|
|
625
|
+
}),
|
|
626
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
627
|
+
tableColumns = _React$useState4[0],
|
|
628
|
+
setTableColumns = _React$useState4[1];
|
|
575
629
|
React.useEffect(function () {
|
|
576
630
|
if (props.id) {
|
|
577
631
|
queryInstallationRepairDetail(props.id).then(function (res) {
|
|
@@ -594,31 +648,9 @@ var OrderInfo = function OrderInfo(props) {
|
|
|
594
648
|
return;
|
|
595
649
|
}, [props.id]);
|
|
596
650
|
React.useEffect(function () {
|
|
597
|
-
|
|
598
|
-
queryColumns().then(function (_ref) {
|
|
599
|
-
var _data$, _data$$queryInfo;
|
|
600
|
-
var data = _ref.data;
|
|
601
|
-
if (data !== null && data !== void 0 && (_data$ = data[0]) !== null && _data$ !== void 0 && (_data$$queryInfo = _data$.queryInfo) !== null && _data$$queryInfo !== void 0 && _data$$queryInfo.length) {
|
|
602
|
-
try {
|
|
603
|
-
var newColumns = [];
|
|
604
|
-
var list = JSON.parse(JSON.parse(data[0].queryInfo));
|
|
605
|
-
list.forEach(function (item) {
|
|
606
|
-
if (!item.show) return;
|
|
607
|
-
if (detailItemListMap[item.dataIndex]) {
|
|
608
|
-
newColumns.push(detailItemListMap[item.dataIndex]);
|
|
609
|
-
}
|
|
610
|
-
});
|
|
611
|
-
tableColumns = newColumns;
|
|
612
|
-
} catch (err) {
|
|
613
|
-
console.debug('parse Error: ', err);
|
|
614
|
-
}
|
|
615
|
-
} else {
|
|
616
|
-
tableColumns = DETAIL_ITEM_LIST;
|
|
617
|
-
}
|
|
618
|
-
}).catch(console.debug);
|
|
619
|
-
}
|
|
651
|
+
fetchAndCacheColumns().then(setTableColumns);
|
|
620
652
|
}, []);
|
|
621
|
-
return orderInfo && tableColumns ? /*#__PURE__*/React.createElement("div", null, tableColumns.map(function (item) {
|
|
653
|
+
return orderInfo && tableColumns.length > 0 ? /*#__PURE__*/React.createElement("div", null, tableColumns.map(function (item) {
|
|
622
654
|
return renderDetailItem(orderInfo, item, {
|
|
623
655
|
shopList: props.shopList
|
|
624
656
|
});
|
|
@@ -9,7 +9,6 @@ import React, { useState } from 'react';
|
|
|
9
9
|
import { CloseOutlined } from '@ant-design/icons';
|
|
10
10
|
import LBOrderDetail from "./detail/index";
|
|
11
11
|
import { useWindowSize } from '@kmkf-fe-packages/kmkf-utils';
|
|
12
|
-
console.log("\uD83D\uDE80 ~ index.tsx:7 ~ useWindowSize:", useWindowSize);
|
|
13
12
|
export * from "./detail/types";
|
|
14
13
|
export * from "./detail/OrderInfo";
|
|
15
14
|
export * from "./detail/ServiceProgress";
|
|
@@ -6,7 +6,6 @@ export declare const selectFlowList: ((state: {
|
|
|
6
6
|
paymentWorkOrder: import("../paymentWorkOrder/types").PaymentWorkOrderState;
|
|
7
7
|
singleWorkOrder: import("../singleShopWorkOrder/types").SingleWorkOrderState;
|
|
8
8
|
logicFlow: import("./types").LogicFlowState;
|
|
9
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
10
9
|
}) => import("./types").LogicFlow[]) & import("reselect").OutputSelectorFields<(args_0: import("./types").LogicFlowState) => import("./types").LogicFlow[], {
|
|
11
10
|
clearCache: () => void;
|
|
12
11
|
}> & {
|
|
@@ -20,7 +19,6 @@ export declare const selectGroupFlowList: ((state: {
|
|
|
20
19
|
paymentWorkOrder: import("../paymentWorkOrder/types").PaymentWorkOrderState;
|
|
21
20
|
singleWorkOrder: import("../singleShopWorkOrder/types").SingleWorkOrderState;
|
|
22
21
|
logicFlow: import("./types").LogicFlowState;
|
|
23
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
24
22
|
}) => import("./types").Option[]) & import("reselect").OutputSelectorFields<(args_0: import("./types").LogicFlowState) => import("./types").Option[], {
|
|
25
23
|
clearCache: () => void;
|
|
26
24
|
}> & {
|
|
@@ -34,7 +32,6 @@ export declare const selectFlowTemplateGroupWorkOrderTemplateList: ((state: {
|
|
|
34
32
|
paymentWorkOrder: import("../paymentWorkOrder/types").PaymentWorkOrderState;
|
|
35
33
|
singleWorkOrder: import("../singleShopWorkOrder/types").SingleWorkOrderState;
|
|
36
34
|
logicFlow: import("./types").LogicFlowState;
|
|
37
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
38
35
|
}) => import("./types").Option[]) & import("reselect").OutputSelectorFields<(args_0: import("./types").LogicFlowState) => import("./types").Option[], {
|
|
39
36
|
clearCache: () => void;
|
|
40
37
|
}> & {
|
|
@@ -6,7 +6,6 @@ export declare const selectPaymentWorkOrderExamineModalVisible: ((state: {
|
|
|
6
6
|
paymentWorkOrder: import("./types").PaymentWorkOrderState;
|
|
7
7
|
singleWorkOrder: import("../singleShopWorkOrder/types").SingleWorkOrderState;
|
|
8
8
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
9
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
10
9
|
}) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").PaymentWorkOrderState) => boolean, {
|
|
11
10
|
clearCache: () => void;
|
|
12
11
|
}> & {
|
|
@@ -20,7 +19,6 @@ export declare const selectCurrentPaymentRecord: ((state: {
|
|
|
20
19
|
paymentWorkOrder: import("./types").PaymentWorkOrderState;
|
|
21
20
|
singleWorkOrder: import("../singleShopWorkOrder/types").SingleWorkOrderState;
|
|
22
21
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
23
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
24
22
|
}) => any) & import("reselect").OutputSelectorFields<(args_0: import("./types").PaymentWorkOrderState) => any, {
|
|
25
23
|
clearCache: () => void;
|
|
26
24
|
}> & {
|
|
@@ -34,7 +32,6 @@ export declare const selectPaymentWorkOrderUnExamineModalVisible: ((state: {
|
|
|
34
32
|
paymentWorkOrder: import("./types").PaymentWorkOrderState;
|
|
35
33
|
singleWorkOrder: import("../singleShopWorkOrder/types").SingleWorkOrderState;
|
|
36
34
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
37
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
38
35
|
}) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").PaymentWorkOrderState) => boolean, {
|
|
39
36
|
clearCache: () => void;
|
|
40
37
|
}> & {
|
|
@@ -48,7 +45,6 @@ export declare const selectDeletePaymentWorkOrderVisible: ((state: {
|
|
|
48
45
|
paymentWorkOrder: import("./types").PaymentWorkOrderState;
|
|
49
46
|
singleWorkOrder: import("../singleShopWorkOrder/types").SingleWorkOrderState;
|
|
50
47
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
51
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
52
48
|
}) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").PaymentWorkOrderState) => boolean, {
|
|
53
49
|
clearCache: () => void;
|
|
54
50
|
}> & {
|
|
@@ -62,7 +58,6 @@ export declare const selectFlagPayModalVisible: ((state: {
|
|
|
62
58
|
paymentWorkOrder: import("./types").PaymentWorkOrderState;
|
|
63
59
|
singleWorkOrder: import("../singleShopWorkOrder/types").SingleWorkOrderState;
|
|
64
60
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
65
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
66
61
|
}) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").PaymentWorkOrderState) => boolean, {
|
|
67
62
|
clearCache: () => void;
|
|
68
63
|
}> & {
|
|
@@ -76,7 +71,6 @@ export declare const selectLogModalVisible: ((state: {
|
|
|
76
71
|
paymentWorkOrder: import("./types").PaymentWorkOrderState;
|
|
77
72
|
singleWorkOrder: import("../singleShopWorkOrder/types").SingleWorkOrderState;
|
|
78
73
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
79
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
80
74
|
}) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").PaymentWorkOrderState) => boolean, {
|
|
81
75
|
clearCache: () => void;
|
|
82
76
|
}> & {
|
|
@@ -90,7 +84,6 @@ export declare const selectPaymentFormModalVisible: ((state: {
|
|
|
90
84
|
paymentWorkOrder: import("./types").PaymentWorkOrderState;
|
|
91
85
|
singleWorkOrder: import("../singleShopWorkOrder/types").SingleWorkOrderState;
|
|
92
86
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
93
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
94
87
|
}) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").PaymentWorkOrderState) => boolean, {
|
|
95
88
|
clearCache: () => void;
|
|
96
89
|
}> & {
|
|
@@ -104,7 +97,6 @@ export declare const selectRepeatVisible: ((state: {
|
|
|
104
97
|
paymentWorkOrder: import("./types").PaymentWorkOrderState;
|
|
105
98
|
singleWorkOrder: import("../singleShopWorkOrder/types").SingleWorkOrderState;
|
|
106
99
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
107
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
108
100
|
}) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").PaymentWorkOrderState) => boolean, {
|
|
109
101
|
clearCache: () => void;
|
|
110
102
|
}> & {
|
|
@@ -118,7 +110,6 @@ export declare const selectRepeatWorkOrderList: ((state: {
|
|
|
118
110
|
paymentWorkOrder: import("./types").PaymentWorkOrderState;
|
|
119
111
|
singleWorkOrder: import("../singleShopWorkOrder/types").SingleWorkOrderState;
|
|
120
112
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
121
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
122
113
|
}) => string[]) & import("reselect").OutputSelectorFields<(args_0: import("./types").PaymentWorkOrderState) => string[], {
|
|
123
114
|
clearCache: () => void;
|
|
124
115
|
}> & {
|
|
@@ -6,7 +6,6 @@ export declare const selectorSingleTemplateList: ((state: {
|
|
|
6
6
|
paymentWorkOrder: import("../paymentWorkOrder/types").PaymentWorkOrderState;
|
|
7
7
|
singleWorkOrder: import("./types").SingleWorkOrderState;
|
|
8
8
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
9
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
10
9
|
}) => import("./types").SelectI[]) & import("reselect").OutputSelectorFields<(args_0: import("./types").SingleWorkOrderState) => import("./types").SelectI[], {
|
|
11
10
|
clearCache: () => void;
|
|
12
11
|
}> & {
|
|
@@ -20,7 +19,6 @@ export declare const selectDeleteCustomizeWorkOrderModalVisible: ((state: {
|
|
|
20
19
|
paymentWorkOrder: import("../paymentWorkOrder/types").PaymentWorkOrderState;
|
|
21
20
|
singleWorkOrder: import("./types").SingleWorkOrderState;
|
|
22
21
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
23
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
24
22
|
}) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").SingleWorkOrderState) => boolean, {
|
|
25
23
|
clearCache: () => void;
|
|
26
24
|
}> & {
|
|
@@ -34,7 +32,6 @@ export declare const selectorCurrentCustomizeRecord: ((state: {
|
|
|
34
32
|
paymentWorkOrder: import("../paymentWorkOrder/types").PaymentWorkOrderState;
|
|
35
33
|
singleWorkOrder: import("./types").SingleWorkOrderState;
|
|
36
34
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
37
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
38
35
|
}) => any) & import("reselect").OutputSelectorFields<(args_0: import("./types").SingleWorkOrderState) => any, {
|
|
39
36
|
clearCache: () => void;
|
|
40
37
|
}> & {
|
|
@@ -48,7 +45,6 @@ export declare const selectorTemplateId: ((state: {
|
|
|
48
45
|
paymentWorkOrder: import("../paymentWorkOrder/types").PaymentWorkOrderState;
|
|
49
46
|
singleWorkOrder: import("./types").SingleWorkOrderState;
|
|
50
47
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
51
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
52
48
|
}) => string) & import("reselect").OutputSelectorFields<(args_0: import("./types").SingleWorkOrderState) => string, {
|
|
53
49
|
clearCache: () => void;
|
|
54
50
|
}> & {
|
|
@@ -62,7 +58,6 @@ export declare const selectorFormModalVisible: ((state: {
|
|
|
62
58
|
paymentWorkOrder: import("../paymentWorkOrder/types").PaymentWorkOrderState;
|
|
63
59
|
singleWorkOrder: import("./types").SingleWorkOrderState;
|
|
64
60
|
logicFlow: import("../logicFlow/types").LogicFlowState;
|
|
65
|
-
flowWOrkOrderDetail: import("../flowTemplateDetail/types").FlowTemplateDetailState;
|
|
66
61
|
}) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").SingleWorkOrderState) => boolean, {
|
|
67
62
|
clearCache: () => void;
|
|
68
63
|
}> & {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kmkf-fe-packages/kmkf-work-order-service-component",
|
|
3
|
-
"version": "2.2.44-beta.
|
|
3
|
+
"version": "2.2.44-beta.27",
|
|
4
4
|
"module": "dist/esm/index.js",
|
|
5
5
|
"typings": "dist/esm/index.d.ts",
|
|
6
6
|
"files": [
|
|
@@ -32,9 +32,9 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@ant-design/icons": "^4.7.0",
|
|
35
|
-
"@kmkf-fe-packages/basic-components": "2.2.44-beta.
|
|
36
|
-
"@kmkf-fe-packages/kmkf-utils": "2.2.44-beta.
|
|
37
|
-
"@kmkf-fe-packages/services-components": "2.2.44-beta.
|
|
35
|
+
"@kmkf-fe-packages/basic-components": "2.2.44-beta.26",
|
|
36
|
+
"@kmkf-fe-packages/kmkf-utils": "2.2.44-beta.26",
|
|
37
|
+
"@kmkf-fe-packages/services-components": "2.2.44-beta.26",
|
|
38
38
|
"@reduxjs/toolkit": "^1.8.5",
|
|
39
39
|
"ahooks": "^3.7.4",
|
|
40
40
|
"copy-to-clipboard": "^3.3.3",
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"publishConfig": {
|
|
76
76
|
"access": "public"
|
|
77
77
|
},
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "6ac1712e67311b202e26b19f51cfcea9db2bd2c4",
|
|
79
79
|
"gitHooks": {
|
|
80
80
|
"pre-commit": "lint-staged"
|
|
81
81
|
}
|