forked from alibaba/lowcode-engine
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathlive-editing.ts
More file actions
83 lines (74 loc) · 1.98 KB
/
live-editing.ts
File metadata and controls
83 lines (74 loc) · 1.98 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
import { EditingTarget, Node as DocNode, SaveHandler, LiveEditing } from '@alilc/lowcode-designer';
import { isJSExpression } from '@alilc/lowcode-types';
function getText(node: DocNode, prop: string) {
const p = node.getProp(prop, false);
if (!p || p.isUnset()) {
return null;
}
let v = p.getValue();
if (isJSExpression(v)) {
v = v.mock;
}
if (v == null) {
return null;
}
if (p.type === 'literal') {
return v;
}
return Symbol.for('not-literal');
}
export function liveEditingRule(target: EditingTarget) {
// for vision components specific
const { node, event } = target;
const targetElement = event.target as HTMLElement;
if (!Array.from(targetElement.childNodes).every(item => item.nodeType === Node.TEXT_NODE)) {
return null;
}
const { innerText } = targetElement;
const propTarget = ['title', 'label', 'text', 'content', 'children'].find(prop => {
return equalText(getText(node, prop), innerText);
});
if (propTarget) {
return {
propElement: targetElement,
propTarget,
};
}
return null;
}
function equalText(v: any, innerText: string) {
// TODO: enhance compare text logic
if (typeof v !== 'string') {
return false;
}
return v.trim() === innerText;
}
export const liveEditingSaveHander: SaveHandler = {
condition: (prop) => {
// const v = prop.getValue();
return prop.type === 'expression'; // || isI18nData(v);
},
onSaveContent: (content, prop) => {
const v = prop.getValue();
let data = v;
if (isJSExpression(v)) {
data = v.mock;
}
data = content;
if (isJSExpression(v)) {
prop.setValue({
type: 'JSExpression',
value: v.value,
mock: data,
});
} else {
prop.setValue(data);
}
},
};
// TODO:
// 非文本编辑
// 国际化数据，改变当前
// JSExpression, 改变 mock 或 弹出绑定变量
LiveEditing.addLiveEditingSpecificRule(liveEditingRule);
LiveEditing.addLiveEditingSaveHandler(liveEditingSaveHander);