aldehyde 0.2.484 → 0.2.486
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/select/index.d.ts +1 -1
- package/lib/controls/select/index.d.ts.map +1 -1
- package/lib/controls/select/index.js +6 -6
- package/lib/controls/select/index.js.map +1 -1
- package/lib/draw-canvas-edit/components/render/handlers/selection-handlers.d.ts.map +1 -1
- package/lib/draw-canvas-edit/components/render/handlers/selection-handlers.js +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/selection-handlers.js.map +1 -1
- package/lib/draw-canvas-edit/components/render/index.d.ts.map +1 -1
- package/lib/draw-canvas-edit/components/render/index.js +2 -5
- package/lib/draw-canvas-edit/components/render/index.js.map +1 -1
- package/lib/draw-canvas-edit/components/render/tools/component-factory.d.ts.map +1 -1
- package/lib/draw-canvas-edit/components/render/tools/component-factory.js +4 -5
- package/lib/draw-canvas-edit/components/render/tools/component-factory.js.map +1 -1
- package/lib/draw-canvas-edit/components/render/types.d.ts +1 -0
- package/lib/draw-canvas-edit/components/render/types.d.ts.map +1 -1
- package/lib/draw-canvas-edit/components/render/types.js.map +1 -1
- package/lib/draw-canvas-edit/components/setting-form/index.d.ts.map +1 -1
- package/lib/draw-canvas-edit/components/setting-form/index.js +5 -3
- package/lib/draw-canvas-edit/components/setting-form/index.js.map +1 -1
- package/lib/draw-canvas-edit/index.d.ts.map +1 -1
- package/lib/draw-canvas-edit/index.js +12 -3
- package/lib/draw-canvas-edit/index.js.map +1 -1
- package/lib/table/act-table.d.ts +1 -0
- package/lib/table/act-table.d.ts.map +1 -1
- package/lib/table/act-table.js +7 -0
- package/lib/table/act-table.js.map +1 -1
- package/package.json +1 -1
- package/src/aldehyde/controls/select/index.tsx +2 -3
- package/src/aldehyde/draw-canvas-edit/components/render/handlers/selection-handlers.ts +1 -0
- package/src/aldehyde/draw-canvas-edit/components/render/index.ts +2 -5
- package/src/aldehyde/draw-canvas-edit/components/render/tools/component-factory.ts +4 -5
- package/src/aldehyde/draw-canvas-edit/components/render/types.ts +1 -0
- package/src/aldehyde/draw-canvas-edit/components/setting-form/index.tsx +5 -3
- package/src/aldehyde/draw-canvas-edit/index.tsx +12 -3
- package/src/aldehyde/table/act-table.tsx +8 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useEffect, useMemo, useState } from 'react';
|
|
1
|
+
import React, { useEffect, useMemo, useState, useRef } from 'react';
|
|
2
2
|
import { Form as AntdForm, Collapse, Row, Col } from "antd";
|
|
3
3
|
import _ from "lodash";
|
|
4
4
|
import FormItemGroup from "../../../form/form-Item-group";
|
|
@@ -124,6 +124,7 @@ const Index = (props: Props) => {
|
|
|
124
124
|
const [form] = AntdForm.useForm();
|
|
125
125
|
const [formConfigs, setFormConfigs] = useState<{ [key: string]: any }>([]);
|
|
126
126
|
const { translate } = useLocale();
|
|
127
|
+
const isValChangeRef = useRef<boolean>(false);
|
|
127
128
|
|
|
128
129
|
// 自定义表单项
|
|
129
130
|
const customFormItem = (items: { [key: string]: any }[], layout?: "vertical" | "horizontal") => {
|
|
@@ -234,6 +235,7 @@ const Index = (props: Props) => {
|
|
|
234
235
|
|
|
235
236
|
// 更新数据
|
|
236
237
|
const onValuesChange = (val: { [key: string]: any }) => {
|
|
238
|
+
isValChangeRef.current = true;
|
|
237
239
|
const temVal = val;
|
|
238
240
|
Object.keys(val).forEach((key) => { // 使用公共表单组件,转换指定类型值
|
|
239
241
|
const extControlType = formConfigs.find((item: any) => item.id === key)?.extControlType;
|
|
@@ -261,7 +263,6 @@ const Index = (props: Props) => {
|
|
|
261
263
|
background = null;
|
|
262
264
|
backgroundImg = null;
|
|
263
265
|
}
|
|
264
|
-
form.setFieldsValue({ background, backgroundImg, ...temVal });
|
|
265
266
|
// 默认画布配置
|
|
266
267
|
onPageSettingsChange({ ...pageSettings, background, backgroundImg, ...temVal });
|
|
267
268
|
}
|
|
@@ -284,9 +285,10 @@ const Index = (props: Props) => {
|
|
|
284
285
|
|
|
285
286
|
// 表单数据实时回显更新
|
|
286
287
|
useEffect(() => {
|
|
287
|
-
if (formConfigs?.length && formData) {
|
|
288
|
+
if (formConfigs?.length && formData && !isValChangeRef.current) {
|
|
288
289
|
formSetFieldsValue();
|
|
289
290
|
}
|
|
291
|
+
isValChangeRef.current = false;
|
|
290
292
|
}, [formData, formConfigs]);
|
|
291
293
|
|
|
292
294
|
return <AntdForm
|
|
@@ -81,7 +81,7 @@ const Index = (props: Props) => {
|
|
|
81
81
|
render.on('selection-change', (nodes: Konva.Node[]) => { // 监听选中组件
|
|
82
82
|
assetCurrentRef.current = nodes.length === 1 ? nodes[0] : undefined;
|
|
83
83
|
setAssetCurrent(assetCurrentRef.current);
|
|
84
|
-
setAssetSettings(
|
|
84
|
+
setAssetSettings(assetCurrentRef.current ? render.getAssetSettings(assetCurrentRef.current) : undefined);
|
|
85
85
|
});
|
|
86
86
|
render.on('link-selection-change', (link?: Konva.Line) => { // 监听选中连线
|
|
87
87
|
setLinkCurrent(link);
|
|
@@ -101,6 +101,13 @@ const Index = (props: Props) => {
|
|
|
101
101
|
setAssetSettings(s => s ? { ...s, rotation: +rotation.toFixed(1) } : undefined);
|
|
102
102
|
}
|
|
103
103
|
});
|
|
104
|
+
render.on('asset-size-change', (nodes: Konva.Node[]) => { // 监听组件宽高变化
|
|
105
|
+
const node = nodes.find(n => n.id() === assetCurrentRef.current?.id());
|
|
106
|
+
if (node) {
|
|
107
|
+
const settings = render.getAssetSettings(node);
|
|
108
|
+
setAssetSettings(s => s ? { ...s, width: settings.width, height: settings.height } : undefined);
|
|
109
|
+
}
|
|
110
|
+
});
|
|
104
111
|
render.on('texting-change', setTexting); // 监听插入文本状态
|
|
105
112
|
render.on('graph-type-change', setGraphType); // 监听插入基础图形类型
|
|
106
113
|
}, []);
|
|
@@ -135,8 +142,10 @@ const Index = (props: Props) => {
|
|
|
135
142
|
if (!(assetCurrent && renderRef.current)) {
|
|
136
143
|
return;
|
|
137
144
|
}
|
|
138
|
-
setAssetSettings(
|
|
139
|
-
|
|
145
|
+
setAssetSettings(oldVal => {
|
|
146
|
+
renderRef.current.setAssetSettings(assetCurrent, { ...oldVal, ...val }, true);
|
|
147
|
+
return { ...oldVal, ...val };
|
|
148
|
+
});
|
|
140
149
|
}
|
|
141
150
|
|
|
142
151
|
// 更新连线配置
|
|
@@ -160,6 +160,7 @@ class ActTable extends React.PureComponent<ActTableProps, ActTableStat> {
|
|
|
160
160
|
static contextType = LocaleContext;
|
|
161
161
|
context: React.ContextType<typeof LocaleContext>;
|
|
162
162
|
formRef = React.createRef<FormInstance>(); // 可编辑表格的form Ref
|
|
163
|
+
isJumpRef = React.createRef<boolean>(); // 是否是action跳转
|
|
163
164
|
|
|
164
165
|
static defaultProps = {
|
|
165
166
|
criteriaData: {},
|
|
@@ -608,6 +609,12 @@ class ActTable extends React.PureComponent<ActTableProps, ActTableStat> {
|
|
|
608
609
|
}
|
|
609
610
|
|
|
610
611
|
isSameSourceQuery = (sourceId, criteriaData) => {
|
|
612
|
+
// action跳转,路由变化时,变化后路由不存在sourceId||menuId,则不触发查询
|
|
613
|
+
if (this.isJumpRef.current && !criteriaData['sourceId'] && !criteriaData['menuId']) {
|
|
614
|
+
this.isJumpRef.current = false;
|
|
615
|
+
return false;
|
|
616
|
+
}
|
|
617
|
+
|
|
611
618
|
if (sourceId && criteriaData && (criteriaData['sourceId'] && criteriaData['sourceId'] != sourceId)
|
|
612
619
|
|| (criteriaData['menuId'] && criteriaData['menuId'] != sourceId)) {
|
|
613
620
|
return false;
|
|
@@ -818,6 +825,7 @@ class ActTable extends React.PureComponent<ActTableProps, ActTableStat> {
|
|
|
818
825
|
url = url + searchs.join("&");
|
|
819
826
|
}
|
|
820
827
|
if (jump.linkTarget == '_self') {
|
|
828
|
+
this.isJumpRef.current = true;
|
|
821
829
|
window.location.hash = url.substring(url.indexOf("#") + 1);
|
|
822
830
|
} else {
|
|
823
831
|
debugger
|