@fleet-frontend/mower-maps 0.2.5-beta.15 → 0.2.5-beta.16
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
CHANGED
|
@@ -24024,7 +24024,7 @@ const useCheckElement = () => {
|
|
|
24024
24024
|
};
|
|
24025
24025
|
};
|
|
24026
24026
|
|
|
24027
|
-
var css_248z$6 = ".Tooltip-module_tooltip__Wexlk {\n position: fixed;\n background-color: #fff;\n border-radius: 4px;\n height: 20px;\n line-height: 20px;\n font-size: 12px;\n color: #211F1F;\n padding: 0 4px;\n white-space: nowrap;\n z-index: 9999;\n cursor: pointer;\n user-select: none;\n}\n.Tooltip-module_tooltip__Wexlk.Tooltip-module_tooltipHover__Tfqme {\n height: 30px;\n padding: 5px 12px;\n}\n.Tooltip-module_tooltip__Wexlk.Tooltip-module_tooltipHover__Tfqme:hover {\n background-color: #FFEFE6;\n}";
|
|
24027
|
+
var css_248z$6 = ".Tooltip-module_tooltip__Wexlk {\n position: fixed;\n background-color: #fff;\n border-radius: 4px;\n height: 20px;\n line-height: 20px;\n font-size: 12px;\n color: #211F1F;\n padding: 0 4px;\n white-space: nowrap;\n z-index: 9999;\n cursor: pointer;\n user-select: none;\n}\n.Tooltip-module_tooltip__Wexlk.Tooltip-module_tooltipHover__Tfqme {\n height: 30px;\n padding: 5px 12px;\n}\n.Tooltip-module_tooltip__Wexlk.Tooltip-module_tooltipHover__Tfqme:hover {\n background-color: #FFEFE6;\n color: #FF5A00;\n}";
|
|
24028
24028
|
var styles$6 = {"tooltip":"Tooltip-module_tooltip__Wexlk","tooltipHover":"Tooltip-module_tooltipHover__Tfqme"};
|
|
24029
24029
|
styleInject(css_248z$6);
|
|
24030
24030
|
|
|
@@ -26723,6 +26723,13 @@ const DoodleTransform = ({ data, isSelected: _isSelected, isHover, onSelect }) =
|
|
|
26723
26723
|
}
|
|
26724
26724
|
};
|
|
26725
26725
|
|
|
26726
|
+
var HoverType;
|
|
26727
|
+
(function (HoverType) {
|
|
26728
|
+
HoverType["Translate"] = "translate";
|
|
26729
|
+
HoverType["Scale"] = "scale";
|
|
26730
|
+
HoverType["Rotate"] = "rotate";
|
|
26731
|
+
HoverType["Delete"] = "delete";
|
|
26732
|
+
})(HoverType || (HoverType = {}));
|
|
26726
26733
|
const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOperation = false, isHover = false, onSelect, onCancel, onTransformChange, disabled = false, className = '', minScale, onMinScaleReached, onDragMove, onDragEnd, showInfo = true, onClickInfo, }) => {
|
|
26727
26734
|
const { platform, overlayScale, unitType } = useCommonContext();
|
|
26728
26735
|
// 使用自定义hook管理所有变换逻辑
|
|
@@ -26730,6 +26737,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
26730
26737
|
minScale,
|
|
26731
26738
|
onMinScaleReached,
|
|
26732
26739
|
});
|
|
26740
|
+
const [hoverType, setHoverType] = useState(null);
|
|
26733
26741
|
// 创建变换后的数据对象 - 需要将转换后的坐标转换回原始格式
|
|
26734
26742
|
const transformedData = useMemo(() => {
|
|
26735
26743
|
// 将转换后的坐标转换回原始格式（除以 SCALE_FACTOR 并翻转 Y 轴）
|
|
@@ -26969,7 +26977,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
26969
26977
|
}
|
|
26970
26978
|
: {
|
|
26971
26979
|
onMouseDown: handleCancel,
|
|
26972
|
-
}), transform: `translate(${selectionBoxPoints[0].x}, ${selectionBoxPoints[0].y})`, children: jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale})`, children: jsx(SvgTransformDelete, {}) }) })), jsx("g", { className: "control-point rotate-point", ...(platform === PlatformType.H5
|
|
26980
|
+
}), transform: `translate(${selectionBoxPoints[0].x}, ${selectionBoxPoints[0].y})`, children: jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale * (hoverType === HoverType.Delete ? 1.2 : 1)})`, onMouseEnter: () => setHoverType(HoverType.Delete), onMouseLeave: () => setHoverType(null), children: jsx(SvgTransformDelete, {}) }) })), jsx("g", { className: "control-point rotate-point", ...(platform === PlatformType.H5
|
|
26973
26981
|
? {
|
|
26974
26982
|
onTouchStart: createReactEventHandler((e) => {
|
|
26975
26983
|
handleRotateStartWithDisabled(e);
|
|
@@ -26977,7 +26985,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
26977
26985
|
}
|
|
26978
26986
|
: {
|
|
26979
26987
|
onMouseDown: handleRotateStartWithDisabled,
|
|
26980
|
-
}), transform: `translate(${selectionBoxPoints[3].x}, ${selectionBoxPoints[3].y})`, children: jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale})`, children: jsx(SvgTransformRotate, {}) }) }), jsx("g", { className: "control-point move-point", ...(platform === PlatformType.H5
|
|
26988
|
+
}), transform: `translate(${selectionBoxPoints[3].x}, ${selectionBoxPoints[3].y})`, children: jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale * (hoverType === HoverType.Rotate ? 1.2 : 1)})`, onMouseEnter: () => setHoverType(HoverType.Rotate), onMouseLeave: () => setHoverType(null), children: jsx(SvgTransformRotate, {}) }) }), jsx("g", { className: "control-point move-point", ...(platform === PlatformType.H5
|
|
26981
26989
|
? {
|
|
26982
26990
|
onTouchStart: createReactEventHandler((e) => {
|
|
26983
26991
|
handleMouseDownWithDisabled(e);
|
|
@@ -26985,7 +26993,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
26985
26993
|
}
|
|
26986
26994
|
: {
|
|
26987
26995
|
onMouseDown: handleMouseDownWithDisabled,
|
|
26988
|
-
}), transform: `translate(${selectionBoxPoints[1].x}, ${selectionBoxPoints[1].y})`, children: jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale})`, children: jsx(SvgTransformTranslate, {}) }) }), jsx("g", { className: "control-point scale-point", ...(platform === PlatformType.H5
|
|
26996
|
+
}), transform: `translate(${selectionBoxPoints[1].x}, ${selectionBoxPoints[1].y})`, children: jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale * (hoverType === HoverType.Translate ? 1.2 : 1)})`, onMouseEnter: () => setHoverType(HoverType.Translate), onMouseLeave: () => setHoverType(null), children: jsx(SvgTransformTranslate, {}) }) }), jsx("g", { className: "control-point scale-point", ...(platform === PlatformType.H5
|
|
26989
26997
|
? {
|
|
26990
26998
|
onTouchStart: createReactEventHandler((e) => {
|
|
26991
26999
|
handleScaleStartWithDisabled(e);
|
|
@@ -26993,7 +27001,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
26993
27001
|
}
|
|
26994
27002
|
: {
|
|
26995
27003
|
onMouseDown: handleScaleStartWithDisabled,
|
|
26996
|
-
}), transform: `translate(${selectionBoxPoints[2].x}, ${selectionBoxPoints[2].y})`, children: jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale})`, children: jsx(SvgTransformScale, {}) }) })] }));
|
|
27004
|
+
}), transform: `translate(${selectionBoxPoints[2].x}, ${selectionBoxPoints[2].y})`, children: jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale * (hoverType === HoverType.Scale ? 1.2 : 1)})`, onMouseEnter: () => setHoverType(HoverType.Scale), onMouseLeave: () => setHoverType(null), children: jsx(SvgTransformScale, {}) }) })] }));
|
|
26997
27005
|
})()] }));
|
|
26998
27006
|
};
|
|
26999
27007
|
|
|
@@ -29159,7 +29167,7 @@ const useCreateVisionOffElement = () => {
|
|
|
29159
29167
|
[maxX, minY],
|
|
29160
29168
|
];
|
|
29161
29169
|
return elementPoints;
|
|
29162
|
-
}, [centerPoint, elementWidth, editMapInfo.allVisionOffPoints]);
|
|
29170
|
+
}, [centerPoint, elementWidth, editMapInfo.allVisionOffPoints, svgViewBox]);
|
|
29163
29171
|
return {
|
|
29164
29172
|
centerPoint,
|
|
29165
29173
|
getVisionOffPoints,
|
package/dist/index.js
CHANGED
|
@@ -24044,7 +24044,7 @@ const useCheckElement = () => {
|
|
|
24044
24044
|
};
|
|
24045
24045
|
};
|
|
24046
24046
|
|
|
24047
|
-
var css_248z$6 = ".Tooltip-module_tooltip__Wexlk {\n position: fixed;\n background-color: #fff;\n border-radius: 4px;\n height: 20px;\n line-height: 20px;\n font-size: 12px;\n color: #211F1F;\n padding: 0 4px;\n white-space: nowrap;\n z-index: 9999;\n cursor: pointer;\n user-select: none;\n}\n.Tooltip-module_tooltip__Wexlk.Tooltip-module_tooltipHover__Tfqme {\n height: 30px;\n padding: 5px 12px;\n}\n.Tooltip-module_tooltip__Wexlk.Tooltip-module_tooltipHover__Tfqme:hover {\n background-color: #FFEFE6;\n}";
|
|
24047
|
+
var css_248z$6 = ".Tooltip-module_tooltip__Wexlk {\n position: fixed;\n background-color: #fff;\n border-radius: 4px;\n height: 20px;\n line-height: 20px;\n font-size: 12px;\n color: #211F1F;\n padding: 0 4px;\n white-space: nowrap;\n z-index: 9999;\n cursor: pointer;\n user-select: none;\n}\n.Tooltip-module_tooltip__Wexlk.Tooltip-module_tooltipHover__Tfqme {\n height: 30px;\n padding: 5px 12px;\n}\n.Tooltip-module_tooltip__Wexlk.Tooltip-module_tooltipHover__Tfqme:hover {\n background-color: #FFEFE6;\n color: #FF5A00;\n}";
|
|
24048
24048
|
var styles$6 = {"tooltip":"Tooltip-module_tooltip__Wexlk","tooltipHover":"Tooltip-module_tooltipHover__Tfqme"};
|
|
24049
24049
|
styleInject(css_248z$6);
|
|
24050
24050
|
|
|
@@ -26743,6 +26743,13 @@ const DoodleTransform = ({ data, isSelected: _isSelected, isHover, onSelect }) =
|
|
|
26743
26743
|
}
|
|
26744
26744
|
};
|
|
26745
26745
|
|
|
26746
|
+
var HoverType;
|
|
26747
|
+
(function (HoverType) {
|
|
26748
|
+
HoverType["Translate"] = "translate";
|
|
26749
|
+
HoverType["Scale"] = "scale";
|
|
26750
|
+
HoverType["Rotate"] = "rotate";
|
|
26751
|
+
HoverType["Delete"] = "delete";
|
|
26752
|
+
})(HoverType || (HoverType = {}));
|
|
26746
26753
|
const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOperation = false, isHover = false, onSelect, onCancel, onTransformChange, disabled = false, className = '', minScale, onMinScaleReached, onDragMove, onDragEnd, showInfo = true, onClickInfo, }) => {
|
|
26747
26754
|
const { platform, overlayScale, unitType } = useCommonContext();
|
|
26748
26755
|
// 使用自定义hook管理所有变换逻辑
|
|
@@ -26750,6 +26757,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
26750
26757
|
minScale,
|
|
26751
26758
|
onMinScaleReached,
|
|
26752
26759
|
});
|
|
26760
|
+
const [hoverType, setHoverType] = React.useState(null);
|
|
26753
26761
|
// 创建变换后的数据对象 - 需要将转换后的坐标转换回原始格式
|
|
26754
26762
|
const transformedData = React.useMemo(() => {
|
|
26755
26763
|
// 将转换后的坐标转换回原始格式（除以 SCALE_FACTOR 并翻转 Y 轴）
|
|
@@ -26989,7 +26997,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
26989
26997
|
}
|
|
26990
26998
|
: {
|
|
26991
26999
|
onMouseDown: handleCancel,
|
|
26992
|
-
}), transform: `translate(${selectionBoxPoints[0].x}, ${selectionBoxPoints[0].y})`, children: jsxRuntime.jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale})`, children: jsxRuntime.jsx(SvgTransformDelete, {}) }) })), jsxRuntime.jsx("g", { className: "control-point rotate-point", ...(platform === exports.PlatformType.H5
|
|
27000
|
+
}), transform: `translate(${selectionBoxPoints[0].x}, ${selectionBoxPoints[0].y})`, children: jsxRuntime.jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale * (hoverType === HoverType.Delete ? 1.2 : 1)})`, onMouseEnter: () => setHoverType(HoverType.Delete), onMouseLeave: () => setHoverType(null), children: jsxRuntime.jsx(SvgTransformDelete, {}) }) })), jsxRuntime.jsx("g", { className: "control-point rotate-point", ...(platform === exports.PlatformType.H5
|
|
26993
27001
|
? {
|
|
26994
27002
|
onTouchStart: createReactEventHandler((e) => {
|
|
26995
27003
|
handleRotateStartWithDisabled(e);
|
|
@@ -26997,7 +27005,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
26997
27005
|
}
|
|
26998
27006
|
: {
|
|
26999
27007
|
onMouseDown: handleRotateStartWithDisabled,
|
|
27000
|
-
}), transform: `translate(${selectionBoxPoints[3].x}, ${selectionBoxPoints[3].y})`, children: jsxRuntime.jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale})`, children: jsxRuntime.jsx(SvgTransformRotate, {}) }) }), jsxRuntime.jsx("g", { className: "control-point move-point", ...(platform === exports.PlatformType.H5
|
|
27008
|
+
}), transform: `translate(${selectionBoxPoints[3].x}, ${selectionBoxPoints[3].y})`, children: jsxRuntime.jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale * (hoverType === HoverType.Rotate ? 1.2 : 1)})`, onMouseEnter: () => setHoverType(HoverType.Rotate), onMouseLeave: () => setHoverType(null), children: jsxRuntime.jsx(SvgTransformRotate, {}) }) }), jsxRuntime.jsx("g", { className: "control-point move-point", ...(platform === exports.PlatformType.H5
|
|
27001
27009
|
? {
|
|
27002
27010
|
onTouchStart: createReactEventHandler((e) => {
|
|
27003
27011
|
handleMouseDownWithDisabled(e);
|
|
@@ -27005,7 +27013,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
27005
27013
|
}
|
|
27006
27014
|
: {
|
|
27007
27015
|
onMouseDown: handleMouseDownWithDisabled,
|
|
27008
|
-
}), transform: `translate(${selectionBoxPoints[1].x}, ${selectionBoxPoints[1].y})`, children: jsxRuntime.jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale})`, children: jsxRuntime.jsx(SvgTransformTranslate, {}) }) }), jsxRuntime.jsx("g", { className: "control-point scale-point", ...(platform === exports.PlatformType.H5
|
|
27016
|
+
}), transform: `translate(${selectionBoxPoints[1].x}, ${selectionBoxPoints[1].y})`, children: jsxRuntime.jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale * (hoverType === HoverType.Translate ? 1.2 : 1)})`, onMouseEnter: () => setHoverType(HoverType.Translate), onMouseLeave: () => setHoverType(null), children: jsxRuntime.jsx(SvgTransformTranslate, {}) }) }), jsxRuntime.jsx("g", { className: "control-point scale-point", ...(platform === exports.PlatformType.H5
|
|
27009
27017
|
? {
|
|
27010
27018
|
onTouchStart: createReactEventHandler((e) => {
|
|
27011
27019
|
handleScaleStartWithDisabled(e);
|
|
@@ -27013,7 +27021,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
|
|
|
27013
27021
|
}
|
|
27014
27022
|
: {
|
|
27015
27023
|
onMouseDown: handleScaleStartWithDisabled,
|
|
27016
|
-
}), transform: `translate(${selectionBoxPoints[2].x}, ${selectionBoxPoints[2].y})`, children: jsxRuntime.jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale})`, children: jsxRuntime.jsx(SvgTransformScale, {}) }) })] }));
|
|
27024
|
+
}), transform: `translate(${selectionBoxPoints[2].x}, ${selectionBoxPoints[2].y})`, children: jsxRuntime.jsx("g", { style: { cursor: 'pointer' }, transformOrigin: "center", transform: `translate(-${offsetLeft}, -${offsetLeft}) scale(${scale * (hoverType === HoverType.Scale ? 1.2 : 1)})`, onMouseEnter: () => setHoverType(HoverType.Scale), onMouseLeave: () => setHoverType(null), children: jsxRuntime.jsx(SvgTransformScale, {}) }) })] }));
|
|
27017
27025
|
})()] }));
|
|
27018
27026
|
};
|
|
27019
27027
|
|
|
@@ -29179,7 +29187,7 @@ const useCreateVisionOffElement = () => {
|
|
|
29179
29187
|
[maxX, minY],
|
|
29180
29188
|
];
|
|
29181
29189
|
return elementPoints;
|
|
29182
|
-
}, [centerPoint, elementWidth, editMapInfo.allVisionOffPoints]);
|
|
29190
|
+
}, [centerPoint, elementWidth, editMapInfo.allVisionOffPoints, svgViewBox]);
|
|
29183
29191
|
return {
|
|
29184
29192
|
centerPoint,
|
|
29185
29193
|
getVisionOffPoints,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DoodleTransformWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/render/svgElement/TransformWrapper/DoodleTransformWrapper/DoodleTransformWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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;AAyBjD,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,CAmjBjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|