@sunspirytus/xflow-extension 1.0.52

package/es/flowchart-node-panel/nodes/data-base/index.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const DatabaseNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const bezierX = width / 4;
+    const bezierY = Math.min(height / 10, 12);
+    const path = [
+        ['M', NODE_PADDING, NODE_PADDING + bezierY],
+        ['C', NODE_PADDING + bezierX, NODE_PADDING, NODE_PADDING + width - bezierX, NODE_PADDING],
+        ['', width - 2 * NODE_PADDING, NODE_PADDING + bezierY],
+        ['L', width - 2 * NODE_PADDING, height - 2 * NODE_PADDING - bezierY],
+        [
+            'C',
+            width - 2 * NODE_PADDING - bezierX,
+            height - 2 * NODE_PADDING,
+            NODE_PADDING + bezierX,
+            height - 2 * NODE_PADDING,
+        ],
+        ['', NODE_PADDING, height - 2 * NODE_PADDING - bezierY],
+        ['Z'],
+    ];
+    // 多 path 解决填充问题
+    const path1 = [
+        ['M', NODE_PADDING, NODE_PADDING + bezierY],
+        [
+            'C',
+            NODE_PADDING + bezierX,
+            NODE_PADDING + 2 * bezierY,
+            NODE_PADDING + width - bezierX,
+            NODE_PADDING + 2 * bezierY,
+        ],
+        ['', width - 2 * NODE_PADDING, NODE_PADDING + bezierY], // top-right
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("path", { d: createPath(path1), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/data-base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/data-base/index.tsx"],"names":[],"mappings":"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"}

package/es/flowchart-node-panel/nodes/data-i-o/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const DataIONode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/data-i-o/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const DataIONode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const slope = height / 2; // 用于计算斜率 tan(&) =  slope / height
+    const path = [
+        ['M', slope - NODE_PADDING, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, NODE_PADDING],
+        ['L', width - slope, height - 2 * NODE_PADDING],
+        ['L', NODE_PADDING, height - 2 * NODE_PADDING],
+        ['Z'],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/data-i-o/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/data-i-o/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,UAAU,GAAwB,KAAK,CAAC,EAAE;IACrD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAE9B,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,CAAA,CAAC,kCAAkC;IAE3D,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,KAAK,GAAG,YAAY,EAAE,YAAY,CAAC;QACzC,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,CAAC;QAC7C,CAAC,GAAG,EAAE,KAAK,GAAG,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC/C,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC9C,CAAC,GAAG,CAAC;KACN,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/decision/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const DecisionNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/decision/index.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_HEIGHT, NODE_PADDING, NODE_WIDTH, DefaultNodeConfig } from '../../constants';
+export const DecisionNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const path = [
+        ['M', width / 2, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, height / 2],
+        ['L', width / 2, height - 2 * NODE_PADDING],
+        ['L', NODE_PADDING, height / 2],
+        ['Z'],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/decision/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/decision/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,YAAY,GAAwB,KAAK,CAAC,EAAE;IACvD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,YAAY,CAAC;QAC9B,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QAC3C,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC3C,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QAC/B,CAAC,GAAG,CAAC;KACN,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/delay/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const DelayNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/delay/index.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const DelayNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const rx = Math.min(height, width) / 2;
+    const path = [
+        ['M', NODE_PADDING, NODE_PADDING],
+        ['L', width - rx, NODE_PADDING],
+        ['C', width - 2 * NODE_PADDING, NODE_PADDING, width - 2 * NODE_PADDING, height / 2],
+        ['', width - 2 * NODE_PADDING, height / 2],
+        [
+            'C',
+            width - 2 * NODE_PADDING,
+            height / 2,
+            width - 2 * NODE_PADDING,
+            height - 2 * NODE_PADDING,
+        ],
+        ['', width - rx, height - 2 * NODE_PADDING],
+        ['L', NODE_PADDING, height - 2 * NODE_PADDING],
+        ['Z'],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/delay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/delay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,SAAS,GAAwB,KAAK,CAAC,EAAE;IACpD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;IACtC,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC;QACjC,CAAC,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,YAAY,CAAC;QAC/B,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QACnF,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QAC1C;YACE,GAAG;YACH,KAAK,GAAG,CAAC,GAAG,YAAY;YACxB,MAAM,GAAG,CAAC;YACV,KAAK,GAAG,CAAC,GAAG,YAAY;YACxB,MAAM,GAAG,CAAC,GAAG,YAAY;SAC1B;QACD,CAAC,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC3C,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC9C,CAAC,GAAG,CAAC;KACN,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/display/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const DisplayNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/display/index.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const DisplayNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const sx = Math.min(height, width) / 3;
+    const dx = Math.min(Math.tan(Math.PI / 6) * (height / 2), width / 3);
+    const path = [
+        ['M', dx, NODE_PADDING],
+        ['L', width - sx, NODE_PADDING],
+        ['C', width - 2 * NODE_PADDING, NODE_PADDING, width - 2 * NODE_PADDING, height / 2],
+        ['', width - 2 * NODE_PADDING, height / 2],
+        [
+            'C',
+            width - 2 * NODE_PADDING,
+            height / 2,
+            width - 2 * NODE_PADDING,
+            height - 2 * NODE_PADDING,
+        ],
+        ['', width - sx, height - 2 * NODE_PADDING],
+        ['L', dx, height - 2 * NODE_PADDING],
+        ['L', NODE_PADDING, height / 2],
+        ['Z'],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, 
+        // viewBox={`0 0 40 30`}
+        xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/display/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/display/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,WAAW,GAAwB,KAAK,CAAC,EAAE;IACtD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;IACtC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAA;IACpE,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,EAAE,EAAE,YAAY,CAAC;QACvB,CAAC,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,YAAY,CAAC;QAC/B,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QACnF,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QAC1C;YACE,GAAG;YACH,KAAK,GAAG,CAAC,GAAG,YAAY;YACxB,MAAM,GAAG,CAAC;YACV,KAAK,GAAG,CAAC,GAAG,YAAY;YACxB,MAAM,GAAG,CAAC,GAAG,YAAY;SAC1B;QACD,CAAC,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC3C,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QACpC,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QAC/B,CAAC,GAAG,CAAC;KACN,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE;QACjC,wBAAwB;QACxB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/document/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const DocumentNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/document/index.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const DocumentNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const bezierX = width / 8;
+    const bezierY = height / 8;
+    const path = [
+        ['M', NODE_PADDING, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, height - 2 * NODE_PADDING - bezierY],
+        [
+            'C',
+            width - 2 * NODE_PADDING - bezierX,
+            height - 2 * NODE_PADDING - 2 * bezierY,
+            width / 2 + bezierX,
+            height - 2 * NODE_PADDING - 2 * bezierY,
+        ],
+        ['', width / 2, height - 2 * NODE_PADDING - bezierY],
+        [
+            'S',
+            width / 4,
+            height - 2 * NODE_PADDING,
+            NODE_PADDING,
+            height - 2 * NODE_PADDING - 2 * bezierY,
+        ],
+        ['L', NODE_PADDING, NODE_PADDING], // top-left
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/document/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/document/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,YAAY,GAAwB,KAAK,CAAC,EAAE;IACvD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,OAAO,GAAG,KAAK,GAAG,CAAC,CAAA;IACzB,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,CAAA;IAE1B,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC;QACjC,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,CAAC;QAC7C,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC;QACpE;YACE,GAAG;YACH,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,OAAO;YAClC,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,OAAO;YACvC,KAAK,GAAG,CAAC,GAAG,OAAO;YACnB,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,OAAO;SACxC;QACD,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC;QACpD;YACE,GAAG;YACH,KAAK,GAAG,CAAC;YACT,MAAM,GAAG,CAAC,GAAG,YAAY;YACzB,YAAY;YACZ,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,OAAO;SACxC;QACD,CAAC,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC,EAAE,WAAW;KAC/C,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/extract/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const ExtractNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/extract/index.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const ExtractNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const path = [
+        ['M', width / 2, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, height - 2 * NODE_PADDING],
+        ['L', NODE_PADDING, height - 2 * NODE_PADDING],
+        ['Z'],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/extract/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/extract/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,WAAW,GAAwB,KAAK,CAAC,EAAE;IACtD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAE9B,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,YAAY,CAAC;QAC9B,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC1D,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC9C,CAAC,GAAG,CAAC;KACN,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/hard-disk/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const HardDiskNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/hard-disk/index.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const HardDiskNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const bezierX = Math.min(width / 10, height / 4);
+    const bezierY = Math.min(height / 4, width / 4);
+    const path = [
+        ['M', NODE_PADDING + bezierX, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING - bezierX, NODE_PADDING],
+        [
+            'C',
+            width - 2 * NODE_PADDING,
+            NODE_PADDING + bezierY,
+            width - 2 * NODE_PADDING,
+            height - 2 * NODE_PADDING - bezierY,
+        ],
+        ['', width - 2 * NODE_PADDING - bezierX, height - 2 * NODE_PADDING],
+        ['L', NODE_PADDING + bezierX, height - 2 * NODE_PADDING],
+        ['C', NODE_PADDING, height - 2 * NODE_PADDING - bezierY, NODE_PADDING, NODE_PADDING + bezierY],
+        ['', NODE_PADDING + bezierX, NODE_PADDING], // top-left
+    ];
+    // 遵循绘制顺序，多个 path 绘制弧
+    const pathBezierRight = [
+        ['M', width - 2 * NODE_PADDING - bezierX, NODE_PADDING],
+        [
+            'C',
+            width - 2 * NODE_PADDING - 2 * bezierX,
+            NODE_PADDING + bezierY,
+            width - 2 * NODE_PADDING - 2 * bezierX,
+            height - 2 * NODE_PADDING - bezierY,
+        ],
+        ['', width - 2 * NODE_PADDING - bezierX, height - 2 * NODE_PADDING], // bottom-right
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("path", { d: createPath(pathBezierRight), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/hard-disk/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/hard-disk/index.tsx"],"names":[],"mappings":"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"}

package/es/flowchart-node-panel/nodes/index.d.ts

@@ -0,0 +1,24 @@
+export { ProcessNode } from './process';
+export { DecisionNode } from './decision';
+export { ConnectorNode } from './connector';
+export { DataIONode } from './data-i-o';
+export { TerminalNode } from './terminator';
+export { DatabaseNode } from './data-base';
+export { HardDiskNode } from './hard-disk';
+export { StroedDataNode } from './stored-data';
+export { DocumentNode } from './document';
+export { MultiDocumentNode } from './multi-document';
+export { PredefinedProcessNode } from './predefined-process';
+export { ExtractNode } from './extract';
+export { MergeNode } from './merge';
+export { OrNode } from './or';
+export { ManualInputNode } from './manual-input';
+export { PreparationNode } from './preparation';
+export { DelayNode } from './delay';
+export { ManualOperationNode } from './manual-operation';
+export { DisplayNode } from './display';
+export { OffPageLinkNode } from './off-page-link';
+export { NoteLeftNode } from './note-left';
+export { NoteRightNode } from './note-right';
+export { InternalStorageNode } from './internal-storage';
+export { TextNode } from './text';

package/es/flowchart-node-panel/nodes/index.js

@@ -0,0 +1,25 @@
+export { ProcessNode } from './process';
+export { DecisionNode } from './decision';
+export { ConnectorNode } from './connector';
+export { DataIONode } from './data-i-o';
+export { TerminalNode } from './terminator';
+export { DatabaseNode } from './data-base';
+export { HardDiskNode } from './hard-disk';
+export { StroedDataNode } from './stored-data';
+export { DocumentNode } from './document';
+export { MultiDocumentNode } from './multi-document';
+export { PredefinedProcessNode } from './predefined-process';
+export { ExtractNode } from './extract';
+export { MergeNode } from './merge';
+export { OrNode } from './or';
+export { ManualInputNode } from './manual-input';
+export { PreparationNode } from './preparation';
+export { DelayNode } from './delay';
+export { ManualOperationNode } from './manual-operation';
+export { DisplayNode } from './display';
+export { OffPageLinkNode } from './off-page-link';
+export { NoteLeftNode } from './note-left';
+export { NoteRightNode } from './note-right';
+export { InternalStorageNode } from './internal-storage';
+export { TextNode } from './text';
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/flowchart-node-panel/nodes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA"}

package/es/flowchart-node-panel/nodes/internal-storage/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const InternalStorageNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/internal-storage/index.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const InternalStorageNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const availableWidth = width - 2 * NODE_PADDING;
+    const availableHieght = height - 2 * NODE_PADDING;
+    const rx = 6;
+    const path = [
+        ['M', NODE_PADDING, NODE_PADDING],
+        ['L', availableWidth - rx, NODE_PADDING],
+        ['C', availableWidth, NODE_PADDING, availableWidth, rx],
+        ['', availableWidth, height / 2],
+        ['L', availableWidth, availableHieght - rx],
+        ['C', availableWidth, availableHieght, availableWidth - rx, availableHieght],
+        ['', availableWidth - rx, availableHieght],
+        ['L', rx, availableHieght],
+        ['C', NODE_PADDING, availableHieght, NODE_PADDING, availableHieght - rx],
+        ['', NODE_PADDING, availableHieght - rx],
+        ['Z'],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, 
+        // viewBox={`0 0 40 30`}
+        xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("path", { d: `M ${NODE_PADDING},${rx} L ${availableWidth - 1} ${rx} `, fill: fill, stroke: stroke }),
+        React.createElement("path", { d: `M ${rx},${NODE_PADDING} L ${rx} ${availableHieght} `, fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/internal-storage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/internal-storage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,mBAAmB,GAAwB,KAAK,CAAC,EAAE;IAC9D,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,cAAc,GAAG,KAAK,GAAG,CAAC,GAAG,YAAY,CAAA;IAC/C,MAAM,eAAe,GAAG,MAAM,GAAG,CAAC,GAAG,YAAY,CAAA;IACjD,MAAM,EAAE,GAAG,CAAC,CAAA;IACZ,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC;QACjC,CAAC,GAAG,EAAE,cAAc,GAAG,EAAE,EAAE,YAAY,CAAC;QACxC,CAAC,GAAG,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,CAAC;QACvD,CAAC,EAAE,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC,CAAC;QAChC,CAAC,GAAG,EAAE,cAAc,EAAE,eAAe,GAAG,EAAE,CAAC;QAC3C,CAAC,GAAG,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,GAAG,EAAE,EAAE,eAAe,CAAC;QAC5E,CAAC,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,eAAe,CAAC;QAC1C,CAAC,GAAG,EAAE,EAAE,EAAE,eAAe,CAAC;QAC1B,CAAC,GAAG,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,GAAG,EAAE,CAAC;QACxE,CAAC,EAAE,EAAE,YAAY,EAAE,eAAe,GAAG,EAAE,CAAC;QACxC,CAAC,GAAG,CAAC;KACN,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE;QACjC,wBAAwB;QACxB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,YAAY,IAAI,EAAE,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,GAAG,EAC3D,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACd;QACF,8BAAM,CAAC,EAAE,KAAK,EAAE,IAAI,YAAY,MAAM,EAAE,IAAI,eAAe,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QAC9F,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/manual-input/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const ManualInputNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/manual-input/index.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const ManualInputNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const path = [
+        ['M', NODE_PADDING, height / 5],
+        ['L', width - 2 * NODE_PADDING, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, height - 2 * NODE_PADDING],
+        ['L', NODE_PADDING, height - 2 * NODE_PADDING],
+        ['Z'],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/manual-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/manual-input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,eAAe,GAAwB,KAAK,CAAC,EAAE;IAC1D,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAE9B,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QAC/B,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,CAAC;QAC7C,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC1D,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC9C,CAAC,GAAG,CAAC;KACN,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/manual-operation/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const ManualOperationNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/manual-operation/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const ManualOperationNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const rx = Math.min(Math.tan(Math.PI / 6) * height, width / 2);
+    const path = [
+        ['M', NODE_PADDING, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, NODE_PADDING],
+        ['L', width - rx, height - 2 * NODE_PADDING],
+        ['L', rx, height - 2 * NODE_PADDING],
+        ['Z'],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/manual-operation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/manual-operation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,mBAAmB,GAAwB,KAAK,CAAC,EAAE;IAC9D,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,GAAG,CAAC,CAAC,CAAA;IAC9D,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC;QACjC,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,CAAC;QAC7C,CAAC,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC5C,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QACpC,CAAC,GAAG,CAAC;KACN,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/merge/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const MergeNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/merge/index.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const MergeNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const path = [
+        ['M', NODE_PADDING, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, NODE_PADDING],
+        ['L', width / 2, height - 2 * NODE_PADDING],
+        ['Z'],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/merge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/merge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,SAAS,GAAwB,KAAK,CAAC,EAAE;IACpD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC;QACjC,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,CAAC;QAC7C,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC3C,CAAC,GAAG,CAAC;KACN,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/multi-document/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const MultiDocumentNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/multi-document/index.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const MultiDocumentNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const multipleWidth = 6;
+    const padding = NODE_PADDING;
+    const multiPadding = multipleWidth / 2;
+    let { width, height } = size;
+    width += multipleWidth;
+    height += multipleWidth;
+    const bezierX = width / 8;
+    const bezierY = height / 8;
+    const path = [
+        ['M', padding + multiPadding, padding],
+        ['L', width - 2 * padding, padding],
+        ['L', width - 2 * padding, height - 2 * padding - bezierY],
+        [
+            'C',
+            width - 2 * padding - bezierX,
+            height - 2 * padding - 2 * bezierY,
+            width / 2 + bezierX,
+            height - 2 * padding - 2 * bezierY,
+        ],
+        ['', width / 2, height - 2 * padding - bezierY],
+        [
+            'S',
+            width / 4,
+            height - 2 * padding,
+            padding + multiPadding,
+            height - 2 * padding - 2 * bezierY,
+        ],
+        ['L', padding + multiPadding, padding], // top-left
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("path", { d: createPath(path, -multipleWidth / 2, multipleWidth / 2), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/multi-document/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/multi-document/index.tsx"],"names":[],"mappings":"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"}

package/es/flowchart-node-panel/nodes/note-left/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const NoteLeftNode: NsGraph.INodeRender;