dcim-topology2d 2.2.3 → 2.2.5
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/chart-diagram/src/echarts/index.js +2 -1
- package/chart-diagram/src/utils/conversion.js +12 -3
- package/core/src/activeLayer.d.ts +2 -0
- package/core/src/activeLayer.js +13 -0
- package/core/src/common.d.ts +1 -1
- package/core/src/common.js +109 -47
- package/core/src/core.d.ts +1 -1
- package/core/src/core.js +389 -317
- package/core/src/divLayer.js +65 -28
- package/core/src/element/select.js +2 -1
- package/core/src/healps/changeData.d.ts +0 -1
- package/core/src/healps/changeData.js +0 -4
- package/core/src/middles/default.js +8 -3
- package/core/src/middles/index.d.ts +1 -0
- package/core/src/middles/index.js +1 -0
- package/core/src/middles/nodes/{arbitrarygraph.anchor.d.ts → basic/arbitrarygraph.anchor.d.ts} +1 -1
- package/core/src/middles/nodes/{arbitrarygraph.anchor.js → basic/arbitrarygraph.anchor.js} +1 -1
- package/core/src/middles/nodes/{arbitrarygraph.d.ts → basic/arbitrarygraph.d.ts} +1 -1
- package/core/src/middles/nodes/{arrow.anchor.d.ts → basic/arrow.anchor.d.ts} +1 -1
- package/core/src/middles/nodes/{arrow.anchor.js → basic/arrow.anchor.js} +2 -2
- package/core/src/middles/nodes/{arrow.d.ts → basic/arrow.d.ts} +1 -1
- package/core/src/middles/nodes/{arrow.rect.d.ts → basic/arrow.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{arrow.rect.js → basic/arrow.rect.js} +1 -1
- package/core/src/middles/nodes/{circle.anchor.d.ts → basic/circle.anchor.d.ts} +1 -1
- package/core/src/middles/nodes/{circle.anchor.js → basic/circle.anchor.js} +2 -2
- package/core/src/middles/nodes/{circle.d.ts → basic/circle.d.ts} +1 -1
- package/core/src/middles/nodes/basic/circle.js +8 -0
- package/core/src/middles/nodes/{circle.rect.d.ts → basic/circle.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{circle.rect.js → basic/circle.rect.js} +1 -1
- package/core/src/middles/nodes/{cloud.anchor.d.ts → basic/cloud.anchor.d.ts} +1 -1
- package/core/src/middles/nodes/{cloud.anchor.js → basic/cloud.anchor.js} +2 -2
- package/core/src/middles/nodes/{cloud.d.ts → basic/cloud.d.ts} +1 -1
- package/core/src/middles/nodes/{cloud.rect.d.ts → basic/cloud.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{cloud.rect.js → basic/cloud.rect.js} +1 -1
- package/core/src/middles/nodes/{cube.anchor.d.ts → basic/cube.anchor.d.ts} +1 -1
- package/core/src/middles/nodes/{cube.anchor.js → basic/cube.anchor.js} +2 -2
- package/core/src/middles/nodes/{cube.d.ts → basic/cube.d.ts} +1 -1
- package/core/src/middles/nodes/{cube.model.d.ts → basic/cube.model.d.ts} +2 -2
- package/core/src/middles/nodes/{cube.model.js → basic/cube.model.js} +2 -2
- package/core/src/middles/nodes/{cube.rect.d.ts → basic/cube.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{cube.rect.js → basic/cube.rect.js} +1 -1
- package/core/src/middles/nodes/{diamond.d.ts → basic/diamond.d.ts} +1 -1
- package/core/src/middles/nodes/{diamond.rect.d.ts → basic/diamond.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{diamond.rect.js → basic/diamond.rect.js} +1 -1
- package/core/src/middles/nodes/{file.d.ts → basic/file.d.ts} +1 -1
- package/core/src/middles/nodes/{iframe.d.ts → basic/iframe.d.ts} +1 -1
- package/core/src/middles/nodes/{iframe.js → basic/iframe.js} +7 -5
- package/core/src/middles/nodes/{image.anchor.d.ts → basic/image.anchor.d.ts} +1 -1
- package/core/src/middles/nodes/{image.anchor.js → basic/image.anchor.js} +2 -2
- package/core/src/middles/nodes/{image.rect.d.ts → basic/image.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{image.rect.js → basic/image.rect.js} +1 -1
- package/core/src/middles/nodes/{line.anchor.d.ts → basic/line.anchor.d.ts} +1 -1
- package/core/src/middles/nodes/{line.anchor.js → basic/line.anchor.js} +2 -2
- package/core/src/middles/nodes/{line.d.ts → basic/line.d.ts} +1 -1
- package/core/src/middles/nodes/{line.rect.d.ts → basic/line.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{line.rect.js → basic/line.rect.js} +1 -1
- package/core/src/middles/nodes/{message.anchor.d.ts → basic/message.anchor.d.ts} +1 -1
- package/core/src/middles/nodes/{message.anchor.js → basic/message.anchor.js} +2 -2
- package/core/src/middles/nodes/{message.d.ts → basic/message.d.ts} +1 -1
- package/core/src/middles/nodes/{message.rect.d.ts → basic/message.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{message.rect.js → basic/message.rect.js} +1 -1
- package/core/src/middles/nodes/{pentagon.anchor.d.ts → basic/pentagon.anchor.d.ts} +1 -1
- package/core/src/middles/nodes/{pentagon.anchor.js → basic/pentagon.anchor.js} +2 -2
- package/core/src/middles/nodes/{pentagon.d.ts → basic/pentagon.d.ts} +1 -1
- package/core/src/middles/nodes/{pentagon.rect.d.ts → basic/pentagon.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{pentagon.rect.js → basic/pentagon.rect.js} +1 -1
- package/core/src/middles/nodes/{pentagram.anchor.d.ts → basic/pentagram.anchor.d.ts} +1 -1
- package/core/src/middles/nodes/{pentagram.anchor.js → basic/pentagram.anchor.js} +2 -2
- package/core/src/middles/nodes/{pentagram.d.ts → basic/pentagram.d.ts} +1 -1
- package/core/src/middles/nodes/{pentagram.rect.d.ts → basic/pentagram.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{pentagram.rect.js → basic/pentagram.rect.js} +1 -1
- package/core/src/middles/nodes/{people.d.ts → basic/people.d.ts} +1 -1
- package/core/src/middles/nodes/{people.rect.d.ts → basic/people.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{people.rect.js → basic/people.rect.js} +1 -1
- package/core/src/middles/nodes/{rectangle.d.ts → basic/rectangle.d.ts} +1 -1
- package/core/src/middles/nodes/{rectangle.js → basic/rectangle.js} +1 -1
- package/core/src/middles/nodes/{rectangle.rect.d.ts → basic/rectangle.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{rectangle.rect.js → basic/rectangle.rect.js} +1 -1
- package/core/src/middles/nodes/{text.d.ts → basic/text.d.ts} +3 -2
- package/core/src/middles/nodes/{triangle.anchor.d.ts → basic/triangle.anchor.d.ts} +1 -1
- package/core/src/middles/nodes/{triangle.anchor.js → basic/triangle.anchor.js} +2 -2
- package/core/src/middles/nodes/{triangle.d.ts → basic/triangle.d.ts} +1 -1
- package/core/src/middles/nodes/{triangle.rect.d.ts → basic/triangle.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{triangle.rect.js → basic/triangle.rect.js} +1 -1
- package/core/src/middles/nodes/custom/humiture.d.ts +2 -0
- package/core/src/middles/nodes/custom/humiture.js +24 -0
- package/core/src/middles/nodes/{hexagon.anchor.d.ts → flow/hexagon.anchor.d.ts} +1 -1
- package/core/src/middles/nodes/{hexagon.anchor.js → flow/hexagon.anchor.js} +2 -2
- package/core/src/middles/nodes/{hexagon.d.ts → flow/hexagon.d.ts} +1 -1
- package/core/src/middles/nodes/{hexagon.rect.d.ts → flow/hexagon.rect.d.ts} +1 -1
- package/core/src/middles/nodes/{hexagon.rect.js → flow/hexagon.rect.js} +1 -1
- package/core/src/middles/nodes/form/formDatePicker.d.ts +2 -0
- package/core/src/middles/nodes/{formDatePicker.js → form/formDatePicker.js} +12 -5
- package/core/src/middles/nodes/{formoverflow.js → form/formoverflow.js} +11 -8
- package/core/src/middles/nodes/{formselect.d.ts → form/formselect.d.ts} +1 -1
- package/core/src/middles/nodes/{formselect.js → form/formselect.js} +6 -7
- package/core/src/middles/nodes/{formtable.d.ts → form/formtable.d.ts} +1 -1
- package/core/src/middles/nodes/{progress.d.ts → form/progress.d.ts} +2 -2
- package/core/src/middles/nodes/{tablePagination.d.ts → form/tablePagination.d.ts} +1 -1
- package/core/src/middles/nodes/{time.d.ts → form/time.d.ts} +1 -1
- package/core/src/middles/nodes/icon/echartLine.d.ts +2 -0
- package/core/src/middles/nodes/icon/echartLine.js +99 -0
- package/core/src/middles/nodes/index.d.ts +54 -52
- package/core/src/middles/nodes/index.js +54 -53
- package/core/src/models/line.js +1 -1
- package/core/src/models/node.js +16 -12
- package/core/src/models/pen.d.ts +6 -0
- package/core/src/models/rect.d.ts +1 -0
- package/core/src/models/rect.js +13 -7
- package/core/src/options.js +5 -1
- package/core/src/preview.js +55 -23
- package/core/src/renderLayer.js +5 -0
- package/core/src/store/data.d.ts +0 -1
- package/core/src/store/data.js +3 -46
- package/core/src/utils/assignment.js +41 -43
- package/core/src/utils/construction.d.ts +18 -0
- package/core/src/utils/construction.js +23 -0
- package/core/src/utils/conversion.d.ts +5 -7
- package/core/src/utils/conversion.js +212 -25
- package/core/src/utils/params.js +1 -0
- package/myShape-diagram/index.js +1 -2
- package/package.json +1 -1
- package/static/icon.js +10 -0
- package/static/index.js +2 -1
- package/store/actions.js +15 -1
- package/store/clear.js +67 -4
- package/core/src/middles/nodes/circle.js +0 -7
- package/core/src/middles/nodes/formDatePicker.d.ts +0 -2
- /package/core/src/middles/nodes/{arbitrarygraph.js → basic/arbitrarygraph.js} +0 -0
- /package/core/src/middles/nodes/{arrow.anchor.js.map → basic/arrow.anchor.js.map} +0 -0
- /package/core/src/middles/nodes/{arrow.js → basic/arrow.js} +0 -0
- /package/core/src/middles/nodes/{arrow.js.map → basic/arrow.js.map} +0 -0
- /package/core/src/middles/nodes/{arrow.rect.js.map → basic/arrow.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{circle.anchor.js.map → basic/circle.anchor.js.map} +0 -0
- /package/core/src/middles/nodes/{circle.js.map → basic/circle.js.map} +0 -0
- /package/core/src/middles/nodes/{circle.rect.js.map → basic/circle.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{cloud.anchor.js.map → basic/cloud.anchor.js.map} +0 -0
- /package/core/src/middles/nodes/{cloud.js → basic/cloud.js} +0 -0
- /package/core/src/middles/nodes/{cloud.js.map → basic/cloud.js.map} +0 -0
- /package/core/src/middles/nodes/{cloud.rect.js.map → basic/cloud.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{cube.anchor.js.map → basic/cube.anchor.js.map} +0 -0
- /package/core/src/middles/nodes/{cube.js → basic/cube.js} +0 -0
- /package/core/src/middles/nodes/{cube.js.map → basic/cube.js.map} +0 -0
- /package/core/src/middles/nodes/{cube.model.js.map → basic/cube.model.js.map} +0 -0
- /package/core/src/middles/nodes/{cube.rect.js.map → basic/cube.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{diamond.js → basic/diamond.js} +0 -0
- /package/core/src/middles/nodes/{diamond.js.map → basic/diamond.js.map} +0 -0
- /package/core/src/middles/nodes/{diamond.rect.js.map → basic/diamond.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{file.js → basic/file.js} +0 -0
- /package/core/src/middles/nodes/{file.js.map → basic/file.js.map} +0 -0
- /package/core/src/middles/nodes/{image.anchor.js.map → basic/image.anchor.js.map} +0 -0
- /package/core/src/middles/nodes/{image.rect.js.map → basic/image.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{line.anchor.js.map → basic/line.anchor.js.map} +0 -0
- /package/core/src/middles/nodes/{line.js → basic/line.js} +0 -0
- /package/core/src/middles/nodes/{line.js.map → basic/line.js.map} +0 -0
- /package/core/src/middles/nodes/{line.rect.js.map → basic/line.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{message.anchor.js.map → basic/message.anchor.js.map} +0 -0
- /package/core/src/middles/nodes/{message.js → basic/message.js} +0 -0
- /package/core/src/middles/nodes/{message.js.map → basic/message.js.map} +0 -0
- /package/core/src/middles/nodes/{message.rect.js.map → basic/message.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{pentagon.anchor.js.map → basic/pentagon.anchor.js.map} +0 -0
- /package/core/src/middles/nodes/{pentagon.js → basic/pentagon.js} +0 -0
- /package/core/src/middles/nodes/{pentagon.js.map → basic/pentagon.js.map} +0 -0
- /package/core/src/middles/nodes/{pentagon.rect.js.map → basic/pentagon.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{pentagram.anchor.js.map → basic/pentagram.anchor.js.map} +0 -0
- /package/core/src/middles/nodes/{pentagram.js → basic/pentagram.js} +0 -0
- /package/core/src/middles/nodes/{pentagram.js.map → basic/pentagram.js.map} +0 -0
- /package/core/src/middles/nodes/{pentagram.rect.js.map → basic/pentagram.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{people.js → basic/people.js} +0 -0
- /package/core/src/middles/nodes/{people.js.map → basic/people.js.map} +0 -0
- /package/core/src/middles/nodes/{people.rect.js.map → basic/people.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{rectangle.js.map → basic/rectangle.js.map} +0 -0
- /package/core/src/middles/nodes/{rectangle.rect.js.map → basic/rectangle.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{text.js → basic/text.js} +0 -0
- /package/core/src/middles/nodes/{text.js.map → basic/text.js.map} +0 -0
- /package/core/src/middles/nodes/{triangle.anchor.js.map → basic/triangle.anchor.js.map} +0 -0
- /package/core/src/middles/nodes/{triangle.js → basic/triangle.js} +0 -0
- /package/core/src/middles/nodes/{triangle.js.map → basic/triangle.js.map} +0 -0
- /package/core/src/middles/nodes/{triangle.rect.js.map → basic/triangle.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{hexagon.anchor.js.map → flow/hexagon.anchor.js.map} +0 -0
- /package/core/src/middles/nodes/{hexagon.js → flow/hexagon.js} +0 -0
- /package/core/src/middles/nodes/{hexagon.js.map → flow/hexagon.js.map} +0 -0
- /package/core/src/middles/nodes/{hexagon.rect.js.map → flow/hexagon.rect.js.map} +0 -0
- /package/core/src/middles/nodes/{formtable.js → form/formtable.js} +0 -0
- /package/core/src/middles/nodes/{progress.js → form/progress.js} +0 -0
- /package/core/src/middles/nodes/{progress.js.map → form/progress.js.map} +0 -0
- /package/core/src/middles/nodes/{switchs.d.ts → form/switchs.d.ts} +0 -0
- /package/core/src/middles/nodes/{switchs.js → form/switchs.js} +0 -0
- /package/core/src/middles/nodes/{tablePagination.js → form/tablePagination.js} +0 -0
- /package/core/src/middles/nodes/{time.js → form/time.js} +0 -0
- /package/static/{echartsDefaultData.js → echarts.js} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from '
|
|
1
|
+
import { Node } from '../../../models/node';
|
|
2
2
|
export declare function pentagramAnchors(node: Node): void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Point } from '
|
|
2
|
-
import { Direction } from '
|
|
1
|
+
import { Point } from '../../../models/point';
|
|
2
|
+
import { Direction } from '../../../models/direction';
|
|
3
3
|
export function pentagramAnchors(node) {
|
|
4
4
|
node.anchors.push(new Point((Math.cos((18 / 180) * Math.PI) * node.rect.width) / 2 + node.rect.x + node.rect.width / 2, (-Math.sin((18 / 180) * Math.PI) * node.rect.width) / 2 + node.rect.y + node.rect.height / 2, Direction.Right));
|
|
5
5
|
node.anchors.push(new Point((Math.cos(((18 + 72) / 180) * Math.PI) * node.rect.width) / 2 + node.rect.x + node.rect.width / 2, (-Math.sin(((18 + 72) / 180) * Math.PI) * node.rect.width) / 2 + node.rect.y + node.rect.height / 2, Direction.Up));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from '
|
|
1
|
+
import { Node } from '../../../models/node';
|
|
2
2
|
export declare function pentagram(ctx: CanvasRenderingContext2D, node: Node): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from '
|
|
1
|
+
import { Node } from '../../../models/node';
|
|
2
2
|
export declare function people(ctx: CanvasRenderingContext2D, node: Node): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from '
|
|
1
|
+
import { Node } from '../../../models/node';
|
|
2
2
|
export declare function rectangle(ctx: CanvasRenderingContext2D, node: Node): void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Rect } from '
|
|
1
|
+
import { Rect } from '../../../models';
|
|
2
2
|
export function rectangleIconRect(node) {
|
|
3
3
|
node.iconRect = new Rect(node.rect.x + node.paddingLeftNum, node.rect.y + node.paddingTopNum, node.rect.height - node.paddingTopNum - node.paddingBottomNum, node.rect.height - node.paddingTopNum - node.paddingBottomNum);
|
|
4
4
|
node.fullIconRect = new Rect(node.rect.x + node.paddingLeftNum, node.rect.y + node.paddingTopNum, node.rect.width - node.paddingLeftNum - node.paddingRightNum, node.rect.height - node.paddingTopNum - node.paddingBottomNum);
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { Node } from '
|
|
2
|
-
import { Line } from '
|
|
1
|
+
import { Node } from '../../../models/node';
|
|
2
|
+
import { Line } from '../../../models/line';
|
|
3
3
|
export declare function getWords(txt: string): any[];
|
|
4
4
|
export declare function getLines(ctx: CanvasRenderingContext2D, words: string[], maxWidth: number, fontSize: number): any[];
|
|
5
5
|
export declare function fillText(ctx: CanvasRenderingContext2D, lines: string[], x: number, y: number, width: number, height: number, lineHeight: number, maxLineLen?: number, bk?: string): void;
|
|
6
6
|
export declare function text(ctx: CanvasRenderingContext2D, node: Node | Line): void;
|
|
7
|
+
export declare function defaultText(ctx: CanvasRenderingContext2D, node: Node, type: string): void;
|
|
7
8
|
export declare function tableText(ctx: CanvasRenderingContext2D, node: Node, type: string): void;
|
|
8
9
|
export declare function iconfont(ctx: CanvasRenderingContext2D, node: Node): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from '
|
|
1
|
+
import { Node } from '../../../models/node';
|
|
2
2
|
export declare function triangleAnchors(node: Node): void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Point } from '
|
|
2
|
-
import { Direction } from '
|
|
1
|
+
import { Point } from '../../../models/point';
|
|
2
|
+
import { Direction } from '../../../models/direction';
|
|
3
3
|
export function triangleAnchors(node) {
|
|
4
4
|
node.anchors.push(new Point(node.rect.x + node.rect.width / 2, node.rect.y, Direction.Up));
|
|
5
5
|
node.anchors.push(new Point(node.rect.x + (node.rect.width * 3) / 4, node.rect.y + node.rect.height / 2, Direction.Right));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from '
|
|
1
|
+
import { Node } from '../../../models/node';
|
|
2
2
|
export declare function triangle(ctx: CanvasRenderingContext2D, node: Node): void;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import {defaultTextRect} from '../../index';
|
|
2
|
+
export function humiture(ctx, node, state) {
|
|
3
|
+
if(node.name === 'combine' && !state) return;
|
|
4
|
+
node.name = 'combine';
|
|
5
|
+
node.children.forEach((item, index) => {
|
|
6
|
+
if(index === 0) {
|
|
7
|
+
item.rect.width = Math.round(node.rect.width * 0.318840);
|
|
8
|
+
item.rect.height = node.rect.height;
|
|
9
|
+
}else {
|
|
10
|
+
item.rect.width = Math.round(node.rect.width * 0.666666);
|
|
11
|
+
item.rect.height = (node.rect.height - 1) / 2;
|
|
12
|
+
}
|
|
13
|
+
item.rect.x = index === 0 ? node.rect.x : node.rect.x + item.rect.width / 2;
|
|
14
|
+
item.rect.y = index === 2 ? node.rect.y + item.rect.height + 1 : node.rect.y;
|
|
15
|
+
item.rect.center = {
|
|
16
|
+
x: item.rect.x + item.rect.width / 2,
|
|
17
|
+
y: item.rect.y + item.rect.height / 2
|
|
18
|
+
}
|
|
19
|
+
item.rect.ex = item.rect.x + item.rect.width;
|
|
20
|
+
item.rect.ey = item.rect.y + item.rect.height;
|
|
21
|
+
item.calcRectInParent(node);
|
|
22
|
+
defaultTextRect(item);
|
|
23
|
+
});
|
|
24
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from '
|
|
1
|
+
import { Node } from '../../../models/node';
|
|
2
2
|
export declare function hexagonAnchors(node: Node): void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Point } from '
|
|
2
|
-
import { Direction } from '
|
|
1
|
+
import { Point } from '../../../models/point';
|
|
2
|
+
import { Direction } from '../../../models/direction';
|
|
3
3
|
export function hexagonAnchors(node) {
|
|
4
4
|
node.anchors.push(new Point(node.rect.x + node.rect.width / 2, node.rect.y, Direction.Up));
|
|
5
5
|
node.anchors.push(new Point(node.rect.x + node.rect.width, node.rect.y + node.rect.height / 2, Direction.Right));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from '
|
|
1
|
+
import { Node } from '../../../models/node';
|
|
2
2
|
export declare function hexagon(ctx: CanvasRenderingContext2D, node: Node): void;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {Store} from "le5le-store";
|
|
2
|
-
import {rectangle} from '
|
|
3
|
-
import { createDatePickerElement, loadJS, setDataPickerElementStyle } from '
|
|
4
|
-
import { s8, datePickerValueFormatting } from '
|
|
5
|
-
import {commonStore} from "
|
|
6
|
-
import {datePickerType} from "
|
|
2
|
+
import {rectangle} from '../basic/rectangle';
|
|
3
|
+
import { createDatePickerElement, loadJS, setDataPickerElementStyle } from '../../../element';
|
|
4
|
+
import { s8, datePickerValueFormatting } from '../../../utils';
|
|
5
|
+
import {commonStore} from "../../../store";
|
|
6
|
+
import {datePickerType} from "../../../../../store";
|
|
7
7
|
|
|
8
8
|
export async function fromDatePicker(ctx, node) {
|
|
9
9
|
// 绘制一个底图,类似于占位符。
|
|
@@ -84,6 +84,8 @@ export async function fromDatePicker(ctx, node) {
|
|
|
84
84
|
|
|
85
85
|
layDatePicker = laydate.render(pickerOptions);
|
|
86
86
|
|
|
87
|
+
currentStore.pickerDataPool[node.id].layDatePicker = layDatePicker;
|
|
88
|
+
|
|
87
89
|
}, 100)
|
|
88
90
|
}else {
|
|
89
91
|
if(node.formData.resetStyle) {
|
|
@@ -101,6 +103,11 @@ export async function fromDatePicker(ctx, node) {
|
|
|
101
103
|
};
|
|
102
104
|
Object.assign(currentStore.pickerDataPool[node.id], params);
|
|
103
105
|
}
|
|
106
|
+
if(currentStore.pickerDataPool[node.id].update) {
|
|
107
|
+
// 更新日期元件数据
|
|
108
|
+
currentStore.pickerDataPool[node.id].update = false;
|
|
109
|
+
currentStore.pickerDataPool[node.id].layDatePicker.updateDate();
|
|
110
|
+
}
|
|
104
111
|
}
|
|
105
112
|
}
|
|
106
113
|
function isValidInteger(str) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {rectangle, createDiv, s8, Preview} from
|
|
2
|
-
import {commonStore} from "
|
|
1
|
+
import {rectangle, createDiv, s8, Preview} from '../../../../index';
|
|
2
|
+
import {commonStore} from "../../../store";
|
|
3
3
|
|
|
4
4
|
export async function formOverflow(ctx, node) {
|
|
5
5
|
// 绘制一个底图,类似于占位符。
|
|
@@ -13,7 +13,8 @@ export async function formOverflow(ctx, node) {
|
|
|
13
13
|
const color = node.formData.scrollbarColor? node.formData.scrollbarColor: 'auto'
|
|
14
14
|
const colorBg = node.formData.scrollbarColorBg? node.formData.scrollbarColorBg: 'auto'
|
|
15
15
|
const scrollbarColor = color + ' ' + colorBg
|
|
16
|
-
|
|
16
|
+
const scrollbarShow = node.formData.scrollbarShow
|
|
17
|
+
const scrollbarWidth = node.formData.scrollbarWidth? node.formData.scrollbarWidth: 'auto'
|
|
17
18
|
if (!node.elementLoaded && !formoverData) {
|
|
18
19
|
if(!formoverData) {
|
|
19
20
|
formoverData = {
|
|
@@ -24,7 +25,7 @@ export async function formOverflow(ctx, node) {
|
|
|
24
25
|
}
|
|
25
26
|
formoverData.div.setAttribute('class', 'topoOverflow');
|
|
26
27
|
formoverData.div.style.setProperty('scrollbar-color', scrollbarColor);
|
|
27
|
-
formoverData.div.style.setProperty('scrollbar-
|
|
28
|
+
formoverData.div.style.setProperty('scrollbar-Width', scrollbarWidth);
|
|
28
29
|
|
|
29
30
|
node.elementLoaded = true
|
|
30
31
|
document.body.appendChild(formoverData.div)
|
|
@@ -37,8 +38,9 @@ export async function formOverflow(ctx, node) {
|
|
|
37
38
|
if (window.location.pathname.includes('workspace') || window.location.pathname.includes('Preview')) {
|
|
38
39
|
let canvas = new Preview(node.id, {
|
|
39
40
|
rotateCursor: '/img/rotate.cur',
|
|
41
|
+
type: 'overflow'
|
|
40
42
|
})
|
|
41
|
-
canvas.formOverflowOpen(node.formData.detailPageData)
|
|
43
|
+
canvas.formOverflowOpen(node.formData.detailPageData, scrollbarShow)
|
|
42
44
|
commonStore[node.TID].formoverCanvasDataPool[node.id] = canvas
|
|
43
45
|
}
|
|
44
46
|
setTimeout(() => {
|
|
@@ -55,8 +57,9 @@ export async function formOverflow(ctx, node) {
|
|
|
55
57
|
export function formOverflowChange(node) {
|
|
56
58
|
// 绘制画布
|
|
57
59
|
// console.log('更新滚动组件中子页面-',node)
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
60
|
+
const canvas = commonStore[node.TID].formoverCanvasDataPool[node.id]
|
|
61
|
+
const data = node.formData.detailPageData
|
|
62
|
+
const scrollbarShow = node.formData.scrollbarShow
|
|
63
|
+
canvas.formOverflowOpen(data, scrollbarShow)
|
|
61
64
|
}
|
|
62
65
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from '
|
|
1
|
+
import { Node } from '../../../models';
|
|
2
2
|
export declare function formSelect(ctx: CanvasRenderingContext2D, node: Node): void;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {rectangle} from '
|
|
1
|
+
import {rectangle} from '../basic/rectangle';
|
|
2
2
|
import {
|
|
3
3
|
createSelectElement,
|
|
4
|
-
createSelectDropdown} from '
|
|
4
|
+
createSelectDropdown} from '../../../element';
|
|
5
5
|
import {
|
|
6
6
|
setEventListener,
|
|
7
|
-
s8} from '
|
|
8
|
-
import {selectDefaultData} from '
|
|
9
|
-
import {commonStore} from "
|
|
7
|
+
s8} from '../../../utils';
|
|
8
|
+
import {selectDefaultData} from '../../../../../static';
|
|
9
|
+
import {commonStore} from "../../../store";
|
|
10
10
|
|
|
11
11
|
export function formSelect(ctx, node) {
|
|
12
12
|
// 绘制一个底图,类似于占位符。
|
|
@@ -14,14 +14,13 @@ export function formSelect(ctx, node) {
|
|
|
14
14
|
if (!commonStore[node.TID].selectDataPool[node.id]) {
|
|
15
15
|
const currentStore = commonStore[node.TID];
|
|
16
16
|
node.elementId = s8();
|
|
17
|
-
node.dash = 4;
|
|
18
17
|
// 下拉切换类型
|
|
19
18
|
const selectedType = node.events && node.events.find((item) => {
|
|
20
19
|
return !!item.dcimStaticForType
|
|
21
20
|
});
|
|
22
21
|
currentStore.selectDataPool[node.id] = {
|
|
23
22
|
slideState: node.selectDropdown,
|
|
24
|
-
staticType: selectedType.dcimStaticForType,
|
|
23
|
+
staticType: selectedType && selectedType.dcimStaticForType || '',
|
|
25
24
|
node: {
|
|
26
25
|
id: node.id,
|
|
27
26
|
color: node.font.color,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from '
|
|
1
|
+
import { Node } from '../../../models';
|
|
2
2
|
export declare function formtable(ctx: CanvasRenderingContext2D, node: Node): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from "
|
|
2
|
-
export default function progress(ctx: CanvasRenderingContext2D, node: Node): void;
|
|
1
|
+
import { Node } from "../../../models";
|
|
2
|
+
export default function progress(ctx: CanvasRenderingContext2D, node: Node): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from '
|
|
1
|
+
import { Node } from '../../../models';
|
|
2
2
|
export declare function tablePagination(ctx: CanvasRenderingContext2D, node: Node): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Node } from '
|
|
1
|
+
import { Node } from '../../../models';
|
|
2
2
|
export declare function time(ctx: CanvasRenderingContext2D, node: Node): void;
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import {svgPathInstance} from "../../../../../store";
|
|
2
|
+
|
|
3
|
+
export function svgEchartsLine(ctx, node) {
|
|
4
|
+
// 将 SVG 中的路径坐标等比缩放到相应尺寸的画布上
|
|
5
|
+
// SVG 范围: x: 0~1024, y: 0~1024
|
|
6
|
+
try {
|
|
7
|
+
let path1 = null;
|
|
8
|
+
let path2 = null;
|
|
9
|
+
if(svgPathInstance.has(node.id)) {
|
|
10
|
+
const pathData = svgPathInstance.get(node.id);
|
|
11
|
+
path1 = pathData.path1;
|
|
12
|
+
path2 = pathData.path2;
|
|
13
|
+
}else {
|
|
14
|
+
// 创建两个 Path2D 对象
|
|
15
|
+
path1 = new Path2D(node.path[0]);
|
|
16
|
+
path2 = new Path2D(node.path[1]);
|
|
17
|
+
svgPathInstance.set(node.id, {
|
|
18
|
+
path1,
|
|
19
|
+
path2
|
|
20
|
+
})
|
|
21
|
+
}
|
|
22
|
+
//console.log('path1====', path1, path2)
|
|
23
|
+
// 保存当前状态
|
|
24
|
+
ctx.save();
|
|
25
|
+
ctx.translate(node.rect.x, node.rect.y);
|
|
26
|
+
// 应用缩放变换: 将 SVG 坐标系 (0~1024) 缩放到 canvas 上
|
|
27
|
+
ctx.scale(node.rect.width / 1024, node.rect.height / 1024);
|
|
28
|
+
// 绘制第一个路径 (坐标轴)
|
|
29
|
+
ctx.fillStyle = node.strokeStyle; // 双坐标轴颜色
|
|
30
|
+
ctx.lineWidth = node.lineWidth;
|
|
31
|
+
ctx.fill(path1);
|
|
32
|
+
// 绘制第二个路径 (折线趋势)
|
|
33
|
+
ctx.fillStyle = node.strokeStyle; // 折线颜色
|
|
34
|
+
ctx.lineWidth = node.lineWidth;
|
|
35
|
+
ctx.fill(path2);
|
|
36
|
+
// 恢复变换
|
|
37
|
+
ctx.restore();
|
|
38
|
+
} catch (error) {
|
|
39
|
+
// 降级方案 手动绘制相似形状 (确保兼容性)
|
|
40
|
+
//console.info('Path2D 解析失败,使用备用手动绘制>>>', error);
|
|
41
|
+
ctx.save();
|
|
42
|
+
ctx.beginPath();
|
|
43
|
+
ctx.strokeStyle = node.strokeStyle;
|
|
44
|
+
ctx.lineWidth = node.lineWidth;
|
|
45
|
+
ctx.lineCap = 'round';
|
|
46
|
+
|
|
47
|
+
// X轴 (水平)
|
|
48
|
+
ctx.moveTo(node.rect.x, node.rect.y + node.rect.height);
|
|
49
|
+
ctx.lineTo(node.rect.x + node.rect.width, node.rect.y + node.rect.height);
|
|
50
|
+
ctx.stroke();
|
|
51
|
+
|
|
52
|
+
// Y轴 (垂直)
|
|
53
|
+
ctx.moveTo(node.rect.x, node.rect.y + node.rect.height / 5);
|
|
54
|
+
ctx.lineTo(node.rect.x, node.rect.y + node.rect.height);
|
|
55
|
+
ctx.stroke();
|
|
56
|
+
|
|
57
|
+
// 起点坐标
|
|
58
|
+
const startX = node.rect.x + node.rect.width / 10;
|
|
59
|
+
const startY = node.rect.y + node.rect.height * (5/6);
|
|
60
|
+
|
|
61
|
+
// 第一个折角
|
|
62
|
+
const x2 = node.rect.x + node.rect.width / 4 ;
|
|
63
|
+
const y2 = startY - node.rect.height / 3;
|
|
64
|
+
|
|
65
|
+
// 第二个折点: 离X轴的距离
|
|
66
|
+
const x3 = node.rect.x + node.rect.width * 3 / 5;
|
|
67
|
+
const y3 = node.rect.y + node.rect.height / 1.3;
|
|
68
|
+
|
|
69
|
+
// 终点: 在X轴末端附近,向上收尾
|
|
70
|
+
const xEnd = node.rect.x + node.rect.width;
|
|
71
|
+
const yEnd = startY - node.rect.height * 3 / 5;
|
|
72
|
+
|
|
73
|
+
// 收集所有点
|
|
74
|
+
const points = [
|
|
75
|
+
{ x: startX, y: startY },
|
|
76
|
+
{ x: x2, y: y2 },
|
|
77
|
+
{ x: x3, y: y3 },
|
|
78
|
+
{ x: xEnd, y: yEnd }
|
|
79
|
+
];
|
|
80
|
+
// 边界保护 (确保点在画布内)
|
|
81
|
+
for (let p of points) {
|
|
82
|
+
p.y = Math.min(node.rect.y + node.rect.height - 2, Math.max(node.rect.y + 2, p.y));
|
|
83
|
+
p.x = Math.min(node.rect.x + node.rect.width + 2, Math.max( node.rect.x - 2, p.x));
|
|
84
|
+
}
|
|
85
|
+
// ---------- 绘制折线 ----------
|
|
86
|
+
ctx.beginPath();
|
|
87
|
+
ctx.lineWidth = node.lineWidth;
|
|
88
|
+
ctx.strokeStyle = node.strokeStyle;
|
|
89
|
+
ctx.lineJoin = 'round';
|
|
90
|
+
ctx.lineCap = 'round';
|
|
91
|
+
|
|
92
|
+
ctx.moveTo(points[0].x, points[0].y);
|
|
93
|
+
for (let i = 1; i < points.length; i++) {
|
|
94
|
+
ctx.lineTo(points[i].x, points[i].y);
|
|
95
|
+
}
|
|
96
|
+
ctx.stroke();
|
|
97
|
+
ctx.restore();
|
|
98
|
+
}
|
|
99
|
+
}
|
|
@@ -1,52 +1,54 @@
|
|
|
1
|
-
export * from './arbitrarygraph';
|
|
2
|
-
export * from './arbitrarygraph.anchor';
|
|
3
|
-
export * from './arrow';
|
|
4
|
-
export * from './arrow.rect';
|
|
5
|
-
export * from './arrow.anchor';
|
|
6
|
-
export * from './circle';
|
|
7
|
-
export * from './circle.rect';
|
|
8
|
-
export * from './circle.anchor';
|
|
9
|
-
export * from './cloud';
|
|
10
|
-
export * from './cloud.rect';
|
|
11
|
-
export * from './cloud.anchor';
|
|
12
|
-
export * from './cube';
|
|
13
|
-
export * from './cube.rect';
|
|
14
|
-
export * from './cube.anchor';
|
|
15
|
-
export * from './cube.model';
|
|
16
|
-
export * from './diamond';
|
|
17
|
-
export * from './diamond.rect';
|
|
18
|
-
export * from './file';
|
|
19
|
-
export * from './
|
|
20
|
-
export * from './
|
|
21
|
-
export * from './
|
|
22
|
-
export * from './
|
|
23
|
-
export * from './
|
|
24
|
-
export * from './
|
|
25
|
-
export * from './
|
|
26
|
-
export * from './
|
|
27
|
-
export * from './
|
|
28
|
-
export * from './
|
|
29
|
-
export * from './
|
|
30
|
-
export * from './
|
|
31
|
-
export * from './
|
|
32
|
-
export * from './
|
|
33
|
-
export * from './
|
|
34
|
-
export * from './
|
|
35
|
-
export * from './
|
|
36
|
-
export * from './
|
|
37
|
-
export * from './
|
|
38
|
-
export * from './
|
|
39
|
-
export * from './
|
|
40
|
-
export * from './
|
|
41
|
-
export * from './
|
|
42
|
-
export * from './
|
|
43
|
-
export * from './
|
|
44
|
-
export * from './
|
|
45
|
-
export * from './
|
|
46
|
-
export * from './
|
|
47
|
-
export * from './
|
|
48
|
-
export * from './
|
|
49
|
-
export * from './
|
|
50
|
-
export * from './
|
|
51
|
-
export * from './
|
|
52
|
-
export * from './
|
|
1
|
+
export * from './basic/arbitrarygraph';
|
|
2
|
+
export * from './basic/arbitrarygraph.anchor';
|
|
3
|
+
export * from './basic/arrow';
|
|
4
|
+
export * from './basic/arrow.rect';
|
|
5
|
+
export * from './basic/arrow.anchor';
|
|
6
|
+
export * from './basic/circle';
|
|
7
|
+
export * from './basic/circle.rect';
|
|
8
|
+
export * from './basic/circle.anchor';
|
|
9
|
+
export * from './basic/cloud';
|
|
10
|
+
export * from './basic/cloud.rect';
|
|
11
|
+
export * from './basic/cloud.anchor';
|
|
12
|
+
export * from './basic/cube';
|
|
13
|
+
export * from './basic/cube.rect';
|
|
14
|
+
export * from './basic/cube.anchor';
|
|
15
|
+
export * from './basic/cube.model';
|
|
16
|
+
export * from './basic/diamond';
|
|
17
|
+
export * from './basic/diamond.rect';
|
|
18
|
+
export * from './basic/file';
|
|
19
|
+
export * from './basic/image.rect';
|
|
20
|
+
export * from './basic/image.anchor';
|
|
21
|
+
export * from './basic/iframe';
|
|
22
|
+
export * from './basic/line';
|
|
23
|
+
export * from './basic/line.anchor';
|
|
24
|
+
export * from './basic/line.rect';
|
|
25
|
+
export * from './basic/message';
|
|
26
|
+
export * from './basic/message.anchor';
|
|
27
|
+
export * from './basic/message.rect';
|
|
28
|
+
export * from './basic/pentagon';
|
|
29
|
+
export * from './basic/pentagon.anchor';
|
|
30
|
+
export * from './basic/pentagon.rect';
|
|
31
|
+
export * from './basic/pentagram';
|
|
32
|
+
export * from './basic/pentagram.anchor';
|
|
33
|
+
export * from './basic/pentagram.rect';
|
|
34
|
+
export * from './basic/people';
|
|
35
|
+
export * from './basic/people.rect';
|
|
36
|
+
export * from './basic/rectangle';
|
|
37
|
+
export * from './basic/rectangle.rect';
|
|
38
|
+
export * from './basic/text';
|
|
39
|
+
export * from './basic/triangle';
|
|
40
|
+
export * from './basic/triangle.anchor';
|
|
41
|
+
export * from './basic/triangle.rect';
|
|
42
|
+
export * from './icon/echartLine';
|
|
43
|
+
export * from './flow/hexagon';
|
|
44
|
+
export * from './flow/hexagon.anchor';
|
|
45
|
+
export * from './flow/hexagon.rect';
|
|
46
|
+
export * from './form/formtable';
|
|
47
|
+
export * from './form/formselect';
|
|
48
|
+
export * from './form/tablePagination';
|
|
49
|
+
export * from './form/formoverflow';
|
|
50
|
+
export * from './form/time';
|
|
51
|
+
export * from './form/formDatePicker';
|
|
52
|
+
export * from './form/switchs';
|
|
53
|
+
export * from './form/progress';
|
|
54
|
+
export * from './custom/humiture';
|