github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2026-01-12 17:08:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: code style fix

Browse Source
This commit is contained in:
力皓 2021-02-08 11:48:42 +08:00
parent 298c810937
commit a17573191f
117 changed files with 884 additions and 888 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.eslintrc.js
View File

@ -1,6 +1,6 @@
module.exports = {
extends: 'eslint-config-ali/typescript/react',
ignorePatterns: [ 'tests/* '],
ignorePatterns: [ 'tests/** '],
rules: {
'react/no-multi-comp': 0,
'no-unused-expressions': 0,
@ -24,5 +24,7 @@ module.exports = {
'no-useless-escape': 1,
'brace-style': 1,
'@typescript-eslint/no-inferrable-types': 0,
'no-proto': 0,
'prefer-const': 0,
}
};

2
packages/designer/src/builtin-simulator/bem-tools/border-detecting.tsx
View File

@ -73,7 +73,7 @@ export class BorderDetecting extends Component<{ host: BuiltinSimulatorHost }> {
render() {
const { host } = this.props;
const { current } = this;
const canHoverHook = current?.componentMeta.getMetadata()?.experimental?.callbacks?.onHoverHook;
const canHover = (canHoverHook && typeof canHoverHook === 'function') ? canHoverHook(current) : true;

2
packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx
View File

@ -224,7 +224,7 @@ export class BoxResizingInstance extends Component<{
}
const unBind: any[] = [];
const node = this.props.observed.node;
const { node } = this.props.observed;
unBind.push(
...[

6
packages/designer/src/builtin-simulator/host.less
View File

@ -39,12 +39,12 @@
background: url(https://img.alicdn.com/tfs/TB1b4DHilFR4u4jSZFPXXanzFXa-750-1574.png) no-repeat top;
background-size: 378px 812px;
border-radius: 44px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 36px 42px;
box-shadow: rgba(0, 0, 0, 0.1) 0 36px 42px;
.@{scope}-canvas-viewport {
width: auto;
top: 50px;
left: 0px;
right: 0px;
left: 0;
right: 0;
margin-top: 40px;
max-height: 688px;
}

33
packages/designer/src/builtin-simulator/host.ts
View File

@ -252,7 +252,6 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
private _iframe?: HTMLIFrameElement;
async mountContentFrame(iframe: HTMLIFrameElement | null) {
if (!iframe || this._iframe === iframe) {
return;
}
@ -340,7 +339,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
}
setupDragAndClick() {
const designer = this.designer;
const { designer } = this;
const doc = this.contentDocument!;
// TODO: think of lock when edit a node
@ -354,7 +353,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
if (this.liveEditing.editing || !documentModel) {
return;
}
const selection = documentModel.selection;
const { selection } = documentModel;
let isMulti = false;
if (this.designMode === 'design') {
isMulti = downEvent.metaKey || downEvent.ctrlKey;
@ -384,7 +383,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
doc.removeEventListener('mouseup', checkSelect, true);
// 鼠标是否移动
if (!isShaken(downEvent, e)) {
let id = node.id;
let { id } = node;
designer.activeTracker.track({ node, instance: nodeInst?.instance });
if (isMulti && !isRootNode(node) && selection.has(id)) {
selection.remove(id);
@ -500,7 +499,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
*/
setupDetecting() {
const doc = this.contentDocument!;
const detecting = this.designer.detecting;
const { detecting } = this.designer;
const hover = (e: MouseEvent) => {
if (!detecting.enable || this.designMode !== 'design') {
return;
@ -682,14 +681,14 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
getComponentInstances(node: Node, context?: NodeInstance): ComponentInstance[] | null {
const docId = node.document.id;
let instances = this.instancesMap[docId]?.get(node.id) || null;
const instances = this.instancesMap[docId]?.get(node.id) || null;
if (!instances || !context) {
return instances;
}
// filter with context
return instances.filter((instance) => {
return this.getClosestNodeInstance(instance, context.nodeId)?.instance === context.instance
return this.getClosestNodeInstance(instance, context.nodeId)?.instance === context.instance;
});
}
@ -1030,7 +1029,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
const locationData = {
target: container as ParentalNode,
detail,
source: 'simulator' + document.id,
source: `simulator${ document.id}`,
event: e,
};
@ -1043,7 +1042,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
return this.designer.createLocation({
target: document.rootNode,
detail,
source: 'simulator' + document.id,
source: `simulator${ document.id}`,
event: e,
});
}
@ -1208,7 +1207,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
let dropContainer: DropContainer = {
container: container as any,
instance
instance,
};
let res: any;
@ -1232,7 +1231,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
instance = this.getClosestNodeInstance(dropContainer.instance, container.id)?.instance;
dropContainer = {
container: container as ParentalNode,
instance
instance,
};
} else {
return null;
@ -1253,7 +1252,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
}
} else if (isNode(res)) {
// TODO:
}*/
} */
}
return null;
}
@ -1323,14 +1322,14 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
* 查找邻近容器
*/
getNearByContainer({ container, instance }: DropContainer, drillDownExcludes: Set<Node>, e: LocateEvent) {
const children = container.children;
const { children } = container;
const document = this.project.currentDocument!;
if (!children || children.isEmpty()) {
return null;
}
let nearDistance: any = null;
let nearBy: any = null;
const nearDistance: any = null;
const nearBy: any = null;
for (let i = 0, l = children.size; i < l; i++) {
let child = children.get(i);
@ -1347,7 +1346,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
}
// TODO:
this.findDOMNodes(instance);
this.getComponentInstances(child)
this.getComponentInstances(child);
const rect = this.computeRect(child);
if (!rect) {
continue;
@ -1362,7 +1361,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
if (nearDistance === null || distance < nearDistance) {
nearDistance = distance;
nearBy = child;
}*/
} */
}
return nearBy;

8
packages/designer/src/component-meta.ts
View File

@ -178,10 +178,10 @@ export class ComponentMeta {
this._title =
typeof title === 'string'
? {
type: 'i18n',
'en-US': this.componentName,
'zh-CN': title,
}
type: 'i18n',
'en-US': this.componentName,
'zh-CN': title,
}
: title;
}

2
packages/designer/src/designer/designer.ts
View File

@ -207,7 +207,7 @@ export class Designer {
selectionDispose();
selectionDispose = undefined;
}
const currentSelection = this.currentSelection;
const { currentSelection } = this;
// TODO: 避免选中 Page 组件，默认选中第一个子节点；新增规则 或 判断 Live 模式
if (currentSelection && currentSelection.selected.length === 0 && this.simulatorProps?.designMode === 'live') {
const rootNodeChildrens = this.currentDocument.getRoot().getChildren().children;

4
packages/designer/src/project/project-view.tsx
View File

@ -8,8 +8,8 @@ import './project.less';
export class ProjectView extends Component<{ designer: Designer }> {
render() {
const { designer } = this.props;
const project = designer.project;
const simulatorProps = project.simulatorProps;
const { project } = designer;
const { simulatorProps } = project;
const Simulator = designer.simulatorComponent || BuiltinSimulatorHostView;
return (

2
packages/designer/src/project/project.ts
View File

@ -252,7 +252,7 @@ export class Project {
* 提供给模拟器的参数
*/
@computed get simulatorProps(): object {
let simulatorProps = this.designer.simulatorProps;
let { simulatorProps } = this.designer;
if (typeof simulatorProps === 'function') {
simulatorProps = simulatorProps(this);
}

2
packages/designer/src/simulator.ts
View File

@ -149,7 +149,7 @@ export interface ISimulatorHost<P = object> extends ISensor {
findDOMNodes(instance: ComponentInstance, selector?: string): Array<Element | Text> | null;
getDropContainer(e: LocateEvent): DropContainer | null;
/**
* 销毁
*/

2
packages/designer/src/utils/invariant.ts
View File

@ -1,5 +1,5 @@
export function invariant(check: any, message: string, thing?: any) {
if (!check) {
throw new Error('[designer] Invariant failed: ' + message + (thing ? ` in '${thing}'` : ''));
throw new Error(`[designer] Invariant failed: ${ message }${thing ? ` in '${thing}'` : ''}`);
}
}

2
packages/designer/src/utils/tree.ts
View File

@ -11,4 +11,4 @@ export function foreachReverse(
for (let i = arr.length - 1; i >= 0; i--) {
action.call(context, getter(arr, i));
}
}
}

2
packages/designer/tests/__mocks__/document-model.ts
View File

@ -7,4 +7,4 @@ export class DocumentModel {
const c: number = 2;
this.a = b?.x?.y;
}
}
}

2
packages/designer/tests/__mocks__/node.ts
View File

@ -6,4 +6,4 @@ export class Node2 {
const c: number = 2;
this.a = b?.x?.y;
}
}
}

2
packages/designer/tests/bugs/misc.ts
View File

@ -52,4 +52,4 @@ it.todo('在同一个节点下，相同名称的 slot 只能有一个', () => {
const exportSchema = currentDocument?.export(1);
expect(getIdsFromSchema(exportSchema).length).toBe(expectedNodeCnt);
expect(mockCreateSettingEntry).toBeCalledTimes(expectedNodeCnt);
});
});

2
packages/designer/tests/builtin-simulator/host-view.test.tsx
View File

@ -28,5 +28,5 @@ describe('host-view 测试', () => {
it('host-view', () => {
const hostView = render(<BuiltinSimulatorHostView project={designer.project} />);
})
});
});

51
packages/designer/tests/builtin-simulator/host.test.ts
View File

@ -200,22 +200,21 @@ describe('Host 测试', () => {
it('fixEvent', () => {
expect(host.fixEvent({ fixed: true, clientX: 1 })).toEqual({ fixed: true, clientX: 1 });
});
it('findDOMNodes', () => {
host.connect({
findDOMNodes: () => {
return null;
}
},
}, () => {});
expect(host.findDOMNodes()).toBeNull();
const mockElems = [document.createElement('div')]
const mockElems = [document.createElement('div')];
host.connect({
findDOMNodes: () => {
return mockElems;
}
},
}, () => {});
expect(host.findDOMNodes({})).toBe(mockElems);
expect(host.findDOMNodes({}, 'xxx')).toBeNull();
@ -231,7 +230,7 @@ describe('Host 测试', () => {
};
});
host.connect({
getClosestNodeInstance: mockFn
getClosestNodeInstance: mockFn,
}, () => {});
expect(host.getClosestNodeInstance()).toEqual({
node: {},
@ -244,14 +243,14 @@ describe('Host 测试', () => {
expect(host.getNodeInstanceFromElement()).toBeNull();
host.getClosestNodeInstance = () => {
return null;
}
};
expect(host.getNodeInstanceFromElement({})).toBeNull();
host.getClosestNodeInstance = () => {
return {
docId: project.currentDocument.id,
nodeId: 'xxx'
nodeId: 'xxx',
};
}
};
expect(host.getNodeInstanceFromElement({})).toBeTruthy();
});
@ -259,28 +258,28 @@ describe('Host 测试', () => {
host.getNodeInstanceFromElement = () => {
return {
node: doc.rootNode,
}
}
};
};
host.getDropContainer({
target: {},
dragObject: {
type: DragObjectType.Node,
nodes: [doc.getNode('page')],
}
})
},
});
});
it('getComponentInstances', () => {
const mockNode = {
document: { id: 'docId' }
document: { id: 'docId' },
};
host.instancesMap = {
'docId': {
docId: {
get() {
return [{ comp: true }, { comp2: true }];
}
}
}
},
},
};
expect(host.getComponentInstances(mockNode))
.toEqual([{ comp: true }, { comp2: true }]);
@ -288,8 +287,8 @@ describe('Host 测试', () => {
host.getClosestNodeInstance = () => {
return {
instance: mockInst,
}
}
};
};
expect(host.getComponentInstances(mockNode, { instance: mockInst }))
.toEqual([{ comp: true }, { comp2: true }]);
});
@ -319,13 +318,13 @@ describe('Host 测试', () => {
expect(host.sensorAvailable).toBeTruthy();
host.deactiveSensor();
expect(host.sensing).toBeFalsy();
})
});
it('getComponent', () => {
host.connect({
getComponent: () => {
return {};
}
},
}, () => {});
expect(host.getComponent()).toEqual({});
expect(host.createComponent()).toBeNull();
@ -335,10 +334,10 @@ describe('Host 测试', () => {
it('setInstance', () => {
host.instancesMap = {};
host.setInstance('docId1', 'id1', [{}]);
expect(host.instancesMap['docId1'].get('id1')).toEqual([{}]);
expect(host.instancesMap.docId1.get('id1')).toEqual([{}]);
host.setInstance('docId1', 'id1', null);
expect(host.instancesMap['docId1'].get('id1')).toBeUndefined();
expect(host.instancesMap.docId1.get('id1')).toBeUndefined();
});
});
@ -379,7 +378,7 @@ describe('Host 测试', () => {
type: DragObjectType.Node,
nodes: [doc.getNode('page')],
},
})
});
});
});
@ -409,9 +408,9 @@ describe('Host 测试', () => {
host.setupContextMenu();
host.getNodeInstanceFromElement = () => {
return {
node: { componentMeta: { componentName: 'Button' }},
node: { componentMeta: { componentName: 'Button' } },
};
}
};
const mockFn = jest.fn();
host.designer.editor.on('designer.builtinSimulator.contextmenu', mockFn);
fireEvent.contextMenu(document, {});

2
packages/designer/tests/builtin-simulator/renderer.test.tsx
View File

@ -17,5 +17,5 @@ import { isSimulatorRenderer } from '../../src/builtin-simulator/renderer';
describe('renderer 测试', () => {
it('renderer', () => {
expect(isSimulatorRenderer(getMockRenderer())).toBeTruthy();
})
});
});

12
packages/designer/tests/builtin-simulator/resource-consumer.test.ts
View File

@ -2,7 +2,7 @@ import ResourceConsumer from '../../src/builtin-simulator/resource-consumer';
import { delayObxTick, delay } from '../utils';
it('ResourceConsumer 测试，先消费再监听', async () => {
const con = new ResourceConsumer(() => ({ a: 1, b: 2}));
const con = new ResourceConsumer(() => ({ a: 1, b: 2 }));
const mockFn = jest.fn();
con.consume((data) => {
@ -21,9 +21,9 @@ it('ResourceConsumer 测试，先消费再监听', async () => {
it('ResourceConsumer 测试，先消费再监听，isSimulatorRenderer', async () => {
const mockFn = jest.fn();
const con = new ResourceConsumer(() => ({ a: 1, b: 2}), () => {
const con = new ResourceConsumer(() => ({ a: 1, b: 2 }), () => {
const o = { a: 3, b: 4 };
mockFn(o)
mockFn(o);
return o;
});
@ -39,13 +39,13 @@ it('ResourceConsumer 测试，先消费再监听，isSimulatorRenderer', async (
it('ResourceConsumer 测试，先消费再监听，isSimulatorRenderer，没有 consume', async () => {
const mockFn = jest.fn();
const con = new ResourceConsumer(() => ({ a: 1, b: 2}));
const con = new ResourceConsumer(() => ({ a: 1, b: 2 }));
con.consume({ isSimulatorRenderer: true });
});
it('ResourceConsumer 测试，先监听再消费', async () => {
const con = new ResourceConsumer(() => ({ a: 1, b: 2}));
const con = new ResourceConsumer(() => ({ a: 1, b: 2 }));
con.waitFirstConsume();
@ -57,4 +57,4 @@ it('ResourceConsumer 测试，先监听再消费', async () => {
await delay(1000);
expect(mockFn).toHaveBeenCalledWith({ a: 1, b: 2 });
});
});

2
packages/designer/tests/builtin-simulator/utils/parse-metadata.test.ts
View File

@ -6,4 +6,4 @@ describe('parseMetadata', () => {
const md1 = parseMetadata('Div');
const md2 = parseMetadata({ componentName: 'Div' });
});
});
});

2
packages/designer/tests/builtin-simulator/utils/path.test.ts
View File

@ -75,4 +75,4 @@ describe('builtin-simulator/utils/path 测试', () => {
expect(removeVersion('@ali/fe@1.0.0/index')).toBe('@ali/fe/index');
expect(removeVersion('haha')).toBe('haha');
});
});
});

2
packages/designer/tests/builtin-simulator/utils/throttle.test.ts
View File

@ -19,4 +19,4 @@ describe('throttle', () => {
fn();
expect(cb).toBeCalledTimes(1);
});
});
});

10
packages/designer/tests/builtin-simulator/viewport.test.ts
View File

@ -1,12 +1,12 @@
import '../fixtures/window';
import { getMockWindow, set } from '../utils';
import { getMockWindow, set, getMockElement, delay } from '../utils';
import { Editor, globalContext } from '@ali/lowcode-editor-core';
import { Project } from '../../src/project/project';
import { DocumentModel } from '../../src/document/document-model';
import Viewport from '../../src/builtin-simulator/viewport';
import { Designer } from '../../src/designer/designer';
import { fireEvent } from '@testing-library/react';
import { getMockElement, delay } from '../utils';
describe('Viewport 测试', () => {
let editor: Editor;
@ -24,7 +24,7 @@ describe('Viewport 测试', () => {
constructor(top, left, width, height) {
return { top, left, width, height };
}
}
};
});
beforeEach(() => {
@ -117,8 +117,8 @@ describe('Viewport 测试', () => {
viewportElem.setHeight(300);
expect(viewport.contentHeight).toBe(300 / 2);
expect(() => viewport.scale = NaN).toThrow();
expect(() => viewport.scale = -1).toThrow();
expect(() => { viewport.scale = NaN; }).toThrow();
expect(() => { viewport.scale = -1; }).toThrow();
});
it('setScrollTarget / scrollTarget / scrolling', async () => {

2
packages/designer/tests/designer/active-tracker.test.ts
View File

@ -37,4 +37,4 @@ it('ActiveTracker 测试，ActiveTarget', () => {
mockFn.mockClear();
tracker.track(mockNode);
expect(mockFn).not.toHaveBeenCalled();
});
});

18
packages/designer/tests/designer/designer.test.ts
View File

@ -58,7 +58,7 @@ describe('Designer 测试', () => {
editor.on('designer.dragstart', dragStartMockFn2);
editor.on('designer.drag', dragMockFn2);
editor.on('designer.dragend', dragEndMockFn2);
const dragon = designer.dragon;
const { dragon } = designer;
dragon.boost(
{
@ -124,7 +124,7 @@ describe('Designer 测试', () => {
editor.on('designer.dragstart', dragStartMockFn2);
editor.on('designer.drag', dragMockFn2);
editor.on('designer.dragend', dragEndMockFn2);
const dragon = designer.dragon;
const { dragon } = designer;
dragon.boost(
{
@ -183,37 +183,37 @@ describe('Designer 测试', () => {
expect(designer.transformProps([{ num: 1 }], TransformStage.Init)).toEqual([{ num: 1 }]);
designer.addPropsReducer((props, node) => {
props.num = props.num + 1;
props.num += 1;
return props;
}, TransformStage.Init);
designer.addPropsReducer((props, node) => {
props.num = props.num + 1;
props.num += 1;
return props;
}, TransformStage.Init);
designer.addPropsReducer((props, node) => {
props.num = props.num + 1;
props.num += 1;
return props;
}, TransformStage.Clone);
designer.addPropsReducer((props, node) => {
props.num = props.num + 1;
props.num += 1;
return props;
}, TransformStage.Serilize);
designer.addPropsReducer((props, node) => {
props.num = props.num + 1;
props.num += 1;
return props;
}, TransformStage.Render);
designer.addPropsReducer((props, node) => {
props.num = props.num + 1;
props.num += 1;
return props;
}, TransformStage.Save);
designer.addPropsReducer((props, node) => {
props.num = props.num + 1;
props.num += 1;
return props;
}, TransformStage.Upgrade);

2
packages/designer/tests/designer/detecting.test.ts
View File

@ -19,4 +19,4 @@ it('Detecting 测试', () => {
detecting.capture(mockNode);
detecting.enable = false;
expect(detecting.current).toBeNull();
});
});

22
packages/designer/tests/designer/location.test.ts
View File

@ -129,15 +129,15 @@ it('isRowContainer', () => {
return {
getPropertyValue: (pName) => {
return pName === 'display' ? 'flex' : 'row';
}
}
},
};
})
.mockImplementationOnce(() => {
return {
getPropertyValue: (pName) => {
return pName === 'display' ? 'flex' : 'column';
}
}
},
};
});
expect(isRowContainer(getMockElement('div'))).toBeFalsy();
expect(isRowContainer(getMockElement('div'))).toBeTruthy();
@ -149,8 +149,8 @@ it('isChildInline', () => {
return {
getPropertyValue: (pName) => {
return pName === 'display' ? 'inline' : 'float';
}
}
},
};
});
expect(isChildInline({ nodeType: Node.TEXT_NODE })).toBeTruthy();
@ -169,11 +169,11 @@ it('isVerticalContainer', () => {
return {
getPropertyValue: (pName) => {
return pName === 'display' ? 'flex' : 'row';
}
}
},
};
});
expect(isVerticalContainer()).toBeFalsy();
expect(isVerticalContainer({ elements: [getMockElement('div')] })).toBeTruthy()
expect(isVerticalContainer({ elements: [getMockElement('div')] })).toBeTruthy();
});
it('isVertical', () => {
@ -184,8 +184,8 @@ it('isVertical', () => {
return {
getPropertyValue: (pName) => {
return pName === 'display' ? 'inline' : 'float';
}
}
},
};
});
expect(isVertical({ elements: [getMockElement('div')] })).toBeTruthy();
});

11
packages/designer/tests/designer/scroller.test.ts
View File

@ -78,7 +78,7 @@ describe('Scroller 测试', () => {
scrollWidth: 500,
document: {},
nodeType: Node.ELEMENT_NODE,
}
};
return mockWindow;
}
@ -96,7 +96,6 @@ describe('Scroller 测试', () => {
expect(target.left).toBe(100);
expect(target.top).toBe(100);
});
});
function mockRAF() {
@ -119,7 +118,7 @@ describe('Scroller 测试', () => {
mockRAF();
scroller.scrolling({ globalX: 100, globalY: 100 });
})
});
it('scrollTarget: ScrollTarget, same left / top', () => {
const win = getMockWindow();
@ -131,7 +130,7 @@ describe('Scroller 测试', () => {
mockRAF();
scroller.scrolling({ globalX: 100, globalY: 100 });
})
});
it('scrollTarget: Element', () => {
const win = getMockWindow();
@ -142,7 +141,7 @@ describe('Scroller 测试', () => {
mockRAF();
scroller.scrolling({ globalX: 100, globalY: 100 });
})
});
it('scrollTarget: null', () => {
const win = getMockWindow();
@ -153,6 +152,6 @@ describe('Scroller 测试', () => {
mockRAF();
scroller.scrolling({ globalX: 100, globalY: 100 });
})
});
});
});

4
packages/designer/tests/designer/setting/setting-prop-entry.test.ts
View File

@ -98,7 +98,7 @@ describe('setting-prop-entry 测试', () => {
expect(customClassNameProp.getValue()).toEqual({
type: 'JSExpression',
value: 'getFromSomewhere()'
value: 'getFromSomewhere()',
});
expect(customClassNameProp.getMockOrValue()).toBeUndefined();
expect(customClassNameProp.getVariableValue()).toBe('getFromSomewhere()');
@ -111,4 +111,4 @@ describe('setting-prop-entry 测试', () => {
});
});
});
});
});

2
packages/designer/tests/designer/setting/setting-top-entry.test.ts
View File

@ -171,4 +171,4 @@ describe('setting-top-entry 测试', () => {
// 思考：假如以后面向其他场景，比如用户用 API 强行调用，是否需要做健壮性保护？
});
});
});
});

2
packages/designer/tests/document/document-model/document-model.test.ts
View File

@ -171,7 +171,7 @@ describe('document-model 测试', () => {
designer.createComponentMeta(divMeta);
designer.createComponentMeta(otherMeta);
const doc = new DocumentModel(project, formSchema);
const ret = doc.acceptRootNodeVisitor('getPageId', function(root) {
const ret = doc.acceptRootNodeVisitor('getPageId', (root) => {
return 'page';
});
expect(ret).toBe('page');

6
packages/designer/tests/document/node/modal-nodes-manager.test.ts
View File

@ -1,5 +1,5 @@
import '../../fixtures/window';
import { set } from '../../utils';
import { set, delayObxTick, delay } from '../../utils';
import { Editor } from '@ali/lowcode-editor-core';
import { Project } from '../../../src/project/project';
import { DocumentModel } from '../../../src/document/document-model';
@ -24,7 +24,7 @@ import pageMetadata from '../../fixtures/component-metadata/page';
import rootHeaderMetadata from '../../fixtures/component-metadata/root-header';
import rootContentMetadata from '../../fixtures/component-metadata/root-content';
import rootFooterMetadata from '../../fixtures/component-metadata/root-footer';
import { delayObxTick, delay } from '../../utils';
describe('ModalNodesManager 方法测试', () => {
let editor: Editor;
@ -81,7 +81,7 @@ describe('ModalNodesManager 方法测试', () => {
const off = mgr.onModalNodesChange(nodesMockFn);
const offVisible = mgr.onVisibleChange(visibleMockFn);
const newNode = new Node(doc, { componentName: 'Dialog' })
const newNode = new Node(doc, { componentName: 'Dialog' });
mgr.addNode(newNode);
expect(visibleMockFn).toHaveBeenCalledTimes(2);
expect(nodesMockFn).toHaveBeenCalledTimes(1);

8
packages/designer/tests/document/node/node-children.test.ts
View File

@ -1,5 +1,5 @@
import '../../fixtures/window';
import { set } from '../../utils';
import { set, delayObxTick, delay } from '../../utils';
import { Editor } from '@ali/lowcode-editor-core';
import { Project } from '../../../src/project/project';
import { DocumentModel } from '../../../src/document/document-model';
@ -23,7 +23,7 @@ import pageMetadata from '../../fixtures/component-metadata/page';
import rootHeaderMetadata from '../../fixtures/component-metadata/root-header';
import rootContentMetadata from '../../fixtures/component-metadata/root-content';
import rootFooterMetadata from '../../fixtures/component-metadata/root-footer';
import { delayObxTick, delay } from '../../utils';
describe('NodeChildren 方法测试', () => {
let editor: Editor;
@ -105,7 +105,7 @@ describe('NodeChildren 方法测试', () => {
const { children } = firstBtn.parent!;
children.some((item) => {
expect(item.componentName).toBe('Button');
return expect(item.componentName).toBe('Button');
});
});
@ -114,7 +114,7 @@ describe('NodeChildren 方法测试', () => {
const { children } = firstBtn.parent!;
children.every((item) => {
expect(item.componentName).toBe('Button');
return expect(item.componentName).toBe('Button');
});
});

90
packages/designer/tests/document/node/node.add.test.ts
View File

@ -167,7 +167,7 @@ describe('schema 生成节点模型测试', () => {
componentName: 'TextInput',
props: {
propA: 'haha',
}
},
});
currentDocument?.insertNode(pageNode, node);
@ -198,25 +198,25 @@ describe('schema 生成节点模型测试', () => {
componentName: 'TextInput',
props: {
propA: 'haha',
}
},
});
const node2 = currentDocument.createNode({
componentName: 'TextInput',
props: {
propA: 'heihei',
}
},
});
const node3 = currentDocument.createNode({
componentName: 'TextInput',
props: {
propA: 'heihei2',
}
},
});
const node4 = currentDocument.createNode({
componentName: 'TextInput',
props: {
propA: 'heihei3',
}
},
});
formNode?.insertBefore(node2);
@ -265,8 +265,8 @@ describe('schema 生成节点模型测试', () => {
id: 'nodeschema-id1',
props: {
propA: 'haha',
propB: 3
}
propB: 3,
},
});
expect(nodesMap.size).toBe(ids.length + 1);
expect(formNode.children?.length).toBe(4);
@ -274,7 +274,7 @@ describe('schema 生成节点模型测试', () => {
expect(insertedNode.componentName).toBe('TextInput');
expect(insertedNode.propsData).toEqual({
propA: 'haha',
propB: 3
propB: 3,
});
// TODO: 把 checkId 的 commit pick 过来
// expect(nodesMap.get('nodeschema-id1').componentName).toBe('TextInput');
@ -284,15 +284,15 @@ describe('schema 生成节点模型测试', () => {
expect(project).toBeTruthy();
const ids = getIdsFromSchema(formSchema);
const { currentDocument } = project;
const nodesMap = currentDocument.nodesMap;
const { nodesMap } = currentDocument;
const formNode = nodesMap.get('form');
currentDocument?.insertNode(formNode, {
componentName: 'TextInput',
id: 'nodeschema-id1',
props: {
propA: 'haha',
propB: 3
}
propB: 3,
},
}, 0);
expect(nodesMap.size).toBe(ids.length + 1);
expect(formNode.children.length).toBe(4);
@ -300,7 +300,7 @@ describe('schema 生成节点模型测试', () => {
expect(insertedNode.componentName).toBe('TextInput');
expect(insertedNode.propsData).toEqual({
propA: 'haha',
propB: 3
propB: 3,
});
// TODO: 把 checkId 的 commit pick 过来
// expect(nodesMap.get('nodeschema-id1').componentName).toBe('TextInput');
@ -317,8 +317,8 @@ describe('schema 生成节点模型测试', () => {
id: 'nodeschema-id1',
props: {
propA: 'haha',
propB: 3
}
propB: 3,
},
}, 1);
expect(nodesMap.size).toBe(ids.length + 1);
expect(formNode.children.length).toBe(4);
@ -326,7 +326,7 @@ describe('schema 生成节点模型测试', () => {
expect(insertedNode.componentName).toBe('TextInput');
expect(insertedNode.propsData).toEqual({
propA: 'haha',
propB: 3
propB: 3,
});
// TODO: 把 checkId 的 commit pick 过来
// expect(nodesMap.get('nodeschema-id1').componentName).toBe('TextInput');
@ -342,24 +342,24 @@ describe('schema 生成节点模型测试', () => {
componentName: 'ParentNode',
props: {
propA: 'haha',
propB: 3
propB: 3,
},
children: [
{
componentName: 'SubNode',
props: {
propA: 'haha',
propB: 3
}
propB: 3,
},
},
{
componentName: 'SubNode2',
props: {
propA: 'haha',
propB: 3
}
}
]
propB: 3,
},
},
],
});
expect(nodesMap.size).toBe(ids.length + 3);
expect(formNode.children.length).toBe(4);
@ -379,8 +379,8 @@ describe('schema 生成节点模型测试', () => {
id: 'nodeschema-id1',
props: {
propA: 'haha',
propB: 3
}
propB: 3,
},
});
expect(nodesMap.get('nodeschema-id1').componentName).toBe('TextInput');
expect(nodesMap.size).toBe(ids.length + 1);
@ -397,8 +397,8 @@ describe('schema 生成节点模型测试', () => {
id: 'nodeschema-id1',
props: {
propA: 'haha',
propB: 3
}
propB: 3,
},
});
expect(nodesMap.get('nodeschema-id1').componentName).toBe('TextInput');
expect(nodesMap.size).toBe(ids.length + 1);
@ -415,8 +415,8 @@ describe('schema 生成节点模型测试', () => {
id: 'nodeschema-id2',
props: {
propA: 'haha',
propB: 3
}
propB: 3,
},
});
currentDocument?.insertNode(formNode, inputNode);
expect(formNode.children?.get(3)?.componentName).toBe('TextInput');
@ -431,7 +431,7 @@ describe('schema 生成节点模型测试', () => {
const formNode = nodesMap.get('form') as Node;
currentDocument?.insertNode(formNode, {
type: 'JSExpression',
value: 'just a expression'
value: 'just a expression',
});
expect(nodesMap.size).toBe(ids.length + 1);
expect(formNode.children?.get(3)?.componentName).toBe('Leaf');
@ -476,16 +476,16 @@ describe('schema 生成节点模型测试', () => {
componentName: 'TextInput',
props: {
propA: 'haha2',
propB: 3
}
propB: 3,
},
},
{
componentName: 'TextInput2',
props: {
propA: 'haha',
propB: 3
}
}
propB: 3,
},
},
], 1);
expect(nodesMap.size).toBe(ids.length + 2);
expect(formNode.children?.length).toBe(5);
@ -494,12 +494,12 @@ describe('schema 生成节点模型测试', () => {
expect(insertedNode1.componentName).toBe('TextInput');
expect(insertedNode1.propsData).toEqual({
propA: 'haha2',
propB: 3
propB: 3,
});
expect(insertedNode2.componentName).toBe('TextInput2');
expect(insertedNode2.propsData).toEqual({
propA: 'haha',
propB: 3
propB: 3,
});
});
@ -515,17 +515,17 @@ describe('schema 生成节点模型测试', () => {
componentName: 'TextInput',
props: {
propA: 'haha2',
propB: 3
}
propB: 3,
},
});
const createdNode2 = currentDocument?.createNode({
componentName: 'TextInput2',
props: {
propA: 'haha',
propB: 3
}
propB: 3,
},
});
currentDocument?.insertNodes(formNode, [ createdNode1, createdNode2 ], 1);
currentDocument?.insertNodes(formNode, [createdNode1, createdNode2], 1);
expect(nodesMap.size).toBe(ids.length + 2);
expect(formNode.children?.length).toBe(5);
const insertedNode1 = formNode.children.get(1);
@ -533,16 +533,16 @@ describe('schema 生成节点模型测试', () => {
expect(insertedNode1.componentName).toBe('TextInput');
expect(insertedNode1.propsData).toEqual({
propA: 'haha2',
propB: 3
propB: 3,
});
expect(insertedNode2.componentName).toBe('TextInput2');
expect(insertedNode2.propsData).toEqual({
propA: 'haha',
propB: 3
propB: 3,
});
});
});
})
});
describe('block ❌ | component ❌ | slot ✅', () => {
it('基本的 slot 创建', () => {
@ -564,4 +564,4 @@ describe('schema 生成节点模型测试', () => {
expect(nodesMap.get('node_k1ow3cbd').slots).toHaveLength(1);
});
});
});
});

4
packages/designer/tests/document/node/node.dragdrop.test.ts
View File

@ -55,7 +55,5 @@ describe.skip('节点拖拽测试', () => {
expect(getIdsFromSchema(exportSchema).length).toBe(expectedNodeCnt);
expect(mockCreateSettingEntry).toBeCalledTimes(expectedNodeCnt);
});
});
});
});

52
packages/designer/tests/document/node/node.modify.test.ts
View File

@ -143,7 +143,7 @@ describe('schema 生成节点模型测试', () => {
formNode?.setPropValue('obj', {
a: 2,
b: true,
c: 'another string'
c: 'another string',
});
const objProp = formNode?.getProp('obj');
expect(objProp?.getValue()).toEqual({
@ -211,7 +211,7 @@ describe('schema 生成节点模型测试', () => {
props?.setPropValue('obj', {
a: 2,
b: true,
c: 'another string'
c: 'another string',
});
const objProp = formNode?.getProp('obj');
expect(objProp?.getValue()).toEqual({
@ -266,7 +266,7 @@ describe('schema 生成节点模型测试', () => {
id: 'form',
condition: true,
*/
const sizeProp = formNode?.getProp('size');
const sizeProp = formNode?.getProp('size');
sizeProp?.setValue('large');
expect(sizeProp?.getAsString()).toBe('large');
expect(sizeProp?.getValue()).toBe('large');
@ -278,10 +278,10 @@ describe('schema 生成节点模型测试', () => {
const objProp = formNode?.getProp('obj');
objProp?.setValue({
a: 2,
b: true,
c: 'another string'
});
a: 2,
b: true,
c: 'another string',
});
expect(objProp?.getValue()).toEqual({
a: 2,
b: true,
@ -329,16 +329,16 @@ describe('schema 生成节点模型测试', () => {
props: {
txt: 'haha',
num: 1,
bool: true
}
bool: true,
},
}, {
componentName: 'TextInput2',
props: {
txt: 'heihei',
num: 2,
bool: false
}
}]
bool: false,
},
}],
});
expect(nodesMap.size).toBe(ids.length + 3);
@ -371,16 +371,16 @@ describe('schema 生成节点模型测试', () => {
props: {
txt: 'haha',
num: 1,
bool: true
}
bool: true,
},
}, {
componentName: 'TextInput2',
props: {
txt: 'heihei',
num: 2,
bool: false
}
}]
bool: false,
},
}],
});
expect(nodesMap.size).toBe(ids.length + 3);
@ -408,16 +408,16 @@ describe('schema 生成节点模型测试', () => {
props: {
txt: 'haha',
num: 1,
bool: true
}
bool: true,
},
}, {
componentName: 'TextInput2',
props: {
txt: 'heihei',
num: 2,
bool: false
}
}]
bool: false,
},
}],
});
expect(nodesMap.size).toBe(ids.length + 3);
@ -438,9 +438,9 @@ describe('schema 生成节点模型测试', () => {
props: {
txt: 'xixi',
num: 3,
bool: false
}
}]
bool: false,
},
}],
});
expect(nodesMap.size).toBe(ids.length + 2);
@ -453,4 +453,4 @@ describe('schema 生成节点模型测试', () => {
expect(firstChildNode?.getPropValue('bool')).toBe(false);
});
});
});
});

2
packages/designer/tests/document/node/node.remove.test.ts
View File

@ -119,4 +119,4 @@ describe('节点模型删除测试', () => {
// Div + 2 * Button + Slot + Text
expect(nodesMap.size).toBe(originalNodeCnt - 5);
});
});
});

10
packages/designer/tests/document/node/node.test.ts
View File

@ -1,5 +1,5 @@
import '../../fixtures/window';
import { set } from '../../utils';
import { set, delayObxTick, delay } from '../../utils';
import { Editor } from '@ali/lowcode-editor-core';
import { Project } from '../../../src/project/project';
import { DocumentModel } from '../../../src/document/document-model';
@ -22,7 +22,7 @@ import pageMetadata from '../../fixtures/component-metadata/page';
import rootHeaderMetadata from '../../fixtures/component-metadata/root-header';
import rootContentMetadata from '../../fixtures/component-metadata/root-content';
import rootFooterMetadata from '../../fixtures/component-metadata/root-footer';
import { delayObxTick, delay } from '../../utils';
describe('Node 方法测试', () => {
let editor: Editor;
@ -375,8 +375,8 @@ describe('Node 方法测试', () => {
doc.project.mountSimulator({
computeRect: () => ({ x: 2, y: 2 }),
viewport: {
contentBounds: { x: 1, y: 1 }
}
contentBounds: { x: 1, y: 1 },
},
});
expect(root.getRect()).toEqual({ x: 1, y: 1 });
@ -448,7 +448,7 @@ describe('Node 方法测试', () => {
return [];
}
return [{}];
}
},
});
expect(root.getDOMNode()).toBeUndefined();

16
packages/designer/tests/document/node/props/prop.test.ts
View File

@ -1,5 +1,5 @@
import '../../../fixtures/window';
import { set } from '../../../utils';
import { set, delayObxTick } from '../../../utils';
import { Editor } from '@ali/lowcode-editor-core';
import { Props } from '../../../../src/document/node/props/props';
import { Designer } from '../../../../src/designer/designer';
@ -7,7 +7,7 @@ import { Project } from '../../../../src/project/project';
import { DocumentModel } from '../../../../src/document/document-model';
import { Prop, isProp, isValidArrayIndex } from '../../../../src/document/node/props/prop';
import { TransformStage } from '@ali/lowcode-types';
import { delayObxTick } from '../../../utils';
const mockedOwner = {
componentName: 'Div',
@ -147,7 +147,7 @@ describe('Prop 类测试', () => {
it('迭代器 / map / forEach', () => {
const mockedFn = jest.fn();
for (let item of strProp) {
for (const item of strProp) {
mockedFn();
}
expect(mockedFn).not.toHaveBeenCalled();
@ -160,7 +160,7 @@ describe('Prop 类测试', () => {
mockedFn.mockClear();
strProp.map(item => {
mockedFn();
return mockedFn();
});
expect(mockedFn).not.toHaveBeenCalled();
mockedFn.mockClear();
@ -214,7 +214,7 @@ describe('Prop 类测试', () => {
const fromStashProp = prop.get('l');
const fromStashNestedProp = prop.get('m.m1');
fromStashProp.setValue('fromStashProp');
fromStashNestedProp?.setValue('fromStashNestedProp')
fromStashNestedProp?.setValue('fromStashNestedProp');
await delayObxTick();
expect(prop.get('l').getValue()).toBe('fromStashProp');
@ -277,7 +277,7 @@ describe('Prop 类测试', () => {
it('迭代器 / map / forEach', () => {
const mockedFn = jest.fn();
for (let item of prop) {
for (const item of prop) {
mockedFn();
}
expect(mockedFn).toHaveBeenCalledTimes(5);
@ -290,7 +290,7 @@ describe('Prop 类测试', () => {
mockedFn.mockClear();
prop.map(item => {
mockedFn();
return mockedFn();
});
expect(mockedFn).toHaveBeenCalledTimes(5);
mockedFn.mockClear();
@ -361,7 +361,7 @@ describe('Prop 类测试', () => {
const slotProp = new Prop(div?.getProps(), {
type: 'JSSlot',
value: [{
componentName: 'Button'
componentName: 'Button',
}],
});

28
packages/designer/tests/document/node/props/props.test.ts
View File

@ -1,14 +1,14 @@
import '../../../fixtures/window';
import { set } from '../../../utils';
import { set, delayObxTick } from '../../../utils';
import { Editor } from '@ali/lowcode-editor-core';
import { Props, getConvertedExtraKey, getOriginalExtraKey } from '../../../../src/document/node/props/props';
import { Props, getConvertedExtraKey, getOriginalExtraKey, Prop, isProp, isValidArrayIndex } from '../../../../src/document/node/props/props';
import { Designer } from '../../../../src/designer/designer';
import { Project } from '../../../../src/project/project';
import { DocumentModel } from '../../../../src/document/document-model';
import { Prop, isProp, isValidArrayIndex } from '../../../../src/document/node/props/props';
import { TransformStage } from '@ali/lowcode-types';
import { delayObxTick } from '../../../utils';
const mockedOwner = { componentName: 'Page' };
@ -62,7 +62,7 @@ describe('Props 类测试', () => {
const fromStashProp = props.get('l', true);
const fromStashNestedProp = props.get('m.m1', true);
fromStashProp.setValue('fromStashProp');
fromStashNestedProp?.setValue('fromStashNestedProp')
fromStashNestedProp?.setValue('fromStashNestedProp');
await delayObxTick();
expect(props.get('l').getValue()).toBe('fromStashProp');
@ -122,7 +122,7 @@ describe('Props 类测试', () => {
it('import', () => {
props.import({
x: 1,
y: true
y: true,
}, { loop: false });
expect(props.export()).toEqual({
props: {
@ -131,7 +131,7 @@ describe('Props 类测试', () => {
},
extras: {
loop: false,
}
},
});
props.import();
@ -167,7 +167,7 @@ describe('Props 类测试', () => {
it('迭代器 / map / forEach', () => {
const mockedFn = jest.fn();
for (let item of props) {
for (const item of props) {
mockedFn();
}
expect(mockedFn).toHaveBeenCalledTimes(6);
@ -180,13 +180,13 @@ describe('Props 类测试', () => {
mockedFn.mockClear();
props.map(item => {
mockedFn();
return mockedFn();
});
expect(mockedFn).toHaveBeenCalledTimes(6);
mockedFn.mockClear();
props.filter(item => {
mockedFn();
return mockedFn();
});
expect(mockedFn).toHaveBeenCalledTimes(6);
mockedFn.mockClear();
@ -213,14 +213,14 @@ describe('Props 类测试', () => {
it('export', () => {
expect(props.export().extras).toEqual({
condition: true
})
condition: true,
});
});
it('import', () => {
props.import([1], { loop: true });
expect(props.export().extras).toEqual({
loop: true
loop: true,
});
props.items[0]?.unset();
@ -242,4 +242,4 @@ describe('其他函数', () => {
expect(getOriginalExtraKey('___a___')).toBe('a');
expect(getOriginalExtraKey('___a___.b')).toBe('a.b');
});
});
});

6
packages/designer/tests/document/node/props/value-to-source.test.ts
View File

@ -8,7 +8,7 @@ it('valueToSource', () => {
expect(valueToSource([{ a: 1 }])).toMatchSnapshot();
expect(valueToSource({ a: 1 })).toMatchSnapshot();
expect(valueToSource(null)).toMatchSnapshot();
expect(valueToSource(function haha() {})).toMatchSnapshot();
expect(valueToSource(() => {})).toMatchSnapshot();
expect(valueToSource(new Map())).toMatchSnapshot();
expect(valueToSource(new Set())).toMatchSnapshot();
expect(valueToSource(/haha/)).toMatchSnapshot();
@ -19,10 +19,10 @@ it('valueToSource', () => {
});
it('getSource', () => {
expect(getSource({ __source: { a: 1 }})).toEqual({ a: 1 });
expect(getSource({ __source: { a: 1 } })).toEqual({ a: 1 });
expect(getSource()).toBe('');
const value = { abc: 1 };
getSource(value);
expect(value).toHaveProperty('__source');
expect(getSource(1)).toBe('1');
});
});

2
packages/designer/tests/document/selection.test.ts
View File

@ -242,4 +242,4 @@ describe('选择区测试', () => {
expect(selection.selected).toEqual(['page']);
selectionChangeHandler.mockClear();
});
});
});

2
packages/designer/tests/fixtures/disable-raf.ts vendored
View File

@ -1,3 +1,3 @@
Object.defineProperty(window, 'requestAnimationFrame', {
value: null,
})
});

4
packages/designer/tests/fixtures/schema/form.ts vendored
View File

@ -962,8 +962,8 @@ export default {
value: [{
componentName: 'Text',
props: {},
}]
}
}],
},
},
condition: true,
},

6
packages/designer/tests/fixtures/schema/setting.ts vendored
View File

@ -46,12 +46,12 @@ export default {
useFieldIdAsDomId: false,
customClassName: {
type: 'JSExpression',
value: 'getFromSomewhere()'
value: 'getFromSomewhere()',
},
customClassName2: {
type: 'JSExpression',
mock: { hi: 'mock' },
value: 'getFromSomewhere()'
value: 'getFromSomewhere()',
},
},
extraPropA: 'haha',
@ -85,6 +85,6 @@ export default {
customClassName: '',
},
extraPropA: 'haha',
}
},
],
};

4
packages/designer/tests/fixtures/unhandled-rejection.ts vendored
View File

@ -1,7 +1,7 @@
if (!process.env.LISTENING_TO_UNHANDLED_REJECTION) {
process.on('unhandledRejection', reason => {
throw reason;
})
});
// Avoid memory leak by adding too many listeners
process.env.LISTENING_TO_UNHANDLED_REJECTION = true;
}
}

2
packages/designer/tests/fixtures/window.ts vendored
View File

@ -17,4 +17,4 @@ Object.defineProperty(window, 'React', {
value: {},
});
window.scrollTo = () => {};
window.scrollTo = () => {};

6
packages/designer/tests/main/meta/component-meta.test.ts
View File

@ -59,8 +59,8 @@ describe('组件元数据处理', () => {
addBuiltinComponentAction({
name: 'new',
content: {
action() {}
}
action() {},
},
});
// availableActions 有 computed 缓存
expect(meta.availableActions).toHaveLength(3);
@ -68,4 +68,4 @@ describe('组件元数据处理', () => {
expect(meta.availableActions[1].name).toBe('hide');
expect(meta.availableActions[2].name).toBe('copy');
});
});
});

8
packages/designer/tests/plugin/plugin-manager.test.ts
View File

@ -44,8 +44,8 @@ describe('plugin 测试', () => {
return {
x: 1,
y: 2,
}
}
};
},
};
}, { test: 1 });
await pluginManager.init();
@ -168,5 +168,5 @@ describe('plugin 测试', () => {
await plugin.dispose();
expect(pluginManager.has('demo1')).toBeFalsy();
})
});
});
});

10
packages/designer/tests/project/project-methods.test.ts
View File

@ -53,7 +53,7 @@ describe.only('Project 方法测试', () => {
componentsTree: [{
componentName: 'Page',
fileName: 'f1',
}]
}],
}, 'f1');
expect(project.currentDocument?.fileName).toBe('f1');
});
@ -63,13 +63,13 @@ describe.only('Project 方法测试', () => {
componentsTree: [{
componentName: 'Page',
fileName: 'f1',
}]
}],
}, true);
project.setSchema({
componentsTree: [{
componentName: 'Page',
props: { a: 1 },
}]
}],
});
expect(project.currentDocument?.rootNode?.propsData).toEqual({ a: 1 });
});
@ -79,7 +79,7 @@ describe.only('Project 方法测试', () => {
componentsTree: [{
componentName: 'Page',
fileName: 'f1',
}]
}],
});
const doc1 = project.createDocument({
componentName: 'Page',
@ -179,4 +179,4 @@ describe.only('Project 方法测试', () => {
project.setRendererReady({ a: 1 });
expect(mockedFn).not.toHaveBeenCalled();
});
});
});

6
packages/designer/tests/utils/bom.ts
View File

@ -47,8 +47,8 @@ const mockCreateElement = jest.fn((tagName) => {
removeEventListener: mockRemoveEventListener,
triggerEventListener: mockTriggerEventListener,
removeAttribute: mockRemoveAttribute,
}
})
};
});
export function getMockDocument(): MockDocument {
return {
@ -108,4 +108,4 @@ export function getMockElement(tagName, options = {}) {
// elem.ownerDocument = document;
// elem.ownerDocument.defaultView = window;
return elem;
}
}

2
packages/designer/tests/utils/event.ts
View File

@ -5,4 +5,4 @@ export function getMockEvent(target, options) {
stopPropagation() {},
...options,
};
}
}

2
packages/designer/tests/utils/index.ts
View File

@ -2,4 +2,4 @@ export { getIdsFromSchema, getNodeFromSchemaById } from '@ali/lowcode-test-mate/
export * from './bom';
export * from './event';
export * from './renderer';
export * from './misc';
export * from './misc';

4
packages/designer/tests/utils/misc.ts
View File

@ -11,7 +11,7 @@ export function set(obj: any, path: any, val: any) {
} else {
acc[seg] = val;
}
})
});
}
return lodashSet(obj, path, val);
}
@ -22,4 +22,4 @@ export function delay(ms) {
export function delayObxTick() {
return delay(100);
}
}

6
packages/designer/tests/utils/renderer.ts
View File

@ -3,6 +3,6 @@ export function getMockRenderer() {
isSimulatorRenderer: true,
run() {
// console.log('renderer run');
}
}
}
},
};
}

2
packages/editor-core/src/widgets/title/title.less
View File

@ -9,7 +9,7 @@
img {
width: 16px;
height: 16px;
filter: brightness(0) invert(1)
filter: brightness(0) invert(1);
}
}
&.only-icon {

2
packages/editor-preset-vision/src/fields/fields.less
View File

@ -177,7 +177,7 @@
}
&.engine-block-field {
>.engine-field-head{
>.engine-field-head {
> .engine-field-title {
letter-spacing: 1px;
}

20
packages/editor-preset-vision/src/pages.ts
View File

@ -43,18 +43,16 @@ const pages = Object.assign(project, {
componentsTree.push(item.componentsTree[0]);
}
});
} else if (isPageDataV1(pages[0])) {
componentsTree = [pages[0].layout];
} else {
if (isPageDataV1(pages[0])) {
componentsTree = [pages[0].layout];
} else {
// if (!pages[0].componentsTree) return;
componentsTree = pages[0].componentsTree;
if (componentsTree[0]) {
componentsTree[0].componentName = componentsTree[0].componentName || 'Page';
// FIXME
if (componentsTree[0].componentName === 'Page' || componentsTree[0].componentName === 'Component') {
componentsTree[0].methods = {};
}
// if (!pages[0].componentsTree) return;
componentsTree = pages[0].componentsTree;
if (componentsTree[0]) {
componentsTree[0].componentName = componentsTree[0].componentName || 'Page';
// FIXME
if (componentsTree[0].componentName === 'Page' || componentsTree[0].componentName === 'Component') {
componentsTree[0].methods = {};
}
}
}

2
packages/editor-preset-vision/src/props-reducers/filter-reducer.ts
View File

@ -22,4 +22,4 @@ export function filterReducer(props: any, node: Node): any {
return newProps;
}
return props;
}
}

4
packages/editor-preset-vision/src/props-reducers/live-lifecycle-reducer.ts
View File

@ -10,7 +10,7 @@ export function liveLifecycleReducer(props: any, node: Node) {
didMount: 'componentDidMount',
willUnmount: 'componentWillUnMount',
};
const lifeCycles = props.lifeCycles;
const { lifeCycles } = props;
Object.keys(lifeCycleMap).forEach(key => {
if (lifeCycles[key]) {
lifeCycles[lifeCycleMap[key]] = lifeCycles[key];
@ -24,4 +24,4 @@ export function liveLifecycleReducer(props: any, node: Node) {
};
}
return props;
}
}

2
packages/editor-preset-vision/src/props-reducers/node-top-fixed-reducer.ts
View File

@ -9,4 +9,4 @@ export function nodeTopFixedReducer(props: any, node: Node) {
};
}
return props;
}
}

2
packages/editor-preset-vision/src/props-reducers/style-reducer.ts
View File

@ -47,4 +47,4 @@ function appendStyleNode(props: any, styleProp: any, cssClass: string, cssId: st
return `${b / 2}px`;
}).replace(/:root/g, `.${cssClass}`)));
}
}
}

10
packages/editor-preset-vision/src/vision.less
View File

@ -1,13 +1,13 @@
html.engine-cursor-move, html.engine-cursor-move * {
cursor: grabbing !important
cursor: grabbing !important;
}
html.engine-cursor-copy, html.engine-cursor-copy * {
cursor: copy !important
cursor: copy !important;
}
html.engine-cursor-ew-resize, html.engine-cursor-ew-resize * {
cursor: ew-resize !important
cursor: ew-resize !important;
}
body, #engine {
@ -107,7 +107,7 @@ html.engine-blur #engine {
// font-size: 14px;
// }
html.engine-preview-mode {
html.engine-preview-mode {
.lc-left-area, .lc-right-area {
display: none !important;
}
@ -124,5 +124,5 @@ html.engine-preview-mode {
}
.lc-setter-mixed {
flex: 1
flex: 1;
}

2
packages/editor-preset-vision/tests/fixtures/window.ts vendored
View File

@ -5,4 +5,4 @@ React.PropTypes = PropTypes;
window.React = React;
document.documentElement.requestFullscreen = () => {};
document.exitFullscreen = () => {};
document.exitFullscreen = () => {};

10
packages/editor-preset-vision/tests/master/drag-engine.test.ts
View File

@ -62,7 +62,7 @@ describe('drag-engine 测试', () => {
designer.dragon.emitter.emit('drag', {
dragObject: {
nodes: [designer.currentDocument?.getNode('node_k1ow3cbo')]
nodes: [designer.currentDocument?.getNode('node_k1ow3cbo')],
},
originalEvent: mousedownEvt,
});
@ -72,7 +72,7 @@ describe('drag-engine 测试', () => {
designer.dragon.emitter.emit('dragend', {
dragObject: {
nodes: [designer.currentDocument?.getNode('node_k1ow3cbo')]
nodes: [designer.currentDocument?.getNode('node_k1ow3cbo')],
},
originalEvent: mousedownEvt,
});
@ -102,7 +102,7 @@ describe('drag-engine 测试', () => {
designer.dragon.emitter.emit('drag', {
dragObject: {
nodes: [designer.currentDocument?.getNode('node_k1ow3cbo')]
nodes: [designer.currentDocument?.getNode('node_k1ow3cbo')],
},
originalEvent: mousedownEvt,
});
@ -111,7 +111,7 @@ describe('drag-engine 测试', () => {
designer.dragon.emitter.emit('dragend', {
dragObject: {
nodes: [designer.currentDocument?.getNode('node_k1ow3cbo')]
nodes: [designer.currentDocument?.getNode('node_k1ow3cbo')],
},
originalEvent: mousedownEvt,
});
@ -141,7 +141,7 @@ describe('drag-engine 测试', () => {
designer.dragon.emitter.emit('drag', {
dragObject: {
nodes: [designer.currentDocument?.getNode('node_k1ow3cbo')]
nodes: [designer.currentDocument?.getNode('node_k1ow3cbo')],
},
originalEvent: mousedownEvt,
});

2
packages/editor-preset-vision/tests/vision-api/api-export.test.ts
View File

@ -84,4 +84,4 @@ describe('API 多种导出场景测试', () => {
expect(VisualEngine.logger).toBe(logger);
expect(VisualEngine.Symbols).toBe(Symbols);
});
});
});

1
packages/editor-preset-vision/tests/vision-api/project.test.ts
View File

@ -14,7 +14,6 @@ describe('VisualEngine.Project 相关 API 测试', () => {
componentsMap: {},
componentsTree: [formSchema],
});
});
it('setConfig', () => {

4
packages/editor-skeleton/src/components/array-setter/index.tsx
View File

@ -75,7 +75,7 @@ export class ListSetter extends Component<ArraySetterProps, ArraySetterState> {
};
static onItemChange(onChange: Function|undefined, items: Array<SettingField>) {
static onItemChange(onChange: Function|undefined, items: SettingField[]) {
onChange && onChange(items.map(item => {
return item && item.getValue();
}));
@ -91,7 +91,7 @@ export class ListSetter extends Component<ArraySetterProps, ArraySetterState> {
});
// 对itemsMap重新生成并刷新当前setter数据
const newItems: Array<SettingField> = [];
const newItems: SettingField[] = [];
// const newItemsMap = {};
itemsMap.clear();
for (let i = 0; i < items.length; i++) {

2
packages/editor-skeleton/src/components/array-setter/style.less
View File

@ -15,7 +15,7 @@
.lc-setter-list-add {
display: block;
width: 100%;
margin-top: 8px;;
margin-top: 8px;
}

4
packages/editor-skeleton/src/components/field/index.less
View File

@ -1,7 +1,7 @@
@x-gap: 12px;
@y-gap: 8px;
.lc-settings-content > .lc-field:first-child > .lc-field-head{
.lc-settings-content > .lc-field:first-child > .lc-field-head {
border-top: none !important;
}
@ -110,7 +110,7 @@
user-select: none;
> .lc-field-icon {
color: #8F9BB3;
color: #8f9bb3;
}
}

6
packages/editor-skeleton/src/components/mixed-setter/style.less
View File

@ -19,7 +19,7 @@
cursor: pointer;
.lc-title-icon svg {
fill: #8F9BB3;
fill: #8f9bb3;
}
}
.variable-binded {
@ -59,10 +59,10 @@
.lc-block-field > .lc-field-body > .lc-setter-mixed{
}
.lc-accordion-field > .lc-field-body > .lc-setter-mixed{
.lc-accordion-field > .lc-field-body > .lc-setter-mixed {
position: static;
margin-right: 0;
> .lc-setter-actions{
> .lc-setter-actions {
right: 36px;
top: 4px;
transform: none;

4
packages/editor-skeleton/src/components/settings/style.less
View File

@ -46,7 +46,7 @@
.lc-settings-notice {
text-align: center;
font-size: 12px;
font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica,Arial,sans-serif;
font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica, Arial, sans-serif;
color: var(--color-text ,rgba(0,0,0,.6));
padding: 50px 15px 0;
}
@ -126,7 +126,7 @@
.lc-settings-tabs-content {
position: absolute;
top: 70px;
left:0;
left: 0;
right: 0;
bottom: 0;
.next-tabs-tabpane {

2
packages/editor-skeleton/src/components/stage-box/stage-box.tsx
View File

@ -23,8 +23,6 @@ type WillDetachMember = () => void;
@observer
export default class StageBox extends Component<StageBoxProps> {
static defaultProps = StageBoxDefaultProps;
static displayName = 'StageBox';

2
packages/engine/src/modules/editor-types.ts
View File

@ -1,3 +1,3 @@
import * as editorCabin from '@ali/lowcode-editor-core';
export type RegisteredSetter = editorCabin.RegisteredSetter;
export type RegisteredSetter = editorCabin.RegisteredSetter;

2
packages/engine/src/modules/skeleton-types.ts
View File

@ -1,3 +1,3 @@
import * as skeletonCabin from '@ali/lowcode-editor-skeleton';
export type IWidgetBaseConfig = skeletonCabin.IWidgetBaseConfig;
export type IWidgetBaseConfig = skeletonCabin.IWidgetBaseConfig;

4
packages/plugin-outline-pane/src/views/style.less
View File

@ -117,7 +117,7 @@
transform: scale(0.8);
transform-origin: top;
color: white;
text-shadow: 0px 0px 2px black;
text-shadow: 0 0 2px black;
display: block;
}
}
@ -145,7 +145,7 @@
transform: scale(0.8);
transform-origin: top;
color: white;
text-shadow: 0px 0px 2px black;
text-shadow: 0 0 2px black;
display: block;
}
}

6
packages/rax-renderer/src/index.ts
View File

@ -4,7 +4,7 @@ import {
adapter,
addonRendererFactory,
tempRendererFactory,
rendererFactory
rendererFactory,
} from '@ali/lowcode-renderer-core';
import pageRendererFactory from './renderer/page';
import componentRendererFactory from './renderer/component';
@ -38,7 +38,7 @@ function factory() {
isValidComponent(obj: any) {
return obj?.prototype?.setState || obj?.prototype instanceof Component;
}
}
};
}
const RaxRenderer = factory();
@ -47,6 +47,6 @@ const Engine = RaxRenderer;
export {
Engine,
CompFactory,
}
};
export default RaxRenderer;

4
packages/rax-renderer/src/renderer/block.tsx
View File

@ -11,7 +11,7 @@ export default function raxBlockRendererFactory() {
return '区块 schema 结构异常！';
}
that.__debug(`render - ${__schema.fileName}`);
const children = ((context) => {
that.context = context;
that.__generateCtx({});
@ -20,5 +20,5 @@ export default function raxBlockRendererFactory() {
});
return that.__renderContextConsumer(children);
}
}
};
}

4
packages/rax-renderer/src/renderer/component.tsx
View File

@ -29,8 +29,8 @@ export default function raxComponentRendererFactory() {
if (noContainer) {
return content;
}
return that.__renderContent(content);
}
}
};
}

6
packages/rax-renderer/src/renderer/page.tsx
View File

@ -16,7 +16,7 @@ export default function raxPageRendererFactory() {
return '页面 schema 结构异常！';
}
that.__debug(`render - ${__schema?.fileName}`);
const { Page } = __components as any;
if (Page) {
const children = ((context) => {
@ -26,8 +26,8 @@ export default function raxPageRendererFactory() {
});
return that.__renderContextConsumer(children);
}
return that.__renderContent(that.__renderContextProvider({ pageContext: that }));
}
}
};
}

28
packages/rax-simulator-renderer/src/rax-use-router.js
View File

@ -22,16 +22,16 @@ function matchPath(route, pathname, parentParams) {
path = path || '';
const regexpCacheKey = `${path}|${end}|${strict}|${sensitive}`;
const keysCacheKey = regexpCacheKey + '|';
const keysCacheKey = `${regexpCacheKey }|`;
let regexp = cache[regexpCacheKey];
let keys = cache[keysCacheKey] || [];
const keys = cache[keysCacheKey] || [];
if (!regexp) {
regexp = pathToRegexp(path, keys, {
end,
strict,
sensitive
sensitive,
});
cache[regexpCacheKey] = regexp;
cache[keysCacheKey] = keys;
@ -132,7 +132,7 @@ const router = {
router.handles[handleId - 1] = null;
},
triggerHandles(component) {
router.handles.map((handle) => {
router.handles.forEach((handle) => {
handle && handle(component);
});
},
@ -145,7 +145,7 @@ const router = {
const matched = matchRoute(
parent,
parent.path,
fullpath
fullpath,
);
function next(parent) {
@ -156,7 +156,7 @@ const router = {
return router.errorHandler(error, router.history.location);
}
let component = current.$.route.component;
let { component } = current.$.route;
if (typeof component === 'function') {
component = component(current.$.params, router.history.location);
}
@ -177,7 +177,7 @@ const router = {
}
return next(parent);
}
},
};
function matchLocation({ pathname }) {
@ -216,7 +216,7 @@ export function useRouter(routerConfig) {
let newPathes = '';
if (routerConfig) {
_routerConfig = routerConfig;
const routes = _routerConfig.routes;
const { routes } = _routerConfig;
router.root = Array.isArray(routes) ? { routes } : routes;
if (Array.isArray(routes)) {
newPathes = routes.map(it => it.path).join(',');
@ -230,7 +230,7 @@ export function useRouter(routerConfig) {
pathes = newPathes;
}
}
useLayoutEffect(() => {
if (unlisten) {
unlisten();
@ -242,8 +242,8 @@ export function useRouter(routerConfig) {
handleId = null;
}
const history = _routerConfig.history;
const routes = _routerConfig.routes;
const { history } = _routerConfig;
const { routes } = _routerConfig;
router.root = Array.isArray(routes) ? { routes } : routes;
@ -278,11 +278,11 @@ export function useRouter(routerConfig) {
export function withRouter(Component) {
function Wrapper(props) {
const history = router.history;
const { history } = router;
return createElement(Component, { ...props, history, location: history.location });
};
}
Wrapper.displayName = 'withRouter(' + (Component.displayName || Component.name) + ')';
Wrapper.displayName = `withRouter(${ Component.displayName || Component.name })`;
Wrapper.WrappedComponent = Component;
return Wrapper;
}

9
packages/rax-simulator-renderer/src/renderer-view.tsx
View File

@ -78,13 +78,13 @@ export const Routes = (props: {
routes: documentInstances.map(instance => {
return {
path: instance.path,
component: (props: any) => <Renderer key={instance.id} rendererContainer={rendererContainer} documentInstance={instance} {...props} />
component: (props: any) => <Renderer key={instance.id} rendererContainer={rendererContainer} documentInstance={instance} {...props} />,
};
})
}),
};
const { component } = useRouter(routes);
return component;
}
};
function ucfirst(s: string) {
return s.charAt(0).toUpperCase() + s.substring(1);
@ -116,7 +116,7 @@ class Layout extends Component<{ rendererContainer: SimulatorRendererContainer }
render() {
const { rendererContainer, children } = this.props;
const layout = rendererContainer.layout;
const { layout } = rendererContainer;
if (layout) {
const { Component, props, componentName } = layout;
@ -180,7 +180,6 @@ class Renderer extends Component<{
components={renderer.components}
appHelper={renderer.context}
context={renderer.context}
appHelper={renderer.context}
device={device}
designMode={renderer.designMode}
key={this.key}

12
packages/rax-simulator-renderer/src/renderer.less
View File

@ -9,15 +9,15 @@ html.engine-design-mode {
}
html.engine-cursor-move, html.engine-cursor-move * {
cursor: grabbing !important
cursor: grabbing !important;
}
html.engine-cursor-copy, html.engine-cursor-copy * {
cursor: copy !important
cursor: copy !important;
}
html.engine-cursor-ew-resize, html.engine-cursor-ew-resize * {
cursor: ew-resize !important
cursor: ew-resize !important;
}
::-webkit-scrollbar {
@ -100,13 +100,13 @@ body.engine-document {
.next-year-picker,
.next-breadcrumb-item,.next-calendar-header,.next-calendar-table {
pointer-events: none !important;
}*/
} */
}
.engine-live-editing {
cursor: text;
outline: none;
box-shadow: 0 0 0px 2px rgb(102, 188, 92);
box-shadow: 0 0 0 2px rgb(102, 188, 92);
user-select: text;
}
@ -114,6 +114,6 @@ body.engine-document {
height: 100vh;
}
.luna-page{
.luna-page {
height: 100%;
}

16
packages/rax-simulator-renderer/src/renderer.ts
View File

@ -126,7 +126,7 @@ export class DocumentInstance {
}
get path(): string {
return '/' + this.document.fileName;
return `/${ this.document.fileName}`;
}
get id() {
@ -157,7 +157,7 @@ export class DocumentInstance {
mountInstance(id: string, instance: any) {
const docId = this.document.id;
const instancesMap = this.instancesMap;
const { instancesMap } = this;
if (instance == null) {
let instances = this.instancesMap.get(id);
if (instances) {
@ -187,7 +187,7 @@ export class DocumentInstance {
origUnmount = origUnmount.origUnmount;
}
// hack! delete instance from map
const newUnmount = function(this: any) {
const newUnmount = function (this: any) {
unmountIntance(id, instance);
origUnmount && origUnmount.call(this);
};
@ -314,11 +314,11 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
},
back() {
history.back();
}
},
},
legaoBuiltins: {
getUrlParams() {
const search = history.location.search;
const { search } = history.location;
return parseQuery(search);
},
},
@ -396,8 +396,6 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
subs.unshift(sub);
componentName = paths.join('.');
}
return null;
}
getNodeInstance(dom: HTMLElement): NodeInstance<any> | null {
@ -535,7 +533,7 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
};
viewProps._leaf = _leaf;
return createElement(Comp, viewProps, children);
}
},
});
}
}
@ -562,7 +560,7 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
document.body.classList.add('engine-document'); // important! Stylesheet.invoke depends
raxRender(createElement(SimulatorRendererView, {
rendererContainer: this
rendererContainer: this,
}), container, {
driver: DriverUniversal,
});

2
packages/react-renderer/jest.config.js
View File

@ -17,4 +17,4 @@ module.exports = {
'!**/node_modules/**',
'!**/vendor/**',
],
};
};

6
packages/react-renderer/src/index.ts
View File

@ -7,7 +7,7 @@ import {
blockRendererFactory,
addonRendererFactory,
tempRendererFactory,
rendererFactory
rendererFactory,
} from '@ali/lowcode-renderer-core';
import ConfigProvider from '@alifd/next/lib/config-provider';
@ -40,11 +40,11 @@ function factory() {
constructor(props: any, context: any) {
super(props, context);
}
isValidComponent(obj: any) {
return obj?.prototype?.isReactComponent || obj?.prototype instanceof Component;
}
}
};
}
export default factory();

928
packages/react-renderer/tests/fixtures/schema/basic.ts vendored
View File

File diff suppressed because it is too large Load Diff

10
packages/react-simulator-renderer/src/renderer-view.tsx
View File

@ -103,7 +103,7 @@ class Layout extends Component<{ rendererContainer: SimulatorRendererContainer }
render() {
const { rendererContainer, children } = this.props;
const layout = rendererContainer.layout;
const { layout } = rendererContainer;
if (layout) {
const { Component, props, componentName } = layout;
if (Component) {
@ -128,8 +128,8 @@ class Layout extends Component<{ rendererContainer: SimulatorRendererContainer }
@observer
class Renderer extends Component<{
rendererContainer: SimulatorRendererContainer;
documentInstance: DocumentInstance }
rendererContainer: SimulatorRendererContainer;
documentInstance: DocumentInstance }
> {
shouldComponentUpdate() {
return false;
@ -205,9 +205,9 @@ class Renderer extends Component<{
onCompGetRef={(schema: any, ref: ReactInstance | null) => {
documentInstance.mountInstance(schema.id, ref);
}}
//onCompGetCtx={(schema: any, ctx: object) => {
// onCompGetCtx={(schema: any, ctx: object) => {
// documentInstance.mountContext(schema.id, ctx);
//}}
// }}
/>
);
}

2
packages/react-simulator-renderer/src/renderer.less
View File

@ -80,7 +80,7 @@ body.engine-document {
.engine-live-editing {
cursor: text;
outline: none;
box-shadow: 0 0 0px 2px rgb(102, 188, 92);
box-shadow: 0 0 0 2px rgb(102, 188, 92);
user-select: text;
}

16
packages/react-simulator-renderer/src/renderer.ts
View File

@ -96,7 +96,7 @@ export class DocumentInstance {
}
get path(): string {
return '/' + this.document.fileName;
return `/${ this.document.fileName}`;
}
get id() {
@ -116,7 +116,7 @@ export class DocumentInstance {
mountInstance(id: string, instance: ReactInstance | null) {
const docId = this.document.id;
const instancesMap = this.instancesMap;
const { instancesMap } = this;
if (instance == null) {
let instances = this.instancesMap.get(id);
if (instances) {
@ -265,7 +265,7 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
},
legaoBuiltins: {
getUrlParams() {
const search = history.location.search;
const { search } = history.location;
return parseQuery(search);
},
},
@ -343,9 +343,9 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
/**
* 加载资源
*/
load(asset: Asset): Promise<any> {
return loader.load(asset);
}
// load(asset: Asset): Promise<any> {
// return loader.load(asset);
// }
getComponent(componentName: string) {
const paths = componentName.split('.');
@ -364,8 +364,6 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
subs.unshift(sub);
componentName = paths.join('.');
}
return null;
}
getClosestNodeInstance(from: ReactInstance, nodeId?: string): NodeInstance<ReactInstance> | null {
@ -437,7 +435,7 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
};
viewProps._leaf = _leaf;
return createElement(Comp, viewProps, children);
}
},
});
}
}

4
packages/renderer-core/src/adapter/index.ts
View File

@ -7,9 +7,13 @@ export enum Env {
class Adapter {
runtime: IRuntime;
builtinModules = ['Component', 'PureComponent', 'createElement', 'createContext', 'forwardRef', 'findDOMNode'];
env: Env;
renderers: IRendererModules;
configProvider: any;
constructor() {

4
packages/renderer-core/src/components/VisualDom/index.tsx
View File

@ -26,9 +26,7 @@ export default function visualDomFactory() {
[
createElement('span', { className: 'title' }, title || label || text || __componentName),
createElement('div', { className: 'content' }, mainContent),
]
)
);
]));
}
};
}

6
packages/renderer-core/src/hoc/index.tsx
View File

@ -3,9 +3,9 @@ import adapter from '../adapter';
export function compWrapper(Comp: any) {
const { createElement, Component, forwardRef } = adapter.getRuntime();
class Wrapper extends Component {
constructor(props: any, context: any) {
super(props, context)
}
// constructor(props: any, context: any) {
// super(props, context);
// }
render() {
const { forwardRef } = this.props;

1
packages/renderer-core/src/renderer/addon.tsx
View File

@ -7,6 +7,7 @@ export default function addonRendererFactory() {
const BaseRenderer = baseRendererFactory();
return class AddonRenderer extends BaseRenderer {
static dislayName = 'addon-renderer';
__namespace = 'addon';
static propTypes = {

27
packages/renderer-core/src/renderer/base.tsx
View File

@ -26,7 +26,7 @@ import {
capitalizeFirstLetter,
DataHelper,
isI18n,
isVariable
isVariable,
} from '../utils';
import { IRendererProps, ISchema, IInfo, ComponentModel, IRenderer } from '../types';
import { compWrapper } from '../hoc';
@ -72,7 +72,7 @@ export default function baseRenererFactory() {
this.__debug(`constructor - ${props?.__schema?.fileName}`);
}
__beforeInit(props: IRendererProps) { }
__beforeInit(/* props: IRendererProps */) { }
__init(props: IRendererProps) {
this.appHelper = props.__appHelper;
@ -82,7 +82,7 @@ export default function baseRenererFactory() {
this.__initI18nAPIs();
}
__afterInit(props: IRendererProps) { }
__afterInit(/* props: IRendererProps */) { }
static getDerivedStateFromProps(props: IRendererProps, state: any) {
debug('getDerivedStateFromProps');
@ -470,7 +470,7 @@ export default function baseRenererFactory() {
}
let child: any = null;
if (/*!isFileSchema(schema) && */!!_children) {
if (/*! isFileSchema(schema) && */_children) {
child = this.__createVirtualDom(
isJSExpression(_children) ? parseExpression(_children, self) : _children,
self,
@ -527,7 +527,7 @@ export default function baseRenererFactory() {
if (!Array.isArray(schema.loop)) return null;
const itemArg = (schema.loopArgs && schema.loopArgs[0]) || 'item';
const indexArg = (schema.loopArgs && schema.loopArgs[1]) || 'index';
return schema.loop.map((item: Array<string>, i: number) => {
return schema.loop.map((item: string[], i: number) => {
const loopSelf: any = {
[itemArg]: item,
[indexArg]: i,
@ -679,13 +679,13 @@ export default function baseRenererFactory() {
__initDebug = () => {
this.__logger = Debug(`renderer:${this.__namespace || 'base'}`);
}
};
__debug = (msg: string = '') => {
__debug = (msg = '') => {
if (this.__logger) {
this.__logger(`${this.__namespace}.${msg}`);
}
}
};
__renderContextProvider = (customProps?: object, children?: any) => {
customProps = customProps || {};
@ -695,13 +695,14 @@ export default function baseRenererFactory() {
...this.context,
blockContext: this,
...customProps,
}, children
},
children,
});
}
};
__renderContextConsumer = (children: any) => {
return createElement(AppContext.Consumer, {}, children);
}
};
__renderComp(Comp: any, ctxProps: object) {
const { __schema } = this.props;
@ -744,8 +745,8 @@ export default function baseRenererFactory() {
const buitin = capitalizeFirstLetter(this.__namespace);
const componentNames = [buitin, ...extraComponents];
return !isSchema(schema, true) || !componentNames.includes(schema.componentName)
}
return !isSchema(schema, true) || !componentNames.includes(schema.componentName);
};
get requestHandlersMap() {
return this.appHelper?.requestHandlersMap;

3
packages/renderer-core/src/renderer/block.tsx
View File

@ -1,12 +1,11 @@
import classnames from 'classnames';
import baseRendererFactory from './base';
import { IRendererProps } from '../types';
import { getFileCssName } from '../utils';
export default function blockRendererFactory() {
const BaseRenderer = baseRendererFactory();
return class BlockRenderer extends BaseRenderer {
static dislayName = 'block-renderer';
__namespace = 'block';
__afterInit(props: IRendererProps) {

1
packages/renderer-core/src/renderer/component.tsx
View File

@ -5,6 +5,7 @@ export default function componentRendererFactory() {
const BaseRenderer = baseRendererFactory();
return class CompRenderer extends BaseRenderer {
static dislayName = 'comp-renderer';
__namespace = 'component';
__afterInit(props: IRendererProps) {

1
packages/renderer-core/src/renderer/page.tsx
View File

@ -6,6 +6,7 @@ export default function pageRendererFactory() {
const BaseRenderer = baseRendererFactory();
return class PageRenderer extends BaseRenderer {
static dislayName = 'page-renderer';
__namespace = 'page';
__afterInit(props: IRendererProps) {

2
packages/renderer-core/src/renderer/renderer.tsx
View File

@ -173,7 +173,7 @@ export default function rendererFactory() {
appHelper,
components: allComponents,
engine: this,
}}, createElement(ConfigProvider, {device: this.props.device}, createElement(Comp, {
} }, createElement(ConfigProvider, { device: this.props.device }, createElement(Comp, {
key: schema.__ctx && `${schema.__ctx.lceKey}_${schema.__ctx.idx || '0'}`,
ref: this.__getRef,
__appHelper: appHelper,

1
packages/renderer-core/src/renderer/temp.tsx
View File

@ -5,6 +5,7 @@ export default function tempRendererFactory() {
return class TempRenderer extends BaseRenderer {
static dislayName = 'temp-renderer';
__namespace = 'temp';
__init() {

Some files were not shown because too many files have changed in this diff Show More