@visactor/vrender 0.14.3 → 0.14.5-alpha.2

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.
Files changed (48) hide show
  1. package/cjs/event/event-manager.js +6 -4
  2. package/cjs/event/event-manager.js.map +1 -1
  3. package/cjs/graphic/arc.d.ts +7 -0
  4. package/cjs/graphic/arc.js +3 -1
  5. package/cjs/graphic/arc.js.map +1 -1
  6. package/cjs/index.d.ts +1 -1
  7. package/cjs/index.js +1 -1
  8. package/cjs/index.js.map +1 -1
  9. package/cjs/interface/graphic/arc.d.ts +2 -0
  10. package/cjs/interface/graphic/arc.js.map +1 -1
  11. package/cjs/interface/graphic.d.ts +1 -0
  12. package/cjs/interface/graphic.js.map +1 -1
  13. package/cjs/render/contributions/render/arc-render.js +9 -2
  14. package/cjs/render/contributions/render/arc-render.js.map +1 -1
  15. package/cjs/render/contributions/render/contributions/arc-contribution-render.js +5 -5
  16. package/cjs/render/contributions/render/contributions/arc-contribution-render.js.map +1 -1
  17. package/cjs/render/contributions/render/contributions/circle-contribution-render.js +5 -5
  18. package/cjs/render/contributions/render/contributions/circle-contribution-render.js.map +1 -1
  19. package/cjs/render/contributions/render/contributions/rect-contribution-render.js +5 -5
  20. package/cjs/render/contributions/render/contributions/rect-contribution-render.js.map +1 -1
  21. package/cjs/render/contributions/render/contributions/symbol-contribution-render.js +21 -21
  22. package/cjs/render/contributions/render/contributions/symbol-contribution-render.js.map +1 -1
  23. package/dist/index.js +50 -25
  24. package/dist/index.min.js +1 -1
  25. package/es/event/event-manager.js +6 -4
  26. package/es/event/event-manager.js.map +1 -1
  27. package/es/graphic/arc.d.ts +7 -0
  28. package/es/graphic/arc.js +3 -1
  29. package/es/graphic/arc.js.map +1 -1
  30. package/es/index.d.ts +1 -1
  31. package/es/index.js +1 -1
  32. package/es/index.js.map +1 -1
  33. package/es/interface/graphic/arc.d.ts +2 -0
  34. package/es/interface/graphic/arc.js.map +1 -1
  35. package/es/interface/graphic.d.ts +1 -0
  36. package/es/interface/graphic.js.map +1 -1
  37. package/es/render/contributions/render/arc-render.js +10 -3
  38. package/es/render/contributions/render/arc-render.js.map +1 -1
  39. package/es/render/contributions/render/contributions/arc-contribution-render.js +5 -5
  40. package/es/render/contributions/render/contributions/arc-contribution-render.js.map +1 -1
  41. package/es/render/contributions/render/contributions/circle-contribution-render.js +5 -5
  42. package/es/render/contributions/render/contributions/circle-contribution-render.js.map +1 -1
  43. package/es/render/contributions/render/contributions/rect-contribution-render.js +5 -5
  44. package/es/render/contributions/render/contributions/rect-contribution-render.js.map +1 -1
  45. package/es/render/contributions/render/contributions/symbol-contribution-render.js +19 -19
  46. package/es/render/contributions/render/contributions/symbol-contribution-render.js.map +1 -1
  47. package/es/tsconfig.tsbuildinfo +1 -1
  48. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -11795,20 +11795,23 @@
11795
11795
  this.dispatch.emit(type || e.type, e);
11796
11796
  }
11797
11797
  mapEvent(e) {
11798
- var _a;
11798
+ var _a, _b, _c, _d, _e;
11799
11799
  if (!this.rootTarget) {
11800
11800
  return;
11801
11801
  }
11802
11802
  const mappers = this.mappingTable[e.type];
11803
11803
  let target;
11804
11804
  const cacheKey = `${e.canvasX}-${e.canvasY}`;
11805
- if ((_a = this._prePointTargetCache) === null || _a === void 0 ? void 0 : _a[cacheKey]) {
11805
+ if (((_a = this._prePointTargetCache) === null || _a === void 0 ? void 0 : _a[cacheKey]) &&
11806
+ ((_c = (_b = this._prePointTargetCache) === null || _b === void 0 ? void 0 : _b[cacheKey]) === null || _c === void 0 ? void 0 : _c.stage.renderCount) ===
11807
+ ((_d = this._prePointTargetCache) === null || _d === void 0 ? void 0 : _d.stageRenderCount)) {
11806
11808
  target = this._prePointTargetCache[cacheKey];
11807
11809
  }
11808
11810
  else {
11809
11811
  target = this.pickTarget(e.canvasX, e.canvasY);
11810
11812
  this._prePointTargetCache = {
11811
- [cacheKey]: target
11813
+ [cacheKey]: target,
11814
+ stageRenderCount: (_e = target === null || target === void 0 ? void 0 : target.stage.renderCount) !== null && _e !== void 0 ? _e : -1
11812
11815
  };
11813
11816
  }
11814
11817
  if (mappers) {
@@ -12025,9 +12028,7 @@
12025
12028
  }
12026
12029
  }
12027
12030
  }
12028
- else {
12029
- this.emitDelegation(e, type);
12030
- }
12031
+ this.emitDelegation(e, type);
12031
12032
  }
12032
12033
  emitDelegation(e, type) {
12033
12034
  const events = e.currentTarget._events;
@@ -19176,6 +19177,16 @@
19176
19177
  return;
19177
19178
  }
19178
19179
  const { outerRadius = arcAttribute.outerRadius, innerRadius = arcAttribute.innerRadius, cap = arcAttribute.cap, forceShowCap = arcAttribute.forceShowCap } = arc.attribute;
19180
+ let conicalOffset = 0;
19181
+ const tempChangeConicalColor = ((isBoolean(cap) && cap) || cap[0]) && fill.gradient === 'conical';
19182
+ if (tempChangeConicalColor) {
19183
+ const { sc, startAngle, endAngle } = arc.getParsedAngle();
19184
+ if (abs(endAngle - startAngle) < pi2 - epsilon) {
19185
+ conicalOffset = sc || 0;
19186
+ fill.startAngle -= conicalOffset;
19187
+ fill.endAngle -= conicalOffset;
19188
+ }
19189
+ }
19179
19190
  let beforeRenderContribitionsRuned = false;
19180
19191
  const { isFullStroke, stroke: arrayStroke } = parseStroke(stroke);
19181
19192
  if (doFill || isFullStroke) {
@@ -19250,7 +19261,7 @@
19250
19261
  context.stroke();
19251
19262
  }
19252
19263
  }
19253
- if (cap && forceShowCap) {
19264
+ if (((isBoolean(cap) && cap) || cap[1]) && forceShowCap) {
19254
19265
  const { startAngle: sa, endAngle: ea } = arc.getParsedAngle();
19255
19266
  const deltaAngle = abs(ea - sa);
19256
19267
  if (deltaAngle >= pi2 - epsilon) {
@@ -19304,6 +19315,10 @@
19304
19315
  this._arcAfterRenderContribitions.forEach(c => {
19305
19316
  c.drawShape(arc, context, x, y, doFill, doStroke, fVisible, sVisible, arcAttribute, drawContext, fillCb, strokeCb);
19306
19317
  });
19318
+ if (tempChangeConicalColor) {
19319
+ fill.startAngle += conicalOffset;
19320
+ fill.endAngle += conicalOffset;
19321
+ }
19307
19322
  }
19308
19323
  draw(arc, renderService, drawContext, params) {
19309
19324
  const { context } = drawContext;
@@ -22603,7 +22618,9 @@
22603
22618
  if (capWidth > epsilon && outerRadius > epsilon) {
22604
22619
  return {
22605
22620
  startAngle: startAngle - sign * capAngle * startCap,
22606
- endAngle: endAngle + sign * capAngle * endCap
22621
+ endAngle: endAngle + sign * capAngle * endCap,
22622
+ sc: sign * capAngle * startCap,
22623
+ ec: sign * capAngle * endCap
22607
22624
  };
22608
22625
  }
22609
22626
  }
@@ -26812,7 +26829,9 @@
26812
26829
  }
26813
26830
  drawShape(arc, context, x, y, doFill, doStroke, fVisible, sVisible, arcAttribute, drawContext, fillCb, strokeCb) {
26814
26831
  const { innerRadius = arcAttribute.innerRadius, outerRadius = arcAttribute.outerRadius, startAngle = arcAttribute.startAngle, endAngle = arcAttribute.endAngle, opacity = arcAttribute.opacity, outerBorder, innerBorder } = arc.attribute;
26815
- if (outerBorder) {
26832
+ const doStrokeOuter = !!(outerBorder && outerBorder.stroke);
26833
+ const doStrokeInner = !!(innerBorder && innerBorder.stroke);
26834
+ if (outerBorder && outerBorder.visible !== false) {
26816
26835
  const { distance = arcAttribute.outerBorder.distance } = outerBorder;
26817
26836
  const d = getScaledStroke(context, distance, context.dpr);
26818
26837
  const deltaAngle = distance / outerRadius;
@@ -26828,7 +26847,7 @@
26828
26847
  if (strokeCb) {
26829
26848
  strokeCb(context, outerBorder, arcAttribute.outerBorder);
26830
26849
  }
26831
- else if (sVisible) {
26850
+ else if (doStrokeOuter) {
26832
26851
  const lastOpacity = arcAttribute.outerBorder.opacity;
26833
26852
  arcAttribute.outerBorder.opacity = opacity;
26834
26853
  context.setStrokeStyle(arc, outerBorder, x, y, arcAttribute.outerBorder);
@@ -26836,7 +26855,7 @@
26836
26855
  context.stroke();
26837
26856
  }
26838
26857
  }
26839
- if (innerBorder) {
26858
+ if (innerBorder && innerBorder.visible !== false) {
26840
26859
  const { distance = arcAttribute.innerBorder.distance } = innerBorder;
26841
26860
  const d = getScaledStroke(context, distance, context.dpr);
26842
26861
  const deltaAngle = distance / outerRadius;
@@ -26852,7 +26871,7 @@
26852
26871
  if (strokeCb) {
26853
26872
  strokeCb(context, innerBorder, arcAttribute.innerBorder);
26854
26873
  }
26855
- else if (sVisible) {
26874
+ else if (doStrokeInner) {
26856
26875
  const lastOpacity = arcAttribute.innerBorder.opacity;
26857
26876
  arcAttribute.innerBorder.opacity = opacity;
26858
26877
  context.setStrokeStyle(arc, innerBorder, x, y, arcAttribute.innerBorder);
@@ -26893,7 +26912,9 @@
26893
26912
  }
26894
26913
  drawShape(circle, context, x, y, doFill, doStroke, fVisible, sVisible, circleAttribute, drawContext, fillCb, strokeCb) {
26895
26914
  const { radius = circleAttribute.radius, startAngle = circleAttribute.startAngle, endAngle = circleAttribute.endAngle, opacity = circleAttribute.opacity, outerBorder, innerBorder } = circle.attribute;
26896
- if (outerBorder) {
26915
+ const doStrokeOuter = !!(outerBorder && outerBorder.stroke);
26916
+ const doStrokeInner = !!(innerBorder && innerBorder.stroke);
26917
+ if (outerBorder && outerBorder.visible !== false) {
26897
26918
  const { distance = circleAttribute.outerBorder.distance } = outerBorder;
26898
26919
  const d = getScaledStroke(context, distance, context.dpr);
26899
26920
  const dw = d;
@@ -26904,7 +26925,7 @@
26904
26925
  if (strokeCb) {
26905
26926
  strokeCb(context, outerBorder, circleAttribute.outerBorder);
26906
26927
  }
26907
- else if (sVisible) {
26928
+ else if (doStrokeOuter) {
26908
26929
  const lastOpacity = circleAttribute.outerBorder.opacity;
26909
26930
  circleAttribute.outerBorder.opacity = opacity;
26910
26931
  context.setStrokeStyle(circle, outerBorder, x, y, circleAttribute.outerBorder);
@@ -26912,7 +26933,7 @@
26912
26933
  context.stroke();
26913
26934
  }
26914
26935
  }
26915
- if (innerBorder) {
26936
+ if (innerBorder && innerBorder.visible !== false) {
26916
26937
  const { distance = circleAttribute.innerBorder.distance } = innerBorder;
26917
26938
  const d = getScaledStroke(context, distance, context.dpr);
26918
26939
  const dw = d;
@@ -26923,7 +26944,7 @@
26923
26944
  if (strokeCb) {
26924
26945
  strokeCb(context, innerBorder, circleAttribute.innerBorder);
26925
26946
  }
26926
- else if (sVisible) {
26947
+ else if (doStrokeInner) {
26927
26948
  const lastOpacity = circleAttribute.innerBorder.opacity;
26928
26949
  circleAttribute.innerBorder.opacity = opacity;
26929
26950
  context.setStrokeStyle(circle, innerBorder, x, y, circleAttribute.innerBorder);
@@ -27040,7 +27061,9 @@
27040
27061
  }
27041
27062
  drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb) {
27042
27063
  const { width = rectAttribute.width, height = rectAttribute.height, cornerRadius = rectAttribute.cornerRadius, opacity = rectAttribute.opacity, outerBorder, innerBorder } = rect.attribute;
27043
- if (outerBorder) {
27064
+ const doStrokeOuter = !!(outerBorder && outerBorder.stroke);
27065
+ const doStrokeInner = !!(innerBorder && innerBorder.stroke);
27066
+ if (outerBorder && outerBorder.visible !== false) {
27044
27067
  const { distance = rectAttribute.outerBorder.distance } = outerBorder;
27045
27068
  const d = getScaledStroke(context, distance, context.dpr);
27046
27069
  const nextX = x - d;
@@ -27058,7 +27081,7 @@
27058
27081
  if (strokeCb) {
27059
27082
  strokeCb(context, outerBorder, rectAttribute.outerBorder);
27060
27083
  }
27061
- else if (sVisible) {
27084
+ else if (doStrokeOuter) {
27062
27085
  const lastOpacity = rectAttribute.outerBorder.opacity;
27063
27086
  rectAttribute.outerBorder.opacity = opacity;
27064
27087
  context.setStrokeStyle(rect, outerBorder, x, y, rectAttribute.outerBorder);
@@ -27066,7 +27089,7 @@
27066
27089
  context.stroke();
27067
27090
  }
27068
27091
  }
27069
- if (innerBorder) {
27092
+ if (innerBorder && innerBorder.visible !== false) {
27070
27093
  const { distance = rectAttribute.innerBorder.distance } = innerBorder;
27071
27094
  const d = getScaledStroke(context, distance, context.dpr);
27072
27095
  const nextX = x + d;
@@ -27084,7 +27107,7 @@
27084
27107
  if (strokeCb) {
27085
27108
  strokeCb(context, innerBorder, rectAttribute.innerBorder);
27086
27109
  }
27087
- else if (sVisible) {
27110
+ else if (doStrokeInner) {
27088
27111
  const lastOpacity = rectAttribute.innerBorder.opacity;
27089
27112
  rectAttribute.innerBorder.opacity = opacity;
27090
27113
  context.setStrokeStyle(rect, innerBorder, x, y, rectAttribute.innerBorder);
@@ -27189,7 +27212,9 @@
27189
27212
  if (!parsedPath) {
27190
27213
  return;
27191
27214
  }
27192
- if (outerBorder) {
27215
+ const doStrokeOuter = !!(outerBorder && outerBorder.stroke);
27216
+ const doStrokeInner = !!(innerBorder && innerBorder.stroke);
27217
+ if (outerBorder && outerBorder.visible !== false) {
27193
27218
  const { distance = symbolAttribute.outerBorder.distance } = outerBorder;
27194
27219
  const d = getScaledStroke(context, distance, context.dpr);
27195
27220
  context.beginPath();
@@ -27200,7 +27225,7 @@
27200
27225
  if (strokeCb) {
27201
27226
  strokeCb(context, outerBorder, symbolAttribute.outerBorder);
27202
27227
  }
27203
- else if (sVisible) {
27228
+ else if (doStrokeOuter) {
27204
27229
  const lastOpacity = symbolAttribute.outerBorder.opacity;
27205
27230
  symbolAttribute.outerBorder.opacity = opacity;
27206
27231
  context.setStrokeStyle(symbol, outerBorder, x, y, symbolAttribute.outerBorder);
@@ -27208,7 +27233,7 @@
27208
27233
  context.stroke();
27209
27234
  }
27210
27235
  }
27211
- if (innerBorder) {
27236
+ if (innerBorder && innerBorder.visible !== false) {
27212
27237
  const { distance = symbolAttribute.innerBorder.distance } = innerBorder;
27213
27238
  const d = getScaledStroke(context, distance, context.dpr);
27214
27239
  context.beginPath();
@@ -27219,7 +27244,7 @@
27219
27244
  if (strokeCb) {
27220
27245
  strokeCb(context, innerBorder, symbolAttribute.innerBorder);
27221
27246
  }
27222
- else if (sVisible) {
27247
+ else if (doStrokeInner) {
27223
27248
  const lastOpacity = symbolAttribute.innerBorder.opacity;
27224
27249
  symbolAttribute.innerBorder.opacity = opacity;
27225
27250
  context.setStrokeStyle(symbol, innerBorder, x, y, symbolAttribute.innerBorder);
@@ -36910,7 +36935,7 @@
36910
36935
  'rect'
36911
36936
  ];
36912
36937
 
36913
- const version = "0.14.3";
36938
+ const version = "0.14.5-alpha.2";
36914
36939
 
36915
36940
  exports.ACustomAnimate = ACustomAnimate;
36916
36941
  exports.ARC3D_NUMBER_TYPE = ARC3D_NUMBER_TYPE;