@knotx/render 0.0.7 → 0.0.8

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/index.cjs CHANGED
@@ -18,6 +18,25 @@ function _interopNamespaceCompat(e) {
18
18
 
19
19
  const BezierJS__namespace = /*#__PURE__*/_interopNamespaceCompat(BezierJS);
20
20
 
21
+ var __defProp$4 = Object.defineProperty;
22
+ var __defProps$2 = Object.defineProperties;
23
+ var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
24
+ var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
25
+ var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
26
+ var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
27
+ var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
28
+ var __spreadValues$3 = (a, b) => {
29
+ for (var prop in b || (b = {}))
30
+ if (__hasOwnProp$3.call(b, prop))
31
+ __defNormalProp$4(a, prop, b[prop]);
32
+ if (__getOwnPropSymbols$3)
33
+ for (var prop of __getOwnPropSymbols$3(b)) {
34
+ if (__propIsEnum$3.call(b, prop))
35
+ __defNormalProp$4(a, prop, b[prop]);
36
+ }
37
+ return a;
38
+ };
39
+ var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
21
40
  var MarkerType = /* @__PURE__ */ ((MarkerType2) => {
22
41
  MarkerType2["Arrow"] = "arrow";
23
42
  MarkerType2["ArrowClosed"] = "arrowclosed";
@@ -29,6 +48,9 @@ function BaseEdge({
29
48
  sourceY,
30
49
  targetX,
31
50
  targetY,
51
+ edge,
52
+ className,
53
+ style,
32
54
  interactionWidth = 20,
33
55
  label,
34
56
  markerEnd,
@@ -51,18 +73,22 @@ function BaseEdge({
51
73
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
52
74
  /* @__PURE__ */ jsxRuntime.jsxs(
53
75
  "svg",
54
- {
55
- className: core.bem("edge", "wrapper"),
56
- style: {
76
+ __spreadProps$2(__spreadValues$3({
77
+ className: `${core.bem("edge", "wrapper")}${className ? ` ${className}` : ""}`,
78
+ style: __spreadValues$3({
57
79
  position: "absolute",
58
80
  left: 0,
59
81
  top: 0,
60
82
  overflow: "visible",
61
83
  pointerEvents: "none",
62
84
  stroke: "currentColor"
63
- },
85
+ }, style)
86
+ }, edge ? {
87
+ "data-edge-source": edge.source,
88
+ "data-edge-target": edge.target
89
+ } : {}), {
64
90
  children: [
65
- /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
91
+ Boolean(markerEnd || markerStart) && /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
66
92
  markerEnd && typeof markerEnd === "object" && /* @__PURE__ */ jsxRuntime.jsxs(
67
93
  "marker",
68
94
  {
@@ -167,7 +193,7 @@ function BaseEdge({
167
193
  }
168
194
  )
169
195
  ]
170
- }
196
+ })
171
197
  ),
172
198
  label && labelPosition && /* @__PURE__ */ jsxRuntime.jsx(
173
199
  "div",
@@ -263,27 +289,10 @@ var __spreadValues$2 = (a, b) => {
263
289
  return a;
264
290
  };
265
291
  var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
266
- var __objRest$1 = (source, exclude) => {
267
- var target = {};
268
- for (var prop in source)
269
- if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
270
- target[prop] = source[prop];
271
- if (source != null && __getOwnPropSymbols$2)
272
- for (var prop of __getOwnPropSymbols$2(source)) {
273
- if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
274
- target[prop] = source[prop];
275
- }
276
- return target;
277
- };
278
- function BezierEdge(_a) {
279
- var _b = _a, {
280
- edge: _edge
281
- } = _b, rest = __objRest$1(_b, [
282
- "edge"
283
- ]);
292
+ function BezierEdge(props) {
284
293
  return /* @__PURE__ */ jsxRuntime.jsx(
285
294
  BaseEdge,
286
- __spreadProps$1(__spreadValues$2({}, rest), {
295
+ __spreadProps$1(__spreadValues$2({}, props), {
287
296
  pathBuilder: BezierPathBuilder,
288
297
  context: void 0
289
298
  })
@@ -406,27 +415,10 @@ var __spreadValues = (a, b) => {
406
415
  return a;
407
416
  };
408
417
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
409
- var __objRest = (source, exclude) => {
410
- var target = {};
411
- for (var prop in source)
412
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
413
- target[prop] = source[prop];
414
- if (source != null && __getOwnPropSymbols)
415
- for (var prop of __getOwnPropSymbols(source)) {
416
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
417
- target[prop] = source[prop];
418
- }
419
- return target;
420
- };
421
- function StraightEdge(_a) {
422
- var _b = _a, {
423
- edge: _edge
424
- } = _b, rest = __objRest(_b, [
425
- "edge"
426
- ]);
418
+ function StraightEdge(props) {
427
419
  return /* @__PURE__ */ jsxRuntime.jsx(
428
420
  BaseEdge,
429
- __spreadProps(__spreadValues({}, rest), {
421
+ __spreadProps(__spreadValues({}, props), {
430
422
  pathBuilder: StraightPathBuilder,
431
423
  context: void 0
432
424
  })
package/dist/index.d.cts CHANGED
@@ -55,23 +55,21 @@ interface MarkerProps {
55
55
  orient?: string;
56
56
  strokeWidth?: number;
57
57
  }
58
- interface BaseEdgeProps<TPathBuilderContext = void> {
59
- pathBuilder: PathBuilderType<any, TPathBuilderContext>;
60
- sourceX: number;
61
- sourceY: number;
62
- targetX: number;
63
- targetY: number;
58
+ interface BaseEdgeProps<TPathBuilderContext = void> extends EdgeProps {
59
+ className?: string;
60
+ style?: Record<string, any>;
64
61
  interactionWidth?: number;
65
62
  label?: string;
66
63
  markerEnd?: string | MarkerProps;
67
64
  markerStart?: string | MarkerProps;
65
+ pathBuilder: PathBuilderType<any, TPathBuilderContext>;
68
66
  context: TPathBuilderContext;
69
67
  }
70
- declare function BaseEdge<TPathBuilderContext = never>({ pathBuilder: PathBuilder, sourceX, sourceY, targetX, targetY, interactionWidth, label, markerEnd, markerStart, context, }: BaseEdgeProps<TPathBuilderContext>): JSX.Element;
68
+ declare function BaseEdge<TPathBuilderContext = never>({ pathBuilder: PathBuilder, sourceX, sourceY, targetX, targetY, edge, className, style, interactionWidth, label, markerEnd, markerStart, context, }: BaseEdgeProps<TPathBuilderContext>): JSX.Element;
71
69
 
72
- interface BezierEdgeOptions extends EdgeProps, Omit<BaseEdgeProps, 'pathBuilder' | 'context'> {
70
+ interface BezierEdgeProps extends Omit<BaseEdgeProps, 'pathBuilder' | 'context'> {
73
71
  }
74
- declare function BezierEdge({ edge: _edge, ...rest }: BezierEdgeOptions): JSX.Element;
72
+ declare function BezierEdge(props: BezierEdgeProps): JSX.Element;
75
73
 
76
74
  /**
77
75
  * 创建一个标准的箭头 marker
@@ -109,8 +107,8 @@ interface MarkerDefinitionsProps {
109
107
  }
110
108
  declare function MarkerDefinitions({ markers }: MarkerDefinitionsProps): JSX.Element;
111
109
 
112
- interface StraightEdgeOptions extends EdgeProps, Omit<BaseEdgeProps, 'pathBuilder' | 'context'> {
110
+ interface StraightEdgeProps extends Omit<BaseEdgeProps, 'pathBuilder' | 'context'> {
113
111
  }
114
- declare function StraightEdge({ edge: _edge, ...rest }: StraightEdgeOptions): JSX.Element;
112
+ declare function StraightEdge(props: StraightEdgeProps): JSX.Element;
115
113
 
116
- export { BaseEdge, type BaseEdgeProps, BezierEdge, type BezierEdgeOptions, BezierPathBuilder, MarkerDefinitions, type MarkerDefinitionsProps, type MarkerProps, MarkerType, PathBuilder, type PathBuilderType, StraightEdge, type StraightEdgeOptions, StraightPathBuilder, getArrowClosedMarker, getArrowHeadMarkers, getArrowMarker, getCustomMarker };
114
+ export { BaseEdge, type BaseEdgeProps, BezierEdge, type BezierEdgeProps, BezierPathBuilder, MarkerDefinitions, type MarkerDefinitionsProps, type MarkerProps, MarkerType, PathBuilder, type PathBuilderType, StraightEdge, type StraightEdgeProps, StraightPathBuilder, getArrowClosedMarker, getArrowHeadMarkers, getArrowMarker, getCustomMarker };
package/dist/index.d.mts CHANGED
@@ -55,23 +55,21 @@ interface MarkerProps {
55
55
  orient?: string;
56
56
  strokeWidth?: number;
57
57
  }
58
- interface BaseEdgeProps<TPathBuilderContext = void> {
59
- pathBuilder: PathBuilderType<any, TPathBuilderContext>;
60
- sourceX: number;
61
- sourceY: number;
62
- targetX: number;
63
- targetY: number;
58
+ interface BaseEdgeProps<TPathBuilderContext = void> extends EdgeProps {
59
+ className?: string;
60
+ style?: Record<string, any>;
64
61
  interactionWidth?: number;
65
62
  label?: string;
66
63
  markerEnd?: string | MarkerProps;
67
64
  markerStart?: string | MarkerProps;
65
+ pathBuilder: PathBuilderType<any, TPathBuilderContext>;
68
66
  context: TPathBuilderContext;
69
67
  }
70
- declare function BaseEdge<TPathBuilderContext = never>({ pathBuilder: PathBuilder, sourceX, sourceY, targetX, targetY, interactionWidth, label, markerEnd, markerStart, context, }: BaseEdgeProps<TPathBuilderContext>): JSX.Element;
68
+ declare function BaseEdge<TPathBuilderContext = never>({ pathBuilder: PathBuilder, sourceX, sourceY, targetX, targetY, edge, className, style, interactionWidth, label, markerEnd, markerStart, context, }: BaseEdgeProps<TPathBuilderContext>): JSX.Element;
71
69
 
72
- interface BezierEdgeOptions extends EdgeProps, Omit<BaseEdgeProps, 'pathBuilder' | 'context'> {
70
+ interface BezierEdgeProps extends Omit<BaseEdgeProps, 'pathBuilder' | 'context'> {
73
71
  }
74
- declare function BezierEdge({ edge: _edge, ...rest }: BezierEdgeOptions): JSX.Element;
72
+ declare function BezierEdge(props: BezierEdgeProps): JSX.Element;
75
73
 
76
74
  /**
77
75
  * 创建一个标准的箭头 marker
@@ -109,8 +107,8 @@ interface MarkerDefinitionsProps {
109
107
  }
110
108
  declare function MarkerDefinitions({ markers }: MarkerDefinitionsProps): JSX.Element;
111
109
 
112
- interface StraightEdgeOptions extends EdgeProps, Omit<BaseEdgeProps, 'pathBuilder' | 'context'> {
110
+ interface StraightEdgeProps extends Omit<BaseEdgeProps, 'pathBuilder' | 'context'> {
113
111
  }
114
- declare function StraightEdge({ edge: _edge, ...rest }: StraightEdgeOptions): JSX.Element;
112
+ declare function StraightEdge(props: StraightEdgeProps): JSX.Element;
115
113
 
116
- export { BaseEdge, type BaseEdgeProps, BezierEdge, type BezierEdgeOptions, BezierPathBuilder, MarkerDefinitions, type MarkerDefinitionsProps, type MarkerProps, MarkerType, PathBuilder, type PathBuilderType, StraightEdge, type StraightEdgeOptions, StraightPathBuilder, getArrowClosedMarker, getArrowHeadMarkers, getArrowMarker, getCustomMarker };
114
+ export { BaseEdge, type BaseEdgeProps, BezierEdge, type BezierEdgeProps, BezierPathBuilder, MarkerDefinitions, type MarkerDefinitionsProps, type MarkerProps, MarkerType, PathBuilder, type PathBuilderType, StraightEdge, type StraightEdgeProps, StraightPathBuilder, getArrowClosedMarker, getArrowHeadMarkers, getArrowMarker, getCustomMarker };
package/dist/index.d.ts CHANGED
@@ -55,23 +55,21 @@ interface MarkerProps {
55
55
  orient?: string;
56
56
  strokeWidth?: number;
57
57
  }
58
- interface BaseEdgeProps<TPathBuilderContext = void> {
59
- pathBuilder: PathBuilderType<any, TPathBuilderContext>;
60
- sourceX: number;
61
- sourceY: number;
62
- targetX: number;
63
- targetY: number;
58
+ interface BaseEdgeProps<TPathBuilderContext = void> extends EdgeProps {
59
+ className?: string;
60
+ style?: Record<string, any>;
64
61
  interactionWidth?: number;
65
62
  label?: string;
66
63
  markerEnd?: string | MarkerProps;
67
64
  markerStart?: string | MarkerProps;
65
+ pathBuilder: PathBuilderType<any, TPathBuilderContext>;
68
66
  context: TPathBuilderContext;
69
67
  }
70
- declare function BaseEdge<TPathBuilderContext = never>({ pathBuilder: PathBuilder, sourceX, sourceY, targetX, targetY, interactionWidth, label, markerEnd, markerStart, context, }: BaseEdgeProps<TPathBuilderContext>): JSX.Element;
68
+ declare function BaseEdge<TPathBuilderContext = never>({ pathBuilder: PathBuilder, sourceX, sourceY, targetX, targetY, edge, className, style, interactionWidth, label, markerEnd, markerStart, context, }: BaseEdgeProps<TPathBuilderContext>): JSX.Element;
71
69
 
72
- interface BezierEdgeOptions extends EdgeProps, Omit<BaseEdgeProps, 'pathBuilder' | 'context'> {
70
+ interface BezierEdgeProps extends Omit<BaseEdgeProps, 'pathBuilder' | 'context'> {
73
71
  }
74
- declare function BezierEdge({ edge: _edge, ...rest }: BezierEdgeOptions): JSX.Element;
72
+ declare function BezierEdge(props: BezierEdgeProps): JSX.Element;
75
73
 
76
74
  /**
77
75
  * 创建一个标准的箭头 marker
@@ -109,8 +107,8 @@ interface MarkerDefinitionsProps {
109
107
  }
110
108
  declare function MarkerDefinitions({ markers }: MarkerDefinitionsProps): JSX.Element;
111
109
 
112
- interface StraightEdgeOptions extends EdgeProps, Omit<BaseEdgeProps, 'pathBuilder' | 'context'> {
110
+ interface StraightEdgeProps extends Omit<BaseEdgeProps, 'pathBuilder' | 'context'> {
113
111
  }
114
- declare function StraightEdge({ edge: _edge, ...rest }: StraightEdgeOptions): JSX.Element;
112
+ declare function StraightEdge(props: StraightEdgeProps): JSX.Element;
115
113
 
116
- export { BaseEdge, type BaseEdgeProps, BezierEdge, type BezierEdgeOptions, BezierPathBuilder, MarkerDefinitions, type MarkerDefinitionsProps, type MarkerProps, MarkerType, PathBuilder, type PathBuilderType, StraightEdge, type StraightEdgeOptions, StraightPathBuilder, getArrowClosedMarker, getArrowHeadMarkers, getArrowMarker, getCustomMarker };
114
+ export { BaseEdge, type BaseEdgeProps, BezierEdge, type BezierEdgeProps, BezierPathBuilder, MarkerDefinitions, type MarkerDefinitionsProps, type MarkerProps, MarkerType, PathBuilder, type PathBuilderType, StraightEdge, type StraightEdgeProps, StraightPathBuilder, getArrowClosedMarker, getArrowHeadMarkers, getArrowMarker, getCustomMarker };
package/dist/index.mjs CHANGED
@@ -2,6 +2,25 @@ import { jsxs, Fragment, jsx } from '@knotx/jsx/jsx-runtime';
2
2
  import { bem } from '@knotx/core';
3
3
  import * as BezierJS from 'bezier-js';
4
4
 
5
+ var __defProp$4 = Object.defineProperty;
6
+ var __defProps$2 = Object.defineProperties;
7
+ var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
8
+ var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
9
+ var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
10
+ var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
11
+ var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
+ var __spreadValues$3 = (a, b) => {
13
+ for (var prop in b || (b = {}))
14
+ if (__hasOwnProp$3.call(b, prop))
15
+ __defNormalProp$4(a, prop, b[prop]);
16
+ if (__getOwnPropSymbols$3)
17
+ for (var prop of __getOwnPropSymbols$3(b)) {
18
+ if (__propIsEnum$3.call(b, prop))
19
+ __defNormalProp$4(a, prop, b[prop]);
20
+ }
21
+ return a;
22
+ };
23
+ var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
5
24
  var MarkerType = /* @__PURE__ */ ((MarkerType2) => {
6
25
  MarkerType2["Arrow"] = "arrow";
7
26
  MarkerType2["ArrowClosed"] = "arrowclosed";
@@ -13,6 +32,9 @@ function BaseEdge({
13
32
  sourceY,
14
33
  targetX,
15
34
  targetY,
35
+ edge,
36
+ className,
37
+ style,
16
38
  interactionWidth = 20,
17
39
  label,
18
40
  markerEnd,
@@ -35,18 +57,22 @@ function BaseEdge({
35
57
  return /* @__PURE__ */ jsxs(Fragment, { children: [
36
58
  /* @__PURE__ */ jsxs(
37
59
  "svg",
38
- {
39
- className: bem("edge", "wrapper"),
40
- style: {
60
+ __spreadProps$2(__spreadValues$3({
61
+ className: `${bem("edge", "wrapper")}${className ? ` ${className}` : ""}`,
62
+ style: __spreadValues$3({
41
63
  position: "absolute",
42
64
  left: 0,
43
65
  top: 0,
44
66
  overflow: "visible",
45
67
  pointerEvents: "none",
46
68
  stroke: "currentColor"
47
- },
69
+ }, style)
70
+ }, edge ? {
71
+ "data-edge-source": edge.source,
72
+ "data-edge-target": edge.target
73
+ } : {}), {
48
74
  children: [
49
- /* @__PURE__ */ jsxs("defs", { children: [
75
+ Boolean(markerEnd || markerStart) && /* @__PURE__ */ jsxs("defs", { children: [
50
76
  markerEnd && typeof markerEnd === "object" && /* @__PURE__ */ jsxs(
51
77
  "marker",
52
78
  {
@@ -151,7 +177,7 @@ function BaseEdge({
151
177
  }
152
178
  )
153
179
  ]
154
- }
180
+ })
155
181
  ),
156
182
  label && labelPosition && /* @__PURE__ */ jsx(
157
183
  "div",
@@ -247,27 +273,10 @@ var __spreadValues$2 = (a, b) => {
247
273
  return a;
248
274
  };
249
275
  var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
250
- var __objRest$1 = (source, exclude) => {
251
- var target = {};
252
- for (var prop in source)
253
- if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
254
- target[prop] = source[prop];
255
- if (source != null && __getOwnPropSymbols$2)
256
- for (var prop of __getOwnPropSymbols$2(source)) {
257
- if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
258
- target[prop] = source[prop];
259
- }
260
- return target;
261
- };
262
- function BezierEdge(_a) {
263
- var _b = _a, {
264
- edge: _edge
265
- } = _b, rest = __objRest$1(_b, [
266
- "edge"
267
- ]);
276
+ function BezierEdge(props) {
268
277
  return /* @__PURE__ */ jsx(
269
278
  BaseEdge,
270
- __spreadProps$1(__spreadValues$2({}, rest), {
279
+ __spreadProps$1(__spreadValues$2({}, props), {
271
280
  pathBuilder: BezierPathBuilder,
272
281
  context: void 0
273
282
  })
@@ -390,27 +399,10 @@ var __spreadValues = (a, b) => {
390
399
  return a;
391
400
  };
392
401
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
393
- var __objRest = (source, exclude) => {
394
- var target = {};
395
- for (var prop in source)
396
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
397
- target[prop] = source[prop];
398
- if (source != null && __getOwnPropSymbols)
399
- for (var prop of __getOwnPropSymbols(source)) {
400
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
401
- target[prop] = source[prop];
402
- }
403
- return target;
404
- };
405
- function StraightEdge(_a) {
406
- var _b = _a, {
407
- edge: _edge
408
- } = _b, rest = __objRest(_b, [
409
- "edge"
410
- ]);
402
+ function StraightEdge(props) {
411
403
  return /* @__PURE__ */ jsx(
412
404
  BaseEdge,
413
- __spreadProps(__spreadValues({}, rest), {
405
+ __spreadProps(__spreadValues({}, props), {
414
406
  pathBuilder: StraightPathBuilder,
415
407
  context: void 0
416
408
  })
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@knotx/render",
3
3
  "type": "module",
4
- "version": "0.0.7",
4
+ "version": "0.0.8",
5
5
  "description": "Render for Knotx",
6
6
  "author": "boenfu",
7
7
  "license": "MIT",
@@ -30,14 +30,14 @@
30
30
  ],
31
31
  "dependencies": {
32
32
  "bezier-js": "^6.1.4",
33
- "@knotx/core": "0.0.5"
33
+ "@knotx/core": "0.0.6"
34
34
  },
35
35
  "devDependencies": {
36
36
  "@types/bezier-js": "^4.1.3",
37
- "@knotx/build-config": "0.0.5",
38
- "@knotx/eslint-config": "0.0.5",
39
- "@knotx/jsx": "0.0.5",
40
- "@knotx/typescript-config": "0.0.5"
37
+ "@knotx/build-config": "0.0.6",
38
+ "@knotx/eslint-config": "0.0.6",
39
+ "@knotx/jsx": "0.0.6",
40
+ "@knotx/typescript-config": "0.0.6"
41
41
  },
42
42
  "scripts": {
43
43
  "build": "unbuild --failOnWarn=false",