@fleet-frontend/mower-maps 0.2.6-beta.3 → 0.2.6-beta.5
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.esm.js +102 -140
- package/dist/index.js +102 -140
- package/dist/render/partitionPicker/constants.d.ts +2 -2
- package/dist/render/partitionPicker/layers/MapGridBackground.d.ts.map +1 -1
- package/dist/render/partitionPicker/viewportUtils.d.ts +1 -2
- package/dist/render/partitionPicker/viewportUtils.d.ts.map +1 -1
- package/dist/render/svgElement/TransformWrapper/DoodleTransformWrapper/DoodleTransformWrapper.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -22956,9 +22956,9 @@ const VertexElement = React__default.memo(({ r, stroke, fill, ...props }) => {
|
|
|
22956
22956
|
});
|
|
22957
22957
|
|
|
22958
22958
|
var _path$1;
|
|
22959
|
-
function _extends$
|
|
22959
|
+
function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
|
|
22960
22960
|
var SvgDelete = function SvgDelete(props) {
|
|
22961
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
22961
|
+
return /*#__PURE__*/React.createElement("svg", _extends$5({
|
|
22962
22962
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22963
22963
|
width: 16,
|
|
22964
22964
|
height: 16,
|
|
@@ -23439,6 +23439,73 @@ function computeFitViewBoxToContainer(content, containerWidth, containerHeight)
|
|
|
23439
23439
|
height: content.height,
|
|
23440
23440
|
};
|
|
23441
23441
|
}
|
|
23442
|
+
/** 地图内容在屏幕坐标系下的包围盒(meet 渲染,未考虑旋转) */
|
|
23443
|
+
function getContentScreenBounds(content, viewBox, containerWidth, containerHeight) {
|
|
23444
|
+
const { x: offsetX, y: offsetY, scale } = getViewBoxMeetOffset(viewBox, containerWidth, containerHeight);
|
|
23445
|
+
return {
|
|
23446
|
+
left: offsetX + (content.x - viewBox.x) * scale,
|
|
23447
|
+
top: offsetY + (content.y - viewBox.y) * scale,
|
|
23448
|
+
right: offsetX + (content.x + content.width - viewBox.x) * scale,
|
|
23449
|
+
bottom: offsetY + (content.y + content.height - viewBox.y) * scale,
|
|
23450
|
+
};
|
|
23451
|
+
}
|
|
23452
|
+
function contentFitsInScreenPadding(content, viewBox, pad, containerWidth, containerHeight) {
|
|
23453
|
+
const bounds = getContentScreenBounds(content, viewBox, containerWidth, containerHeight);
|
|
23454
|
+
return (bounds.left >= pad.left &&
|
|
23455
|
+
bounds.top >= pad.top &&
|
|
23456
|
+
bounds.right <= containerWidth - pad.right &&
|
|
23457
|
+
bounds.bottom <= containerHeight - pad.bottom);
|
|
23458
|
+
}
|
|
23459
|
+
function expandViewBoxFromCenter(viewBox, factor) {
|
|
23460
|
+
const centerX = viewBox.x + viewBox.width / 2;
|
|
23461
|
+
const centerY = viewBox.y + viewBox.height / 2;
|
|
23462
|
+
const width = viewBox.width * factor;
|
|
23463
|
+
const height = viewBox.height * factor;
|
|
23464
|
+
return {
|
|
23465
|
+
x: centerX - width / 2,
|
|
23466
|
+
y: centerY - height / 2,
|
|
23467
|
+
width,
|
|
23468
|
+
height,
|
|
23469
|
+
};
|
|
23470
|
+
}
|
|
23471
|
+
/** 将 viewBox 中心对齐到 padding 内矩形中心(增大 top/left → 内容向对应方向避让) */
|
|
23472
|
+
function applyViewBoxPaddingOffset(viewBox, pad, containerWidth, containerHeight) {
|
|
23473
|
+
const offsetX = ((pad.right - pad.left) / 2) * (viewBox.width / containerWidth);
|
|
23474
|
+
const offsetY = ((pad.bottom - pad.top) / 2) * (viewBox.height / containerHeight);
|
|
23475
|
+
return {
|
|
23476
|
+
...viewBox,
|
|
23477
|
+
x: viewBox.x + offsetX,
|
|
23478
|
+
y: viewBox.y + offsetY,
|
|
23479
|
+
};
|
|
23480
|
+
}
|
|
23481
|
+
function buildPaddedFitViewBox(baseFit, pad, containerWidth, containerHeight, zoomOutFactor) {
|
|
23482
|
+
const expanded = expandViewBoxFromCenter(baseFit, zoomOutFactor);
|
|
23483
|
+
return applyViewBoxPaddingOffset(expanded, pad, containerWidth, containerHeight);
|
|
23484
|
+
}
|
|
23485
|
+
function findMinimumZoomOutForPadding(content, baseFit, pad, containerWidth, containerHeight) {
|
|
23486
|
+
const fits = (zoomOutFactor) => contentFitsInScreenPadding(content, buildPaddedFitViewBox(baseFit, pad, containerWidth, containerHeight, zoomOutFactor), pad, containerWidth, containerHeight);
|
|
23487
|
+
if (fits(1)) {
|
|
23488
|
+
return 1;
|
|
23489
|
+
}
|
|
23490
|
+
const innerWidth = Math.max(containerWidth - pad.left - pad.right, 1);
|
|
23491
|
+
const innerHeight = Math.max(containerHeight - pad.top - pad.bottom, 1);
|
|
23492
|
+
const legacyScale = Math.min(innerWidth / containerWidth, innerHeight / containerHeight);
|
|
23493
|
+
let hi = legacyScale > 0 && legacyScale < 1 ? 1 / legacyScale : 2;
|
|
23494
|
+
while (!fits(hi) && hi < 1024) {
|
|
23495
|
+
hi *= 2;
|
|
23496
|
+
}
|
|
23497
|
+
let lo = 1;
|
|
23498
|
+
for (let i = 0; i < 32; i++) {
|
|
23499
|
+
const mid = (lo + hi) / 2;
|
|
23500
|
+
if (fits(mid)) {
|
|
23501
|
+
hi = mid;
|
|
23502
|
+
}
|
|
23503
|
+
else {
|
|
23504
|
+
lo = mid;
|
|
23505
|
+
}
|
|
23506
|
+
}
|
|
23507
|
+
return hi;
|
|
23508
|
+
}
|
|
23442
23509
|
/**
|
|
23443
23510
|
* 计算默认 fit viewBox
|
|
23444
23511
|
*
|
|
@@ -23450,26 +23517,8 @@ function computeFitViewBox(content, containerWidth, containerHeight, screenPaddi
|
|
|
23450
23517
|
if (isZeroScreenPadding(pad)) {
|
|
23451
23518
|
return baseFit;
|
|
23452
23519
|
}
|
|
23453
|
-
const
|
|
23454
|
-
|
|
23455
|
-
const scaleX = innerWidth / containerWidth;
|
|
23456
|
-
const scaleY = innerHeight / containerHeight;
|
|
23457
|
-
const scale = Math.min(scaleX, scaleY);
|
|
23458
|
-
if (!Number.isFinite(scale) || scale <= 0 || scale >= 1) {
|
|
23459
|
-
return baseFit;
|
|
23460
|
-
}
|
|
23461
|
-
const newWidth = baseFit.width / scale;
|
|
23462
|
-
const newHeight = baseFit.height / scale;
|
|
23463
|
-
const centerX = baseFit.x + baseFit.width / 2;
|
|
23464
|
-
const centerY = baseFit.y + baseFit.height / 2;
|
|
23465
|
-
const offsetX = ((pad.left - pad.right) / 2) * (newWidth / containerWidth);
|
|
23466
|
-
const offsetY = ((pad.top - pad.bottom) / 2) * (newHeight / containerHeight);
|
|
23467
|
-
return {
|
|
23468
|
-
x: centerX - newWidth / 2 + offsetX,
|
|
23469
|
-
y: centerY - newHeight / 2 + offsetY,
|
|
23470
|
-
width: newWidth,
|
|
23471
|
-
height: newHeight,
|
|
23472
|
-
};
|
|
23520
|
+
const zoomOutFactor = findMinimumZoomOutForPadding(content, baseFit, pad, containerWidth, containerHeight);
|
|
23521
|
+
return buildPaddedFitViewBox(baseFit, pad, containerWidth, containerHeight, zoomOutFactor);
|
|
23473
23522
|
}
|
|
23474
23523
|
function viewBoxToString(viewBox) {
|
|
23475
23524
|
return `${viewBox.x} ${viewBox.y} ${viewBox.width} ${viewBox.height}`;
|
|
@@ -26272,15 +26321,15 @@ const useVisionOffTransform = (data, scaleConstraints
|
|
|
26272
26321
|
};
|
|
26273
26322
|
};
|
|
26274
26323
|
|
|
26275
|
-
var _g$
|
|
26276
|
-
function _extends$
|
|
26324
|
+
var _g$3, _defs$3;
|
|
26325
|
+
function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
|
|
26277
26326
|
var SvgTransformDelete = function SvgTransformDelete(props) {
|
|
26278
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
26327
|
+
return /*#__PURE__*/React.createElement("svg", _extends$4({
|
|
26279
26328
|
xmlns: "http://www.w3.org/2000/svg",
|
|
26280
26329
|
width: 20,
|
|
26281
26330
|
height: 20,
|
|
26282
26331
|
fill: "none"
|
|
26283
|
-
}, props), _g$
|
|
26332
|
+
}, props), _g$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
|
|
26284
26333
|
clipPath: "url(#transform-delete_svg__a)"
|
|
26285
26334
|
}, /*#__PURE__*/React.createElement("circle", {
|
|
26286
26335
|
cx: 10,
|
|
@@ -26303,7 +26352,7 @@ var SvgTransformDelete = function SvgTransformDelete(props) {
|
|
|
26303
26352
|
fill: "#fff",
|
|
26304
26353
|
rx: 0.8,
|
|
26305
26354
|
transform: "rotate(45 6.323 5.191)"
|
|
26306
|
-
}))), _defs$
|
|
26355
|
+
}))), _defs$3 || (_defs$3 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
|
|
26307
26356
|
id: "transform-delete_svg__b",
|
|
26308
26357
|
x1: 17.727,
|
|
26309
26358
|
x2: -1.215,
|
|
@@ -26323,15 +26372,15 @@ var SvgTransformDelete = function SvgTransformDelete(props) {
|
|
|
26323
26372
|
})))));
|
|
26324
26373
|
};
|
|
26325
26374
|
|
|
26326
|
-
var _g$
|
|
26327
|
-
function _extends$
|
|
26375
|
+
var _g$2, _defs$2;
|
|
26376
|
+
function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
|
|
26328
26377
|
var SvgTransformRotate = function SvgTransformRotate(props) {
|
|
26329
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
26378
|
+
return /*#__PURE__*/React.createElement("svg", _extends$3({
|
|
26330
26379
|
xmlns: "http://www.w3.org/2000/svg",
|
|
26331
26380
|
width: 21,
|
|
26332
26381
|
height: 20,
|
|
26333
26382
|
fill: "none"
|
|
26334
|
-
}, props), _g$
|
|
26383
|
+
}, props), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
|
|
26335
26384
|
clipPath: "url(#transform-rotate_svg__a)"
|
|
26336
26385
|
}, /*#__PURE__*/React.createElement("path", {
|
|
26337
26386
|
fill: "url(#transform-rotate_svg__b)",
|
|
@@ -26339,7 +26388,7 @@ var SvgTransformRotate = function SvgTransformRotate(props) {
|
|
|
26339
26388
|
}), /*#__PURE__*/React.createElement("path", {
|
|
26340
26389
|
fill: "#fff",
|
|
26341
26390
|
d: "M11.602 14.719a5.447 5.447 0 0 1-6.608-5.116l-.004-.205a.818.818 0 0 1 1.633-.084l.004.084.01.285a3.81 3.81 0 0 0 2.127 3.137l.26.115a3.8 3.8 0 0 0 2.227.184l.276-.071q.29-.088.561-.219l-1.147-.441a.817.817 0 0 1 .587-1.525l2.54.977a.817.817 0 0 1 .316 1.308l.001.001a5.45 5.45 0 0 1-2.783 1.57M8.623 4.548a5.447 5.447 0 0 1 6.608 5.116l.004.204a.818.818 0 0 1-1.633.084l-.004-.084-.01-.284a3.81 3.81 0 0 0-2.127-3.138l-.26-.115a3.8 3.8 0 0 0-2.227-.184l-.276.072q-.29.087-.561.218l1.147.442a.817.817 0 0 1-.586 1.524l-2.542-.976a.817.817 0 0 1-.315-1.309 5.45 5.45 0 0 1 2.782-1.57"
|
|
26342
|
-
}))), _defs$
|
|
26391
|
+
}))), _defs$2 || (_defs$2 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
|
|
26343
26392
|
id: "transform-rotate_svg__b",
|
|
26344
26393
|
x1: 17.84,
|
|
26345
26394
|
x2: -1.103,
|
|
@@ -26359,15 +26408,15 @@ var SvgTransformRotate = function SvgTransformRotate(props) {
|
|
|
26359
26408
|
})))));
|
|
26360
26409
|
};
|
|
26361
26410
|
|
|
26362
|
-
var _g$
|
|
26363
|
-
function _extends$
|
|
26411
|
+
var _g$1, _defs$1;
|
|
26412
|
+
function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
|
|
26364
26413
|
var SvgTransformScale = function SvgTransformScale(props) {
|
|
26365
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
26414
|
+
return /*#__PURE__*/React.createElement("svg", _extends$2({
|
|
26366
26415
|
xmlns: "http://www.w3.org/2000/svg",
|
|
26367
26416
|
width: 21,
|
|
26368
26417
|
height: 20,
|
|
26369
26418
|
fill: "none"
|
|
26370
|
-
}, props), _g$
|
|
26419
|
+
}, props), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
|
|
26371
26420
|
clipPath: "url(#transform-scale_svg__a)"
|
|
26372
26421
|
}, /*#__PURE__*/React.createElement("path", {
|
|
26373
26422
|
fill: "url(#transform-scale_svg__b)",
|
|
@@ -26375,7 +26424,7 @@ var SvgTransformScale = function SvgTransformScale(props) {
|
|
|
26375
26424
|
}), /*#__PURE__*/React.createElement("path", {
|
|
26376
26425
|
fill: "#fff",
|
|
26377
26426
|
d: "M5.078 8.265a.8.8 0 0 0 1.6.001v-.544l5.69 5.69h-.494a.8.8 0 0 0 0 1.6l2.474-.002a.8.8 0 0 0 .311-.062.8.8 0 0 0 .49-.738v-2.474a.8.8 0 1 0-1.6 0v.594L7.81 6.59h.544a.8.8 0 0 0 0-1.6H5.879a.8.8 0 0 0-.8.8z"
|
|
26378
|
-
}))), _defs$
|
|
26427
|
+
}))), _defs$1 || (_defs$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
|
|
26379
26428
|
id: "transform-scale_svg__b",
|
|
26380
26429
|
x1: 17.84,
|
|
26381
26430
|
x2: -1.103,
|
|
@@ -26395,15 +26444,15 @@ var SvgTransformScale = function SvgTransformScale(props) {
|
|
|
26395
26444
|
})))));
|
|
26396
26445
|
};
|
|
26397
26446
|
|
|
26398
|
-
var _g
|
|
26399
|
-
function _extends$
|
|
26447
|
+
var _g, _defs;
|
|
26448
|
+
function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
|
|
26400
26449
|
var SvgTransformTranslate = function SvgTransformTranslate(props) {
|
|
26401
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
26450
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1({
|
|
26402
26451
|
xmlns: "http://www.w3.org/2000/svg",
|
|
26403
26452
|
width: 20,
|
|
26404
26453
|
height: 20,
|
|
26405
26454
|
fill: "none"
|
|
26406
|
-
}, props), _g
|
|
26455
|
+
}, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
26407
26456
|
clipPath: "url(#transform-translate_svg__a)"
|
|
26408
26457
|
}, /*#__PURE__*/React.createElement("circle", {
|
|
26409
26458
|
cx: 10,
|
|
@@ -26413,7 +26462,7 @@ var SvgTransformTranslate = function SvgTransformTranslate(props) {
|
|
|
26413
26462
|
}), /*#__PURE__*/React.createElement("path", {
|
|
26414
26463
|
fill: "#fff",
|
|
26415
26464
|
d: "M16.18 10.758a.8.8 0 0 0-.105-1.218l-1.66-1.66a.801.801 0 0 0-1.132 1.132l.383.381h-2.96V6.418l.385.386a.8.8 0 1 0 1.131-1.13l-1.75-1.75a.8.8 0 0 0-1.222.11L7.594 5.689a.8.8 0 0 0 1.131 1.13l.381-.38v2.954H6.137l.381-.38a.8.8 0 1 0-1.13-1.132l-1.752 1.75a.8.8 0 0 0 .106 1.22l1.66 1.66a.801.801 0 0 0 1.132-1.133l-.386-.385h2.958v2.972l-.38-.38a.8.8 0 0 0-1.132 1.131l1.751 1.75a.8.8 0 0 0 1.223-.11l1.654-1.655a.8.8 0 1 0-1.13-1.131l-.386.386v-2.963h2.978l-.385.384a.8.8 0 1 0 1.131 1.131z"
|
|
26416
|
-
}))), _defs
|
|
26465
|
+
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
|
|
26417
26466
|
id: "transform-translate_svg__b",
|
|
26418
26467
|
x1: 17.727,
|
|
26419
26468
|
x2: -1.215,
|
|
@@ -27087,97 +27136,6 @@ const useDoodleTransform = (data, onTransformChange, options) => {
|
|
|
27087
27136
|
};
|
|
27088
27137
|
};
|
|
27089
27138
|
|
|
27090
|
-
var _g$2, _defs$2;
|
|
27091
|
-
function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
|
|
27092
|
-
var SvgDisabledRotate = function SvgDisabledRotate(props) {
|
|
27093
|
-
return /*#__PURE__*/React.createElement("svg", _extends$3({
|
|
27094
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
27095
|
-
width: 16,
|
|
27096
|
-
height: 16,
|
|
27097
|
-
fill: "none"
|
|
27098
|
-
}, props), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
|
|
27099
|
-
clipPath: "url(#disabled-rotate_svg__a)"
|
|
27100
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
27101
|
-
fill: "#fff",
|
|
27102
|
-
d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
|
|
27103
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
27104
|
-
fill: "#211F1F",
|
|
27105
|
-
fillOpacity: 0.4,
|
|
27106
|
-
d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
|
|
27107
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
27108
|
-
fill: "#fff",
|
|
27109
|
-
fillOpacity: 0.7,
|
|
27110
|
-
d: "M9.192 11.775a4.36 4.36 0 0 1-5.277-3.93l-.013-.326v-.002a.655.655 0 0 1 1.31 0v.002a3.05 3.05 0 0 0 1.71 2.738l.208.091a3.05 3.05 0 0 0 1.781.147l.22-.057q.234-.07.451-.175l-.919-.354a.653.653 0 1 1 .47-1.22l2.033.782a.654.654 0 0 1 .251 1.047l.002.001a4.36 4.36 0 0 1-2.227 1.256M6.809 3.639a4.36 4.36 0 0 1 5.289 4.256v.002a.654.654 0 1 1-1.309 0v-.002a3.05 3.05 0 0 0-1.71-2.738l-.208-.091a3.05 3.05 0 0 0-1.781-.147l-.22.057a3 3 0 0 0-.451.175l.919.354a.654.654 0 0 1-.47 1.22l-2.033-.782a.654.654 0 0 1-.251-1.046l-.002-.002a4.36 4.36 0 0 1 2.227-1.256"
|
|
27111
|
-
}))), _defs$2 || (_defs$2 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
27112
|
-
id: "disabled-rotate_svg__a"
|
|
27113
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
27114
|
-
fill: "#fff",
|
|
27115
|
-
d: "M16 0H0v16h16z"
|
|
27116
|
-
})))));
|
|
27117
|
-
};
|
|
27118
|
-
|
|
27119
|
-
var _g$1, _defs$1;
|
|
27120
|
-
function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
|
|
27121
|
-
var SvgDisabledScale = function SvgDisabledScale(props) {
|
|
27122
|
-
return /*#__PURE__*/React.createElement("svg", _extends$2({
|
|
27123
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
27124
|
-
width: 16,
|
|
27125
|
-
height: 16,
|
|
27126
|
-
fill: "none"
|
|
27127
|
-
}, props), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
|
|
27128
|
-
clipPath: "url(#disabled-scale_svg__a)"
|
|
27129
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
27130
|
-
fill: "#fff",
|
|
27131
|
-
d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
|
|
27132
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
27133
|
-
fill: "#211F1F",
|
|
27134
|
-
fillOpacity: 0.4,
|
|
27135
|
-
d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
|
|
27136
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
27137
|
-
fill: "#fff",
|
|
27138
|
-
fillOpacity: 0.7,
|
|
27139
|
-
d: "M3.972 6.612a.64.64 0 0 0 1.28 0v-.437l4.554 4.554H9.41a.64.64 0 0 0 0 1.28h1.979a.64.64 0 0 0 .636-.606l.003-.036.001-1.98a.64.64 0 1 0-1.28.001v.474L6.158 5.27h.435a.64.64 0 0 0 0-1.28h-1.98a.64.64 0 0 0-.64.64z"
|
|
27140
|
-
}))), _defs$1 || (_defs$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
27141
|
-
id: "disabled-scale_svg__a"
|
|
27142
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
27143
|
-
fill: "#fff",
|
|
27144
|
-
d: "M0 16h16V0H0z"
|
|
27145
|
-
})))));
|
|
27146
|
-
};
|
|
27147
|
-
|
|
27148
|
-
var _g, _defs;
|
|
27149
|
-
function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
|
|
27150
|
-
var SvgDisabledTranslate = function SvgDisabledTranslate(props) {
|
|
27151
|
-
return /*#__PURE__*/React.createElement("svg", _extends$1({
|
|
27152
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
27153
|
-
width: 16,
|
|
27154
|
-
height: 16,
|
|
27155
|
-
fill: "none"
|
|
27156
|
-
}, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
27157
|
-
clipPath: "url(#disabled-translate_svg__a)"
|
|
27158
|
-
}, /*#__PURE__*/React.createElement("circle", {
|
|
27159
|
-
cx: 8,
|
|
27160
|
-
cy: 8,
|
|
27161
|
-
r: 8,
|
|
27162
|
-
fill: "#fff"
|
|
27163
|
-
}), /*#__PURE__*/React.createElement("circle", {
|
|
27164
|
-
cx: 8,
|
|
27165
|
-
cy: 8,
|
|
27166
|
-
r: 8,
|
|
27167
|
-
fill: "#211F1F",
|
|
27168
|
-
fillOpacity: 0.4
|
|
27169
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
27170
|
-
fill: "#fff",
|
|
27171
|
-
fillOpacity: 0.7,
|
|
27172
|
-
d: "M12.944 8.608a.64.64 0 0 0-.079-.97l-1.333-1.334a.64.64 0 0 0-.905.905l.305.305H8.564V5.136l.308.308a.642.642 0 0 0 .906-.906l-1.4-1.399a.64.64 0 0 0-.906 0q-.036.037-.064.08L6.075 4.55a.64.64 0 0 0 .905.905l.305-.304v2.362H4.91l.306-.306a.64.64 0 0 0-.904-.904l-1.4 1.4a.64.64 0 0 0 .077.97l1.334 1.333a.64.64 0 0 0 .906-.905l-.31-.309h2.367v2.38l-.304-.305a.64.64 0 1 0-.905.906l1.4 1.4a.64.64 0 0 0 .97-.08l1.332-1.333a.64.64 0 0 0-.905-.905l-.309.308v-2.37h2.385l-.31.309a.64.64 0 1 0 .905.904z"
|
|
27173
|
-
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
27174
|
-
id: "disabled-translate_svg__a"
|
|
27175
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
27176
|
-
fill: "#fff",
|
|
27177
|
-
d: "M16 0H0v16h16z"
|
|
27178
|
-
})))));
|
|
27179
|
-
};
|
|
27180
|
-
|
|
27181
27139
|
var css_248z$6 = ".index-module_doodleHover__jIZHV path {\n fill: #00B3A1;\n}";
|
|
27182
27140
|
var styles$6 = {"doodleHover":"index-module_doodleHover__jIZHV"};
|
|
27183
27141
|
styleInject(css_248z$6);
|
|
@@ -27376,8 +27334,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
27376
27334
|
const infoBoxWidth = 300 * overlayScale; // 信息框宽度
|
|
27377
27335
|
const infoBoxHeight = 40 * overlayScale; // 信息框高度
|
|
27378
27336
|
const infoBoxX = centerX - infoBoxWidth / 2; // 居中对齐
|
|
27379
|
-
const circleScale = platform === PlatformType.H5 ? 1.5 * overlayScale :
|
|
27380
|
-
const disacledScale = circleScale * 1.2;
|
|
27337
|
+
const circleScale = platform === PlatformType.H5 ? 1.5 * overlayScale : 2 * overlayScale;
|
|
27381
27338
|
return (jsxs(Fragment, { children: [jsx("polygon", { points: selectionBoxPoints.map((point) => `${point.x},${point.y}`).join(' '), fill: "none", stroke: "#B2B4B9", strokeWidth: "2", strokeDasharray: "5,5", vectorEffect: "non-scaling-stroke", ...(platform === PlatformType.H5
|
|
27382
27339
|
? {
|
|
27383
27340
|
onTouchStart: createReactEventHandler((e) => {
|
|
@@ -27386,7 +27343,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
27386
27343
|
}
|
|
27387
27344
|
: {
|
|
27388
27345
|
// onMouseDown: handleMouseDownWithDisabled,
|
|
27389
|
-
}) }), jsx("
|
|
27346
|
+
}) }), jsx("circle", { cx: selectionBoxPoints[0].x, cy: selectionBoxPoints[0].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), jsx("circle", { cx: selectionBoxPoints[3].x, cy: selectionBoxPoints[3].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), jsx("circle", { cx: selectionBoxPoints[1].x, cy: selectionBoxPoints[1].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), jsx("circle", { cx: selectionBoxPoints[2].x, cy: selectionBoxPoints[2].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), platform === PlatformType.H5 && (jsx("foreignObject", { x: infoBoxX, y: infoBoxY, width: infoBoxWidth, height: infoBoxHeight, style: { textAlign: 'center' }, onClick: () => {
|
|
27390
27347
|
onClickInfo?.();
|
|
27391
27348
|
}, children: jsx("div", { style: {
|
|
27392
27349
|
padding: `5px ${10 * overlayScale}px`,
|
|
@@ -27406,7 +27363,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
27406
27363
|
justifyContent: 'center',
|
|
27407
27364
|
gap: '10px',
|
|
27408
27365
|
color: '#325069',
|
|
27409
|
-
}, children: jsxs("div", { children: [locale?.['map.renderer.
|
|
27366
|
+
}, children: jsxs("div", { children: [locale?.['map.renderer.remainTime'] || 'Remaining time', ": ", remainingTime] }) }) }) }))] }));
|
|
27410
27367
|
};
|
|
27411
27368
|
useEffect(() => {
|
|
27412
27369
|
const isMove = isDragging || isRotating || isScaling;
|
|
@@ -30872,9 +30829,9 @@ const PARTITION_PICKER_GRID_BASE_COLOR = '#E3E5EB';
|
|
|
30872
30829
|
/** 网格单元边长(SVG 地图坐标,与 viewBox 一致;zoom 时间距同比缩放) */
|
|
30873
30830
|
const PARTITION_PICKER_GRID_TILE_SIZE = 10;
|
|
30874
30831
|
/** 网格线宽(地图坐标;随 zoom 同比缩放,不做屏幕像素恒定) */
|
|
30875
|
-
const PARTITION_PICKER_GRID_LINE_WIDTH = 0.
|
|
30832
|
+
const PARTITION_PICKER_GRID_LINE_WIDTH = 0.2;
|
|
30876
30833
|
/** 网格交点圆点半径(地图坐标) */
|
|
30877
|
-
const PARTITION_PICKER_GRID_DOT_RADIUS = 0.
|
|
30834
|
+
const PARTITION_PICKER_GRID_DOT_RADIUS = 0.6;
|
|
30878
30835
|
/** 网格层整体不透明度(Figma 约 80%) */
|
|
30879
30836
|
const PARTITION_PICKER_GRID_OPACITY = 0.4;
|
|
30880
30837
|
/** 网格线与交点颜色 */
|
|
@@ -31999,7 +31956,12 @@ const MapGridBackground = ({ viewBox, gridStyle }) => {
|
|
|
31999
31956
|
const patternId = useMemo(() => `partition-picker-grid-lines-${reactId.replace(/:/g, '-')}`, [reactId]);
|
|
32000
31957
|
const { baseColor, strokeColor, tileSize: tile, lineWidth, dotRadius, opacity, maxIntersectionDots, } = gridStyle;
|
|
32001
31958
|
const intersections = useMemo(() => getVisibleGridIntersections(viewBox, tile, maxIntersectionDots), [maxIntersectionDots, tile, viewBox.x, viewBox.y, viewBox.width, viewBox.height]);
|
|
32002
|
-
|
|
31959
|
+
/**
|
|
31960
|
+
* SVG stroke 以路径为中心;线在 tile 的 0 边绘制时,四格交点的视觉中心会偏向路径右下。
|
|
31961
|
+
* 线条内缩 lineWidth/2,圆点同步偏移,使圆心与网格线交叉中心对齐。
|
|
31962
|
+
*/
|
|
31963
|
+
const lineHalf = lineWidth / 2;
|
|
31964
|
+
return (jsxs("g", { className: "partition-picker-grid-bg", "aria-hidden": true, pointerEvents: "none", children: [jsx("defs", { children: jsxs("pattern", { id: patternId, patternUnits: "userSpaceOnUse", width: tile, height: tile, children: [jsx("line", { x1: 0, y1: lineHalf, x2: tile, y2: lineHalf, stroke: strokeColor, strokeWidth: lineWidth }), jsx("line", { x1: lineHalf, y1: 0, x2: lineHalf, y2: tile, stroke: strokeColor, strokeWidth: lineWidth })] }) }), jsx("rect", { x: viewBox.x, y: viewBox.y, width: viewBox.width, height: viewBox.height, fill: baseColor }), jsx("rect", { x: viewBox.x, y: viewBox.y, width: viewBox.width, height: viewBox.height, fill: `url(#${patternId})`, opacity: opacity }), jsx("g", { opacity: opacity, children: intersections.map((point, index) => (jsx("circle", { cx: point.x + lineHalf, cy: point.y + lineHalf, r: dotRadius, fill: strokeColor }, `${point.x}-${point.y}-${index}`))) })] }));
|
|
32003
31965
|
};
|
|
32004
31966
|
var MapGridBackground$1 = memo(MapGridBackground);
|
|
32005
31967
|
|
package/dist/index.js
CHANGED
|
@@ -22976,9 +22976,9 @@ const VertexElement = React.memo(({ r, stroke, fill, ...props }) => {
|
|
|
22976
22976
|
});
|
|
22977
22977
|
|
|
22978
22978
|
var _path$1;
|
|
22979
|
-
function _extends$
|
|
22979
|
+
function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
|
|
22980
22980
|
var SvgDelete = function SvgDelete(props) {
|
|
22981
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
22981
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
22982
22982
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22983
22983
|
width: 16,
|
|
22984
22984
|
height: 16,
|
|
@@ -23459,6 +23459,73 @@ function computeFitViewBoxToContainer(content, containerWidth, containerHeight)
|
|
|
23459
23459
|
height: content.height,
|
|
23460
23460
|
};
|
|
23461
23461
|
}
|
|
23462
|
+
/** 地图内容在屏幕坐标系下的包围盒(meet 渲染,未考虑旋转) */
|
|
23463
|
+
function getContentScreenBounds(content, viewBox, containerWidth, containerHeight) {
|
|
23464
|
+
const { x: offsetX, y: offsetY, scale } = getViewBoxMeetOffset(viewBox, containerWidth, containerHeight);
|
|
23465
|
+
return {
|
|
23466
|
+
left: offsetX + (content.x - viewBox.x) * scale,
|
|
23467
|
+
top: offsetY + (content.y - viewBox.y) * scale,
|
|
23468
|
+
right: offsetX + (content.x + content.width - viewBox.x) * scale,
|
|
23469
|
+
bottom: offsetY + (content.y + content.height - viewBox.y) * scale,
|
|
23470
|
+
};
|
|
23471
|
+
}
|
|
23472
|
+
function contentFitsInScreenPadding(content, viewBox, pad, containerWidth, containerHeight) {
|
|
23473
|
+
const bounds = getContentScreenBounds(content, viewBox, containerWidth, containerHeight);
|
|
23474
|
+
return (bounds.left >= pad.left &&
|
|
23475
|
+
bounds.top >= pad.top &&
|
|
23476
|
+
bounds.right <= containerWidth - pad.right &&
|
|
23477
|
+
bounds.bottom <= containerHeight - pad.bottom);
|
|
23478
|
+
}
|
|
23479
|
+
function expandViewBoxFromCenter(viewBox, factor) {
|
|
23480
|
+
const centerX = viewBox.x + viewBox.width / 2;
|
|
23481
|
+
const centerY = viewBox.y + viewBox.height / 2;
|
|
23482
|
+
const width = viewBox.width * factor;
|
|
23483
|
+
const height = viewBox.height * factor;
|
|
23484
|
+
return {
|
|
23485
|
+
x: centerX - width / 2,
|
|
23486
|
+
y: centerY - height / 2,
|
|
23487
|
+
width,
|
|
23488
|
+
height,
|
|
23489
|
+
};
|
|
23490
|
+
}
|
|
23491
|
+
/** 将 viewBox 中心对齐到 padding 内矩形中心(增大 top/left → 内容向对应方向避让) */
|
|
23492
|
+
function applyViewBoxPaddingOffset(viewBox, pad, containerWidth, containerHeight) {
|
|
23493
|
+
const offsetX = ((pad.right - pad.left) / 2) * (viewBox.width / containerWidth);
|
|
23494
|
+
const offsetY = ((pad.bottom - pad.top) / 2) * (viewBox.height / containerHeight);
|
|
23495
|
+
return {
|
|
23496
|
+
...viewBox,
|
|
23497
|
+
x: viewBox.x + offsetX,
|
|
23498
|
+
y: viewBox.y + offsetY,
|
|
23499
|
+
};
|
|
23500
|
+
}
|
|
23501
|
+
function buildPaddedFitViewBox(baseFit, pad, containerWidth, containerHeight, zoomOutFactor) {
|
|
23502
|
+
const expanded = expandViewBoxFromCenter(baseFit, zoomOutFactor);
|
|
23503
|
+
return applyViewBoxPaddingOffset(expanded, pad, containerWidth, containerHeight);
|
|
23504
|
+
}
|
|
23505
|
+
function findMinimumZoomOutForPadding(content, baseFit, pad, containerWidth, containerHeight) {
|
|
23506
|
+
const fits = (zoomOutFactor) => contentFitsInScreenPadding(content, buildPaddedFitViewBox(baseFit, pad, containerWidth, containerHeight, zoomOutFactor), pad, containerWidth, containerHeight);
|
|
23507
|
+
if (fits(1)) {
|
|
23508
|
+
return 1;
|
|
23509
|
+
}
|
|
23510
|
+
const innerWidth = Math.max(containerWidth - pad.left - pad.right, 1);
|
|
23511
|
+
const innerHeight = Math.max(containerHeight - pad.top - pad.bottom, 1);
|
|
23512
|
+
const legacyScale = Math.min(innerWidth / containerWidth, innerHeight / containerHeight);
|
|
23513
|
+
let hi = legacyScale > 0 && legacyScale < 1 ? 1 / legacyScale : 2;
|
|
23514
|
+
while (!fits(hi) && hi < 1024) {
|
|
23515
|
+
hi *= 2;
|
|
23516
|
+
}
|
|
23517
|
+
let lo = 1;
|
|
23518
|
+
for (let i = 0; i < 32; i++) {
|
|
23519
|
+
const mid = (lo + hi) / 2;
|
|
23520
|
+
if (fits(mid)) {
|
|
23521
|
+
hi = mid;
|
|
23522
|
+
}
|
|
23523
|
+
else {
|
|
23524
|
+
lo = mid;
|
|
23525
|
+
}
|
|
23526
|
+
}
|
|
23527
|
+
return hi;
|
|
23528
|
+
}
|
|
23462
23529
|
/**
|
|
23463
23530
|
* 计算默认 fit viewBox
|
|
23464
23531
|
*
|
|
@@ -23470,26 +23537,8 @@ function computeFitViewBox(content, containerWidth, containerHeight, screenPaddi
|
|
|
23470
23537
|
if (isZeroScreenPadding(pad)) {
|
|
23471
23538
|
return baseFit;
|
|
23472
23539
|
}
|
|
23473
|
-
const
|
|
23474
|
-
|
|
23475
|
-
const scaleX = innerWidth / containerWidth;
|
|
23476
|
-
const scaleY = innerHeight / containerHeight;
|
|
23477
|
-
const scale = Math.min(scaleX, scaleY);
|
|
23478
|
-
if (!Number.isFinite(scale) || scale <= 0 || scale >= 1) {
|
|
23479
|
-
return baseFit;
|
|
23480
|
-
}
|
|
23481
|
-
const newWidth = baseFit.width / scale;
|
|
23482
|
-
const newHeight = baseFit.height / scale;
|
|
23483
|
-
const centerX = baseFit.x + baseFit.width / 2;
|
|
23484
|
-
const centerY = baseFit.y + baseFit.height / 2;
|
|
23485
|
-
const offsetX = ((pad.left - pad.right) / 2) * (newWidth / containerWidth);
|
|
23486
|
-
const offsetY = ((pad.top - pad.bottom) / 2) * (newHeight / containerHeight);
|
|
23487
|
-
return {
|
|
23488
|
-
x: centerX - newWidth / 2 + offsetX,
|
|
23489
|
-
y: centerY - newHeight / 2 + offsetY,
|
|
23490
|
-
width: newWidth,
|
|
23491
|
-
height: newHeight,
|
|
23492
|
-
};
|
|
23540
|
+
const zoomOutFactor = findMinimumZoomOutForPadding(content, baseFit, pad, containerWidth, containerHeight);
|
|
23541
|
+
return buildPaddedFitViewBox(baseFit, pad, containerWidth, containerHeight, zoomOutFactor);
|
|
23493
23542
|
}
|
|
23494
23543
|
function viewBoxToString(viewBox) {
|
|
23495
23544
|
return `${viewBox.x} ${viewBox.y} ${viewBox.width} ${viewBox.height}`;
|
|
@@ -26292,15 +26341,15 @@ const useVisionOffTransform = (data, scaleConstraints
|
|
|
26292
26341
|
};
|
|
26293
26342
|
};
|
|
26294
26343
|
|
|
26295
|
-
var _g$
|
|
26296
|
-
function _extends$
|
|
26344
|
+
var _g$3, _defs$3;
|
|
26345
|
+
function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
|
|
26297
26346
|
var SvgTransformDelete = function SvgTransformDelete(props) {
|
|
26298
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
26347
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
26299
26348
|
xmlns: "http://www.w3.org/2000/svg",
|
|
26300
26349
|
width: 20,
|
|
26301
26350
|
height: 20,
|
|
26302
26351
|
fill: "none"
|
|
26303
|
-
}, props), _g$
|
|
26352
|
+
}, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
|
|
26304
26353
|
clipPath: "url(#transform-delete_svg__a)"
|
|
26305
26354
|
}, /*#__PURE__*/React__namespace.createElement("circle", {
|
|
26306
26355
|
cx: 10,
|
|
@@ -26323,7 +26372,7 @@ var SvgTransformDelete = function SvgTransformDelete(props) {
|
|
|
26323
26372
|
fill: "#fff",
|
|
26324
26373
|
rx: 0.8,
|
|
26325
26374
|
transform: "rotate(45 6.323 5.191)"
|
|
26326
|
-
}))), _defs$
|
|
26375
|
+
}))), _defs$3 || (_defs$3 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
|
|
26327
26376
|
id: "transform-delete_svg__b",
|
|
26328
26377
|
x1: 17.727,
|
|
26329
26378
|
x2: -1.215,
|
|
@@ -26343,15 +26392,15 @@ var SvgTransformDelete = function SvgTransformDelete(props) {
|
|
|
26343
26392
|
})))));
|
|
26344
26393
|
};
|
|
26345
26394
|
|
|
26346
|
-
var _g$
|
|
26347
|
-
function _extends$
|
|
26395
|
+
var _g$2, _defs$2;
|
|
26396
|
+
function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
|
|
26348
26397
|
var SvgTransformRotate = function SvgTransformRotate(props) {
|
|
26349
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
26398
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
|
|
26350
26399
|
xmlns: "http://www.w3.org/2000/svg",
|
|
26351
26400
|
width: 21,
|
|
26352
26401
|
height: 20,
|
|
26353
26402
|
fill: "none"
|
|
26354
|
-
}, props), _g$
|
|
26403
|
+
}, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
|
|
26355
26404
|
clipPath: "url(#transform-rotate_svg__a)"
|
|
26356
26405
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
26357
26406
|
fill: "url(#transform-rotate_svg__b)",
|
|
@@ -26359,7 +26408,7 @@ var SvgTransformRotate = function SvgTransformRotate(props) {
|
|
|
26359
26408
|
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
26360
26409
|
fill: "#fff",
|
|
26361
26410
|
d: "M11.602 14.719a5.447 5.447 0 0 1-6.608-5.116l-.004-.205a.818.818 0 0 1 1.633-.084l.004.084.01.285a3.81 3.81 0 0 0 2.127 3.137l.26.115a3.8 3.8 0 0 0 2.227.184l.276-.071q.29-.088.561-.219l-1.147-.441a.817.817 0 0 1 .587-1.525l2.54.977a.817.817 0 0 1 .316 1.308l.001.001a5.45 5.45 0 0 1-2.783 1.57M8.623 4.548a5.447 5.447 0 0 1 6.608 5.116l.004.204a.818.818 0 0 1-1.633.084l-.004-.084-.01-.284a3.81 3.81 0 0 0-2.127-3.138l-.26-.115a3.8 3.8 0 0 0-2.227-.184l-.276.072q-.29.087-.561.218l1.147.442a.817.817 0 0 1-.586 1.524l-2.542-.976a.817.817 0 0 1-.315-1.309 5.45 5.45 0 0 1 2.782-1.57"
|
|
26362
|
-
}))), _defs$
|
|
26411
|
+
}))), _defs$2 || (_defs$2 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
|
|
26363
26412
|
id: "transform-rotate_svg__b",
|
|
26364
26413
|
x1: 17.84,
|
|
26365
26414
|
x2: -1.103,
|
|
@@ -26379,15 +26428,15 @@ var SvgTransformRotate = function SvgTransformRotate(props) {
|
|
|
26379
26428
|
})))));
|
|
26380
26429
|
};
|
|
26381
26430
|
|
|
26382
|
-
var _g$
|
|
26383
|
-
function _extends$
|
|
26431
|
+
var _g$1, _defs$1;
|
|
26432
|
+
function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
|
|
26384
26433
|
var SvgTransformScale = function SvgTransformScale(props) {
|
|
26385
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
26434
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
26386
26435
|
xmlns: "http://www.w3.org/2000/svg",
|
|
26387
26436
|
width: 21,
|
|
26388
26437
|
height: 20,
|
|
26389
26438
|
fill: "none"
|
|
26390
|
-
}, props), _g$
|
|
26439
|
+
}, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
|
|
26391
26440
|
clipPath: "url(#transform-scale_svg__a)"
|
|
26392
26441
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
26393
26442
|
fill: "url(#transform-scale_svg__b)",
|
|
@@ -26395,7 +26444,7 @@ var SvgTransformScale = function SvgTransformScale(props) {
|
|
|
26395
26444
|
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
26396
26445
|
fill: "#fff",
|
|
26397
26446
|
d: "M5.078 8.265a.8.8 0 0 0 1.6.001v-.544l5.69 5.69h-.494a.8.8 0 0 0 0 1.6l2.474-.002a.8.8 0 0 0 .311-.062.8.8 0 0 0 .49-.738v-2.474a.8.8 0 1 0-1.6 0v.594L7.81 6.59h.544a.8.8 0 0 0 0-1.6H5.879a.8.8 0 0 0-.8.8z"
|
|
26398
|
-
}))), _defs$
|
|
26447
|
+
}))), _defs$1 || (_defs$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
|
|
26399
26448
|
id: "transform-scale_svg__b",
|
|
26400
26449
|
x1: 17.84,
|
|
26401
26450
|
x2: -1.103,
|
|
@@ -26415,15 +26464,15 @@ var SvgTransformScale = function SvgTransformScale(props) {
|
|
|
26415
26464
|
})))));
|
|
26416
26465
|
};
|
|
26417
26466
|
|
|
26418
|
-
var _g
|
|
26419
|
-
function _extends$
|
|
26467
|
+
var _g, _defs;
|
|
26468
|
+
function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
|
|
26420
26469
|
var SvgTransformTranslate = function SvgTransformTranslate(props) {
|
|
26421
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
26470
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
26422
26471
|
xmlns: "http://www.w3.org/2000/svg",
|
|
26423
26472
|
width: 20,
|
|
26424
26473
|
height: 20,
|
|
26425
26474
|
fill: "none"
|
|
26426
|
-
}, props), _g
|
|
26475
|
+
}, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
26427
26476
|
clipPath: "url(#transform-translate_svg__a)"
|
|
26428
26477
|
}, /*#__PURE__*/React__namespace.createElement("circle", {
|
|
26429
26478
|
cx: 10,
|
|
@@ -26433,7 +26482,7 @@ var SvgTransformTranslate = function SvgTransformTranslate(props) {
|
|
|
26433
26482
|
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
26434
26483
|
fill: "#fff",
|
|
26435
26484
|
d: "M16.18 10.758a.8.8 0 0 0-.105-1.218l-1.66-1.66a.801.801 0 0 0-1.132 1.132l.383.381h-2.96V6.418l.385.386a.8.8 0 1 0 1.131-1.13l-1.75-1.75a.8.8 0 0 0-1.222.11L7.594 5.689a.8.8 0 0 0 1.131 1.13l.381-.38v2.954H6.137l.381-.38a.8.8 0 1 0-1.13-1.132l-1.752 1.75a.8.8 0 0 0 .106 1.22l1.66 1.66a.801.801 0 0 0 1.132-1.133l-.386-.385h2.958v2.972l-.38-.38a.8.8 0 0 0-1.132 1.131l1.751 1.75a.8.8 0 0 0 1.223-.11l1.654-1.655a.8.8 0 1 0-1.13-1.131l-.386.386v-2.963h2.978l-.385.384a.8.8 0 1 0 1.131 1.131z"
|
|
26436
|
-
}))), _defs
|
|
26485
|
+
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
|
|
26437
26486
|
id: "transform-translate_svg__b",
|
|
26438
26487
|
x1: 17.727,
|
|
26439
26488
|
x2: -1.215,
|
|
@@ -27107,97 +27156,6 @@ const useDoodleTransform = (data, onTransformChange, options) => {
|
|
|
27107
27156
|
};
|
|
27108
27157
|
};
|
|
27109
27158
|
|
|
27110
|
-
var _g$2, _defs$2;
|
|
27111
|
-
function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
|
|
27112
|
-
var SvgDisabledRotate = function SvgDisabledRotate(props) {
|
|
27113
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
|
|
27114
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
27115
|
-
width: 16,
|
|
27116
|
-
height: 16,
|
|
27117
|
-
fill: "none"
|
|
27118
|
-
}, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
|
|
27119
|
-
clipPath: "url(#disabled-rotate_svg__a)"
|
|
27120
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
27121
|
-
fill: "#fff",
|
|
27122
|
-
d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
|
|
27123
|
-
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
27124
|
-
fill: "#211F1F",
|
|
27125
|
-
fillOpacity: 0.4,
|
|
27126
|
-
d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
|
|
27127
|
-
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
27128
|
-
fill: "#fff",
|
|
27129
|
-
fillOpacity: 0.7,
|
|
27130
|
-
d: "M9.192 11.775a4.36 4.36 0 0 1-5.277-3.93l-.013-.326v-.002a.655.655 0 0 1 1.31 0v.002a3.05 3.05 0 0 0 1.71 2.738l.208.091a3.05 3.05 0 0 0 1.781.147l.22-.057q.234-.07.451-.175l-.919-.354a.653.653 0 1 1 .47-1.22l2.033.782a.654.654 0 0 1 .251 1.047l.002.001a4.36 4.36 0 0 1-2.227 1.256M6.809 3.639a4.36 4.36 0 0 1 5.289 4.256v.002a.654.654 0 1 1-1.309 0v-.002a3.05 3.05 0 0 0-1.71-2.738l-.208-.091a3.05 3.05 0 0 0-1.781-.147l-.22.057a3 3 0 0 0-.451.175l.919.354a.654.654 0 0 1-.47 1.22l-2.033-.782a.654.654 0 0 1-.251-1.046l-.002-.002a4.36 4.36 0 0 1 2.227-1.256"
|
|
27131
|
-
}))), _defs$2 || (_defs$2 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
27132
|
-
id: "disabled-rotate_svg__a"
|
|
27133
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
27134
|
-
fill: "#fff",
|
|
27135
|
-
d: "M16 0H0v16h16z"
|
|
27136
|
-
})))));
|
|
27137
|
-
};
|
|
27138
|
-
|
|
27139
|
-
var _g$1, _defs$1;
|
|
27140
|
-
function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
|
|
27141
|
-
var SvgDisabledScale = function SvgDisabledScale(props) {
|
|
27142
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
27143
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
27144
|
-
width: 16,
|
|
27145
|
-
height: 16,
|
|
27146
|
-
fill: "none"
|
|
27147
|
-
}, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
|
|
27148
|
-
clipPath: "url(#disabled-scale_svg__a)"
|
|
27149
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
27150
|
-
fill: "#fff",
|
|
27151
|
-
d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
|
|
27152
|
-
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
27153
|
-
fill: "#211F1F",
|
|
27154
|
-
fillOpacity: 0.4,
|
|
27155
|
-
d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
|
|
27156
|
-
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
27157
|
-
fill: "#fff",
|
|
27158
|
-
fillOpacity: 0.7,
|
|
27159
|
-
d: "M3.972 6.612a.64.64 0 0 0 1.28 0v-.437l4.554 4.554H9.41a.64.64 0 0 0 0 1.28h1.979a.64.64 0 0 0 .636-.606l.003-.036.001-1.98a.64.64 0 1 0-1.28.001v.474L6.158 5.27h.435a.64.64 0 0 0 0-1.28h-1.98a.64.64 0 0 0-.64.64z"
|
|
27160
|
-
}))), _defs$1 || (_defs$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
27161
|
-
id: "disabled-scale_svg__a"
|
|
27162
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
27163
|
-
fill: "#fff",
|
|
27164
|
-
d: "M0 16h16V0H0z"
|
|
27165
|
-
})))));
|
|
27166
|
-
};
|
|
27167
|
-
|
|
27168
|
-
var _g, _defs;
|
|
27169
|
-
function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
|
|
27170
|
-
var SvgDisabledTranslate = function SvgDisabledTranslate(props) {
|
|
27171
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
27172
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
27173
|
-
width: 16,
|
|
27174
|
-
height: 16,
|
|
27175
|
-
fill: "none"
|
|
27176
|
-
}, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
27177
|
-
clipPath: "url(#disabled-translate_svg__a)"
|
|
27178
|
-
}, /*#__PURE__*/React__namespace.createElement("circle", {
|
|
27179
|
-
cx: 8,
|
|
27180
|
-
cy: 8,
|
|
27181
|
-
r: 8,
|
|
27182
|
-
fill: "#fff"
|
|
27183
|
-
}), /*#__PURE__*/React__namespace.createElement("circle", {
|
|
27184
|
-
cx: 8,
|
|
27185
|
-
cy: 8,
|
|
27186
|
-
r: 8,
|
|
27187
|
-
fill: "#211F1F",
|
|
27188
|
-
fillOpacity: 0.4
|
|
27189
|
-
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
27190
|
-
fill: "#fff",
|
|
27191
|
-
fillOpacity: 0.7,
|
|
27192
|
-
d: "M12.944 8.608a.64.64 0 0 0-.079-.97l-1.333-1.334a.64.64 0 0 0-.905.905l.305.305H8.564V5.136l.308.308a.642.642 0 0 0 .906-.906l-1.4-1.399a.64.64 0 0 0-.906 0q-.036.037-.064.08L6.075 4.55a.64.64 0 0 0 .905.905l.305-.304v2.362H4.91l.306-.306a.64.64 0 0 0-.904-.904l-1.4 1.4a.64.64 0 0 0 .077.97l1.334 1.333a.64.64 0 0 0 .906-.905l-.31-.309h2.367v2.38l-.304-.305a.64.64 0 1 0-.905.906l1.4 1.4a.64.64 0 0 0 .97-.08l1.332-1.333a.64.64 0 0 0-.905-.905l-.309.308v-2.37h2.385l-.31.309a.64.64 0 1 0 .905.904z"
|
|
27193
|
-
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
27194
|
-
id: "disabled-translate_svg__a"
|
|
27195
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
27196
|
-
fill: "#fff",
|
|
27197
|
-
d: "M16 0H0v16h16z"
|
|
27198
|
-
})))));
|
|
27199
|
-
};
|
|
27200
|
-
|
|
27201
27159
|
var css_248z$6 = ".index-module_doodleHover__jIZHV path {\n fill: #00B3A1;\n}";
|
|
27202
27160
|
var styles$6 = {"doodleHover":"index-module_doodleHover__jIZHV"};
|
|
27203
27161
|
styleInject(css_248z$6);
|
|
@@ -27396,8 +27354,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
27396
27354
|
const infoBoxWidth = 300 * overlayScale; // 信息框宽度
|
|
27397
27355
|
const infoBoxHeight = 40 * overlayScale; // 信息框高度
|
|
27398
27356
|
const infoBoxX = centerX - infoBoxWidth / 2; // 居中对齐
|
|
27399
|
-
const circleScale = platform === exports.PlatformType.H5 ? 1.5 * overlayScale :
|
|
27400
|
-
const disacledScale = circleScale * 1.2;
|
|
27357
|
+
const circleScale = platform === exports.PlatformType.H5 ? 1.5 * overlayScale : 2 * overlayScale;
|
|
27401
27358
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: selectionBoxPoints.map((point) => `${point.x},${point.y}`).join(' '), fill: "none", stroke: "#B2B4B9", strokeWidth: "2", strokeDasharray: "5,5", vectorEffect: "non-scaling-stroke", ...(platform === exports.PlatformType.H5
|
|
27402
27359
|
? {
|
|
27403
27360
|
onTouchStart: createReactEventHandler((e) => {
|
|
@@ -27406,7 +27363,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
27406
27363
|
}
|
|
27407
27364
|
: {
|
|
27408
27365
|
// onMouseDown: handleMouseDownWithDisabled,
|
|
27409
|
-
}) }), jsxRuntime.jsx("
|
|
27366
|
+
}) }), jsxRuntime.jsx("circle", { cx: selectionBoxPoints[0].x, cy: selectionBoxPoints[0].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), jsxRuntime.jsx("circle", { cx: selectionBoxPoints[3].x, cy: selectionBoxPoints[3].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), jsxRuntime.jsx("circle", { cx: selectionBoxPoints[1].x, cy: selectionBoxPoints[1].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), jsxRuntime.jsx("circle", { cx: selectionBoxPoints[2].x, cy: selectionBoxPoints[2].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), platform === exports.PlatformType.H5 && (jsxRuntime.jsx("foreignObject", { x: infoBoxX, y: infoBoxY, width: infoBoxWidth, height: infoBoxHeight, style: { textAlign: 'center' }, onClick: () => {
|
|
27410
27367
|
onClickInfo?.();
|
|
27411
27368
|
}, children: jsxRuntime.jsx("div", { style: {
|
|
27412
27369
|
padding: `5px ${10 * overlayScale}px`,
|
|
@@ -27426,7 +27383,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
27426
27383
|
justifyContent: 'center',
|
|
27427
27384
|
gap: '10px',
|
|
27428
27385
|
color: '#325069',
|
|
27429
|
-
}, children: jsxRuntime.jsxs("div", { children: [locale?.['map.renderer.
|
|
27386
|
+
}, children: jsxRuntime.jsxs("div", { children: [locale?.['map.renderer.remainTime'] || 'Remaining time', ": ", remainingTime] }) }) }) }))] }));
|
|
27430
27387
|
};
|
|
27431
27388
|
React.useEffect(() => {
|
|
27432
27389
|
const isMove = isDragging || isRotating || isScaling;
|
|
@@ -30892,9 +30849,9 @@ const PARTITION_PICKER_GRID_BASE_COLOR = '#E3E5EB';
|
|
|
30892
30849
|
/** 网格单元边长(SVG 地图坐标,与 viewBox 一致;zoom 时间距同比缩放) */
|
|
30893
30850
|
const PARTITION_PICKER_GRID_TILE_SIZE = 10;
|
|
30894
30851
|
/** 网格线宽(地图坐标;随 zoom 同比缩放,不做屏幕像素恒定) */
|
|
30895
|
-
const PARTITION_PICKER_GRID_LINE_WIDTH = 0.
|
|
30852
|
+
const PARTITION_PICKER_GRID_LINE_WIDTH = 0.2;
|
|
30896
30853
|
/** 网格交点圆点半径(地图坐标) */
|
|
30897
|
-
const PARTITION_PICKER_GRID_DOT_RADIUS = 0.
|
|
30854
|
+
const PARTITION_PICKER_GRID_DOT_RADIUS = 0.6;
|
|
30898
30855
|
/** 网格层整体不透明度(Figma 约 80%) */
|
|
30899
30856
|
const PARTITION_PICKER_GRID_OPACITY = 0.4;
|
|
30900
30857
|
/** 网格线与交点颜色 */
|
|
@@ -32019,7 +31976,12 @@ const MapGridBackground = ({ viewBox, gridStyle }) => {
|
|
|
32019
31976
|
const patternId = React.useMemo(() => `partition-picker-grid-lines-${reactId.replace(/:/g, '-')}`, [reactId]);
|
|
32020
31977
|
const { baseColor, strokeColor, tileSize: tile, lineWidth, dotRadius, opacity, maxIntersectionDots, } = gridStyle;
|
|
32021
31978
|
const intersections = React.useMemo(() => getVisibleGridIntersections(viewBox, tile, maxIntersectionDots), [maxIntersectionDots, tile, viewBox.x, viewBox.y, viewBox.width, viewBox.height]);
|
|
32022
|
-
|
|
31979
|
+
/**
|
|
31980
|
+
* SVG stroke 以路径为中心;线在 tile 的 0 边绘制时,四格交点的视觉中心会偏向路径右下。
|
|
31981
|
+
* 线条内缩 lineWidth/2,圆点同步偏移,使圆心与网格线交叉中心对齐。
|
|
31982
|
+
*/
|
|
31983
|
+
const lineHalf = lineWidth / 2;
|
|
31984
|
+
return (jsxRuntime.jsxs("g", { className: "partition-picker-grid-bg", "aria-hidden": true, pointerEvents: "none", children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("pattern", { id: patternId, patternUnits: "userSpaceOnUse", width: tile, height: tile, children: [jsxRuntime.jsx("line", { x1: 0, y1: lineHalf, x2: tile, y2: lineHalf, stroke: strokeColor, strokeWidth: lineWidth }), jsxRuntime.jsx("line", { x1: lineHalf, y1: 0, x2: lineHalf, y2: tile, stroke: strokeColor, strokeWidth: lineWidth })] }) }), jsxRuntime.jsx("rect", { x: viewBox.x, y: viewBox.y, width: viewBox.width, height: viewBox.height, fill: baseColor }), jsxRuntime.jsx("rect", { x: viewBox.x, y: viewBox.y, width: viewBox.width, height: viewBox.height, fill: `url(#${patternId})`, opacity: opacity }), jsxRuntime.jsx("g", { opacity: opacity, children: intersections.map((point, index) => (jsxRuntime.jsx("circle", { cx: point.x + lineHalf, cy: point.y + lineHalf, r: dotRadius, fill: strokeColor }, `${point.x}-${point.y}-${index}`))) })] }));
|
|
32023
31985
|
};
|
|
32024
31986
|
var MapGridBackground$1 = React.memo(MapGridBackground);
|
|
32025
31987
|
|
|
@@ -33,9 +33,9 @@ export declare const PARTITION_PICKER_GRID_BASE_COLOR = "#E3E5EB";
|
|
|
33
33
|
/** 网格单元边长(SVG 地图坐标,与 viewBox 一致;zoom 时间距同比缩放) */
|
|
34
34
|
export declare const PARTITION_PICKER_GRID_TILE_SIZE = 10;
|
|
35
35
|
/** 网格线宽(地图坐标;随 zoom 同比缩放,不做屏幕像素恒定) */
|
|
36
|
-
export declare const PARTITION_PICKER_GRID_LINE_WIDTH = 0.
|
|
36
|
+
export declare const PARTITION_PICKER_GRID_LINE_WIDTH = 0.2;
|
|
37
37
|
/** 网格交点圆点半径(地图坐标) */
|
|
38
|
-
export declare const PARTITION_PICKER_GRID_DOT_RADIUS = 0.
|
|
38
|
+
export declare const PARTITION_PICKER_GRID_DOT_RADIUS = 0.6;
|
|
39
39
|
/** 网格层整体不透明度(Figma 约 80%) */
|
|
40
40
|
export declare const PARTITION_PICKER_GRID_OPACITY = 0.4;
|
|
41
41
|
/** 网格线与交点颜色 */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MapGridBackground.d.ts","sourceRoot":"","sources":["../../../../src/render/partitionPicker/layers/MapGridBackground.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,UAAU,sBAAsB;IAC9B,gCAAgC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,iDAAiD;IACjD,SAAS,EAAE,wBAAwB,CAAC;CACrC;2EA+BkD,sBAAsB;
|
|
1
|
+
{"version":3,"file":"MapGridBackground.d.ts","sourceRoot":"","sources":["../../../../src/render/partitionPicker/layers/MapGridBackground.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,UAAU,sBAAsB;IAC9B,gCAAgC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,iDAAiD;IACjD,SAAS,EAAE,wBAAwB,CAAC;CACrC;2EA+BkD,sBAAsB;AA+FzE,wBAAuC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { MapBounds } from '@/types/utils';
|
|
2
|
-
import { ScreenPaddingInput } from './types';
|
|
3
|
-
import { ViewBox } from './types';
|
|
2
|
+
import { ScreenPaddingInput, ViewBox } from './types';
|
|
4
3
|
/** 拖拽超过该像素阈值时视为平移,而非点击 */
|
|
5
4
|
export declare const PAN_CLICK_THRESHOLD_PX = 5;
|
|
6
5
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"viewportUtils.d.ts","sourceRoot":"","sources":["../../../src/render/partitionPicker/viewportUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,
|
|
1
|
+
{"version":3,"file":"viewportUtils.d.ts","sourceRoot":"","sources":["../../../src/render/partitionPicker/viewportUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAIL,kBAAkB,EAClB,OAAO,EACR,MAAM,SAAS,CAAC;AAEjB,0BAA0B;AAC1B,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAclF;AAqKD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,aAAa,GAAE,kBAAsB,GACpC,OAAO,CAuBT;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAExD;AAED,oEAAoE;AACpE,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,UAGxB;AAED,+CAA+C;AAC/C,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM;;;;EAQxB;AAED,0BAA0B;AAC1B,wBAAgB,iBAAiB,CAC/B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,MAAM;;;EAcpB;AAED,gDAAgD;AAChD,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,WAAW,EAAE,MAAM;;;EAGpB;AAED,sEAAsE;AACtE,wBAAgB,iCAAiC,CAC/C,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,MAAM;;;EAOpB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO;;;EAKhD;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,cAAc,SAAI;;;EAsBnB;AAED,8BAA8B;AAC9B,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,MAAM,EAAE,EAAE,EAClB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,UAiBxB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,UAGvE;AAED;;;;;GAKG;AACH,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB;IAChB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,uBAAuB,UAWjC;AAED,2EAA2E;AAC3E,wBAAgB,4BAA4B,CAC1C,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,cAAc,SAAI;;;EAsBnB;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,OAAO,EACnB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,GACd,MAAM,CAIR;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,OAAO,CAcT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DoodleTransformWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/render/svgElement/TransformWrapper/DoodleTransformWrapper/DoodleTransformWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAkBjD,UAAU,2BAA2B;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE;QAC9B,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,
|
|
1
|
+
{"version":3,"file":"DoodleTransformWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/render/svgElement/TransformWrapper/DoodleTransformWrapper/DoodleTransformWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAkBjD,UAAU,2BAA2B;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE;QAC9B,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA0iBjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|