|
|
/**
|
|
|
* @交互说明
|
|
|
* 1. 初始化选中目标的设备对象 【设备名称、使用图标】
|
|
|
*/
|
|
|
export const useDeviceObject = () => {
|
|
|
const initDeviceGroupObjects: Record<string, any> = (record: {
|
|
|
id: string;
|
|
|
value: string;
|
|
|
}) => {
|
|
|
console.log(record, "initDeviceGroupObjects");
|
|
|
// const { value } = record;
|
|
|
// let watchIconObject = watchIcon2;
|
|
|
// switch (value) {
|
|
|
// case "watchError":
|
|
|
// watchIconObject = watchIcon1;
|
|
|
// break;
|
|
|
// case "watchOnline":
|
|
|
// watchIconObject = watchIcon2;
|
|
|
// break;
|
|
|
// case "watchOutline":
|
|
|
// watchIconObject = watchIcon3;
|
|
|
// break;
|
|
|
// case "watchWarn":
|
|
|
// default:
|
|
|
// watchIconObject = watchIcon4;
|
|
|
// break;
|
|
|
// }
|
|
|
return {
|
|
|
selectable: true,
|
|
|
hasControls: true,
|
|
|
lockUniScaling: true, // 当设置为true，Object将无法被锁定比例进行缩放。默认值为false。
|
|
|
lockScalingX: true, // 当设置为true，Object水平方向将无法被缩放。默认值为false。
|
|
|
lockScalingY: true, // 当设置为true，Object垂直方向将无法被缩放。默认值为false。
|
|
|
lockRotation: true, // 当设置为true，Object的旋转将被锁定。默认值为false。
|
|
|
type: "group",
|
|
|
version: "5.3.0",
|
|
|
originX: "left",
|
|
|
originY: "top",
|
|
|
left: 20.9866,
|
|
|
top: 16.4716,
|
|
|
width: 131,
|
|
|
height: 66,
|
|
|
fill: "rgb(0,0,0)",
|
|
|
stroke: null,
|
|
|
strokeWidth: 0,
|
|
|
strokeDashArray: null,
|
|
|
strokeLineCap: "butt",
|
|
|
strokeDashOffset: 0,
|
|
|
strokeLineJoin: "miter",
|
|
|
strokeUniform: false,
|
|
|
strokeMiterLimit: 4,
|
|
|
scaleX: 1,
|
|
|
scaleY: 1,
|
|
|
angle: 0,
|
|
|
flipX: false,
|
|
|
flipY: false,
|
|
|
opacity: 1,
|
|
|
shadow: null,
|
|
|
visible: true,
|
|
|
backgroundColor: "",
|
|
|
fillRule: "nonzero",
|
|
|
paintFirst: "fill",
|
|
|
globalCompositeOperation: "source-over",
|
|
|
skewX: 0,
|
|
|
skewY: 0,
|
|
|
objects: [
|
|
|
{
|
|
|
type: "group",
|
|
|
version: "5.3.0",
|
|
|
originX: "left",
|
|
|
originY: "top",
|
|
|
left: -65.5,
|
|
|
top: -33,
|
|
|
width: 131,
|
|
|
height: 66,
|
|
|
fill: "rgb(0,0,0)",
|
|
|
stroke: null,
|
|
|
strokeWidth: 0,
|
|
|
strokeDashArray: null,
|
|
|
strokeLineCap: "butt",
|
|
|
strokeDashOffset: 0,
|
|
|
strokeLineJoin: "miter",
|
|
|
strokeUniform: false,
|
|
|
strokeMiterLimit: 4,
|
|
|
scaleX: 1,
|
|
|
scaleY: 1,
|
|
|
angle: 0,
|
|
|
flipX: false,
|
|
|
flipY: false,
|
|
|
opacity: 1,
|
|
|
shadow: "",
|
|
|
visible: true,
|
|
|
backgroundColor: "",
|
|
|
fillRule: "nonzero",
|
|
|
paintFirst: "fill",
|
|
|
globalCompositeOperation: "source-over",
|
|
|
skewX: 0,
|
|
|
skewY: 0,
|
|
|
selectable: true,
|
|
|
hasControls: true,
|
|
|
objects: [
|
|
|
{
|
|
|
type: "path",
|
|
|
version: "5.3.0",
|
|
|
originX: "left",
|
|
|
originY: "top",
|
|
|
left: -60,
|
|
|
top: -31.5,
|
|
|
width: 119,
|
|
|
height: 54,
|
|
|
fill: "white",
|
|
|
stroke: null,
|
|
|
strokeWidth: 1,
|
|
|
strokeDashArray: null,
|
|
|
strokeLineCap: "butt",
|
|
|
strokeDashOffset: 0,
|
|
|
strokeLineJoin: "miter",
|
|
|
strokeUniform: false,
|
|
|
strokeMiterLimit: 4,
|
|
|
scaleX: 1,
|
|
|
scaleY: 1,
|
|
|
angle: 0,
|
|
|
flipX: false,
|
|
|
flipY: false,
|
|
|
opacity: 1,
|
|
|
shadow: null,
|
|
|
visible: true,
|
|
|
backgroundColor: "",
|
|
|
fillRule: "evenodd",
|
|
|
paintFirst: "fill",
|
|
|
globalCompositeOperation: "source-over",
|
|
|
skewX: 0,
|
|
|
skewY: 0,
|
|
|
selectable: true,
|
|
|
hasControls: true,
|
|
|
path: [
|
|
|
["M", 10, 2],
|
|
|
["C", 7.79086, 2, 6, 3.79086, 6, 6],
|
|
|
["L", 6, 44],
|
|
|
["C", 6, 46.2091, 7.79086, 48, 10, 48],
|
|
|
["L", 58.8, 48],
|
|
|
["L", 66, 56],
|
|
|
["L", 73.2, 48],
|
|
|
["L", 121, 48],
|
|
|
["C", 123.209, 48, 125, 46.2091, 125, 44],
|
|
|
["L", 125, 6],
|
|
|
["C", 125, 3.79086, 123.209, 2, 121, 2],
|
|
|
["L", 10, 2],
|
|
|
["Z"]
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
type: "path",
|
|
|
version: "5.3.0",
|
|
|
originX: "left",
|
|
|
originY: "top",
|
|
|
left: -61,
|
|
|
top: -32.5,
|
|
|
width: 121,
|
|
|
height: 56.4948,
|
|
|
fill: "rgba(21,77,221,0.2)",
|
|
|
stroke: null,
|
|
|
strokeWidth: 1,
|
|
|
strokeDashArray: null,
|
|
|
strokeLineCap: "butt",
|
|
|
strokeDashOffset: 0,
|
|
|
strokeLineJoin: "miter",
|
|
|
strokeUniform: false,
|
|
|
strokeMiterLimit: 4,
|
|
|
scaleX: 1,
|
|
|
scaleY: 1,
|
|
|
angle: 0,
|
|
|
flipX: false,
|
|
|
flipY: false,
|
|
|
opacity: 1,
|
|
|
shadow: null,
|
|
|
visible: true,
|
|
|
backgroundColor: "",
|
|
|
fillRule: "nonzero",
|
|
|
paintFirst: "fill",
|
|
|
globalCompositeOperation: "source-over",
|
|
|
skewX: 0,
|
|
|
skewY: 0,
|
|
|
selectable: true,
|
|
|
hasControls: true,
|
|
|
path: [
|
|
|
["M", 58.8, 48],
|
|
|
["L", 59.5433, 47.331],
|
|
|
["L", 59.2454, 47],
|
|
|
["L", 58.8, 47],
|
|
|
["L", 58.8, 48],
|
|
|
["Z"],
|
|
|
["M", 66, 56],
|
|
|
["L", 65.2567, 56.669],
|
|
|
["L", 66, 57.4948],
|
|
|
["L", 66.7433, 56.669],
|
|
|
["L", 66, 56],
|
|
|
["Z"],
|
|
|
["M", 73.2, 48],
|
|
|
["L", 73.2, 47],
|
|
|
["L", 72.7546, 47],
|
|
|
["L", 72.4567, 47.331],
|
|
|
["L", 73.2, 48],
|
|
|
["Z"],
|
|
|
["M", 7, 6],
|
|
|
["C", 7, 4.34315, 8.34315, 3, 10, 3],
|
|
|
["L", 10, 1],
|
|
|
["C", 7.23858, 1, 5, 3.23857, 5, 6],
|
|
|
["L", 7, 6],
|
|
|
["Z"],
|
|
|
["M", 7, 44],
|
|
|
["L", 7, 6],
|
|
|
["L", 5, 6],
|
|
|
["L", 5, 44],
|
|
|
["L", 7, 44],
|
|
|
["Z"],
|
|
|
["M", 10, 47],
|
|
|
["C", 8.34315, 47, 7, 45.6569, 7, 44],
|
|
|
["L", 5, 44],
|
|
|
["C", 5, 46.7614, 7.23858, 49, 10, 49],
|
|
|
["L", 10, 47],
|
|
|
["Z"],
|
|
|
["M", 58.8, 47],
|
|
|
["L", 10, 47],
|
|
|
["L", 10, 49],
|
|
|
["L", 58.8, 49],
|
|
|
["L", 58.8, 47],
|
|
|
["Z"],
|
|
|
["M", 58.0567, 48.669],
|
|
|
["L", 65.2567, 56.669],
|
|
|
["L", 66.7433, 55.331],
|
|
|
["L", 59.5433, 47.331],
|
|
|
["L", 58.0567, 48.669],
|
|
|
["Z"],
|
|
|
["M", 66.7433, 56.669],
|
|
|
["L", 73.9433, 48.669],
|
|
|
["L", 72.4567, 47.331],
|
|
|
["L", 65.2567, 55.331],
|
|
|
["L", 66.7433, 56.669],
|
|
|
["Z"],
|
|
|
["M", 121, 47],
|
|
|
["L", 73.2, 47],
|
|
|
["L", 73.2, 49],
|
|
|
["L", 121, 49],
|
|
|
["L", 121, 47],
|
|
|
["Z"],
|
|
|
["M", 124, 44],
|
|
|
["C", 124, 45.6569, 122.657, 47, 121, 47],
|
|
|
["L", 121, 49],
|
|
|
["C", 123.761, 49, 126, 46.7614, 126, 44],
|
|
|
["L", 124, 44],
|
|
|
["Z"],
|
|
|
["M", 124, 6],
|
|
|
["L", 124, 44],
|
|
|
["L", 126, 44],
|
|
|
["L", 126, 6],
|
|
|
["L", 124, 6],
|
|
|
["Z"],
|
|
|
["M", 121, 3],
|
|
|
["C", 122.657, 3, 124, 4.34315, 124, 6],
|
|
|
["L", 126, 6],
|
|
|
["C", 126, 3.23858, 123.761, 1, 121, 1],
|
|
|
["L", 121, 3],
|
|
|
["Z"],
|
|
|
["M", 10, 3],
|
|
|
["L", 121, 3],
|
|
|
["L", 121, 1],
|
|
|
["L", 10, 1],
|
|
|
["L", 10, 3],
|
|
|
["Z"]
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
type: "rect",
|
|
|
version: "5.3.0",
|
|
|
originX: "left",
|
|
|
originY: "top",
|
|
|
left: -52,
|
|
|
top: -24.5,
|
|
|
width: 32,
|
|
|
height: 32,
|
|
|
fill: "#52C41A",
|
|
|
stroke: null,
|
|
|
strokeWidth: 1,
|
|
|
strokeDashArray: null,
|
|
|
strokeLineCap: "butt",
|
|
|
strokeDashOffset: 0,
|
|
|
strokeLineJoin: "miter",
|
|
|
strokeUniform: false,
|
|
|
strokeMiterLimit: 4,
|
|
|
scaleX: 1,
|
|
|
scaleY: 1,
|
|
|
angle: 0,
|
|
|
flipX: false,
|
|
|
flipY: false,
|
|
|
opacity: 1,
|
|
|
shadow: null,
|
|
|
visible: true,
|
|
|
backgroundColor: "",
|
|
|
fillRule: "nonzero",
|
|
|
paintFirst: "fill",
|
|
|
globalCompositeOperation: "source-over",
|
|
|
skewX: 0,
|
|
|
skewY: 0,
|
|
|
rx: 2,
|
|
|
ry: 2,
|
|
|
selectable: true,
|
|
|
hasControls: true
|
|
|
},
|
|
|
{
|
|
|
type: "path",
|
|
|
version: "5.3.0",
|
|
|
originX: "left",
|
|
|
originY: "top",
|
|
|
left: -45.9945,
|
|
|
top: -17.6,
|
|
|
width: 19.8963,
|
|
|
height: 0,
|
|
|
fill: "",
|
|
|
stroke: "white",
|
|
|
strokeWidth: 1.2,
|
|
|
strokeDashArray: null,
|
|
|
strokeLineCap: "round",
|
|
|
strokeDashOffset: 0,
|
|
|
strokeLineJoin: "round",
|
|
|
strokeUniform: false,
|
|
|
strokeMiterLimit: 4,
|
|
|
scaleX: 1,
|
|
|
scaleY: 1,
|
|
|
angle: 0,
|
|
|
flipX: false,
|
|
|
flipY: false,
|
|
|
opacity: 1,
|
|
|
shadow: null,
|
|
|
visible: true,
|
|
|
backgroundColor: "",
|
|
|
fillRule: "nonzero",
|
|
|
paintFirst: "fill",
|
|
|
globalCompositeOperation: "source-over",
|
|
|
skewX: 0,
|
|
|
skewY: 0,
|
|
|
selectable: true,
|
|
|
hasControls: true,
|
|
|
path: [
|
|
|
["M", 40.0018, 16],
|
|
|
["L", 29.5301, 16],
|
|
|
["L", 20.1055, 16]
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
type: "path",
|
|
|
version: "5.3.0",
|
|
|
originX: "left",
|
|
|
originY: "top",
|
|
|
left: -36.5727,
|
|
|
top: -17.6,
|
|
|
width: 0,
|
|
|
height: 8.8419,
|
|
|
fill: "",
|
|
|
stroke: "white",
|
|
|
strokeWidth: 1.2,
|
|
|
strokeDashArray: null,
|
|
|
strokeLineCap: "round",
|
|
|
strokeDashOffset: 0,
|
|
|
strokeLineJoin: "round",
|
|
|
strokeUniform: false,
|
|
|
strokeMiterLimit: 4,
|
|
|
scaleX: 1,
|
|
|
scaleY: 1,
|
|
|
angle: 0,
|
|
|
flipX: false,
|
|
|
flipY: false,
|
|
|
opacity: 1,
|
|
|
shadow: null,
|
|
|
visible: true,
|
|
|
backgroundColor: "",
|
|
|
fillRule: "nonzero",
|
|
|
paintFirst: "fill",
|
|
|
globalCompositeOperation: "source-over",
|
|
|
skewX: 0,
|
|
|
skewY: 0,
|
|
|
selectable: true,
|
|
|
hasControls: true,
|
|
|
path: [
|
|
|
["M", 29.5273, 24.8419],
|
|
|
["L", 29.5273, 16]
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
type: "path",
|
|
|
version: "5.3.0",
|
|
|
originX: "left",
|
|
|
originY: "top",
|
|
|
left: -46.1,
|
|
|
top: -10.5375,
|
|
|
width: 18.5869,
|
|
|
height: 10.9372,
|
|
|
fill: "white",
|
|
|
stroke: "white",
|
|
|
strokeWidth: 1.2,
|
|
|
strokeDashArray: null,
|
|
|
strokeLineCap: "round",
|
|
|
strokeDashOffset: 0,
|
|
|
strokeLineJoin: "round",
|
|
|
strokeUniform: false,
|
|
|
strokeMiterLimit: 4,
|
|
|
scaleX: 1,
|
|
|
scaleY: 1,
|
|
|
angle: 0,
|
|
|
flipX: false,
|
|
|
flipY: false,
|
|
|
opacity: 1,
|
|
|
shadow: null,
|
|
|
visible: true,
|
|
|
backgroundColor: "",
|
|
|
fillRule: "nonzero",
|
|
|
paintFirst: "fill",
|
|
|
globalCompositeOperation: "source-over",
|
|
|
skewX: 0,
|
|
|
skewY: 0,
|
|
|
selectable: true,
|
|
|
hasControls: true,
|
|
|
path: [
|
|
|
["M", 21.8972, 23.0625],
|
|
|
["L", 38.5869, 27.5048],
|
|
|
["L", 37.6746, 28.8773],
|
|
|
["L", 35.579, 32.6272],
|
|
|
["L", 34.6667, 33.9997],
|
|
|
["L", 20, 30.0959],
|
|
|
["L", 21.8972, 23.0625],
|
|
|
["Z"]
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
type: "path",
|
|
|
version: "5.3.0",
|
|
|
originX: "left",
|
|
|
originY: "top",
|
|
|
left: -30.5219,
|
|
|
top: -4.7211,
|
|
|
width: 4.1186,
|
|
|
height: 4.5576,
|
|
|
fill: "",
|
|
|
stroke: "white",
|
|
|
strokeWidth: 1.2,
|
|
|
strokeDashArray: null,
|
|
|
strokeLineCap: "round",
|
|
|
strokeDashOffset: 0,
|
|
|
strokeLineJoin: "round",
|
|
|
strokeUniform: false,
|
|
|
strokeMiterLimit: 4,
|
|
|
scaleX: 1,
|
|
|
scaleY: 1,
|
|
|
angle: 0,
|
|
|
flipX: false,
|
|
|
flipY: false,
|
|
|
opacity: 1,
|
|
|
shadow: null,
|
|
|
visible: true,
|
|
|
backgroundColor: "",
|
|
|
fillRule: "nonzero",
|
|
|
paintFirst: "fill",
|
|
|
globalCompositeOperation: "source-over",
|
|
|
skewX: 0,
|
|
|
skewY: 0,
|
|
|
selectable: true,
|
|
|
hasControls: true,
|
|
|
path: [
|
|
|
["M", 37.6737, 28.8789],
|
|
|
["L", 39.6967, 29.4174],
|
|
|
["L", 38.6126, 33.4365],
|
|
|
["L", 35.5781, 32.6288]
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
type: "path",
|
|
|
version: "5.3.0",
|
|
|
originX: "left",
|
|
|
originY: "top",
|
|
|
left: -43.3008,
|
|
|
top: -7.6387,
|
|
|
width: 4.2123,
|
|
|
height: 4.181,
|
|
|
fill: "",
|
|
|
stroke: "#52C41A",
|
|
|
strokeWidth: 0.5,
|
|
|
strokeDashArray: null,
|
|
|
strokeLineCap: "butt",
|
|
|
strokeDashOffset: 0,
|
|
|
strokeLineJoin: "miter",
|
|
|
strokeUniform: false,
|
|
|
strokeMiterLimit: 4,
|
|
|
scaleX: 1,
|
|
|
scaleY: 1,
|
|
|
angle: 0,
|
|
|
flipX: false,
|
|
|
flipY: false,
|
|
|
opacity: 1,
|
|
|
shadow: null,
|
|
|
visible: true,
|
|
|
backgroundColor: "",
|
|
|
fillRule: "nonzero",
|
|
|
paintFirst: "fill",
|
|
|
globalCompositeOperation: "source-over",
|
|
|
skewX: 0,
|
|
|
skewY: 0,
|
|
|
selectable: true,
|
|
|
hasControls: true,
|
|
|
path: [
|
|
|
["M", 26.6615, 27.7018],
|
|
|
["C", 26.6615, 28.8548, 25.7201, 29.7923, 24.5554, 29.7923],
|
|
|
["C", 23.3906, 29.7923, 22.4492, 28.8548, 22.4492, 27.7018],
|
|
|
["C", 22.4492, 26.5488, 23.3906, 25.6113, 24.5554, 25.6113],
|
|
|
["C", 25.7201, 25.6113, 26.6615, 26.5488, 26.6615, 27.7018],
|
|
|
["Z"]
|
|
|
]
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
type: "textbox",
|
|
|
version: "5.3.0",
|
|
|
originX: "left",
|
|
|
originY: "top",
|
|
|
left: -15.709,
|
|
|
top: -15.0177,
|
|
|
width: 67.6873,
|
|
|
height: 13.56,
|
|
|
fill: "rgb(0,0,0)",
|
|
|
stroke: null,
|
|
|
strokeWidth: 1,
|
|
|
strokeDashArray: null,
|
|
|
strokeLineCap: "butt",
|
|
|
strokeDashOffset: 0,
|
|
|
strokeLineJoin: "miter",
|
|
|
strokeUniform: false,
|
|
|
strokeMiterLimit: 4,
|
|
|
scaleX: 1,
|
|
|
scaleY: 1,
|
|
|
angle: 0,
|
|
|
flipX: false,
|
|
|
flipY: false,
|
|
|
opacity: 1,
|
|
|
shadow: "",
|
|
|
visible: true,
|
|
|
backgroundColor: "",
|
|
|
fillRule: "nonzero",
|
|
|
paintFirst: "fill",
|
|
|
globalCompositeOperation: "source-over",
|
|
|
skewX: 0,
|
|
|
skewY: 0,
|
|
|
fontFamily: "arial",
|
|
|
fontWeight: "normal",
|
|
|
fontSize: 12,
|
|
|
text: record?.name || "设备",
|
|
|
underline: false,
|
|
|
overline: false,
|
|
|
linethrough: false,
|
|
|
textAlign: "left",
|
|
|
fontStyle: "normal",
|
|
|
lineHeight: 1.16,
|
|
|
textBackgroundColor: "",
|
|
|
charSpacing: 0,
|
|
|
styles: [],
|
|
|
direction: "ltr",
|
|
|
path: null,
|
|
|
pathStartOffset: 0,
|
|
|
pathSide: "left",
|
|
|
pathAlign: "baseline",
|
|
|
minWidth: 20,
|
|
|
splitByGrapheme: true,
|
|
|
selectable: true,
|
|
|
hasControls: true
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
};
|
|
|
return {
|
|
|
initDeviceGroupObjects
|
|
|
};
|
|
|
};
|