aldehyde 0.2.459 → 0.2.460
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/lib/controls/2dEditor/components/card.d.ts +0 -5
- package/lib/controls/2dEditor/components/card.d.ts.map +1 -1
- package/lib/controls/2dEditor/components/card.js +56 -8
- package/lib/controls/2dEditor/components/card.js.map +1 -1
- package/lib/controls/2dEditor/components/component.less +8 -0
- package/package.json +1 -1
- package/src/aldehyde/controls/2dEditor/components/card.tsx +94 -7
- package/src/aldehyde/controls/2dEditor/components/component.less +8 -0
- package/src/aldehyde/controls/2dEditor/components/data.d.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/controls/2dEditor/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/controls/2dEditor/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAKlC,OAAO,kBAAkB,CAAC;AAsC1B,UAAU,KAAK;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,KAAK,GAAI,OAAO,KAAK,sBAoL1B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -22,6 +22,10 @@ import React, { useState, useRef, useEffect, useCallback } from 'react';
|
|
|
22
22
|
import { theme, Row, Col, Tag, Spin } from "antd";
|
|
23
23
|
import { HydrocarbonService } from "../../../index";
|
|
24
24
|
import HtmlBox from "./html-box";
|
|
25
|
+
import HcserviceV3 from "../../../tmpl/hcservice-v3";
|
|
26
|
+
import LtmplModal from "../../../module/ltmpl-modal";
|
|
27
|
+
import DtmplViewModal from "../../../module/dtmpl-view-modal";
|
|
28
|
+
import DtmplEditModal from "../../../module/dtmpl-edit-modal";
|
|
25
29
|
import "./component.less";
|
|
26
30
|
const { useToken } = theme;
|
|
27
31
|
// 处理数据关系字段
|
|
@@ -37,6 +41,7 @@ const stateColors = { "在线": "success", "离线": "error" };
|
|
|
37
41
|
// 编辑页默认显示数据
|
|
38
42
|
const defData = { v1: "标题", v2: "在线", listData: [{ title: "描述一", value: "xxxxxx" }, { title: "描述二", value: "" }, { title: "描述三", value: "" }, { title: "描述四", value: "" }] };
|
|
39
43
|
const Index = (props) => {
|
|
44
|
+
var _a, _b;
|
|
40
45
|
const { node, onDragMove, isSelected, onSelect, onChange, isDesignMode = true } = props;
|
|
41
46
|
const { id, position, draggable = true, rotation } = node;
|
|
42
47
|
const [isDragging, setIsDragging] = useState(false);
|
|
@@ -44,8 +49,28 @@ const Index = (props) => {
|
|
|
44
49
|
const [title, setTitle] = useState("");
|
|
45
50
|
const [state, setState] = useState("");
|
|
46
51
|
const [listData, setListData] = useState([]);
|
|
52
|
+
const [showRefPage, setShowRefPage] = useState();
|
|
47
53
|
const isDraggingRef = useRef(false);
|
|
48
54
|
const { token } = useToken();
|
|
55
|
+
// 查询事实关联页面统计数据
|
|
56
|
+
const getRefPageDataCount = (pageId) => __awaiter(void 0, void 0, void 0, function* () {
|
|
57
|
+
const queryKey = yield HcserviceV3.requestLtmplQueryKey(null, pageId, node.refPageParams);
|
|
58
|
+
const countData = yield HcserviceV3.requestQueryAggregates(null, queryKey.key);
|
|
59
|
+
return (countData === null || countData === void 0 ? void 0 : countData.count) || 0;
|
|
60
|
+
});
|
|
61
|
+
const handleItemData = (config, otherVal, item) => __awaiter(void 0, void 0, void 0, function* () {
|
|
62
|
+
const refPageId = config[`${item}-refPageId`];
|
|
63
|
+
const refPageTitle = config[`${item}-refPageTitle`];
|
|
64
|
+
const showRefPageDataCount = config[`${item}-showRefPageDataCount`];
|
|
65
|
+
const refPageTitleColor = config[`${item}-refPageTitleColor`];
|
|
66
|
+
const refPageDataCountColor = config[`${item}-refPageDataCountColor`];
|
|
67
|
+
const refPageOpenType = config[`${item}-refPageOpenType`];
|
|
68
|
+
let refPageDataCount = 0;
|
|
69
|
+
if (refPageId && showRefPageDataCount) {
|
|
70
|
+
refPageDataCount = yield getRefPageDataCount(refPageId);
|
|
71
|
+
}
|
|
72
|
+
return { title: config[item], unit: config[`${item}-suffix`], value: handleData(otherVal[item]), refPageId, refPageTitle, showRefPageDataCount, refPageDataCount, refPageTitleColor, refPageDataCountColor, refPageOpenType };
|
|
73
|
+
});
|
|
49
74
|
// 请求数据
|
|
50
75
|
const getData = (sourceId, params) => __awaiter(void 0, void 0, void 0, function* () {
|
|
51
76
|
var _a;
|
|
@@ -58,7 +83,9 @@ const Index = (props) => {
|
|
|
58
83
|
setState(handleData(v2));
|
|
59
84
|
// 过滤掉设置空值不显示数据
|
|
60
85
|
const temData = Object.keys(otherVal).filter(r => config[`${r}-nullNotShow`] ? ((otherVal[r] || otherVal[r] == 0) ? true : false) : true);
|
|
61
|
-
|
|
86
|
+
temData.sort((a, b) => Number(a.replace(/\D/g, '')) - Number(b.replace(/\D/g, '')));
|
|
87
|
+
const temListData = yield Promise.all(temData.map((item) => __awaiter(void 0, void 0, void 0, function* () { return yield handleItemData(config, otherVal, item); })));
|
|
88
|
+
setListData(temListData);
|
|
62
89
|
});
|
|
63
90
|
useEffect(() => {
|
|
64
91
|
var _a;
|
|
@@ -116,13 +143,34 @@ const Index = (props) => {
|
|
|
116
143
|
React.createElement("div", { className: 'card-title' }, title || "-"),
|
|
117
144
|
React.createElement("div", { className: 'card-detail' },
|
|
118
145
|
React.createElement(Row, { gutter: [16, 16] }, listData === null || listData === void 0 ? void 0 : listData.map((item, index) => React.createElement(Col, { className: "card-detail-item", span: 24, key: index },
|
|
119
|
-
React.createElement("div", { className:
|
|
120
|
-
item
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
React.createElement(
|
|
146
|
+
React.createElement("div", { className: 'card-detail-item', style: item.refPageId && item.refPageTitle ? { width: "70%", whiteSpace: "nowrap" } : { width: "100%" } },
|
|
147
|
+
React.createElement("div", { className: "card-detail-item-title" },
|
|
148
|
+
item.title,
|
|
149
|
+
"\uFF1A"),
|
|
150
|
+
React.createElement("div", { className: "card-detail-item-value" }, item.value || item.value === 0 ? item.value : "-"),
|
|
151
|
+
item.unit ? React.createElement("div", { className: 'card-detail-item-unit' }, item.unit) : "",
|
|
152
|
+
(index === 0 && state) ? React.createElement("span", { style: { marginLeft: '8px' } },
|
|
153
|
+
React.createElement(Tag, { color: stateColors[state] || "success" }, state)) : ""),
|
|
154
|
+
item.refPageId && item.refPageTitle ?
|
|
155
|
+
React.createElement("div", { className: 'refPage', onClick: (e) => {
|
|
156
|
+
if (item.refPageOpenType) {
|
|
157
|
+
e.stopPropagation();
|
|
158
|
+
setShowRefPage(item);
|
|
159
|
+
}
|
|
160
|
+
} },
|
|
161
|
+
React.createElement("span", { style: { color: item.refPageTitleColor || token.colorPrimary } }, item.refPageTitle),
|
|
162
|
+
React.createElement("span", { style: { color: item.refPageDataCountColor || token.colorText } }, item.showRefPageDataCount ? item.refPageDataCount : ""))
|
|
163
|
+
: "")))))),
|
|
164
|
+
(showRefPage === null || showRefPage === void 0 ? void 0 : showRefPage.refPageOpenType) === "table" ? (React.createElement(LtmplModal, { open: !!showRefPage, height: "76vh", onCancel: () => setShowRefPage(undefined), sourceId: showRefPage === null || showRefPage === void 0 ? void 0 : showRefPage.refPageId, defaultCriteriaValue: node.refPageParams || {} })) : null,
|
|
165
|
+
(showRefPage === null || showRefPage === void 0 ? void 0 : showRefPage.refPageOpenType) === "detail" ?
|
|
166
|
+
React.createElement(DtmplViewModal, { serverKey: null, onClose: () => setShowRefPage(undefined), open: !!showRefPage, sourceId: showRefPage === null || showRefPage === void 0 ? void 0 : showRefPage.refPageId, code: (_a = node.refPageParams) === null || _a === void 0 ? void 0 : _a.secondCriteria })
|
|
167
|
+
: null,
|
|
168
|
+
(showRefPage === null || showRefPage === void 0 ? void 0 : showRefPage.refPageOpenType) === "edit" ?
|
|
169
|
+
React.createElement(DtmplEditModal, { serverKey: null, onCancel: () => setShowRefPage(undefined), onOk: () => {
|
|
170
|
+
setShowRefPage(undefined);
|
|
171
|
+
getData(node.dataSourceId[0], node.params);
|
|
172
|
+
}, open: !!showRefPage, sourceId: showRefPage === null || showRefPage === void 0 ? void 0 : showRefPage.refPageId, code: (_b = node.refPageParams) === null || _b === void 0 ? void 0 : _b.secondCriteria })
|
|
173
|
+
: null));
|
|
126
174
|
};
|
|
127
175
|
export default Index;
|
|
128
176
|
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/controls/2dEditor/components/card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AAE3B,WAAW;AACX,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;IAC/B,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,GAAG,IAAI,EAAE,CAAC;IACrB,CAAC;IACD,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;AACrB,CAAC,CAAA;AAED,UAAU;AACV,MAAM,WAAW,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AAEvD,YAAY;AACZ,MAAM,OAAO,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/controls/2dEditor/components/card.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -3,6 +3,10 @@ import { theme, Row, Col, Tag, Spin } from "antd";
|
|
|
3
3
|
import { HydrocarbonService } from "../../../index";
|
|
4
4
|
import HtmlBox from "./html-box";
|
|
5
5
|
import { BaseNode } from "./data";
|
|
6
|
+
import HcserviceV3 from "../../../tmpl/hcservice-v3";
|
|
7
|
+
import LtmplModal from "../../../module/ltmpl-modal";
|
|
8
|
+
import DtmplViewModal from "../../../module/dtmpl-view-modal";
|
|
9
|
+
import DtmplEditModal from "../../../module/dtmpl-edit-modal";
|
|
6
10
|
import "./component.less";
|
|
7
11
|
|
|
8
12
|
const { useToken } = theme;
|
|
@@ -28,6 +32,19 @@ const defData = { v1: "标题", v2: "在线", listData: [{ title: "描述一", v
|
|
|
28
32
|
* v1:标题；v2:标签；v3、v4、v5...卡片描述列表
|
|
29
33
|
*/
|
|
30
34
|
|
|
35
|
+
interface ListData {
|
|
36
|
+
title: string;
|
|
37
|
+
value: any;
|
|
38
|
+
unit?: string;
|
|
39
|
+
refPageId?: string; // 关联页面
|
|
40
|
+
refPageTitle?: string;
|
|
41
|
+
showRefPageDataCount?: boolean; // 关联页面统计数据是否显示
|
|
42
|
+
refPageDataCount?: number;
|
|
43
|
+
refPageTitleColor?: string; // 关联页面颜色
|
|
44
|
+
refPageDataCountColor?: string;
|
|
45
|
+
refPageOpenType?: "table" | "detail" | "edit"; // 关联页面显示类型
|
|
46
|
+
}
|
|
47
|
+
|
|
31
48
|
interface Props {
|
|
32
49
|
node: BaseNode,
|
|
33
50
|
onDragMove?: (id: string, position: { x: number, y: number }) => void;
|
|
@@ -44,12 +61,34 @@ const Index = (props: Props) => {
|
|
|
44
61
|
const [loading, setLaoding] = useState<boolean>(false);
|
|
45
62
|
const [title, setTitle] = useState<string>("");
|
|
46
63
|
const [state, setState] = useState<string>("");
|
|
47
|
-
const [listData, setListData] = useState<
|
|
64
|
+
const [listData, setListData] = useState<ListData[]>([]);
|
|
65
|
+
const [showRefPage, setShowRefPage] = useState<ListData>();
|
|
48
66
|
const isDraggingRef = useRef<boolean>(false);
|
|
49
67
|
const { token } = useToken();
|
|
50
68
|
|
|
69
|
+
// 查询事实关联页面统计数据
|
|
70
|
+
const getRefPageDataCount = async (pageId: string) => {
|
|
71
|
+
const queryKey = await HcserviceV3.requestLtmplQueryKey(null, pageId, node.refPageParams);
|
|
72
|
+
const countData = await HcserviceV3.requestQueryAggregates(null, queryKey.key);
|
|
73
|
+
return countData?.count || 0;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
const handleItemData = async (config, otherVal, item) => {
|
|
77
|
+
const refPageId = config[`${item}-refPageId`];
|
|
78
|
+
const refPageTitle = config[`${item}-refPageTitle`];
|
|
79
|
+
const showRefPageDataCount = config[`${item}-showRefPageDataCount`];
|
|
80
|
+
const refPageTitleColor = config[`${item}-refPageTitleColor`];
|
|
81
|
+
const refPageDataCountColor = config[`${item}-refPageDataCountColor`];
|
|
82
|
+
const refPageOpenType = config[`${item}-refPageOpenType`];
|
|
83
|
+
let refPageDataCount = 0;
|
|
84
|
+
if (refPageId && showRefPageDataCount) {
|
|
85
|
+
refPageDataCount = await getRefPageDataCount(refPageId);
|
|
86
|
+
}
|
|
87
|
+
return { title: config[item], unit: config[`${item}-suffix`], value: handleData(otherVal[item]), refPageId, refPageTitle, showRefPageDataCount, refPageDataCount, refPageTitleColor, refPageDataCountColor, refPageOpenType };
|
|
88
|
+
}
|
|
89
|
+
|
|
51
90
|
// 请求数据
|
|
52
|
-
const getData = async (sourceId, params?: object) => {
|
|
91
|
+
const getData = async (sourceId: string, params?: object) => {
|
|
53
92
|
setLaoding(true);
|
|
54
93
|
const { data } = await HydrocarbonService.requestChartData(null, sourceId, params) || {};
|
|
55
94
|
const { config, value } = data?.value?.[0] || {};
|
|
@@ -59,7 +98,9 @@ const Index = (props: Props) => {
|
|
|
59
98
|
setState(handleData(v2));
|
|
60
99
|
// 过滤掉设置空值不显示数据
|
|
61
100
|
const temData = Object.keys(otherVal).filter(r => config[`${r}-nullNotShow`] ? ((otherVal[r] || otherVal[r] == 0) ? true : false) : true);
|
|
62
|
-
|
|
101
|
+
temData.sort((a, b) => Number(a.replace(/\D/g, '')) - Number(b.replace(/\D/g, '')));
|
|
102
|
+
const temListData = await Promise.all(temData.map(async (item) => await handleItemData(config, otherVal, item)));
|
|
103
|
+
setListData(temListData);
|
|
63
104
|
}
|
|
64
105
|
|
|
65
106
|
useEffect(() => {
|
|
@@ -135,16 +176,62 @@ const Index = (props: Props) => {
|
|
|
135
176
|
<Row gutter={[16, 16]}>
|
|
136
177
|
{listData?.map((item, index) =>
|
|
137
178
|
<Col className="card-detail-item" span={24} key={index}>
|
|
138
|
-
<div className=
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
179
|
+
<div className='card-detail-item' style={item.refPageId && item.refPageTitle ? { width: "70%", whiteSpace: "nowrap" } : { width: "100%" }}>
|
|
180
|
+
<div className="card-detail-item-title">{item.title}：</div>
|
|
181
|
+
<div className="card-detail-item-value">{item.value || item.value === 0 ? item.value : "-"}</div>
|
|
182
|
+
{item.unit ? <div className='card-detail-item-unit'>{item.unit}</div> : ""}
|
|
183
|
+
{(index === 0 && state) ? <span style={{ marginLeft: '8px' }}><Tag color={stateColors[state] || "success"}>{state}</Tag></span> : ""}
|
|
184
|
+
</div>
|
|
185
|
+
{item.refPageId && item.refPageTitle ?
|
|
186
|
+
<div
|
|
187
|
+
className='refPage'
|
|
188
|
+
onClick={(e) => {
|
|
189
|
+
if (item.refPageOpenType) {
|
|
190
|
+
e.stopPropagation();
|
|
191
|
+
setShowRefPage(item);
|
|
192
|
+
}
|
|
193
|
+
}}>
|
|
194
|
+
<span style={{ color: item.refPageTitleColor || token.colorPrimary }}>{item.refPageTitle}</span>
|
|
195
|
+
<span style={{ color: item.refPageDataCountColor || token.colorText }}>{item.showRefPageDataCount ? item.refPageDataCount : ""}</span>
|
|
196
|
+
</div>
|
|
197
|
+
: ""}
|
|
142
198
|
</Col>)
|
|
143
199
|
}
|
|
144
200
|
</Row>
|
|
145
201
|
</div>
|
|
146
202
|
</Spin>
|
|
147
203
|
</div>
|
|
204
|
+
{showRefPage?.refPageOpenType === "table" ? (
|
|
205
|
+
<LtmplModal
|
|
206
|
+
open={!!showRefPage}
|
|
207
|
+
height="76vh"
|
|
208
|
+
onCancel={() => setShowRefPage(undefined)}
|
|
209
|
+
sourceId={showRefPage?.refPageId}
|
|
210
|
+
defaultCriteriaValue={node.refPageParams || {}}
|
|
211
|
+
/>
|
|
212
|
+
) : null}
|
|
213
|
+
{showRefPage?.refPageOpenType === "detail" ?
|
|
214
|
+
<DtmplViewModal
|
|
215
|
+
serverKey={null}
|
|
216
|
+
onClose={() => setShowRefPage(undefined)}
|
|
217
|
+
open={!!showRefPage}
|
|
218
|
+
sourceId={showRefPage?.refPageId}
|
|
219
|
+
code={node.refPageParams?.secondCriteria}
|
|
220
|
+
/>
|
|
221
|
+
: null}
|
|
222
|
+
{showRefPage?.refPageOpenType === "edit" ?
|
|
223
|
+
<DtmplEditModal
|
|
224
|
+
serverKey={null}
|
|
225
|
+
onCancel={() => setShowRefPage(undefined)}
|
|
226
|
+
onOk={() => {
|
|
227
|
+
setShowRefPage(undefined);
|
|
228
|
+
getData(node.dataSourceId[0], node.params);
|
|
229
|
+
}}
|
|
230
|
+
open={!!showRefPage}
|
|
231
|
+
sourceId={showRefPage?.refPageId}
|
|
232
|
+
code={node.refPageParams?.secondCriteria}
|
|
233
|
+
/>
|
|
234
|
+
: null}
|
|
148
235
|
</HtmlBox >
|
|
149
236
|
);
|
|
150
237
|
};
|
|
@@ -11,6 +11,7 @@ export interface BaseNode { // 组件基本属性
|
|
|
11
11
|
params?: { [key: string]: any }; // 数据源查询过滤条件
|
|
12
12
|
onClick?: (val: BaseNode) => void; // 组件渲染页点击事件
|
|
13
13
|
title?: string; // 编辑页显示标题
|
|
14
|
+
refPageParams?: { [key: string]: any }; // 数据源事实关联页面查询条件
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
export interface LineProps { // 连线组件
|