@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.
- package/cjs/event/event-manager.js +6 -4
- package/cjs/event/event-manager.js.map +1 -1
- package/cjs/graphic/arc.d.ts +7 -0
- package/cjs/graphic/arc.js +3 -1
- package/cjs/graphic/arc.js.map +1 -1
- package/cjs/index.d.ts +1 -1
- package/cjs/index.js +1 -1
- package/cjs/index.js.map +1 -1
- package/cjs/interface/graphic/arc.d.ts +2 -0
- package/cjs/interface/graphic/arc.js.map +1 -1
- package/cjs/interface/graphic.d.ts +1 -0
- package/cjs/interface/graphic.js.map +1 -1
- package/cjs/render/contributions/render/arc-render.js +9 -2
- package/cjs/render/contributions/render/arc-render.js.map +1 -1
- package/cjs/render/contributions/render/contributions/arc-contribution-render.js +5 -5
- package/cjs/render/contributions/render/contributions/arc-contribution-render.js.map +1 -1
- package/cjs/render/contributions/render/contributions/circle-contribution-render.js +5 -5
- package/cjs/render/contributions/render/contributions/circle-contribution-render.js.map +1 -1
- package/cjs/render/contributions/render/contributions/rect-contribution-render.js +5 -5
- package/cjs/render/contributions/render/contributions/rect-contribution-render.js.map +1 -1
- package/cjs/render/contributions/render/contributions/symbol-contribution-render.js +21 -21
- package/cjs/render/contributions/render/contributions/symbol-contribution-render.js.map +1 -1
- package/dist/index.js +50 -25
- package/dist/index.min.js +1 -1
- package/es/event/event-manager.js +6 -4
- package/es/event/event-manager.js.map +1 -1
- package/es/graphic/arc.d.ts +7 -0
- package/es/graphic/arc.js +3 -1
- package/es/graphic/arc.js.map +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/index.js.map +1 -1
- package/es/interface/graphic/arc.d.ts +2 -0
- package/es/interface/graphic/arc.js.map +1 -1
- package/es/interface/graphic.d.ts +1 -0
- package/es/interface/graphic.js.map +1 -1
- package/es/render/contributions/render/arc-render.js +10 -3
- package/es/render/contributions/render/arc-render.js.map +1 -1
- package/es/render/contributions/render/contributions/arc-contribution-render.js +5 -5
- package/es/render/contributions/render/contributions/arc-contribution-render.js.map +1 -1
- package/es/render/contributions/render/contributions/circle-contribution-render.js +5 -5
- package/es/render/contributions/render/contributions/circle-contribution-render.js.map +1 -1
- package/es/render/contributions/render/contributions/rect-contribution-render.js +5 -5
- package/es/render/contributions/render/contributions/rect-contribution-render.js.map +1 -1
- package/es/render/contributions/render/contributions/symbol-contribution-render.js +19 -19
- package/es/render/contributions/render/contributions/symbol-contribution-render.js.map +1 -1
- package/es/tsconfig.tsbuildinfo +1 -1
- 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
|
-
|
|
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
|
-
|
|
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 (
|
|
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 (
|
|
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
|
-
|
|
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 (
|
|
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 (
|
|
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
|
-
|
|
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 (
|
|
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 (
|
|
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
|
-
|
|
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 (
|
|
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 (
|
|
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.
|
|
36938
|
+
const version = "0.14.5-alpha.2";
|
|
36914
36939
|
|
|
36915
36940
|
exports.ACustomAnimate = ACustomAnimate;
|
|
36916
36941
|
exports.ARC3D_NUMBER_TYPE = ARC3D_NUMBER_TYPE;
|