@nokecy/qc-ui 0.3.24 → 0.3.26
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/dist/cjs/array-table/arrayBase.js +13 -1
- package/dist/cjs/index.d.ts +1 -2
- package/dist/cjs/index.js +0 -8
- package/dist/esm/array-table/arrayBase.js +12 -1
- package/dist/esm/index.d.ts +1 -2
- package/dist/esm/index.js +1 -2
- package/dist/umd/qc-ui.min.css +1 -1
- package/dist/umd/qc-ui.min.js +1 -1
- package/package.json +2 -14
- package/dist/cjs/elsa/components/finishNode.d.ts +0 -0
- package/dist/cjs/elsa/components/finishNode.js +0 -1
- package/dist/cjs/elsa/components/forkNode.d.ts +0 -0
- package/dist/cjs/elsa/components/forkNode.js +0 -1
- package/dist/cjs/elsa/components/ifNode.d.ts +0 -0
- package/dist/cjs/elsa/components/ifNode.js +0 -1
- package/dist/cjs/elsa/components/joinNode.d.ts +0 -0
- package/dist/cjs/elsa/components/joinNode.js +0 -1
- package/dist/cjs/elsa/components/setNameNode.d.ts +0 -0
- package/dist/cjs/elsa/components/setNameNode.js +0 -1
- package/dist/cjs/elsa/components/startNode.d.ts +0 -3
- package/dist/cjs/elsa/components/startNode.js +0 -24
- package/dist/cjs/elsa/components/switchNode.d.ts +0 -0
- package/dist/cjs/elsa/components/switchNode.js +0 -1
- package/dist/cjs/elsa/components/timerNode.d.ts +0 -0
- package/dist/cjs/elsa/components/timerNode.js +0 -1
- package/dist/cjs/elsa/components/userTaskNode/index.d.ts +0 -7
- package/dist/cjs/elsa/components/userTaskNode/index.js +0 -50
- package/dist/cjs/elsa/components/userTaskNode/index.less +0 -0
- package/dist/cjs/elsa/components/userTaskNode/register.d.ts +0 -1
- package/dist/cjs/elsa/components/userTaskNode/register.js +0 -54
- package/dist/cjs/elsa/elsa.design.d.ts +0 -4
- package/dist/cjs/elsa/elsa.design.js +0 -123
- package/dist/cjs/elsa/index.d.ts +0 -4
- package/dist/cjs/elsa/index.js +0 -40
- package/dist/cjs/elsa/index.less +0 -21
- package/dist/cjs/xflow/components/Wrapper.d.ts +0 -3
- package/dist/cjs/xflow/components/Wrapper.js +0 -26
- package/dist/cjs/xflow/components/XFlow.d.ts +0 -3
- package/dist/cjs/xflow/components/XFlow.js +0 -47
- package/dist/cjs/xflow/components/XFlowGraph.d.ts +0 -4
- package/dist/cjs/xflow/components/XFlowGraph.js +0 -73
- package/dist/cjs/xflow/components/graph-toolbar/index.d.ts +0 -19
- package/dist/cjs/xflow/components/graph-toolbar/index.js +0 -60
- package/dist/cjs/xflow/components/graph-toolbar/index.less +0 -11
- package/dist/cjs/xflow/components/index.d.ts +0 -3
- package/dist/cjs/xflow/components/index.js +0 -31
- package/dist/cjs/xflow/components/keyboard/index.d.ts +0 -3
- package/dist/cjs/xflow/components/keyboard/index.js +0 -40
- package/dist/cjs/xflow/components/minimap/index.d.ts +0 -3
- package/dist/cjs/xflow/components/minimap/index.js +0 -53
- package/dist/cjs/xflow/components/scroller/index.d.ts +0 -4
- package/dist/cjs/xflow/components/scroller/index.js +0 -49
- package/dist/cjs/xflow/components/selection/index.d.ts +0 -3
- package/dist/cjs/xflow/components/selection/index.js +0 -40
- package/dist/cjs/xflow/components/snapline/index.d.ts +0 -3
- package/dist/cjs/xflow/components/snapline/index.js +0 -40
- package/dist/cjs/xflow/components/transform/index.d.ts +0 -3
- package/dist/cjs/xflow/components/transform/index.js +0 -38
- package/dist/cjs/xflow/context/GraphContext.d.ts +0 -10
- package/dist/cjs/xflow/context/GraphContext.js +0 -21
- package/dist/cjs/xflow/hooks/clipboard/index.d.ts +0 -2
- package/dist/cjs/xflow/hooks/clipboard/index.js +0 -34
- package/dist/cjs/xflow/hooks/dnd/index.d.ts +0 -2
- package/dist/cjs/xflow/hooks/dnd/index.js +0 -29
- package/dist/cjs/xflow/hooks/format/index.d.ts +0 -5
- package/dist/cjs/xflow/hooks/format/index.js +0 -60
- package/dist/cjs/xflow/hooks/graph/index.d.ts +0 -1
- package/dist/cjs/xflow/hooks/graph/index.js +0 -19
- package/dist/cjs/xflow/hooks/history/index.d.ts +0 -4
- package/dist/cjs/xflow/hooks/history/index.js +0 -63
- package/dist/cjs/xflow/hooks/keyboard/index.d.ts +0 -13
- package/dist/cjs/xflow/hooks/keyboard/index.js +0 -55
- package/dist/cjs/xflow/hooks/selection/index.d.ts +0 -3
- package/dist/cjs/xflow/hooks/selection/index.js +0 -41
- package/dist/cjs/xflow/hooks/snapline/index.d.ts +0 -2
- package/dist/cjs/xflow/hooks/snapline/index.js +0 -21
- package/dist/cjs/xflow/hooks/transform/index.d.ts +0 -2
- package/dist/cjs/xflow/hooks/transform/index.js +0 -21
- package/dist/cjs/xflow/index.d.ts +0 -3
- package/dist/cjs/xflow/index.js +0 -44
- package/dist/cjs/xflow/styles/index.less +0 -0
- package/dist/cjs/xflow/types/index.d.ts +0 -19
- package/dist/cjs/xflow/types/index.js +0 -5
- package/dist/cjs/xflow/util/algorithm.d.ts +0 -1
- package/dist/cjs/xflow/util/algorithm.js +0 -10
- package/dist/cjs/xflow/util/index.d.ts +0 -2
- package/dist/cjs/xflow/util/index.js +0 -16
- package/dist/cjs/xflow/util/main.d.ts +0 -2
- package/dist/cjs/xflow/util/main.js +0 -31
- package/dist/cjs/xflow/util/model.d.ts +0 -2
- package/dist/cjs/xflow/util/model.js +0 -29
- package/dist/esm/elsa/components/finishNode.d.ts +0 -0
- package/dist/esm/elsa/components/finishNode.js +0 -0
- package/dist/esm/elsa/components/forkNode.d.ts +0 -0
- package/dist/esm/elsa/components/forkNode.js +0 -0
- package/dist/esm/elsa/components/ifNode.d.ts +0 -0
- package/dist/esm/elsa/components/ifNode.js +0 -0
- package/dist/esm/elsa/components/joinNode.d.ts +0 -0
- package/dist/esm/elsa/components/joinNode.js +0 -0
- package/dist/esm/elsa/components/setNameNode.d.ts +0 -0
- package/dist/esm/elsa/components/setNameNode.js +0 -0
- package/dist/esm/elsa/components/startNode.d.ts +0 -3
- package/dist/esm/elsa/components/startNode.js +0 -14
- package/dist/esm/elsa/components/switchNode.d.ts +0 -0
- package/dist/esm/elsa/components/switchNode.js +0 -0
- package/dist/esm/elsa/components/timerNode.d.ts +0 -0
- package/dist/esm/elsa/components/timerNode.js +0 -0
- package/dist/esm/elsa/components/userTaskNode/index.d.ts +0 -7
- package/dist/esm/elsa/components/userTaskNode/index.js +0 -33
- package/dist/esm/elsa/components/userTaskNode/index.less +0 -0
- package/dist/esm/elsa/components/userTaskNode/register.d.ts +0 -1
- package/dist/esm/elsa/components/userTaskNode/register.js +0 -48
- package/dist/esm/elsa/elsa.design.d.ts +0 -4
- package/dist/esm/elsa/elsa.design.js +0 -105
- package/dist/esm/elsa/index.d.ts +0 -4
- package/dist/esm/elsa/index.js +0 -25
- package/dist/esm/elsa/index.less +0 -21
- package/dist/esm/xflow/components/Wrapper.d.ts +0 -3
- package/dist/esm/xflow/components/Wrapper.js +0 -15
- package/dist/esm/xflow/components/XFlow.d.ts +0 -3
- package/dist/esm/xflow/components/XFlow.js +0 -32
- package/dist/esm/xflow/components/XFlowGraph.d.ts +0 -4
- package/dist/esm/xflow/components/XFlowGraph.js +0 -54
- package/dist/esm/xflow/components/graph-toolbar/index.d.ts +0 -19
- package/dist/esm/xflow/components/graph-toolbar/index.js +0 -44
- package/dist/esm/xflow/components/graph-toolbar/index.less +0 -11
- package/dist/esm/xflow/components/index.d.ts +0 -3
- package/dist/esm/xflow/components/index.js +0 -3
- package/dist/esm/xflow/components/keyboard/index.d.ts +0 -3
- package/dist/esm/xflow/components/keyboard/index.js +0 -22
- package/dist/esm/xflow/components/minimap/index.d.ts +0 -3
- package/dist/esm/xflow/components/minimap/index.js +0 -35
- package/dist/esm/xflow/components/scroller/index.d.ts +0 -4
- package/dist/esm/xflow/components/scroller/index.js +0 -28
- package/dist/esm/xflow/components/selection/index.d.ts +0 -3
- package/dist/esm/xflow/components/selection/index.js +0 -22
- package/dist/esm/xflow/components/snapline/index.d.ts +0 -3
- package/dist/esm/xflow/components/snapline/index.js +0 -22
- package/dist/esm/xflow/components/transform/index.d.ts +0 -3
- package/dist/esm/xflow/components/transform/index.js +0 -20
- package/dist/esm/xflow/context/GraphContext.d.ts +0 -10
- package/dist/esm/xflow/context/GraphContext.js +0 -9
- package/dist/esm/xflow/hooks/clipboard/index.d.ts +0 -2
- package/dist/esm/xflow/hooks/clipboard/index.js +0 -22
- package/dist/esm/xflow/hooks/dnd/index.d.ts +0 -2
- package/dist/esm/xflow/hooks/dnd/index.js +0 -17
- package/dist/esm/xflow/hooks/format/index.d.ts +0 -5
- package/dist/esm/xflow/hooks/format/index.js +0 -48
- package/dist/esm/xflow/hooks/graph/index.d.ts +0 -1
- package/dist/esm/xflow/hooks/graph/index.js +0 -8
- package/dist/esm/xflow/hooks/history/index.d.ts +0 -4
- package/dist/esm/xflow/hooks/history/index.js +0 -45
- package/dist/esm/xflow/hooks/keyboard/index.d.ts +0 -13
- package/dist/esm/xflow/hooks/keyboard/index.js +0 -40
- package/dist/esm/xflow/hooks/selection/index.d.ts +0 -3
- package/dist/esm/xflow/hooks/selection/index.js +0 -25
- package/dist/esm/xflow/hooks/snapline/index.d.ts +0 -2
- package/dist/esm/xflow/hooks/snapline/index.js +0 -9
- package/dist/esm/xflow/hooks/transform/index.d.ts +0 -2
- package/dist/esm/xflow/hooks/transform/index.js +0 -9
- package/dist/esm/xflow/index.d.ts +0 -3
- package/dist/esm/xflow/index.js +0 -3
- package/dist/esm/xflow/styles/index.less +0 -0
- package/dist/esm/xflow/types/index.d.ts +0 -19
- package/dist/esm/xflow/types/index.js +0 -1
- package/dist/esm/xflow/util/algorithm.d.ts +0 -1
- package/dist/esm/xflow/util/algorithm.js +0 -1
- package/dist/esm/xflow/util/index.d.ts +0 -2
- package/dist/esm/xflow/util/index.js +0 -2
- package/dist/esm/xflow/util/main.d.ts +0 -2
- package/dist/esm/xflow/util/main.js +0 -2
- package/dist/esm/xflow/util/model.d.ts +0 -2
- package/dist/esm/xflow/util/model.js +0 -19
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nokecy/qc-ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.26",
|
|
4
4
|
"description": "",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/esm/index.d.ts",
|
|
@@ -39,19 +39,7 @@
|
|
|
39
39
|
"react-dom": "18.2.0",
|
|
40
40
|
"react-grid-layout": "1.3.4",
|
|
41
41
|
"react-keyevent": "1.1.0",
|
|
42
|
-
"classnames": "2.3.2"
|
|
43
|
-
"@antv/x6": "^2.0.0",
|
|
44
|
-
"@antv/x6-plugin-clipboard": "^2.0.0",
|
|
45
|
-
"@antv/x6-plugin-history": "^2.0.0",
|
|
46
|
-
"@antv/x6-plugin-keyboard": "^2.0.0",
|
|
47
|
-
"@antv/x6-plugin-minimap": "^2.0.0",
|
|
48
|
-
"@antv/x6-plugin-selection": "^2.0.0",
|
|
49
|
-
"@antv/x6-plugin-snapline": "^2.0.0",
|
|
50
|
-
"@antv/x6-plugin-dnd": "^2.0.0",
|
|
51
|
-
"@antv/x6-plugin-transform": "^2.0.0",
|
|
52
|
-
"@antv/x6-plugin-export": "^2.0.0",
|
|
53
|
-
"@antv/x6-react-components": "^2.0.0",
|
|
54
|
-
"@antv/x6-react-shape": "^2.0.0"
|
|
42
|
+
"classnames": "2.3.2"
|
|
55
43
|
},
|
|
56
44
|
"devDependencies": {
|
|
57
45
|
"@types/lodash": "4.14.162",
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
|
-
var StartNode = function StartNode(props) {
|
|
13
|
-
var node = props.node;
|
|
14
|
-
var data = node.getData();
|
|
15
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
16
|
-
className: "algo-node"
|
|
17
|
-
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
18
|
-
src: data.url,
|
|
19
|
-
alt: ""
|
|
20
|
-
}), /*#__PURE__*/_react.default.createElement("span", null, data.name));
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
var _default = StartNode;
|
|
24
|
-
exports.default = _default;
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
|
|
16
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
var UserTaskNode = function UserTaskNode(props) {
|
|
21
|
-
var node = props.node,
|
|
22
|
-
graph = props.graph;
|
|
23
|
-
var data = node.getData();
|
|
24
|
-
(0, _react.useEffect)(function () {// if (!node.getPort("port1")) {
|
|
25
|
-
// node.addPort({ id: "port1", group: "in" })
|
|
26
|
-
// }
|
|
27
|
-
// if (!node.getPort("port2")) {
|
|
28
|
-
// node.addPort({ id: "port2", group: "out" })
|
|
29
|
-
// }
|
|
30
|
-
// graph.addEdge({ source: node, target: { x: 100, y: 120 }, });
|
|
31
|
-
}, [node]);
|
|
32
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
33
|
-
className: "userTask success",
|
|
34
|
-
style: {
|
|
35
|
-
height: "100%",
|
|
36
|
-
border: "2px solid #5F95FF",
|
|
37
|
-
borderRadius: 10,
|
|
38
|
-
backgroundColor: "#EFF4FF"
|
|
39
|
-
}
|
|
40
|
-
}, /*#__PURE__*/_react.default.createElement("span", null, data === null || data === void 0 ? void 0 : data.name)), /*#__PURE__*/_react.default.createElement("div", {
|
|
41
|
-
className: "plus-dag"
|
|
42
|
-
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
43
|
-
className: (0, _classnames.default)('plus-action', {
|
|
44
|
-
/*'plus-action-selected': plusActionSelected*/
|
|
45
|
-
})
|
|
46
|
-
})));
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
var _default = UserTaskNode;
|
|
50
|
-
exports.default = _default;
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _x6ReactShape = require("@antv/x6-react-shape");
|
|
4
|
-
|
|
5
|
-
var _ = _interopRequireDefault(require("."));
|
|
6
|
-
|
|
7
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
8
|
-
|
|
9
|
-
(0, _x6ReactShape.register)({
|
|
10
|
-
shape: "UserTaskNode",
|
|
11
|
-
effect: ['data'],
|
|
12
|
-
component: _.default // attrs: {
|
|
13
|
-
// body: {
|
|
14
|
-
// magnet: true,
|
|
15
|
-
// strokeWidth: 0,
|
|
16
|
-
// fill: '#ccc',
|
|
17
|
-
// }
|
|
18
|
-
// },
|
|
19
|
-
// ports: {
|
|
20
|
-
// groups: {
|
|
21
|
-
// in: {
|
|
22
|
-
// position: 'top',
|
|
23
|
-
// label: {
|
|
24
|
-
// position: 'top',
|
|
25
|
-
// },
|
|
26
|
-
// attrs: {
|
|
27
|
-
// circle: {
|
|
28
|
-
// r: 6,
|
|
29
|
-
// magnet: true,
|
|
30
|
-
// stroke: '#31d0c6',
|
|
31
|
-
// strokeWidth: 2,
|
|
32
|
-
// fill: '#fff',
|
|
33
|
-
// },
|
|
34
|
-
// },
|
|
35
|
-
// },
|
|
36
|
-
// out: {
|
|
37
|
-
// position: 'bottom',
|
|
38
|
-
// label: {
|
|
39
|
-
// position: 'bottom',
|
|
40
|
-
// },
|
|
41
|
-
// attrs: {
|
|
42
|
-
// circle: {
|
|
43
|
-
// r: 6,
|
|
44
|
-
// magnet: true,
|
|
45
|
-
// stroke: '#31d0c6',
|
|
46
|
-
// strokeWidth: 2,
|
|
47
|
-
// fill: '#fff',
|
|
48
|
-
// },
|
|
49
|
-
// },
|
|
50
|
-
// },
|
|
51
|
-
// },
|
|
52
|
-
// },
|
|
53
|
-
|
|
54
|
-
});
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _graph = require("../xflow/hooks/graph");
|
|
13
|
-
|
|
14
|
-
var _xflow = require("../xflow");
|
|
15
|
-
|
|
16
|
-
require("./components/userTaskNode/register");
|
|
17
|
-
|
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
|
-
var defaultNodeOptions = {
|
|
23
|
-
width: 100,
|
|
24
|
-
height: 60
|
|
25
|
-
};
|
|
26
|
-
var defaultEdgeOptions = {
|
|
27
|
-
attrs: {
|
|
28
|
-
line: {
|
|
29
|
-
strokeDasharray: '5 5'
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
var graphConfig = {
|
|
34
|
-
background: {
|
|
35
|
-
color: "#F2F7FA"
|
|
36
|
-
},
|
|
37
|
-
connecting: {
|
|
38
|
-
//连线的过程中距离节点或者连接桩 50px 时会触发自动吸附
|
|
39
|
-
snap: true,
|
|
40
|
-
//是否允许连接到画布空白位置的点
|
|
41
|
-
allowBlank: true,
|
|
42
|
-
//是否允许在相同的起始节点和终止之间创建多条边
|
|
43
|
-
allowMulti: false,
|
|
44
|
-
//是否允许创建循环连线
|
|
45
|
-
allowLoop: false,
|
|
46
|
-
//是否允许边链接到节点(非节点上的链接桩)
|
|
47
|
-
allowNode: true,
|
|
48
|
-
//拖动边时,是否高亮显示所有可用的连接桩或节点
|
|
49
|
-
highlight: true
|
|
50
|
-
},
|
|
51
|
-
interacting: {
|
|
52
|
-
arrowheadMovable: true
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
var ElsaDesign = function ElsaDesign(props) {
|
|
57
|
-
var graph = (0, _graph.useGraph)();
|
|
58
|
-
(0, _react.useEffect)(function () {
|
|
59
|
-
graph === null || graph === void 0 ? void 0 : graph.on("node:mouseenter", function (args) {});
|
|
60
|
-
graph === null || graph === void 0 ? void 0 : graph.on("node:mouseleave", function (args) {});
|
|
61
|
-
graph === null || graph === void 0 ? void 0 : graph.on("edge:mouseenter", function (_ref) {
|
|
62
|
-
var cell = _ref.cell;
|
|
63
|
-
cell.addTools(['source-arrowhead', {
|
|
64
|
-
name: 'target-arrowhead',
|
|
65
|
-
args: {
|
|
66
|
-
attrs: {
|
|
67
|
-
fill: 'red'
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}]);
|
|
71
|
-
});
|
|
72
|
-
graph === null || graph === void 0 ? void 0 : graph.on('edge:mouseleave', function (_ref2) {
|
|
73
|
-
var cell = _ref2.cell;
|
|
74
|
-
cell.removeTools();
|
|
75
|
-
});
|
|
76
|
-
graph === null || graph === void 0 ? void 0 : graph.on("edge:connected", function (_ref3) {
|
|
77
|
-
var isNew = _ref3.isNew,
|
|
78
|
-
edge = _ref3.edge;
|
|
79
|
-
|
|
80
|
-
if (isNew) {
|
|
81
|
-
edge.setSource(edge.getSourceNode(), {
|
|
82
|
-
selector: undefined
|
|
83
|
-
}, undefined);
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
graph === null || graph === void 0 ? void 0 : graph.bindKey('backspace', function () {
|
|
87
|
-
var cells = graph.getSelectedCells();
|
|
88
|
-
|
|
89
|
-
if (cells.length) {
|
|
90
|
-
graph.removeCells(cells);
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
}, [graph]);
|
|
94
|
-
return /*#__PURE__*/_react.default.createElement(_xflow.XFlowGraph, {
|
|
95
|
-
zoomToFit: true,
|
|
96
|
-
data: [{
|
|
97
|
-
id: '1',
|
|
98
|
-
shape: 'UserTaskNode',
|
|
99
|
-
x: 100,
|
|
100
|
-
y: 100,
|
|
101
|
-
label: 'source'
|
|
102
|
-
}, {
|
|
103
|
-
id: '2',
|
|
104
|
-
shape: 'UserTaskNode',
|
|
105
|
-
x: 300,
|
|
106
|
-
y: 300,
|
|
107
|
-
label: 'target'
|
|
108
|
-
}, {
|
|
109
|
-
id: '3',
|
|
110
|
-
shape: 'UserTaskNode',
|
|
111
|
-
x: 400,
|
|
112
|
-
y: 400,
|
|
113
|
-
label: 'target'
|
|
114
|
-
}],
|
|
115
|
-
defaultNodeOptions: defaultNodeOptions,
|
|
116
|
-
defaultEdgeOptions: defaultEdgeOptions,
|
|
117
|
-
configs: graphConfig,
|
|
118
|
-
centerContent: true
|
|
119
|
-
});
|
|
120
|
-
};
|
|
121
|
-
|
|
122
|
-
var _default = ElsaDesign;
|
|
123
|
-
exports.default = _default;
|
package/dist/cjs/elsa/index.d.ts
DELETED
package/dist/cjs/elsa/index.js
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _selection = require("../xflow/components/selection");
|
|
11
|
-
|
|
12
|
-
var _keyboard = require("../xflow/components/keyboard");
|
|
13
|
-
|
|
14
|
-
var _xflow = require("../xflow");
|
|
15
|
-
|
|
16
|
-
var _elsa = _interopRequireDefault(require("./elsa.design"));
|
|
17
|
-
|
|
18
|
-
require("./index.less");
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
|
-
var Elsa = function Elsa(props) {
|
|
23
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
24
|
-
style: {
|
|
25
|
-
height: 400
|
|
26
|
-
}
|
|
27
|
-
}, /*#__PURE__*/_react.default.createElement(_xflow.XFlow, null, /*#__PURE__*/_react.default.createElement(_selection.Selection, {
|
|
28
|
-
enabled: true,
|
|
29
|
-
multiple: true,
|
|
30
|
-
rubberEdge: true,
|
|
31
|
-
rubberNode: true,
|
|
32
|
-
modifiers: "shift",
|
|
33
|
-
rubberband: true
|
|
34
|
-
}), /*#__PURE__*/_react.default.createElement(_keyboard.Keyboard, {
|
|
35
|
-
enabled: true
|
|
36
|
-
}), /*#__PURE__*/_react.default.createElement(_elsa.default, null)));
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
var _default = Elsa;
|
|
40
|
-
exports.default = _default;
|
package/dist/cjs/elsa/index.less
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
.x6-node-selected .userTask {
|
|
2
|
-
border-color: #52c41a;
|
|
3
|
-
border-radius: 2px;
|
|
4
|
-
box-shadow: 0 0 0 4px #ccecc0;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.x6-node-selected .userTask .failed {
|
|
8
|
-
border-color: #ff4d4f;
|
|
9
|
-
border-radius: 2px;
|
|
10
|
-
box-shadow: 0 0 0 4px #fedcdc;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.x6-edge:hover path:nth-child(2) {
|
|
14
|
-
stroke: #1890ff;
|
|
15
|
-
stroke-width: 1px;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.x6-edge-selected path:nth-child(2) {
|
|
19
|
-
stroke: #1890ff;
|
|
20
|
-
stroke-width: 3px !important;
|
|
21
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _graph = require("../hooks/graph");
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
var Wrapper = function Wrapper(_ref) {
|
|
15
|
-
var children = _ref.children;
|
|
16
|
-
var graph = (0, _graph.useGraph)();
|
|
17
|
-
|
|
18
|
-
if (graph) {
|
|
19
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
return null;
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
var _default = Wrapper;
|
|
26
|
-
exports.default = _default;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _GraphContext = require("../context/GraphContext");
|
|
13
|
-
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
|
|
16
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
-
|
|
18
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
19
|
-
|
|
20
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
21
|
-
|
|
22
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
23
|
-
|
|
24
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
25
|
-
|
|
26
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
27
|
-
|
|
28
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
29
|
-
|
|
30
|
-
var XFlow = function XFlow(_ref) {
|
|
31
|
-
var children = _ref.children;
|
|
32
|
-
|
|
33
|
-
var _useState = (0, _react.useState)(null),
|
|
34
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
35
|
-
graph = _useState2[0],
|
|
36
|
-
setGraph = _useState2[1];
|
|
37
|
-
|
|
38
|
-
return /*#__PURE__*/_react.default.createElement(_GraphContext.Provider, {
|
|
39
|
-
value: {
|
|
40
|
-
graph: graph,
|
|
41
|
-
setGraph: setGraph
|
|
42
|
-
}
|
|
43
|
-
}, children);
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
var _default = XFlow;
|
|
47
|
-
exports.default = _default;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _GraphContext = require("../context/GraphContext");
|
|
13
|
-
|
|
14
|
-
var _x = require("@antv/x6");
|
|
15
|
-
|
|
16
|
-
var _util = require("../util");
|
|
17
|
-
|
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
-
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
|
-
|
|
26
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
27
|
-
|
|
28
|
-
var XFlowGraph = function XFlowGraph(props) {
|
|
29
|
-
var container = (0, _react.useRef)(null);
|
|
30
|
-
|
|
31
|
-
var _useContext = (0, _react.useContext)(_GraphContext.GraphContext),
|
|
32
|
-
graph = _useContext.graph,
|
|
33
|
-
setGraph = _useContext.setGraph;
|
|
34
|
-
|
|
35
|
-
(0, _react.useEffect)(function () {
|
|
36
|
-
var graph = new _x.Graph(_objectSpread({
|
|
37
|
-
container: container.current,
|
|
38
|
-
autoResize: true
|
|
39
|
-
}, props.configs));
|
|
40
|
-
setGraph(graph);
|
|
41
|
-
}, []);
|
|
42
|
-
(0, _react.useLayoutEffect)(function () {
|
|
43
|
-
if (graph && props.data.length > 0) {
|
|
44
|
-
var data = props.data,
|
|
45
|
-
defaultNodeOptions = props.defaultNodeOptions,
|
|
46
|
-
defaultEdgeOptions = props.defaultEdgeOptions,
|
|
47
|
-
centerContent = props.centerContent;
|
|
48
|
-
|
|
49
|
-
var model = _util.Util.preprocess(data, defaultNodeOptions, defaultEdgeOptions);
|
|
50
|
-
|
|
51
|
-
graph.fromJSON(model);
|
|
52
|
-
|
|
53
|
-
if (centerContent) {
|
|
54
|
-
graph.centerContent();
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}, [graph, props.data]);
|
|
58
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
59
|
-
style: {
|
|
60
|
-
width: '100%',
|
|
61
|
-
height: '100%'
|
|
62
|
-
}
|
|
63
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
64
|
-
ref: container,
|
|
65
|
-
style: {
|
|
66
|
-
width: '100%',
|
|
67
|
-
height: '100%'
|
|
68
|
-
}
|
|
69
|
-
}));
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
var _default = XFlowGraph;
|
|
73
|
-
exports.default = _default;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { FC, ReactElement } from 'react';
|
|
2
|
-
export declare enum Direction {
|
|
3
|
-
vertical = "vertical",
|
|
4
|
-
horizontal = "horizontal"
|
|
5
|
-
}
|
|
6
|
-
export interface GraphToolbarItem {
|
|
7
|
-
name: string;
|
|
8
|
-
text?: string;
|
|
9
|
-
tooltip: string;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
icon: ReactElement;
|
|
12
|
-
onClick: () => void;
|
|
13
|
-
}
|
|
14
|
-
export interface GraphToolbarProps {
|
|
15
|
-
className: string;
|
|
16
|
-
items: GraphToolbarItem[];
|
|
17
|
-
direction?: Direction;
|
|
18
|
-
}
|
|
19
|
-
export declare const GraphToolbar: FC<GraphToolbarProps>;
|